SI1022465483: Perbedaan revisi

Dari widuri
Lompat ke: navigasi, cari
[revisi tidak terperiksa][revisi tidak terperiksa]
(←Membuat halaman berisi '{{pagebreak}} <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"> <p style="line-height: 2"> '''PERANCANGAN SISTEM INFORMASI PERPUSTAKAN B...')
 
 
(109 revisi antara oleh 2 pengguna tidak ditampilkan)
Baris 2: Baris 2:
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
 
<p style="line-height: 2">
 
<p style="line-height: 2">
'''PERANCANGAN SISTEM INFORMASI PERPUSTAKAN BERBASIS WEB'''</P></div>
+
'''PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB'''</P></div>
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
 
<p style="line-height: 2">'''PADA SMK NEGERI 8 KOTA TANGERANG'''</P></div>
 
<p style="line-height: 2">'''PADA SMK NEGERI 8 KOTA TANGERANG'''</P></div>
Baris 29: Baris 29:
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 2">'''JURUSAN [[TEKNIK INFORMATIKA|TEKNIK INFORMATIKA]]'''</P></div>
+
<p style="line-height: 2">'''JURUSAN [[Teknik Informatika|TEKNIK INFORMATIKA]]'''</P></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
 
<p style="line-height: 2">'''KONSENTRASI SOFTWARE ENGINEERING'''</P></div>
 
<p style="line-height: 2">'''KONSENTRASI SOFTWARE ENGINEERING'''</P></div>
Baris 45: Baris 45:
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PENGESAHAN SKRIPSI'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PENGESAHAN SKRIPSI'''</p></div>
  
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB '''</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB'''</p></div>
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PADA SMK NEGERI 8 KOTA TANGERANG'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PADA SMK NEGERI 8 KOTA TANGERANG'''</p></div>
Baris 61: Baris 61:
 
|-
 
|-
  
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[PARCI HIDAYAT]]</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Parci Hidayat]]</div>
  
 
|-
 
|-
Baris 69: Baris 69:
 
|-
 
|-
  
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jurusan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: TEKNIK INFORMATIKA</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jurusan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Teknik Informatika</div>
  
 
|-
 
|-
Baris 83: Baris 83:
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disahkan Oleh :</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disahkan Oleh :</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><p style="line-height: 2">Tangerang, 19 Juni 2017</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><p style="line-height: 2">Tangerang, 19 Januari 2015</p></div>
  
 
{|table align="center"
 
{|table align="center"
Baris 113: Baris 113:
 
|-
 
|-
  
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Ir. [[Untung Rahardja]], M.T.I)</u></div>|| &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Nur Azizah]],M.Akt, M.Kom)</u></div>
+
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Ir. [[Untung Rahardja]], M.T.I)</u></div>|| &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Junaidi]],M.Kom)</u></div>
  
 
|-
 
|-
Baris 131: Baris 131:
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN PEMBIMBING'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN PEMBIMBING'''</p></div>
  
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PERANCANGAN SISTEM INFORMASI KAS KECIL BERBASIS WEB'''</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB'''</p></div>
  
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PADA PT.FM GLOBAL LOGISTICS'''</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PADA SMK NEGERI 8 KOTA TANGERANG'''</p></div>
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2"></p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2"></p></div>
Baris 143: Baris 143:
 
|-
 
|-
  
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1314476600</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1022465483</div>
  
 
|-
 
|-
  
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Kezia Caroline]]</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Parci Hidayat]]</div>
  
 
|}
 
|}
Baris 159: Baris 159:
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
  
<p style="line-height: 2" style="text-align: center;">Jurusan Sistem Informasi</p></div>
+
<p style="line-height: 2" style="text-align: center;">Jurusan Teknik Informatika</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Komputer Akuntansi</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Software Engineering</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disetujui Oleh :</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disetujui Oleh :</p></div>
Baris 167: Baris 167:
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
  
<p style="line-height: 2" style="text-align: right;">Tangerang, 19 Januari 2017</p></div>
+
<p style="line-height: 2" style="text-align: right;">Tangerang, 19 Juli 2017</p></div>
  
 
{|table align="center"
 
{|table align="center"
Baris 193: Baris 193:
 
|-
 
|-
  
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Endang Suryana]], S.Sos., M.M)</u></div>|| &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Bayu Pramono]], M.T.I)</u></div>
+
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Sutrisno]], M.Kom)</u></div>|| &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Haerudin]], S.Kom.,MM)</u></div>
  
 
|-
 
|-
  
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 07142</div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 14023</div>
+
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 10020</div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 05092</div>
  
 
|}
 
|}
Baris 209: Baris 209:
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN DEWAN PENGUJI'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN DEWAN PENGUJI'''</p></div>
  
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''PERANCANGAN SISTEM INFORMASI KAS KECIL BERBASIS WEB'''</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB'''</p></div>
  
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''PADA PT. FM GLOBAL LOGISTICS'''</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''PADA SMK NEGERI 8 KOTA TANGERANG'''</p></div>
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;"></p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;"></p></div>
Baris 221: Baris 221:
 
|-
 
|-
  
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1314476600</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1022465483</div>
  
 
|-
 
|-
  
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Kezia Caroline]]</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Parci Hidayat]]</div>
  
 
|}
 
|}
Baris 237: Baris 237:
 
<p style="line-height: 1" style="text-align: center;">Komprehensif</p></div>
 
<p style="line-height: 1" style="text-align: center;">Komprehensif</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Jurusan Sistem Informasi</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Jurusan Teknik Informatika</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Komputer Akuntansi</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Software Engineering</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tahun Akademik 2016/2017</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tahun Akademik 2016/2017</p></div>
Baris 247: Baris 247:
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
  
<p style="line-height: 1" style="text-align: right;">Tangerang, 19 Januari 2017</p></div>
+
<p style="line-height: 1" style="text-align: right;">Tangerang, 19 Juli 2017</p></div>
  
 
{|table align="center"
 
{|table align="center"
Baris 307: Baris 307:
 
|-
 
|-
  
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1314476600</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1022465483</div>
  
 
|-
 
|-
  
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Kezia Caroline]]</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Parci Hidayat]]</div>
  
 
|-
 
|-
Baris 319: Baris 319:
 
|-
 
|-
  
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jurusan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sistem Informasi</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jurusan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Teknik Informatika</div>
  
 
|-
 
|-
  
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Komputer Akuntansi</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Software Engineering</div>
  
 
|}
 
|}
Baris 335: Baris 335:
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tangerang, 19 Januari 2017</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tangerang, 19 Juli 2017</p></div>
  
 
{|table align="center"
 
{|table align="center"
Baris 361: Baris 361:
 
|-
 
|-
  
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>'''([[Kezia Caroline]])'''</u></div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>'''([[Parci Hidayat]])'''</u></div>
  
 
|-
 
|-
  
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''NIM : 1314476600'''</div>
+
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''NIM : 1022465483'''</div>
  
 
|}
 
|}
Baris 377: Baris 377:
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">''ABSTRACT''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">''ABSTRACT''</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 1">''PT.FM Global Logistics is a service provider company export and import of goods. System petty cash still using Microsoft Excel so that the lack of supervision and tidiness in report form petty cash, as well as data storage systems in the form of sheet per sheet making it difficult for a user to find reports of petty cash in the previous month, the system has not worked optimally as the user requires a lot of time to complete the report petty cash, the absence of data backup thus increasing the risk of data loss. With the existing problems, the researchers propose a petty cash system is web-based, using analytical methods PIECES. Designing the system using PHP programming language, with a user interface using Macromedia Dreamweaver 8. The system proposed can allow a user to find information and prepare reports with either petty cash, petty cash report format neater, petty cash data security is assured for their login menu, streamline time user in making statements petty cash in PT. FM Global Logistics.''.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 1">''Today, the era of globalization in Information technology is increasingly growing rapidly, one example is the library information system. The large number of reading interests by children and adults makes the lending of books increasingly crowded in visits by young people and adults. Both who want to borrow books, who want to read only in the library, and who will see what books are in the library. Libraries are usually enabled by visitors as a medium to seek references and obtain information. The problems faced today are many libraries that do not have a web-based information system online for service. This study aims to analyze and design a web-based library information system and perform testing on the performance of the library information system. The results show that web-based library information system built with PHP and MySQL software, can work in Internet network, with the ability to receive visit data to web library, serve member registration to get wider access, provide information service need to availability Books in the form of searching, serving direct lending and return transactions.''.</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left"><p style="line-height: 2">''
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left"><p style="line-height: 2">''
  
Keyword : Petty Cash, PT. FM Global Logistics, Exports, Imports''</p></div>
+
Keyword : Internet, Library, MySQL, PHP, WEB''</p></div>
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">ABSTRAKSI</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">ABSTRAKSI</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 1">PT.FM Global Logistics adalah sebuah perusahaan penyedia jasa ekspor dan impor barang. Sistem kas kecil masih menggunakan Microsoft Excel sehingga kurangnya pengawasan dan kerapihan dalam format laporan kas kecil, serta sistem penyimpanan data berupa sheet per sheet sehingga menyulitkan user untuk mencari laporan kas kecil di bulan sebelumnya, sistem belum berjalan optimal karena user membutuhkan banyak waktu untuk menyelesaikan laporan kas kecil, tidak adanya data cadangan sehingga meningkatkan resiko kehilangan data. Dengan permasalahan yang ada, maka peneliti mengusulkan sistem kas kecil berbasis web, menggunakan metode analisis PIECES. Perancangan sistem menggunakan bahasa pemrograman PHP, dengan user interface menggunakan Macromedia Dreamweaver 8. Sistem yang di usulkan  dapat memudahkan user mencari informasi dan menyusun laporan kas kecil dengan baik, format laporan kas kecil lebih rapi, keamanan data kas kecil terjamin karena adanya menu login, mengefisienkan waktu user dalam pembuatan laporan kas kecil di PT. FM Global Logistics</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 1">Dewasa ini, era globalisasi dalam teknologi Informasi kian sangat berkembang dengan pesat, salah satu contohnya adalah sistem informasi perpustakaan. Banyaknya minat baca oleh anak – anak maupun dewasa membuat peminjaman buku yang kian ramai di kunjungi oleh para orang – orang muda maupun orang dewasa. Baik yang ingin meminjam buku, yang ingin membaca saja di pepustakaan, maupun yang akan melihat buku apa saja yang ada di perpustakaan. Perpustakaan biasanya difungsikan oleh pengunjung sebagai media untuk mencari referensi dan memperoleh informasi. Permasalahan yang dihadapi saat ini adalah banyak perpustakaan yang belum memiliki sistem informasi berbentuk web secara online untuk pelayanan. Penelitian ini bertujuan untuk menganalisis dan merancang sebuah sistem informasi perpustakaan berbasis web serta melakukan pengujian terhadap unjuk kerja dari sistem informasi perpustakaan. Hasil penelitian menunjukkan bahwa sistem informasi perpustakaan berbasis web yang dibangun dengan perangkat lunak PHP dan MySQL, dapat bekerja dalam jaringan Internet, dengan kemampuan dapat menerima data kunjungan terhadap web perpustakaan, melayani registrasi anggota untuk mendapatkan akses yang lebih luas, memberikan layanan kebutuhan informasi terhadap ketersediaan buku dalam bentuk searching, melayani transaksi peminjaman dan pengembalian secara langsung.</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left"><p style="line-height: 2">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left"><p style="line-height: 2">
  
<em>Kata Kunci : Kas Kecil, PT. FM Global Logistics, Ekspor, Impor</em></p></div>
+
<em>Kata Kunci : Internet, Perpustakaan, MySQL, PHP, WEB</em></p></div>
  
 
{{pagebreak}}
 
{{pagebreak}}
Baris 397: Baris 397:
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
Puji syukur, peneliti panjatkan kehadirat Allah SWT yang telah melimpahkan rahmat dan karunia- Nya, sehingga peneliti dapat menyelesaikan skripsi ini. </p></div>
+
Bismilahirrahmanirrahim,</p></div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dengan memanjatkan puji syukur kehadirat Allah SWT yang telah memberikan rahmat dan hidayah-nya sehingga penulis dapat menyelesaikan penyusunan laporan skripsi ini dengan baik. Adapun judul penulis uraikan dalam laporan ini adalah “PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB PADA SMK NEGERI 8 KOTA TANGERANG”.</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
Laporan skripsi ini dibuat berdasarkan penelitian yang dilakukan oleh peneliti di PT. FM Global Logistics. Lebih tepatnya di bagian keuangan dengan judul “ Perancangan Sistem Informasi Kas Kecil Berbasis Web Pada PT. FM Global Logistics”</p></div>
+
      Tujuan dari laporan skripsi ini antara lain memenuhi salah satu persyaratan menyelesaikan pendidikan jenjang Srata Satu (S1) Jurusan Teknik Informatika pada Sekolah Tinggi Manajemen dan Ilmu Komputer (STMIK) Raharja, juga berguna untuk memperdalam kemampuan penulis dalam merancang suatu sistem agar diterapkan dengan baik.</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
Keberhasilan laporan skripsi ini tidak terlepas dari semua pihak yang terkait dengan bantuan bimbingan, nasihat, motivasi dan dorongan moral, dengan segala kerendahan hati, peneliti ingin menyampaikan rasa terimakasih yang sebesar-besarnya kepada :</p></div>
+
Dalam kesempatan ini penulis juga ingin mengucapkan terima kasih bahwa tanpa bimbingan, bantuan dan dorongan semua pihak maka penulis ingin menyampaikan terima kasih khususnya kepada kedua orang tua tercinta dan keluarga yang telah memberikan banyak do’a, dukungan moril dan materiil kepada penulis. Dan pada kesempatan ini penulis tidak lupa mengucapkan terima kasih kepada pihak-pihak yang telah membantu selama ini :</p></div>
  
 
<ol>
 
<ol>
Baris 417: Baris 419:
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1.5;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1.5;">
  
Ibu Nur Azizah, M.Kom selaku Kepala Jurusan Sistem Informasi.</li>
+
Bapak Junaidi, M.Kom selaku Kepala Jurusan Teknik Informatika STMIK Raharja.</li>
  
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1.5;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1.5;">
  
Bapak Endang Suryana, S.Sos., M.M selaku dosen pembimbing pertama yang telah membantu memberikan waktu, kritik dan saran yang membangun dalam pembuatan skripsi ini.</li>
+
Bapak Sutrisno, M.Kom selaku Dosen Pembimbing pertama yang telah memberikan masukkan dan motivasi kepada penulis sehingga laporan skripsi ini dapat terselesaikan dengan baik dan tepat pada waktunya.</li>
  
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1.5;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1.5;">
  
Bapak Bayu Pramono, M.T.I selaku dosen pembimbing kedua yang telah membantu memberikan waktu, kritik dan saran yang membangun dalam pembuatan skripsi ini.</li>
+
Bapak Haerudin, S.Kom.,MM selaku Dosen Pembimbing kedua yang telah memberi bantuan masukkan dan ilmu kepada penulis untuk penyelesaian laporan Skripsi ini.</li>
  
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1.5;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1.5;">
Baris 436: Baris 438:
  
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1.5;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1.5;">
Kepada seluruh pegawai di PT. FM Global Logistics yang telah bekerjasama dengan baik saat penelitian skripsi.</li>
+
 
 +
Bapak Abdul Aziz, selaku pembimbing lapangan dan SMK Negeri 8 Kota Tangerang yang telah mengizinkan dan membantu mengumpulkan data yang saya butuhkan untuk menyelesaikan skripsi.</li>
  
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1.5;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1.5;">
Baris 444: Baris 447:
  
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tangerang, 19 Januari 2017</div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tangerang, 19 Juli 2017</div>
  
  
Baris 454: Baris 457:
 
&nbsp;
 
&nbsp;
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">'''([[Kezia Caroline]])'''</div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">'''NIM : 1314476600'''</div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">'''([[Parci Hidayat]])'''</div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">'''NIM : 1022465483'''</div>
  
 
{{pagebreak}}
 
{{pagebreak}}
Baris 460: Baris 463:
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
  
<p style="line-height: 2">'''DAFTAR GAMBAR'''</p></div>
+
 
  
 
{{pagebreak}}
 
{{pagebreak}}
Baris 472: Baris 475:
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">
 
<p style="line-height: 2">
Kegiatan ekspor dan impor didasari oleh kondisi bahwa tidak ada suatu negara yang benar benar mandiri karena satu sama lain saling membutuhkan dan saling mengisi. Setiap negara memiliki karakteristik yang berbeda, baik sumber daya alam, iklim, geografi, demografi, struktur ekonomi dan struktur sosial. Perbedaan tersebut menyebabkan perbedaan komoditas yang dihasilkan, komposisi biaya yang diperlukan, kualitas dan kuantitas produk secara langsung ataupun tidak langsung membutuhkan pertukaran barang atau jasa antara negara dengan negara lainnya. Maka dari itu antara negara-negara yang terdapat didunia perlu terjalin suatu hubungan perdagangan untuk memenuhi kebutuhan tiap-tiap negara tersebut.</p></div>
+
Di jaman yang berkembang dan modern ini, perkembangan teknologi dan informasi saat ini sangat pesat untuk mendapatkan informasi dan data yang akurat dibutuhkan informasi yang baik untuk dapat mempermudah dalam melakukan pekerjaan dan keputusan yang akan diambil. Dari sebuah data, jika data tersebut dibutuhkan oleh pengguna maka akan menjadi informasi yang dapat membantu dalam mencari informasi yang dibutuhkan, hingga saat ini dalam dunia pendidikan juga sangat membutuhkan informasi yang cepat, tepat dan akurat.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">
 
<p style="line-height: 2">
Dalam perdagangan internasional sudah menjadi kenyataan yang tidak dapat disangkal lagi bahwa untuk lalu lintas perdagangan internasional harus lebih efektif dan efisien diperlukan peranan bank untuk melakukan pembayaran atas perjanjian jual beli yang telah disepakati. Sehingga wajar bank tidak lagi hanya di anggap sebagai tempat untuk menyimpan atau meminjam uang saja, tetapi juga merupakan pihak perantara dalam memecahkan masalah pelaksanaan pembayaran apabila para pengusaha mengadakan transaksi perdagangan antar negara. </p></div>
+
Beberapa sekolah yang sudah memiliki fasilitas-fasilitas yang memadai diantaranya adalah perpustakaan dimana perpusatakaan yang ada pada sekolah ini sangat penting karena sudah menjadi kebutuhan dari para siswa yang ingin mendapatkan informasi tentang pelajaran yang sedang dihadapinya, referensi dari buku yang ada di perpustakaan sangatlah penting untuk dimiliki oleh siswa di sekolah.</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">
 
<p style="line-height: 2">
PT.FM Global Logistics adalah sebuah perusahaan penyedia jasa ekspor dan impor barang. Perusahaan ini bertempatkan di Komplek pergudangan Soewarna Blok E-10 Bandara Soekarno-Hatta. Perusahaan ini  ini bergerak dalam bidang jasa pengangkutan atau pengiriman barang dari satu tempat ketempat lain dengan menggunakan modal transportasi darat, laut dan udara (Air Freight Forwarding). Dengan pengalamannya selama 5 tahun sebagai penyedia jasa ekspor dan impor barang, tentunya PT.FM Global Logistics selalu menjaga reputasi perusahaan untuk menghadirkan pelayanan jasa pelayanan ekspor dan impor terbaik kepada tiap customer. </p></div>
+
Sekolah yang memiliki perpustakaan dengan intensitas mobilitas peminjaman buku yang tinggi, dibutuhkan sistem informasi yang baik dalam melakukan management peminjaman buku pada perpustakaan tersebut agar buku yang dipinjam dapat dikembalikan dengan tepat waktu dan tersimpan histori peminjam. Peranan dari sekolah dalam hal ini sangat menentukan berjalannya management perpus yang diinginkan.</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">
 
<p style="line-height: 2">
Masalah yang di hadapi oleh PT. FM Global Logistics saat ini adalah sistem kas kecil yang masih dilakukan secara semi komputerisasi, sehingga membuat staff accounting pada perusahaan tersebut membutuhkan banyak waktu untuk menyelesaikan laporan kas kecil. Sistem saat ini juga masih belum berjalan dengan optimal karena tidak adanya back up data atau data cadangan sebagai arsip yang dimiliki oleh perusahaan, sehingga meningkatkan resiko kehilangan data. Pembuatan laporan kas ini dilakukan setiap 1 bulan sekali, Setelah semua data-data terkumpul. Tetapi masih banyak data yang tidak terkelola dengan baik, karena sistem penyimpanan data masih berupa file Microsoft Excel sehingga menyulitkan staff accounting untuk mencari data laporan kas kecil di bulan sebelumnya. </p></div>
+
Untuk memberikan pelayanan atau kualitas sekolah yang lebih baik maka instalasi pendidikan harus mengikuti kemajuan teknologi agar setiap kepentingan sekolah terutama dalam meningkatkan kinerja dan mempermudah proses pekerjaan yang membutuhkan monitoring dan kecepatan pengelolaan data dan informasi pada perpustakaan yang ada pada sekolah.</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">
 
<p style="line-height: 2">
Dengan adanya perubahan sistem yang didasari pada perkembangan teknologi informasi ini diharapkan sistem yang akan dibangun dapat mempermudah pekerjaan staff administrasi untuk mendata pengeluaran, pemasukan serta stock opname dalam laporan kas kecil, hal ini dapat mengefisienkan waktu staff accounting dalam penyelesaian laporan kas kecil. Maka hal inilah yang melandasi peneliti untuk mengembangkan sistem ini dengan melakukan penelitian dan mendokumentasikannya dalam sebuah laporan Skripsi dengan judul''' “ Perancangan Sistem Informasi Kas Kecil Berbasis Web pada PT. FM Global Logistics”'''</p></div>
+
Perancangan sistem informasi SMK Negeri 8 Kota Tangerang terdapat kesulitan dalam mengetahui informasi peminjam buku yang sudah melebihi waktu pinjam yang sudah disepakati atau di tentukan serta kesulitan dalam melihat atau melakukan pencarian buku yang ditanyakan oleh siswa ke admin perpustakaan dimana pencarian buku yang dicari oleh siswa memakan waktu yang cukup lama dalam proses pencariannya yaitu harus mencari ke rak buku satu persatu dan juga melihat pada buku catatan pinjaman yang harus di cari di setiap lembar, Oleh, karena itu Sistem informasi peminjaman buku yang menggunakan sistem teknologi komputer merupakan salah satu upaya untuk membantu kelancaran dalam pendataan keluar masuknya buku sehingga mempermudah pegawai dan data yang di dapat lebih tepat dan akurat, maka dalam penulisan Skripsi ini peneliti memilih judul “PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB PADA SMK NEGERI 8 KOTA TANGERANG ”.'''</p></div>
  
 
=='''Rumusan Masalah'''==
 
=='''Rumusan Masalah'''==
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">
 
<p style="line-height: 2">
Dengan persoalan yang sering terjadi didalam kegiatan pencatatan kas kecil, maka dengan ini peneliti ingin melakukan dan menganalisis masalah sebagai berikut: </p></div>  
+
Pada perancangan sistem informasi perpustakaan SMK Negeri 8 Kota Tangerang ini diketahui ketika siswa ingin mencari buku yang akan di pinjam maka siswa harus datang ke perpustakaan dan menanyakan buku tersebut ke bagian administrasi perpustakaan sekolah, lalu bagian administrasi sekolah mencari satu persatu sehingga memakan waktu yang cukup lama dan terkadang siswa sudah menunggu lama dan datang ke perpustakaan buku yang dicari sering tidak ada. Untuk bagian administrasi dalam mencari informasi siswa yang melakukan peminjaman buku sudah melebihi waktu yang ditentukan membutuhkan waktu yang lama, berdasarkan latar belakang diatas, penulis mengidentifikasikan masalah sebagai berikut:</p></div>  
 
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
Bagaimana proses pencatatan kas kecil yang sedang berjalan saat ini pada PT.FM Global Logistics ?</li>
+
Bagaimana cara siswa dapat mengetahui buku yang akan di cari ada atau tidak pada perpustakaan?</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
Apa permasalahan yang sedang terjadi pada sistem yang sedang berjalan saat ini pada PT.FM Global Logistics?</li>
+
Bagaimana cara bagian administrasi dapat mengetahui buku yang di cari oleh siswa ada pada rak atau masih dalam status di pinjam?</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
Bagaimana merancang sistem informasi pencatatan kas kecil yang dibutuhkan oleh PT.FM Global Logistics?</li>
+
Bagaimana cara bagian administrasi perpustakaan dapat melihat laporan peminjam dan mengetahui status peminjam yang melewati batas waktu pinjam.</li></ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+
Apakah dengan sistem yang dirancang membuat pencatatan kas kecil menjadi efisien ?</li></ol>
+
  
 
=='''Tujuan dan Manfaat Penelitian'''==
 
=='''Tujuan dan Manfaat Penelitian'''==
Baris 509: Baris 510:
 
<p style="line-height: 2">
 
<p style="line-height: 2">
  
Setiap penelitian memiliki tujuan serta manfaat. Dalam penelitian laporan Skripsi, Peneliti memiliki tujuan penelitian sebagai berikut:</p></div>
+
Tujuan dari penulisan skripsi ini adalah sebagai berikut :</p></div>
  
 
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
Untuk mengetahui proses pencatatan kas kecil yang sedang berjalan saat ini pada PT.FM Global Logistics.</li>
+
Untuk mengetahui prosedur peminjaman buku pada perpustakaan dan pengembalian buku yang di pinjam.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
Untuk mengetahui permasalahan dalam sistem kas kecil yang sedang berjalan pada PT.FM Global Logistics.</li>
+
Untuk mengetahui masalah-masalah yang dihadapi serta  usaha pemecahannya yang dilakukan oleh SMK Negeri 8 Kota Tangerang pada perpustakaan.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
Untuk menghasilkan sistem yang dibutuhkan oleh PT.FM Global Logistics untuk mempermudah proses pencatatan kas kecil.</li>
+
Untuk mengimplementasikan sistem perpustakaan yang telah dibuat pada SMK Negeri 8 Kota Tangerang.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
Untuk mengkaji hasil rancangan sistem kas kecil pada PT.FM Global Logistics apakah sudah berjalan efisien atau belum</li></ol>
+
Untuk dapat menghasilkan sistem yang dapat membantu administrasi perpustakaan dalam pengelolaan peminjaman buku.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Untuk mempermudah siswa mengetahui buku yang ingin di pinjam.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Agar penulis mendapatkan pengalaman secara faktual dilapangan sebagai wahana terbentuknya tenaga yang professional, yaitu tenaga yang memiliki seperangkat pengetahuan, keterampilan, nilai dan sikap yang diperlukan bagi profesinya, serta sebagai salah satu syarat kelulusan dan untuk memperoleh gelar Strata 1 (S1) STMIK Raharja.</li></ol>
  
 
==='''Manfaat'''===
 
==='''Manfaat'''===
Baris 526: Baris 531:
  
 
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height:2;">
 
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height:2;">
Dapat mempermudah proses pencatatan kas kecil pada PT.FM Global Logistics.</li>
+
Dapat mengatasi kendala-kendala dan permasalahan pada sistem yang berjalan agar mendapat solusi yang terbaik untuk meningkatkan kinerja yang optimal khususnya untuk masalah peminjaman buku pada perpustakaan sekolah.</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height:2;">
+
Mempermudah staff accounting dalam membuat laporan kas kecil.</li>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height:2;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height:2;">
Dapat membuat sistem yang dibutuhkan oleh PT.FM Global Logistics untuk proses pencatatan kas kecil.</li>
+
Dapat menghasilkan  informasi  yang dibutuhkan secara  efektif  dan efisien.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height:2;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height:2;">
Dapat mempermudah staff yang terkait dalam mendapatkan informasi yang akurat.</li></ol>
+
Memberikan alternatif pemecahan masalah pada perpustakaan.</li></ol>
  
  
Baris 538: Baris 541:
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">
 
<p style="line-height: 2">
Agar dalam pembahasan masalah menjadi lebih terarah dan berjalan dengan baik maka peneliti memberikan batasan pada sistem ini yaitu :</p></div>
+
Untuk memudahkan pekerjaan serta membatasi pekerjaan yang akan diselesaikan guna menghindari adanya kegiatan diluar tujuan yang akan dicapai, sehingga dalam pembuatan sistem informasi perpustakaan SMK Negeri 8 Kota Tangerang, diperlukan suatu batasan masalah.
 +
Adapun batasan masalahnya adalah sebagai berikut:</p></div>
 
<ol>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height:2;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height:2;">
Sistem yang dibahas hanya sebatas proses pengelolaan kas kecil pada PT. FM. Global Logistics.</li>
+
Pendaftaran anggota
 +
Proses ini hanya berlaku untuk siswa atau siswi SMK Negeri 8 Kota Tangerang, dan dilakukanlah penginputan data untuk calon anggota.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height:2;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height:2;">
Sistem yang di buat meliputi kelola data pegawai, list permintaan, saldo awal, permintaan anggaran, pengeluaran kas kecil dan laporan keuangan kas kecil.</li></ol>
+
Proses sirkulasi, bagian ini hanya mencakup :
 +
a.Peminjaman
 +
Pada proses ini hanya mencakup peminjaman buku yang dilakukan oleh anggota sesuai dengan persyaratan peminjaman.
 +
b.Pengembalian
 +
Pada proses ini hanya mencakup penanganan pengembalian buku secara utuh dan tidak mencakup pengembalian buku dalam keadaan rusak atau hilang.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height:2;">
 +
Pendaftaran buku
 +
Proses yang dilakukan untuk menginputkan data buku baru, dimana buku-buku tersebut sudah melalui proses pengklasifikasian dan pengkodean.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height:2;">
 +
Proses pencarian buku
 +
Pencarian buku hanya berdasarkan jenis buku, penerbit buku dan judul buku.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height:2;">
 +
Proses Pembuatan Laporan
 +
a.Laporan anggota.
 +
b.Laporan buku.
 +
c.Laporan peminjaman buku.</li></ol>
 +
 
 +
 
 +
 
 +
 
  
  
Baris 556: Baris 580:
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 
Metode Wawancara (Interview):<br>
 
Metode Wawancara (Interview):<br>
Peneliti melakukan sesi tanya jawab kepada narasumber yaitu staff accounting yang berada di bawah lingkungan PT.FM Global Logistics.</li>
+
Penulis melakukan suatu teknik pengumpulan data dengan jalan wawancara dan tanya jawab kepada pembimbing lapangan yaitu Bapak Abdul Aziz selaku administrasi perpustakaan yang mempunyai wewenang serta mengetahui tentang seluk beluk dari perpustakaan tersebut dan dikerjakan secara sistematik dan berlandaskan tujuan dari penelitian.</li>
  
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 
Metode Pengamatan Langsung (Observasi):<br>
 
Metode Pengamatan Langsung (Observasi):<br>
Metode pengumpulan data dengan cara peneliti mengadakan pengamatan langsung pada PT.FM Global Logistics, metode ini dilakukan untuk mengumpulkan data yang merupakan sumber informasi yang sangat penting untuk menganalisis proses pencatatan kas kecil.</li>
+
Dalam hal ini penulis melakukan pengamatan langsung dan pencatatan tentang peminjaman buku serta cara siswa mengembalikan buku yang sudah di pinjam. Penulis dapat melakukan kegiatan pengamatan secara langsung tentang cara ataupun proses penyimpanan buku serta cara pengembalian buku pada sekolah SMK Negeri 8 Kota Tangerang.</li>
  
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
Baris 568: Baris 592:
 
=='''Metode Analisis'''==
 
=='''Metode Analisis'''==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada penelitian ini digunakan teknik analisis berupa pendekatan Object Oriented Analysis (OOA) atau yang disebut juga dengan analisis berorientasi obyek dengan UML. Proses analisis ini dilakukan dengan menggunakan hasil tahapan pengumpulan data dengan wawancara, observasi, dan studi pustaka untuk mendapatkan spesifikasi kebutuhan sistem yang akan dikembangkan.</p></div>
<p style="line-height: 2">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada proses analisis, teknik analisis yang dilakukan adalah :</p></div>
Analisis data merupakan salah satu langkah penting dalam rangka memperoleh temuan-temuan hasil penelitian. Hal ini disebabkan, data akan menuntun kita ke arah temuan ilmiah, bila dianalisis dengan teknik-teknik yang tepat. Analisis sistem dilakukan menggunakan Metode analisis PIECES (Performance, Information/Data, Economic, Control/Security, Efficiency, dan Service).<Br>
+
 
Metode Analisis PIECES peneliti  gunakan untuk mengidentifikasi masalah, maka harus dilakukan analisis terhadap kinerja, informasi, ekonomi, keamanan aplikasi, efisiensi dan pelayanan pelanggan. Dari analisis ini biasanya didapatkan beberapa masalah utama, hal ini penting karena biasanya yang muncul di permukaan bukan masalah utama, tetapi hanya gejala dari masalah utama saja.<br>
+
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Analisis Pengguna. Dilakukan analisis terhadap user-user yang akan menggunakan aplikasi dan juga fungsi-fungsi apa saja yang bisa didapatkan oleh masing– masing user.</li>
Kelebihan metode PIECES yaitu : Adanya laporan setiap akhir sehingga memudahkan adanya pengawasan, serta mudah dalam melakukan dokumentasi, sehingga memudahkan penelusuran kembali terhadap kebutuhan bisnis.<br>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
Alasan mengapa peneliti menggunakan metode PIECES pada penelitian skripsi ini, karena untuk memperbaiki performa dalam pengelolaan laporan  kas kecil menjadi lebih baik, dan untuk mengurangi kesalahan dalam  pencatatan saat proses pencatatan kas kecil. Untuk mengurangi pemborosan biaya dalam penggunaan kertas dan alat alat tulis, untuk memperbaiki keamanan sehingga orang yang tidak berwenang tidak bisa mengakses dan merubah data, dan mengurangi keterlambatan untuk memperoleh data-data pengeluaran dan pemasukan yang dibutuhkan yang di butuhkan oleh perusahaan.
+
Analisis kebutuhan Fungsional, non fungsional dan pengguna.
</p></div>
+
Pemodelan kebutuhan fungsional untuk menggambarkan fungsi sistem dan pengguna yang terlibat serta fungsi-fungsi apa saja yang bisa didapatkan oleh masing-masing pengguna dimodelkan dengan Use Case Diagram.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Analisis perilaku sistem.
 +
Pada tahapan ini, dilakukan analisis perilaku sistem yang dikembangkan dan dimodelkan dengan Activity Diagram dan Sequence Diagram. Activity Diagram untuk memodelkan proses use case yang berjalan di dalam sistem, sedangkan sequence diagram untuk memodelkan pengiriman pesan (message) antar object dan kronologinya.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Analisis sistem berjalan saat ini.
 +
Pada tahapan ini, penulis menganalisa dan menelaah sejauh mana sistem yang sedang berjalan diperpustakaan SMK Negeri 8 Kota Tangerang, apakah sudah berjalan efesien atau masih ditemukan banyak kendala.</li></ol>
 +
 
 +
 
  
  
 
==='''Metode Perancangan'''===
 
==='''Metode Perancangan'''===
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
<p style="line-height: 2">
+
Metode perancaangan system yang digunakan dalam penelitian ini yaitu metode SDLC (System Development Life Cycle) dengan tahapan sebagai berikut:</p></div>
Dalam Skripsi ini metode perancangan yang digunakan penelitin adalah metode perancangan terstruktur melalui tahapan pembuatan UML, pembuatan database dan pembuatan program yang disesuaikan berdasarkan kebutuhan administrasi pada elisitasi. Sedangkan Bahasa pemrograman yang digunakan adalah PHP serta database yang digunakan MySQL, sedangkan software pendukung yang digunakan dalam mendesain dan membuat program adalah Adobe Dreamweaver CS6 dan model desainnya menggunakan UML dan menggunakan tools Visual Paradigm for UML 8.0 Enterprise Edition.(''flowchart program'').</p></div>
+
 
 +
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Perencanaan (Planning).
 +
Tahap perencanaan adalah tahap awal pengembangan sistem yang mendefinisikan perkiraan kebutuhan – kebutuhan sumber daya, seperti  : perangkat fisik, metode dan anggaran yang sifatnya masih umum. Dalam tahap ini juga dilakukan langkah – langkah berupa: mendefinisikan masalah, menentukan tujuan sistem, mengidentifikasi kendala – kendala system dan membuat studi kelayakan.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Analisis (Analysis).
 +
Tahap analisis merupakan tahap penelitian atas sistem yang berjalan dengan tujuan untuk merancang sistem yang baru dengan menggunakan tools atau alat bantu UML (Unified Modeling Language) dengan software Entreprise Architect yaitu sebuah bahasa yang berdasarkan grafik atau gambar, menvisualisasikan, menspesifikasikan, membangun dan pendokumentasian dari sebuah system pengembangan piranti lunak berbasis “OO”(Object Orientied) melalui tahap : Use Case Diagram, Sequence Diagram, dan Activity Diagram yang dilakukan melalui 4 (empat) tahap, yaitu: (1) Survey terhadap sistem yang berjalan, (2) Analisa terhadap temuan survey, (3) Identifikasi kebutuhan informasi dengan menggunakan alat bantu elisitasi melalui 4 (empat) tahapan, yaitu tahap 1 (satu) mencakup semua kebutuhan sistem, tahap 2 (dua) melakukan pengelompokkan kebutuhan dengan metode MDI (Mandatory, Desirable, Inessential) selanjutnya tahap 3 (tiga) dengan TOE (Technical, Operational dan Economic) serta tahap final, (4) Identifikasi persyaratan sistem. Hasil analisa kemudian dibuat laporan untuk masukan dalam perancangan sistem yang diusulkan.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Desain (Design).
 +
Tahap Design yaitu tahap dalam menentukan proses data yang diperlukan oleh sistem baru dengan tujuan memenuhi kebutuhan user dengan alat bantu UML dengan software Entreprise Architect, Use Case Diagram, Class Diagram, Sequence Diagram, Statechart Diagram dan Activity Diagram. Proses design akan menerjemahkan syarat kebutuhan ke sebuah perancangan perangkat lunak yang dapat diperkirakan sebelum dibuat coding. Proses ini berfokus pada : struktur data dengan menggunakan MySQL, arsitektur perangkat lunak, representasi interface dengan menggunakan Notepad ++, dan detail (algoritma) prosedural. Tahapan ini akan menghasilkan dokumen yang disebut software requirement. Dokumen inilah yang akan digunakan programmer untuk melakukan aktivitas pembuatan sistemnya. Langkah-langkah yang dilakukan adalah : menyiapkan rancangan sistem yang rinci, mengidentifikasi alternatif konfigurasi sistem dan menyiapkan usulan implementasi.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Implementasi (Implementation).
 +
Tahap implementasi adalah tahap dimana rancangan sistem yang dibentuk menjadi suatu kode (program) yang siap untuk dioperasikan. Langkah-langkahnya yaitu : menyiapkan fasilitas fisik dan personil, dan melakukan simulasi.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Pemeliharaan (Maintenance).
 +
Setelah melakukan implementasi terhadap sistem baru, tahap berikutnya yang perlu dilakukan adalah pemakaian atau penggunaan, audit sistem, penjagaan, perbaikan dan pengembangan sistem.</li></ol>
 +
 
 +
 
  
 
=='''Metode Pengujian (Testing)'''==
 
=='''Metode Pengujian (Testing)'''==
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
<p style="line-height: 2">
+
Dalam skripsi ini metode pengujian yang digunakan yaitu Black Box Testing. Black Box Testing adalah metode uji coba yang memfokuskan pada keperluan software. Karena itu uji coba Black Box memungkinkan pengembangan software untuk membuat himpunan kondisi input yang akan melatih seluruh syarat-syarat fungsional suatu program. Metode pengujian Black Box berusaha untuk menemukan kesalahan dalam beberapa kategori, diantaranya: fungsi-fungsi yang salah atau hilang, kesalahan dalam struktur data atau akses database eksternal, kesalahan performa, kesalahan inisialisasi, dan terminasi.</p></div>
Metode pengujian ini digunakan untuk menganalisis suatu sistem untuk mendeteksi, mengevaluasi kondisi dan fitur-fitur yang diinginkan dan mengetahui kualitas dari suatu sistem yang dilakukan untuk mengeliminasi kesalahan yang terjadi saat sistem di terapkan. Peneliti menggunakan metode Black Box Testing karena metode Black Box Testing dapat mengetahui apakah perangkat lunak yang dibuat dapat berfungsi dengan benar dan telah sesuai dengan yang diharapkan.</p></div>
+
  
 
=='''Sistematika Penulisan'''==
 
=='''Sistematika Penulisan'''==
Baris 606: Baris 654:
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 +
 
<p style="line-height: 2">
 
<p style="line-height: 2">
 
'''BAB III ANALISIS SISTEM YANG SEDANG BERJALAN'''<br>
 
'''BAB III ANALISIS SISTEM YANG SEDANG BERJALAN'''<br>
Dalam bab ini berisikan analisis gambaran dan sejarah singkat PT.FM Global Logistics, struktur organisasi, penjabaran tugas dan wewenang, tata laksana sistem yang berjalan, rancangan prosedur sistem yang berjalan, analisis sistem yang berjalan, metode analisis masukan, analisis proses, analisis keluaran, analisis masalah, analisis kontrol, analisis waktu, analisis tenaga kerja, analisis kebutuhan sistem, alternatif pemecahan masalah,  konfigurasi sistem berjalan, dan user requirement. </p></div>
+
Pada bab ini membahas mengenai gambaran umum serta sejarah objek  yang  diteliti, struktur organisasi serta cara kerja admin perpustakaan dalam memproses data dan menggunakan data atau berkas-berkas yang digunakan.</p></div>
  
  
Baris 614: Baris 663:
 
<p style="line-height: 2">
 
<p style="line-height: 2">
 
'''BAB IV RANCANGAN SISTEM YANG DIUSULKAN'''<br>
 
'''BAB IV RANCANGAN SISTEM YANG DIUSULKAN'''<br>
Bab ini berisikan rancangan sistem yang akan diusulkan pada PT. FM Global Logistics, UML yang diusulkan, rancangan basis data, rancangan tampilan layar, tampilan output program, pengujian dengan black box testing, dan rancangan implementasi, estimasi biaya.</p></div>
+
Bab ini menjelaskan tentang permasalahan dan pemecahan masalah, diagram alur data sistem usulan, rancangan UML, normalisasi, rancangan database, struktur kode, rancangan menu, desain input/output, tampilan input/output, spesifikasi sistem komputer sampai jadwal implementasi.</p></div>
  
  
Baris 636: Baris 685:
 
=<div style="font-family: 'times new roman'; text-align: center">'''BAB II'''</div>=
 
=<div style="font-family: 'times new roman'; text-align: center">'''BAB II'''</div>=
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div>
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div>
==Teori Umum==
+
 
 +
==TEORI UMUM==
 
===Konsep Dasar Sistem===
 
===Konsep Dasar Sistem===
 
====Definisi Sistem====
 
====Definisi Sistem====
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Ada beberapa pendapat para ahli mengenai definisi sistem, diantaranya :</p></div>
<p style="line-height: 2">
+
Berikut ini adalah beberapa definisi sistem menurut beberapa ahli, diantaranya: </p></div>
+
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Menurut Sutarman (2012:13) <ref name= " Sutarman. 2012"> Sutarman. 2012. Buku Pengantar Teknologi Informasi. Jakarta : Bumi Aksara.</ref>, “Sistem adalah kumpulan elemen yang saling berhubungan dan saling berinteraksi dalam satu kesatuan untuk menjalankan suatu proses pencapaian suatu tujuan utama”.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menurut Suprihadi dalam Jurnal CCIT (2013:310), “Sistem adalah sekumpulan unsur atau elemen yang saling berkaitan dan saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan.”</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Menurut Kadir (2014:61) <ref name= " Kadir, Abdul. 2014"> Kadir, Abdul. 2014. Pengenalan Sistem Informasi. Edisi Revisi. Yogyakarta :
+
Andi Offset </ref>, “Sistem adalah sekumpulan elemen yang saling terkait atau terpadu yang dimaksudkan untuk mencapai suatu tujuan”.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Jadi peneliti dapat menyimpulkan bahwa “sistem adalah seperangkat elemen yang digabungkan satu dengan yang lainnya dengan tujuan yang sama”.</p></li></ol>
+
  
 +
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mohamad Subhan (2012:8)<ref name="Mohamad Subhan"> Mohamad Subhan. 2012. Analisa Perancangan Sistem. Jakarta : Lentera Ilmu Cendekia</ref> dalam bukunya yang berjudul Analisa Perancangan Sistem mendefinisikan pengertian dari sistem sebagai berikut: “Suatu sistem dapat diartikan sebagai suatu kumpulan atau himpunan dari unsur, komponen, atau variabel-variabel yang terorganisasi, saling berinteraksi, saling tergantung satu sama lain dan terpadu. Sistem juga merupakan kumpulan elemen-elemen saling terkait dan bekerja sama untuk memproses masukan (input) yang ditujukan kepada system tersebut dan mengolah masukan tersebut sampai menghasilkan keluaran (output) yang diinginkan”.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Yakub (2012:1)<ref name="Yakub">Yakub. 2012. Pengantar Sistem Informasi, Yogyakarta: Graha Ilmu.</ref> dalam bukunya yang berjudul Pengantar Sistem Informasi mendefiniskan sistem adalah: “Sekelompok elemen-elemen yang terintegrasi dengan tujuan yang sama untuk mencapai tujuan. Sistem juga merupakan suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, terkumpul bersama-sama untuk melakukan suatu kegiatan atau tujuan tertentu”.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Rudy Tantra (2012:1)<ref name="Rudy Tantra">Rudy Tantra. 2012. Manajem Proyek Sistem Informasi : Andi Offset</ref> dalam bukunya Manajemen Proyek Sistem Informasi juga mengatakan bahwa “Sistem adalah entitas atau satuan yang terdiri dari dua atau lebih komponen atau subsistem (sistem yang lebih kecil) yang saling terhubung dan terkait untuk mencapai suatu tujuan”.</li></ol>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pengertian tersebut dapat diambil kesimpulan bahwa sistem merupakan sekumpulan kelompok elemen yang saling berhubungan dan bekerja sama untuk mencapai suatu tujuan dan sasaran yang diinginkan.</p></div>
  
 
====Karakteristik Sistem====
 
====Karakteristik Sistem====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut (Tata Sutabri, 2012:17)<ref name="Tata Sutabri">Sutabri, Tata. 2012. Konsep Sistem Informsi. Yogyakarta : Andi Offset.</ref>, suatu sistem mempunyai karakteristik tersendiri diantaranya komponen (component), batas system (boundary), Lingkungan luar (environment), Penghubung (interface), Masukan (input), keluaran (output), pengolahan (processing), Sasaran atau tujuan (goal), strategi (strategy) antara lain:</p></div>
 +
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Komponen Sistem (Components system)
 +
    Kumpulan subsistem-subsistem yang saling berinteraksi atau dengan yang lainnya serta melakukan kerja sama antar subsistem tersebut. Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, yang artinya saling bekerja sama membentuk satu kesatuan. Komponen tersebut dapat berupa suatu bentuk subsistem. Setiap subsistem memiliki sifat dari sistem yang menjalankan suatu fungsi tertentu dan mempengaruhi suatu sistem secara keseluruhan. Suatu sistem dapat mempunyai sistem yang lebih besar, yang disebut dengan “Supra Sistem”</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Batasan Sistem (Boundary system)
 +
    Merupakan suatu daerah yang membatasi antara komponen atau subsistem yang lain, yang membatasi suatu sistem dengan sistem lain atau sistem yang berasal dari lingkungan luarnya.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Lingkaran Luar Sistem (Environments system)
 +
    Lingkungan luar dari suatu sistem apapun diluar batas dari sistem yang mempengaruhi operasi sistem. Lingkungan luar sistem dapat bersifat merugikan sistem tersebut. Lingkungan luar yang menguntungkan merupakan energi dari sistem dan dengan demikian harus tetap dijaga dan dipelihara. Sedangkan lingkungan luar yang merugikan harus ditahan dan dikendalikan, kalau tidak maka akan mengganggu kelangsungan hidup dari sistem tersebut.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Penghubung Sistem (Interface system)
 +
    Merupakan suatu media yang menghubungkan antara subsistem yang satu dengan yang lainnnya sehingga antar subsistem dapat saling bekerja sama. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem yang lainnya.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Masukan Sistem (Input system)
 +
    Sesuatu yang berasal dari subsistem yang digunakan sebagai data masukan yang selanjutnya dimasukan dalam suatu sistem agar dapat menghasilkan suatu keluaran yang berguna (diinginkan). Masukan dapat berupa maintenance input dan signal input. Maintenance input adalah energi yang dimasukan supaya system tersebut dapat beroperasi. Signal input adalah energi yang diproses untuk menghasilkan keluaran.</li>
  
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Keluaran Sistem (Output system)
 +
    Hasil proses dari suatu masukan yang telah dilakukan proses di dalamnya sehingga menghasilkan sebuah informasi yang berguna untuk setiap tingkatan yang ada. Keluaran dapat merupakan masukan untuk subsistem yang lain atau kepada supra sistem.</li>
 +
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Pengolahan Sistem (Processing system)
 +
    Suatu proses yang akan merubah suatu masukan menjadi suatu keluaran. Suatu sistem dapat mempunyai suatu proses yang akan merubah masukan menjadi keluaran, sebagai contoh sistem akuntansi. Sistem ini mengelola data transaksi menjadi laporan yang dibutuhkan oleh semua pihak manajemen.</li>
 +
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sasaran (objective) atau Tujuan (goal)
 +
    Suatu sistem mempunyai sasaran atau tujuan, kalau sistem tidak mempunyai sasaran maka sistem tidak ada. Suatu sistem dikatakan berhasil bila mengenai sasaran atau tujuannya. Sasaran sangat berpengaruh pada masukan dan keluaran yang dihasilkan.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Strategi (strategy)
 +
    Merupakan cara-cara yang digunakan dari mulai adanya input, pemrosesan, hingga akhirnya terbentuk output, dan untuk mencapai sasaran yang diinginkan diperlukan suatu strategi agar sasaran tersebut dapat tercapai.</li></ol>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan definisi diatas dapat diambil kesimpulan bahwa karakteristik sistem adalah kumpulan dari sub-subsistem yang mempunyai suatu tujuan (goal), dimana untuk mencapai tujuan tersebut harus memiliki strategy yaitu dengan masukan sistem (input), proses (processing) dan keluaran sistem (output) yang objective.</p></div>
 +
 +
===Konsep Dasar Informasi===
 +
====Definisi Informasi====
 +
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menurut Rudy Tantra (2012:2)<ref name="Rudy Tantra">Rudy Tantra. 2012. Manajem Proyek Sistem Informasi : Andi Offset</ref> dalam bukunya Manajemen Proyek Sistem Informasi mengungkapkan tentang pengertian informasi yaitu: “Informasi dapat dipahami sebagai pemrosesan input yang terorganisir, memiliki arti, dan berguna bagi orang yang menerimanya. Data berbeda dengan informasi. Data dapat didefinisikan sebagai fakta-fakta yang masih mentah atau acak, yang menjadi input untuk proses yang menghasilkan informasi”.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menurut Gordon B. Davis dalam bukunya Bambang Hartono (2013:15)<ref name="Hartono, Bambang">Hartono, Bambang. 2013. Sistem Informasi Manajemen Berbasis Komputer. Jakarta: Rineka Cipta.</ref>, Information is data has been processed into a form that is meaningful to the recipient and is of real or perceived value in current or prospective decision. (Informasi adalah data yang telah diolah menjadi suatu bentuk yang berguna bagi penerimanya dan memiliki nilai bagi pengambilan keputusan saat ini atau di masa yang akan datang).</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Informasi adalah sekumpulan fakta (data) yang diorganisasikan dengan cara tertentu sehingga mereka mempunyai arti bagi si penerima. (Sutarman, 2012:14)<ref name="Sutarman">Sutarman. 2012. Buku Pengantar Teknologi Informasi. Jakarta : Bumi Aksara.</ref>.</li></ol>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat yang dikemukakan di atas, maka dapat disimpulkan bahwa “Informasi adalah data yang sudah diolah sehingga mempunyai arti untuk dapat digunakan dalam membuat keputusan”.</p></div>
 +
 +
====Fungsi Informasi====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sutabri (2012:12)<ref name="Tata Sutabri">Sutabri, Tata. 2012. Konsep Sistem Informsi. Yogyakarta : Andi Offset.</ref>, fungsi utama informasi adalah menambah pengetahuan. Informasi yang disampaikan kepada pemakai mungkin merupakan hasil data yang sudah diolah menjadi sebuah keputusan. Akan tetapi, dalam kebanyakan pengambilan keputusan yang kompleks, informasi hanya dapat menambah kemungkinan kepastian atau mengurangi bermacam-macam pilihan. Informasi yang disediakan bagi pengambil keputusan memberi suatu kemungkinan faktor resiko pada tingkat-tingkat pendapatan yang berbeda.</p></div>
 +
 +
====Nilai Informasi====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sutabri (2012:37)<ref name="Tata Sutabri">Sutabri, Tata. 2012. Konsep Sistem Informsi. Yogyakarta : Andi Offset.</ref>, nilai informasi ditentukan oleh 2 (dua) hal, yaitu manfaat dan biaya untuk mendapatkannya. Suatu informasi dikatakan bernilai bila manfaat lebih efektif dibandingkan dengan biaya mendapatkannya. Pengukuran nilai informasi biasanya dihubungkan dengan analisis cost effectivess atau cost benefit. Nilai informasi ini didasarkan atas 10 (sepuluh) sifat, yaitu:</p></div>
 +
 +
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mudah diperoleh
 +
    Informasi memperoleh nilai yang lebih sempurna apabila dapat diperoleh secara mudah. Informasi yang penting dan sangat dibutuhkan menjadi tidak bernilai jika sulit diperoleh.</li>
 +
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Luas dan lengkap
 +
    Informasi mempunyai nilai yang lebih sempurna apabila mempunyai lingkup/cakupan yang luas dan lengkap. Informasi yang tidak lengkap menjadi tidak bernilai, karena tidak dapat digunakan secara baik.</li>
 +
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ketelitian Informasi
 +
    Mempunyai nilai yang lebih sempurna apabila mempunyai ketelitian yang tinggi/akurat. Informasi menjadi tidak bernilai jika tidak akurat, karena akan mengakibatkan kesalahan pengambilan keputusan.</li>
 +
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kecocokan
 +
    Informasi mempunyai nilai yang lebih sempurna apabila sesuai dengan kebutuhan penggunanya. Informasi berharga dan penting menjadi tidak bernilai jika tidak sesuai dengan kebutuhan penggunanya, karena tidak dapat dimanfaatkan untuk mengambil keputusan.</li>
 +
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ketepatan waktu
 +
    Informasi mempunyai nilai yang lebih sempurna apabila dapat diterima oleh pengguna pada saat yang tepat. Informasi berharga dan penting menjadi tidak bernilai jika terlambat diterima/usang, karena tidak dapat dimanfaatkan pada saat pengambilan keputusan.</li>
 +
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kejelasan
 +
    Informasi yang jelas akan meningkatkan kesempurnaan nilai informasi. Kejelasan informasi dipengaruhi oleh bentuk dan format informasi.</li>
 +
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Keluwesan
 +
    Nilai informasi semakin sempurna apabila memiliki fleksibilitas tinggi. Fleksibilitas informasi diperlukan oleh para manajer / pimpinan pada saat pengambilan keputusan.</li>
 +
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dapat dibuktikan
 +
    Nilai informasi semakin sempurna apabila informasi tersebut dapat dibuktikan kebenarannya. Kebenaran informasi bergantung pada validitas dan sumber yang indah.</li>
 +
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tidak ada prasangka
 +
    Nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.</li>
 +
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dapat diukur
 +
    Berdasarkan penjelasan nilai informasi di atas, bahwa suatu informasi dapat bernilai baik apabila informasi tersebut dapat memberikan informasi yang dapat dibuktikan dan mudah untuk didapatkan, dimengerti serta tidak menimbulkan keraguan adanya kesalahan informasi.</li></ol>
 +
 +
===Konsep Dasar Perancangan Sistem===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Menurut Tata Sutabri (2012:20) <ref name= "Sutabri, Tata. 2012"> Sutabri, Tata. 2012. Konsep Dasar Sistem Informasi. Yogyakarta: Andi Offset.</ref>, sebuah sistem mempunyai karakteristik atau sifat-sifat tertentu yang mencirikan bahwa hal tersebut bisa dikatakan sebagai suatu sistem. Adapun karakteristik yang dimaksud adalah sebagai berikut:</p></div>
+
<p style="line-height: 2">Ada beberapa pendapat yang dapat menjelaskan tentang definisi perancangan sistem, yaitu :</p></div>
  
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Menurut Satzinger, Jackson, dan Burd (2012:5)<ref name="Satzinger,J. W., Jackson, R. B., & Burd, S. D.">Satzinger,J. W., Jackson, R. B., & Burd, S. D. 2010. System Analysis And Design in A Changing World. Boston, MA: Course Technology.</ref>, “Perancangan sistem adalah sekumpulan aktivitas yang menggambarkan secara rinci bagaimana sistem akan berjalan. Hal itu bertujuan untuk menghasilkan produk perangkat lunak yang sesuai dengan kebutuhan user”.</p>
<p style="line-height: 2">  Komponen Sistem (<i>component system</i>)</p></li>
+
<p style="line-height: 2;font-family: 'times new roman';text-align: justify;font-size: 12pt;font-family">Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, artinya saling bekerja sama membentuk satu kesatuan. </p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Batas Sistem (<i>Boundary System</i>)</p></li>
+
<p style="line-height: 2;font-family: 'times new roman';text-align: justify;font-size: 12pt;font-family"> Batasan sistem (boundary system) merupakan daerah yang membatasi antara sistem yang satu dengan yang lain atau dengan lingkungan lainnya. Batasan suatu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Lingkungan Luar Sistem (<i>External Environment System</i>)</p></li>
+
<p style="line-height: 2;font-family: 'times new roman';text-align: justify;font-size: 12pt;font-family"> Lingkungan luar (external environment system) adalah segala hal yang berada di luar batas dari sistem yang mempengaruhi operasi sistem.</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">  Penghubung Sistem (<i>Interface System</i>)</p></li>
+
<p style="line-height: 2;font-family: 'times new roman';text-align: justify;font-size: 12pt;font-family"> Penghubung sistem (interface system) merupakan media yang menghubungkan antara suatu subsistem dengan subsistem yang lainnya.</p>
+
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Menurut Siti Aisyah dan Nawang Kalbuana [Jurnal CCIT,2011:203]<ref name="Aisyah, Sity, dan Nawang Kalbuana.">Aisyah, Sity, dan Nawang Kalbuana. 2011. Perancangan Aplikasi Akademik Teknologi Mobile Menggunakan J2ME.Tangerang : Journal CCIT Vol-4 No.2 Januari 2011.</ref>, Dalam metode analisa sistem dan perancangan yang menggunakan metode yang dikenal dengan nama System Develoment Life Cycle (SDLC). SDLC merupakan metodologi umum dalam pengembangan sistem yang menandai kemajuan dari usaha analisa dan desain”. Langkah-langkah SDLC meliputi fase-fase sebagai berikut:<br>
<p style="line-height: 2"> Masukan Sistem (<i>Input System</i>)</p></li>
+
a.                  Perancangan Sistem.<br>
<p style="line-height: 2;font-family: 'times new roman';text-align: justify;font-size: 12pt;font-family"> Masukan sistem (input system) adalah energi yang dimasukan kedalam sistem. Masukan sistem dapat berupa masukan perawatan (maintanance system) dan masukan sinyal (signal system).</p>
+
Dalam tahapan perencanaan sistem ini dijelaskan bagaimana langkah-langkah dalam perancangan aplikasi pegawai dengan teknologi mobile.<br>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
b.                  Analisa Sistem.<br>
<p style="line-height: 2"> Pengolahan Sistem (<i>Processing System</i>)</p></li>
+
Melakukan analisa sistem yang akan dirancang, serta melakukan penelitian terhadap kebutuhan-kebutuhan sistem, apa saja kekurangannya.<br>
<p style="line-height: 2;font-family: 'times new roman';text-align: justify;font-size: 12pt;font-family"> Suatu sistem mempunyai suatu bagian untuk melakukan pengolahan yang akan mengubah masukan (input) menjadi keluaran (output).</p>
+
c.                  Perancangan.<br>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Yaitu tahapan untuk melakukan perancangan aplikasi mobile, terdapat 3 (tiga) tahapan perancangan, yaitu: perancangan interface, perancangan isi, dan perancangan program.<br>
<p style="line-height: 2">  Keluaran Sistem (<i>Ouput System</i>)</p></li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Dari definisi di atas dapat diketahui bahwa tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan kepada pemakai sistem dan juga untuk memberikan gambaran yang jelas dan rancang bangun yang lengkap kepada pemrogram komputer dan ahli-ahli teknik lainnya yang terlibat. Untuk mencapai tujuan ini maka perancangan sistem harus berguna, mudah dipahami dan nantinya mudah digunakan.</div>
<p style="line-height: 2;font-family: 'times new roman';text-align: justify;font-size: 12pt;font-family"> Keluaran sistem (output system) adalah hasil dari data yang telah diolah dan diklasifikasikan menjadi keluaran. </p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Sasaran Sistem (<i>Objective</i> dan Tujuan (<i>Goals</i>)</p></li>
+
<p style="line-height: 2;font-family: 'times new roman';text-align: justify;font-size: 12pt;font-family">Suatu sistem memiliki tujuan dan sasaran yang pasti danbersifat deterministic. Kalau suatu sistem tidakmemiliki sasaran maka operasisistem tidak ada gunanya. Suatu sistem dikatakan berhasil bila mengenai sasaranatau tujuan yang telah direncanakan.</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Kontrol Sistem(<i> Control System </i> </p></li>
+
<p style="line-height: 2;font-family: 'times new roman';text-align: justify;font-size: 12pt;font-family"> Kontrol sistem (control system) merupakan pengawasan bagi pelaksanaan kegiatan suatu sistem dalam mencapai sasaran dan tujuan sistem. Kontrol sistem dapat berupa kontrol masukan (input control), kontrol proses (process control) maupun kontrol keluaran (output control).</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Umpan Balik (<i> Feed Back </i> </p></li>
+
<p style="line-height: 2;font-family: 'times new roman';text-align: justify;font-size: 12pt;font-family"> Umpan balik diperlukan oleh bagian kendali (control) untuk mengecek terjadinya penyimpangan proses dalam sistem dan mengembalikannya ke kondisi normal.</p>
+
</ol>
+
  
===Klasifikasi Sistem===
+
==Teori Khusus==
  
 +
===Perpustakaan===
 +
====Pengertian Perpustakaan====
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Sistem dapat di klasifikasikan dari beberapa sudut pandang diantaranya (Tata Sutarbi, 2012:22)</p></div>
+
Menurut Rohanda dalam makalah fungsi dan peranan perpustakaan  (2010)<ref name="Rohanda">Rohanda. 2010. Fungsi dan Peranan Perpustakaan Sekolah. http://www.ipi.or.id/Rohanda.doc, diakses 21 Desember 2016.</ref>, “Perpustakaan sekolah merupakan unit kerja dan sebagai perangkat mutlak (complement) dari sekolah yang bersangkutan. Dengan tujuan menyediakan koleksi pustakan untuk menunjang keberhasilan proses belajar mengajar. Dikatakan juga bahawa perpustakaan tersebut sebagai “jantungnya” pelaksanaan pendidikan pada lembaga itu.</div>
<ol>
+
<br>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<div align="center">https://lh3.googleusercontent.com/-gsVg6fzkOwc/WXoWV5CGu-I/AAAAAAAAARI/xFQv3IU6wMYv54I6LbZBtdDpxcVpLEX7QCJoC/w467-h350-n-rw/1.jpg</div>
<p style="line-height: 2">Sistem Abstrak (Abstract System) dan Sistem Fisik (Physical System) </p></li>
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Sistem abstrak merupakan sistem yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik. Sistem fisik merupakan sistem yang ada secara fisik.</p>
+
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2">Sistem Alamiah (Natural System) dan Sistem Buatan Manusia (Human Made System)</p></li>
+
Gambar 2.1 Ilustrasi Perpustakaan</div>
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Sistem alamiah adalah sistem yang terjadi melalui proses alam, tidak dibuat oleh manusia. Sistem buatan manusia adalah sistem yang melibatkan interaksi manusia dengan mesin.</p>
+
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
{{pagebreak}}
<p style="line-height: 2">Sistem Tertentu (Deterministic System) dan Sistem Tak Tentu (Probabilistic System)</p></li>
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Sistem tertentu beroperasi dengan tingkah laku yang sudah dapat diprediksi. Sistem tak tentu adalah sistem yang kondisi masa depannya tidak dapat diprediksi karena mengandung unsur probabilitas.</p>
+
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
====Fungsi Perpustakaan====
<p style="line-height: 2">Sistem Tertutup (Closed System) dan Sistem Terbuka (Open System)</p></li>
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Sistem tertutup adalah sistem yang tidak berhubungan dan tidak berpengaruh dengan lingkungan luarnya. Sistem ini bekerja secara otomatis tanpa adanya campur tangan dari pihak di luarnya. Sistem terbuka adalah sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya.</p></ol>
+
===Konsep Dasar Data dan Informasi===
+
====Definisi Data====
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menurut Mc Leod dan Yakub (2012:5) <ref name= " McLeod,Raymod dan Gerge.2012"> McLeod,Raymod dan Gerge.2012.Sistem Informasi Manajemen.Jakarta:Salemba
+
Empat.</ref>, “ Data adalah kenyataan yang menggambarkan adanya suatu kejadian (event), data terdiri dari fakta (fact) dan angka yang secara relatif tidak berarti bagi pemakai”.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menurut Hartono (2013:15) <ref name= " Hartono, Bambang. 2013"> Hartono, Bambang. 2013. Sistem Informasi Manajemen Berbasis Komputer.
+
Jakarta: PT Rineka Cipta.</ref>, “Data adalah hasil pengukuran dan pencatatan data terhadap fakta tentang sesuatu, keadaan, tindakan atau kejadian”.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menurut Taufiq (2013:13) <ref name= " Taufiq, Rahmat. 2013"> Taufiq, Rahmat. 2013. Sistem Informasi Manajemen, Konsep Dasar, Analisa Dan Metode Pengembangan. Yogyakarta : Graha Ilmu.</ref>, “Data adalah sesuatu yang diberikan untuk kemudian diolah”.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Berdasarkan kedua definisi di atas, maka dapat disimpulkan bahwa “data adalah bahan mentah yang perlu diolah sehingga menghasilkan informasi yang menunjukkan fakta”.</li></ol>
+
====Definisi Informasi====
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menurut Maimunah dkk dalam jurnal CCIT (2012:57),” Informasi adalah data yang telah diolah menjadi sebuah bentuk yang lebih berarti bagi penerimanya dan bermanfaat dalam mengambil suatu keputusan”.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menurut Agustinus Mujilan (2012:1) <ref name= " Maimunah, Lusyani Sunarya, Nina Larasti.2012"> Maimunah, Lusyani Sunarya, Nina Larasti.2012. Media Company Profile
+
Sebagai Sarana Penunjang Informasi dan Promosi .Jurnal CCIT Vol.5
+
No.3-Mei 2012.Tangerang:Perguruan Tinggi Raharja.</ref> berpendapat bahwa “Informasi adalah data yang berguna yang telah di olah sehingga dapat dijadikan dasar untuk mengambil keputusan yang tepat”.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menurut McLeod (2013:8) <ref name= " McLeod,Raymod dan Gerge.2012"> McLeod,Raymod dan Gerge.2012.Sistem Informasi Manajemen.Jakarta:Salemba
+
Empat.</ref>, “Informasi adalah sekumpulan fakta (data) yang diorganisasikan data yang diolah menjado bentuk yang lebih berguna bagi penerimanya .”
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Berdasarkan beberapa pendapat yang dikemukakan di atas dapat di tarik kesimpulan bahwa” informasi adalah fakta yang telah di olah dengan cara tertentu dan menggambarkan suatu kejadian nyata yang dapat dipahami dan dapat digunakan untuk pengambilan keputusan.”</li></ol>
+
====Kulaitas Informasi====
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Kualitas informasi sangat dipengaruhi atau ditentukan oleh tiga hal pokok,diantaranya yaitu (Tata Sutarbi 2012:41):</p></div>
+
Dalam pasal 3 UU No.43 2007 disebutkan Perpustakaan berfungsi sebagai wahana  pendidikan,  penelitian,  pelestarian,  informasi, dan  rekreasi  untuk meningkatkan  kecerdasan  dan  keberdayaan  bangsa.  Fungsi  pendidikan diwujudkan  dengan  perpustakaan  yang  mampu  meningkatkan  kegemaran membaca  penggunanya.  Fungsi  penelitian  diterapkan  dengan  menyediakan pelayanan  untuk  pemakai  dalam  memperoleh  informasi  sebagai  bahan rujukan untuk  kepentingan  penelitian.  Fungsi  pelestarian  yaitu sebagai  tempat melestarikan bahan pustaka (bahan pustaka merupakan sumber ilmu pengetahuan, teknologi,  dan  budaya).  Fungsi  informasi  diterapkan  dengan  menyediakan sumber-sumber  pustaka  yang  lengkap  dan  bermutu.  Fungsi  rekreasi  diterapkan dengan  menyediakan  buku  hiburan  dan  tata  ruang  yang  bersifat rekreatif.  Selain fungsi-fungsi  tersebut,  ada  pula  fungsi  sosial,  yang  diartikan  sebagai  wadah sosialisasi antar pengunjung dalam memperoleh informasi.</div>
 +
 
 +
====Jenis-jenis Perpustakaan====
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">1. Perpustakaan Nasional (National Library)<br>
<p style="line-height: 2">Akurat (<i>Accurancy</i>)</p></li>
+
Perpustakaan  Nasional  adalah  perpustakaan  yang  didirikan  di ibukota  Negara  dan  merupakan  perpustakaan  induk  dari  semua  jenis perpustakaan  yang  ada  di  negara  tersebut.<br>
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Ketidak akuratan sebuah informasi dapat terjdi karena sumber informasi (data) mengalami gangguan, kesengajaan sehingga merusak atau mengubah data-data  asli tersebut.</p>
+
<br>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<div align="center">https://lh3.googleusercontent.com/-5fA6uuOf5_8/WXoWV4QybiI/AAAAAAAAARI/VgtRhTUpTagfwTnVqPwwTRpuL7WWCglugCJoC/w467-h350-n-rw/2.jpg</div>
<p style="line-height: 2">Tepat Waktu(<i>timeliness</i>)</p></li>
+
 
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Informasi yang dihasilkan dari suatu proses pengolahan data harus yang terbaru (up to date). Informasi yang terlambat tidak akan mempunyai nilai yang baik, karena informasi merupakan landasan dalam pengambilan keputusan.</p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Gambar 2.2 Perpustakaan Nasional yang terletak di Salemba</div>
<p style="line-height: 2">Relevansi (<i>relevancy</i>)</p></li>
+
 
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Informasi dikatakan berkualitas jika relevan bagi pemakainya.</p>
+
{{pagebreak}}
</ol>
+
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">2. Perpustakaan Umum (Public Library)<br>
 +
Perpustakaan  umum  merupakan  perpustakaan  yang  bertugas mengumpulkan, menyimpan, mengatur dan menyajikan bahan pustakanya untuk  masyarakat  umum.<br>
 +
<br>
 +
<div align="center">https://lh3.googleusercontent.com/-N_KIwuliz1Q/WXoWVwB1YbI/AAAAAAAAARI/AYPUdtThwO8vI9U41qEXplCN6Faq2Y6ZQCJoC/w467-h350-n-rw/3.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
                        Gambar 2.3 Perpustakaan Umum</div>
 +
 
 +
{{pagebreak}}
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">3. Perpustakaan Perguruan Tinggi (University Library)<br>
 +
Perpustakaan  perguruan  tinggi  yaitu  perpustakaan  yang diselenggarakan  untuk  mengumpulkan, memelihara,  menyimpan, mengatur,  mengawetkan  dan  mendaya  gunakan  bahan  pustakanya  untuk menunjang pendidikan atau pengajaran, penelitian dan pengabdian masyarakat.<br>
 +
<br>
 +
<div align="center">https://lh3.googleusercontent.com/-dqnJB5wKxl4/WXoWVyJef5I/AAAAAAAAARI/KcMNyNyBQs0E11vq4_tOkEzvIaVmTHG8QCJoC/w467-h350-n-rw/4.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
                                                        Gambar 2.4 Perpustakaan Perguruan Tinggi </div>
 +
 
 +
{{pagebreak}}
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">4. Perpustakaan Sekolah (School Library)<br>
 +
Perpustakaan  sekolah  yaitu  perpustakaan  yang  mengumpulkan, menyimpan,  memelihara,  mengatur  dan  mengawetkan  bahan pustakanya untuk menunjang usaha pendidikan dan pengajaran di sekolah.<br>
 +
<br>
 +
<div align="center">https://lh3.googleusercontent.com/-o4SQFtPJfI0/WXoWV5XP8sI/AAAAAAAAARI/t7UDIMAgCKwls8B8cTTVoiZppufPUHoUgCJoC/w467-h350-n-rw/5.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
                                                        Gambar 2.5 Perpustakaan Sekolah</div>
 +
 
 +
{{pagebreak}}
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">5. Perpustakaan Khusus (Special Library)<br>
 +
Perpustakaan  khusus  adalah  perpustakaan  yang  diselenggarakan oleh  kantor  atau  instansi  yang  tujuannya  adalah  untuk  menunjang kegiatan  kantor  atau  instansi  dimana  perpustakaan  itu  berada.<br>
 +
<br>
 +
<div align="center">https://lh3.googleusercontent.com/-50100h-Zf3Q/WXoWV8Jfr6I/AAAAAAAAARI/WZvPr3Gr7oE4QDTGtpsyUF1TNnJDztd1gCJoC/w467-h350-n-rw/6.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
                                                      Gambar 2.6 Perpustakaan Khusus</div>
 +
 
 +
{{pagebreak}}
 +
 
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">6. Perpustakaan Wilayah<br>
 +
Perpustakaan  wilayah  yaitu  perpustakaan  yang diselenggarakan oleh  pemerintah  dan  berkedudukan  di  setiap  ibu  kota  Propinsi, bertugas mengumpulkan  serta  melestarikan  semua  penerbitan  daerah  yang bersangkutan.<br>
 +
<br>
 +
<div align="center">https://lh3.googleusercontent.com/-7hpZlNcHLt8/WXoWVzifcbI/AAAAAAAAARI/hN1QQ4HBuY0XZaEtGPYgWOvlrxF7I8RlACJoC/w466-h350-n-rw/7.jpg</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
                                                      Gambar 2.7 Perpustakaan Wilayah</div>
 +
 
 +
{{pagebreak}}
 +
 
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">7. Perpustakaan Keliling<br>
 +
Perpustakaan  keliling  pada  prinsipnya  merupakan  perluasan  dari pelayanan  perpustakaan  umum.  Perpustakaan  keliling  adalah  merupakan jenis  perpustakaan  yang  dalam  memberikan  pelayanan  bergerak  dari  satu tempat  ke  tempat  yang  lain  dengan  tujuan  mengunjungi  pemakai.</li></ol>
 +
<br>
 +
<div align="center">https://lh3.googleusercontent.com/-mVxjrj1wOp0/WXoedEi7ENI/AAAAAAAAARw/ne39X_oTeaY72r40hZO21JWw4G3dWssBwCJoC/w584-h389-p-rw/8.jpg</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
                                                      Gambar 2.8 Perpustakaan Keliling</div>
 +
 
 +
{{pagebreak}}
 +
 
 +
 
 +
 
 +
 
 +
===Konsep Dasar Web===
 +
====Pengertian Web====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Murad (2013:49)<ref name="Murad. Dina Fitria, Kusniawati. Nia, Asyanto. Agus. ">Murad. Dina Fitria, Kusniawati. Nia, Asyanto. Agus. 2013. Aplikasi IntelligenceWebsite Untuk Penunjang Laporan PAUD Pada Himpaudi Kota Tangerang. Jurnal CCIT. Tangerang: Perguruan Tinggi Raharja. Vol. 7, No. 1, September 2013.</ref>, "Web adalah sistem dengan informasi yang  disajikan dalam bentuk teks, gambar, suara, dan lainnya yang tersimpan dalam sebuah server web internet yang disajikan dalam bentuk hyper text".</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Arief (2011:7)<ref name="12. Arief. M. Rudyanto.">Arief. M. Rudyanto. 2011. “Pemrograman Web Dinamis Menggunakan PHP & MySQL”. Yogyakarta: Andi.</ref>, "Web adalah salah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks, gambar, suara, animasi, video) di dalamnya yang menggunakan protokol HTTP (hyper text transfer protocol) dan untuk mengaksesnya menggunakan perangkat lunak yang disebut browser".</div>
 +
 
 +
====Sifat-sifat Web====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Dalam perkembangannya, teknologi informasi menunjukkan banyaknya kemajuan begitu pesat salah satunya adalah berkembangnya website dengan banyaknya ragam fitur dan fungsi yang dimiliki saat ini. Pengelompokkan macam-macam web cenderung lebih mengarah kepada fungsi, sifat-sifat dan bahasa pemrograman terkait yang digunakan.</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Rahmat Hidayat (2010:3)<ref name="Hidayat, Rahmat">Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis. Jakarta: Elex Media Komputindo.</ref>, Jenis-jenis web berdasarkan sifat atau style-nya sebagai berikut:</div>
  
===Konsep Dasar Sistem Informasi===
 
====Definisi Sistem Informasi====
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menurut Mendelson dan Guritno yang dikutip dari buku IT Research (2011:31) <ref name= " Guritno,Suryo, Sudaryono, dan Untung Rahardja.2011"> Guritno,Suryo, Sudaryono, dan Untung Rahardja.2011. Theory and Application
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">1. Website Dinamis<br>
of IT Research Metodologi Penelitian Teknologi Informasi.Tangerang.</ref>,”Para ahli menganggap bahwa sistem informasi adalah disiplin ilmu lain yang lebih fundamental dan merupakan disiplin acuan (reference discipline)”.
+
Merupakan sebuah website yang menyediakan content atau isi yang selalu berubah-ubah setiap saat. Bahasa pemrograman yang digunakan antara lain PHP, ASP, .NET dan memanfaatkan database MySQL atau MS SQL. Misalnya website  www.artikel-it.com, www.technomobile.co.cc, www.polinpdg.ac.id dan lain-lain.</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menurut Sutarman (2012:13) <ref name= " Sutarman. 2012"> Sutarman. 2012. Buku Pengantar Teknologi Informasi. Jakarta : Bumi Aksara.</ref>,”Sistem informasi adalah suatu sistem yang dapat didefinisikan dengan mengumpulkan, memproses, menyimpan, menganalisis, menyebarkan informasi untuk tujuan tertentu. Seperti sistem lainnya, sebuah sistem informasi terdiri atas input (data,instruksi) dan output (laporan,kalkulasi)”.
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menurut Sutarbi (2012:46) <ref name= " Sutarman. 2012"> Sutarman. 2012. Buku Pengantar Teknologi Informasi. Jakarta : Bumi Aksara.</ref>, “Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi dapat menyediakan kepada pihak luar tertentu dengan laporan-laporan yang diperlukan”.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">2. Website Statis<br>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Berdasarkan beberapa pendapat yang dikemukakan diatas dapat ditarik kesimpulan bahwa “Sistem informasi adalah sebuah sistem pengumpulan, pemasukan, pemrosesan data, penyimpanan, pengolahan, pengendalian dan pelaporan sebuah informasi yang mendukung pengambilan keputusan untuk mencapai tujuan”.</li></ol>
+
Merupakan website yang content-nya sangat jarang diubah. Bahasa pemrograman yang digunakan adalah HTML dan belum memanfaatkan database. Misalnya: web profile organisasi dan lain-lain.</li></ol>
====Komponen Sistem Informasi====
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
====Fungsi Web====
<p style="line-height: 2"> Tata Sutabri (2012:47) <ref name= " Sutabri, Tata. 2012"> Sutabri, Tata. 2012. Konsep Dasar Sistem Informasi. Yogyakarta: Andi Offset.</ref> mengemukakan bahwa “Sistem informasi terdiri dari komponen-komponen yang disebut blok bangunan (building block), yang terdiri dari komponen input, komponen model, komponen output, komponen teknologi, komponen hardware, komponen software, komponen basis data, komponen kontrol dan blok kendali. Semua komponen tersebut saling berinteraksi satu dengan yang lain membentuk suatu kesatuan untuk mencapai sasaran”.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Rahmat Hidayat (2010:4)<ref name="Hidayat, Rahmat">Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis. Jakarta: Elex Media Komputindo.</ref>, Berdasarkan pada fungsinya, website terbagi atas:</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Blok bangunan itu terdiri dari :</p></div>
+
  
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Personal Website<br>
<p style="line-height: 2"> Blok Masukan (<i> Input Block </i>)</p></li>
+
Website yang berisi informasi pribadi seseorang.</li>
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify”> Input mewakili data yang masuk ke dalam sistem informasi. Input disini ternasuk netode-metode dan media untuk menangkap data yang akan dimasukkan, yang dapat berupa dokumen-dokumen dasar.</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Blok Model (<i> Model Block </i>)</p></li>
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify”> Blok ini terdiri dari kombinasi prosedur, logika dan model matematik yang akan memanipulasi data input dan data yang tersimpan di basis data dengan cara yang sudah ditentukan untuk menghasilkan keluaran yang diinginkan.</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Blok Keluaran (<i> Output Block </i>)</p></li>
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Blok keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua pemakai sistem.</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Blok Teknologi (<i> Technology Block </i>)</p></li>
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Blok Teknologi digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran, dan membantu pengendalian dari sistem secara keseluruhan.</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Blok Basis Data (<i> Database Block </i>)</p></li>
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Basis data (database) merupakan kumpulan data yang saling berkaitan dan berhubungan satu sama lain, tersimpan di perangkat keras komputer dan menggunakan perangkat lunak untuk memanipulasinya. Hal berguna untuk efisiensi kapasitas penyimpanannya. Basis data diakses menggunakan perangkat lunak paket yang disebut DBMS (Database Management System).</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Blok Kendali (<i> Controls Block </i>)</p></li>
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah ataupun bila terlanjur terjadi kesalahan-kesalahan dapat langsung cepat diatasi.</p></ol>
+
====Tujuan Sistem Informasi====
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Commercial Website<br>
<p style="line-height: 2"> Menurut Barry E. Cushiag, tujuan sistem informasi yaitu kegunaan (usefulness), ekonomi (economy), keandalan (reability), pelayanan pelanggan (customer service), kesederhanaan (simplicity), fleksibilitas (flexibility).</p></div>
+
Website yang dimiliki oleh sebuah perusahaan yang bersifat bisnis.</li>
 +
 
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Government Website<br>
 +
Website yang dimiliki oleh instansi pemerintah, pendidikan yang bertujuan memberikan pelayanan kepada pengguna.<br>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Non-Profit Organization Website<br>
 +
Dimiliki oleh organisasi yang bersifat non-profit atau tidak bersifat bisnis.</li></ol>
 +
 
 +
====Web Browser====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Jarot Setyaji (2010:296)<ref name=" Setyaji, Jarot">Setyaji, Jarot. 2010. Buku Pintar Menguasai Komputer dan laptop. Jakarta: Mediakita.</ref>, ”Web browser atau sering juga disebut internet browser yang berfungsi sebagai jembatan bagi pengguna komputer dalam menjelajah dunia maya.” Internet browser merupakan sebuah aplikasi atau software yang digunakan untuk mengolah data yang ditransfer dari World Wide Web (lebih dikenal dengan istilah www) ke komputer dan menampilkannya secara visual agar mudah dimengerti oleh seorang pengguna internet.</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Berdasarkan pengertian diatas Web browser merupakan aplikasi perangkat lunak yang berfungsi sebagai interface untuk menjelajahi, mengambil maupun menyajikan berbagai macam sumber informasi berupa halaman web pada World Wide Web (WWW). Awalnya Web Browser hanya berorientasi pada teks dan belum dapat menampilkan gambar. Namun seiring berkembangnya jaman web browser tidak lagi hanya menampilkan text dan gambar tetapi juga file multimedia seperti video dan suara. Browser juga dapat mengirim dan menerima e-mail, mengelola bahasa Hyper Text Markup Language (HTML) sebagai input, dan menjadikan halaman web sebagai hasil output yang informatif.</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Berikut merupakan bagian-bagian dari web browser antara lain :</div>
  
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Status Bar<br>
<p style="line-height: 2"> Kegunaan (<i> Usefulness </i>)</p></li>
+
Ini adalah kotak bagian bawah jendela browser, menampilan berbagai macam informasi sesuai dengan apa yang sedang dilakukan pengguna. Sebagian besar menunjukkan kecepatan beban dan URL dari alamat sesuai dengan pointer.</li>
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify”> Sistem harus menghasilkan informasi yang tepat waktu dan relevan untuk pengambilan keputusan manajemen dan personil operasi didalam organisasi.</p>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Addres Bar<br>
<p style="line-height: 2"> Ekonomi (<i> Economic </i>)</p></li>
+
Merupakan kotak bagian atas jendela browser menampilkan seluruh alamat situs web atau URL</li>
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify”> Semua bagian komponen sistem termasuk laporan-laporan, pengendalian-pengendalian, mesin-mesin harus menyumbang suatu nilai manfaat setidak-tidaknya sebesar biaya yang dibutuhkan.</p>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Title Bar<br>
<p style="line-height: 2"> Kehandalan (<i> Realibility </i>)</p></li>
+
Bar judul pada bagian paling atas jendela browser. Menginformasikan judul halaman web.</li>
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Keluaran sistem harus mempunyai tingkatan ketelitianyang tinggi dan sistem itu sendiri harus mampu beroperasi secara efektif bahkan pada waktu komponen manusia tidak hadir atau saat komponen mesin tidak beroperasi secara temporer.</p>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Toolbar Icon<br>
<p style="line-height: 2"> Pelayanan Langganan (<i> Customer Service </i>)</p></li>
+
Toolbar atau ikon perusahaan browser pada bagian atas kanan jendela browser. Di bawah title bar. Pada bagian ini akan terlihat tombol “Back”, “Home”, “Refresh”, dan lainnya.</li>
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Sistem harus memberikan pelayanan dengan baik atau ramah kepada para pelanggan. Sehingga memberi rasa kepuasan pada pelanggan.</p>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Display Window<br>
<p style="line-height: 2"> Kesederhanaan (<i> Simplicity </i>)</p></li>
+
Merupakan ruang kerja browser, berupa frame yang menampilkan halaman website.</li>
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Sistem harus cukup sederhana, sehingga terstruktur dan operasinya dapat dengan mudah dimengerti dan prosedurnya mudah diikuti.</p>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Scroll Bar<br>
<p style="line-height: 2"> Fleksibilitas (<i> Flexibility </i>)</p></li>
+
Pointer untuk menarik halaman web menuju bagian bawah.</li></ol>
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Sistem harus cukup fleksibel, untuk menangani perubahan-perubahan yang terjadi kepentingannya cukup beralasan dalam kondisi dimana sistem beroperasi atau dalam kebutuhan yang diwajibkan oleh organisasi.</p></ol>
+
 
 +
===Konsep Dasar MySql===
 +
====Pengertian MySql====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">MySql merupakan salah satu perangkat lunak sistem pengelola basis data DBMS (Data Base Management System). MySQL merupakan sebuah hubungan Data Base Management System (DBMS) yang membantu sebuah model data yang terdiri atas kumpulan hubungan nama (named relation).</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Didik Dwi Prasetyo (2004 :18)<ref name=" Didik Dwi Prasetyo">Didik Dwi Prasetyo. 2004. 101 Tip & Trik Visual Basic 6.0. Jakarta: Elex Media Komputindo.</ref> MySQL merupakan salah satu database server yang berkembang di lingkungan open source dan didistribusikan secara free (gratis) dibawah lisensi GPL. MySQL merupakan RDBMS (Relational Database Management System). RDBMS adalah program yang memungkinkan pengguna database untuk membuat, mengelola, dan menggunakan data pada suatu model relational.</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Dengan demikian, tabel-tabel yang ada pada database memiliki relasi antara satu tabel dengan tabel lainnya.</div>
 +
 
 +
====Kelebihan MySql====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Beberapa kelebihan dari MySQL yaitu:</div>
  
===Konsep Dasar Perancangan Sistem===
 
====Definisi Perancangan Sistem====
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menurut Al-Jufri (2011:141), “Rancangan Sistem adalah penentuan proses dan data yang diperlukan oleh sistem baru”.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Cepat, handal dan Mudah dalam penggunaannya.<br>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menurut Verzello/John Reuter III dalam Darmawan (2013:227), “Perancangan Sistem adalah tahap setelah analisis dari siklus pengembangan sistem: pendefinisian dari kebutuhan-kebutuhan fungsional dan persiapan untuk rancang bangun implementasi: menggambarkan bagaimana suatu sistem dibentuk”.
+
MySQL lebih cepat tiga sampai  empat kali dari pada database server komersial yang  beredar saat ini, mudah diatur dan tidak memerlukan seseorang yang ahli untuk mengatur administrasi pemasangan MySQL.</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2”> Berdasarkan beberapa pendapat diatas mengenai perancangan sistem dapat disimpulkan bahwa “perancangan sistem merupakan proses pembuatan sebuah sistem yang baru yang dilakukan setelah menganalisis sistem yang sedang berjalan.”</li></ol>
+
  
====Tahapan Perancangan Sistem====
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Didukung oleh berbagai bahasa Database server.<br>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
MySQL dapat memberikan pesan  error dalam berbagai bahasa seperti Belanda, Portugis, Spanyol, Inggris, Perancis, Jerman, dan Italia.</li>
<p style="line-height: 2"> Menurut Mahdiana (2011:37), “Tahap Perancangan Sistem adalah merancang sistem secara rinci berdasarkan hasil analisis sistem yang ada, sehingga menghasilkan model sistem baru yang diusulkan.”</p></div>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Mampu membuat tabel berukuran sangat besar.<br>
<p style="line-height: 2"> Menurut Sutabri (2012:225) <ref name= " Sutabri, Tata. 2012"> Sutabri, Tata. 2012. Konsep Dasar Sistem Informasi. Yogyakarta: Andi Offset.</ref>, tahap rancangan sistem dibagi menjadi 2 (dua) bagian, yaitu :</p></div>
+
Ukuran maksimal dari setiap tabel yang dapat dibuat dengan MySQL adalah 4 GB sampai dengan ukuran file yang dapat ditangani oleh sistem operasi yang dipakai.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Lebih Murah.<br>
 +
MySQL bersifat open source dan didistribusikan dengan gratis tanpa biaya untuk UNIX platform, OS/2 dan Windows platform.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Melekatnya integrasi PHP dengan MySQL..<br>
 +
Keterikatan antara PHP dengan MySQL yang sama-sama software  open source sangat kuat, sehingga koneksi yang terjadi lebih cepat jika dibandingkan dengan menggunakan database server lainnya. Modul MySQL di PHP telah dibuat built-in sehingga tidak memerlukan konfigurasi tambahan pada file konfigurasi php.</li></ol>
 +
 
 +
 
 +
 
 +
===Konsep Dasar PHP===
 +
====Pengertian PHP====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Arief (2011:43)<ref name="Arief. M. Rudyanto">Arief. M. Rudyanto. 2011. “Pemrograman Web Dinamis Menggunakan PHP & MySQL”. Yogyakarta: Andi.</ref> PHP adalah Bahasa server-side –scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Karena PHP merupakan server-side-scripting maka sintaks dan perintah-perintah PHP akan diesksekusi diserver kemudian hasilnya akan dikirimkan ke browser dengan format HTML.</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Anhar (2010:3)<ref name="Anhar">Anhar, 2010. Panduan Menguasai PHP dan MySQL Secara Otodidak. Jakarta: Mediakita.</ref>, ”PHP singkatan dari Hypertext Preprocessor yaitu bahasa pemrograman web server-side yang bersifat open source.” Berdasarkan pengertian dari beberapa ahli di atas dapat disimpulkan bahwa PHP merupakan skrip yang bertempat dan diproses pada suatu server dengan keluaran yang dihasilkan dapat dilihat melaui browser, PHP juga merupakan salah satu bahasa pemrograman open source yang dapat digunakan pada berbagai sistem operasi seperti Linux, Unix, Macintosh, maupun Windows. Pada dasarnya PHP dirancang untuk pembuatan jenis web dinamis, yaitu web yang dalam pembuatannya dapat aplikasikan sesuai keinginan penggunanya. Salah satu kelebihan lain yang dimiliki PHP antara lain dapat terkoneksi pada beberapa database antara lain MySql.</div>
 +
 
 +
====Ciri-ciri Khusus PHP====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Oktavian (2010:31)<ref name="Oktavian. Diar Puji">Oktavian. Diar Puji. 2010. “Menjadi Programmer Jempolan Menggunakan PHP”. Yogyakarta: Mediakom.</ref>, "PHP adalah akronim dari Hypertext Preprocessor, yaitu suatu bahasa pemrograman berbasiskan kode-kode (script) yang digunakan untuk mengolah suatu data dan mengirimkannya kembali ke web browser menjadi kode HTML". Kode PHP mempunyai ciri-ciri khusus, yaitu:</div>
  
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Hanya dapat dijalankan menggunakan web server, misal: Apache.</li>
<p style="line-height: 2"> Rancangan sistem secara umum</p></li>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Kode PHP diletakkan dan dijalankan di web server</li>
<p style="line-height: 2"> Memberikan gambaran secara umum kepada user tentang sistem yang baru.</p></div>
+
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Kode PHP dapat digunakan untuk mengakses database, seperti: MySQL.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Merupakan software yang bersifat open source.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Gratis untuk di-donwload dan digunakan.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Memiliki sifat multi paltform, artinya dapat dijalankan menggunakan sistem operasi apapun, seperti: Linux, Unix, Windows, dan lain-lain.</li></ol>
 +
 
 +
====Tipe Data Pada PHP====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">PHP memiliki 8 tipe data dasar yaitu boolean , integer , data floating-point atau double , string , array , object , resource dan null. Berikut Penjelasan masing-masing tipe data tersebut :</div>
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2"> Rancangan sistem secara rinci</p></li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Dimaksudkan untuk pemrogram komputer dan ahli teknik lainnya yang akan mengimplementasi sistem.</p></div>
 
</ol>
 
====Tujuan Perancangan Sistem====
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Menurut Darmawan (2013:228), Tahap Perancangan / Desain Sistem mempunyai 2 tujuan utama, yaitu:</p></div>
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2”> Untuk memenuhi kebutuhan pemakai sistem.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Boolean.<br>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2”> Untuk memberikan gambaran yang jelas dan rancang bangun yang lengkap pada pemrograman komputer dan ahli-ahli teknik yang terlihat (lebih condong pada desain sistem yang terperinci). </li></ol>
+
Tipe data boolean digunakan untuk mencari nilai kebenaran. nilai kebenarannya adalah “True” atau “False”. Dalam penulisannya tidak terpengaruh antara huruf besar dan kecil. Contoh :<br>
==Teori Khusus==
+
<?
===Konsep Dasar Sistem Informasi Akuntansi===
+
$a = true; // mendeklarasikan nilai true pada variabel $a
====Definisi Sistem Informasi Akuntansi====
+
$b = false; // mendeklarasikan nilai false pada variabel $b     
 +
?>
 +
</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Integer.<br>
 +
Tipe data integer merupakan berfungsi dalam penyimpanan bilangan bulat baik positif maupun negative dan bukan decimal, secara umum dapat disebut tipe data berupa angka. Contoh :<br>
 +
<?<br>
 +
$a=10; //angka desimal<br>
 +
$b=0x1A; //angka hexadesimal<br>
 +
$c=-5; //angka desimal negatif<br>
 +
$d=$a * $c; //contoh perkalian<br>
 +
echo "a = $a<br>";<br>           
 +
echo "b = $b<br>";<br>   
 +
echo "c = $c<br>";<br>
 +
echo "a * c = $d<br>";<br>                                 
 +
?>
 +
</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Floating point.<br>
 +
Tipe data floating point atau kata lain dari tipe data double merupakan tipe data yang berfungsi menyimpan bilangan desimal. Contoh :<br>
 +
<?<br>
 +
$a=10.08697;<br>
 +
$b=4.97586e9;<br>
 +
$x=8E-100;<br>
 +
$y=$z * $x;<br>
 +
echo "z = $z<br>";<br>               
 +
echo "y = $y<br>";<br>   
 +
echo "x = $x<br>";<br>
 +
echo "z * x = $v<br>";<br>                                 
 +
?></li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">String.<br>
 +
Tipe data string merupakan gabungan dari beberapa karakter, dapat berupa kata tunggal maupun kalimat. Penulisannya memerlukan tanda kutip satu (‘ ‘) atau kutip (“ “). Contoh :<br>
 +
<?<br>
 +
$jeruk='orange';<br>
 +
$pisang=”banana”;<br>
 +
?></li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Array.<br>
 +
Tipe data array merupakan kumpulan data atau karakter pada satu variable. Contoh :<br>
 +
<?<br>
 +
$nama=array("cowok"=>"Jono",  "cewek"=>"Susi");<br>
 +
echo "Nama Kakak = $nama[cowok]<br>";<br> 
 +
echo "Nama Adik = $nama[cewek]<br>";<br>               
 +
?></li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Objek.<br>
 +
Tipe data objek dapat berupa bilangan, variabel maupun fungsi.Tipe data objek memiliki tujuan memudahkan para programmer dalam Object Oriented Program (OOP) yang merupakan pendukung dari pada PHP. Contoh :<br>
 +
<?php<br>
 +
Class makan {<br>
 +
Var $lauk = “telur”;<br>
 +
Function makan_malam ($lauk) {<br>
 +
$ lauk = “lauk”;<br>
 +
}<br>
 +
}<br>
 +
$hari_ini=new makan;<br>
 +
Echo $hari_ini -> lauk;<br>
 +
?></li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Resource.<br>
 +
Tipe data resource merupakan tipe data yang baru diperkenalkan pada PHP 4.Tipe ini memiliki nilai yang dihasilkan dari pemanggilan fungsi-fungsi yang menggunakan resource sistem, seperti mysql_connect, mysql_query dan semacamnya. Variabelnya secara otomatis akan menggunakan tipe data resource ini.
 +
Contoh :<br>
 +
<?<br>
 +
$sql = mysql_query("SELECT * FROM admin WHERE un_admin='$us'") ;<br>
 +
                        $b = mysql_fetch_array($sql);<br>
 +
 
 +
if($b==0){<br>
 +
 
 +
                        ?><script language="javascript">alert('Gagal menyimpan sandi baru, cobalah kembali!'); document.location='admin.php?<br>
 +
action=sandi_baru'</script><? }<br>
 +
?></li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Null.<br>
 +
Tipe data null merupakan tipe data yang tidak memuat apapun, menjadikan variabel tidak memiliki nilai apapun. Contoh :<br>
 +
<?<br>
 +
$kosong=NULL;<br>
 +
?>
 +
</li></ol>
 +
 
 +
 
 +
 
 +
====Kelebihan PHP====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang paling utama PHP adalah pada konektivitasnya dengan sistem database di dalam web. Kelebihan-kelebihan dari PHP diantaranya adalah :</div>
 +
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">PHP mudah dibuat dan dijalankan, maksudnya PHP dapat berjalan dalam Web Server dan dalam Sistem Operasi yang berbeda pula.</li>
<p style="line-height: 2"> Menurut Wilkinson dan Cerullo dalam Danang Sunyoto (2014:118), “Sistem informasi akuntansi merupakan struktur yang menyatu dalam suatu entitas, yang menggunakan sumber daya fisik dan komponen lain, untuk mengubah data transaksi keuangan atau akuntansi menjadi informasi akuntansi dengan tujuan untuk memenuhi kebutuhan akan informasi dari para pengguna atau pemakainya (users).</p></li>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">PHP adalah software open-source yang gratis dan bebas didistribusikan kembali di bawah lisensi GPL (GNU Public License). User dapat mendownload kode-kode  PHP tanpa harus mengeluarkan uang atau khawatir dituntut oleh pihak pencipta PHP.</li>
<p style="line-height: 2"> Menurut George H.Bodnar dan William.S.Hopwood dalam Dalam Sunyoto (2014:118), “Sistem informasi akuntansi adalah kumpulan sumber daya, seperti: manusia dan peralatan, yang diatur untuk mengubah data menjadi informasi akuntansi. Informasi ini dikomunikasikan kepada para penggunanya untuk pengambilan keputusan”.</p></li>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">PHP bisa dioperasikan pada platform Linux ataupun Windows.</li>
<p style="line-height: 2"> Menurut Baridwan dalam Danang Sunyoto (2014:118), “Sistem informasi akuntansi adalah sistem akuntansi yang terdiri dari formulir-formulir, catatan-catatan, prosedur dan alat-alat yang digunakan untuk mengolah data mengenai suatu usaha usaha kesalahan ekonomi dengan tujuan untuk menghasilkan umpan balik dalam bentuk laporan-laporan yang diperlukan oleh manajemen untuk mengawasi usaha-usahanya dan bagi pihak-pihak lain yang berkepentingan seperti pemegang saham, kreditur dan lembaga-lembaga pemerintah untuk menilai hasil operasi”.</p></li>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">PHP sangat efisien, karena PHP hanya memerlukan resource system yang sangat sedikit dibanding dengan bahasa pemograman lain.</li>
<p style="line-height: 2"> Menurut peneliti dapat disimpulkan bahwa “Sistem informasi akuntansi adalah pengolahan data angka informasi yang berkaitan dengan akuntansi untuk kepentingan perekonomian perusahaan”.</p></li>
+
 
</ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Ada banyak Web Server yang mendukung PHP, seperti Apache, PWS, IIS, dan lain-lain.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">PHP juga didukung oleh banyak database, seperti MySQL, PostgreSQL, Interbase, SQL, dan   lain-lain.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Bahasa pemograman PHP sintaknya sederhana, singkat dan mudah untuk dipahami.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">8. HTML-embedded, artinya PHP adalah bahasa yang dapat ditulis dengan menempelkan pada  sintak-sintak HTML.</li></ol>
 +
 
 +
 
 +
 
 +
====Kelemahan PHP====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Selain kelebihan PHP, PHP juga mempunyai kekurangan. Namun masalah kekurangannya sangat sedikit. Diantaranya:</div>
  
====Tujuan dan Manfaat Sistem Informasi Akuntansi ====
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2"> Tujuan sistem informasi akuntansi adalah sebagai berikut:</p></div>
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">  Untuk menginformasikan pengaturan dan penggunaan sumber daya organisasi dalam rangka pencapaian tujuan organisasi tersebut. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">PHP Tidak mengenal Package.</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">  Untuk memberikan informasi yang diperlukan oleh pihak manajemen dengan melakukan tanggung jawab pengambilan keputusan.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">  Untuk mendukung kegiatan operasi perusahaan hari demi hari. Sistem informasi membantu personel operasional untuk bekerja lebih efektif dan efisien.</p></li>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Jika tidak di encoding, maka kode PHP dabat dibaca semua orang & untuk meng encodingnya dibutuhkan tool dari Zend yang mahal sekali biayanya.</li>
<p style="line-height: 2"> Disisi lain, sebuah sistem informasi akuntasi menambah manfaat atau nilai dengan cara :</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">  Menyediakan infomasi yang akurat dan tepat waktu sehingga dapat melakukan aktivitas utama pada value chain secara efektif dan efisien.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">  Meningkatkan kualitas dan mengurangi biaya produk dan jasa yang dihasilkan.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">  Meningkatkan efisiensi.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2”> Meningkatkan kemampuan dalam pengambilan keputusan.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Meningkatkan sharing knowledge, menambah efisiensi kerja pada bagian keuangan..</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">  Komponen sistem infomasi akuntansi.</p></li>
+
</ol>
+
  
====Definisi Akuntansi====
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">PHP memiliki kelemahan keamanan. Jadi Programmer harus jeli & berhati-hati dalam melakukan pemrograman & Konfigurasi PHP.</li></ol>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
<p style="line-height: 2"> Akuntansi adalah pengukuran, penjabaran atau pemberian kepastian mengenai informasi yang akan membantu manajer, investor, otoritas pajak dn pembuat keputusan lain untuk membuat alokasi sumber daya keputusan didalam perusahaan, organisasi dan lembaga pemerintah. Akuntansi adalah seni dalam mengukur, berkomunikasi dan menginterpretasikan aktivitas keuangan. Secara luas, akuntansi juga dikenal sebagai “bahasa bisnis”. Akuntansi bertujuan untuk menyiapkan  suatu laporan keuangan yang akurat, agar dapat dimanfaatkan oleh para manajer, pengambil kebijakan, dan pihak berkepentingan lainnya,  seperti pemegang saham, kreditur, atau pemilik. Pencatatan harian yang terlibat dalam proses di dikenal dengan istilah pembukuan. Akuntansi keuangan adalah suatu cabang dari akuntansi dimana, informasi keuangan pada suatu bisini dicatat, diklasifikasi, diringkas, diinterpretasikan, dan dikomunikasikan. Auditing, satu disiplin ilmu yang terkait tapi tetap terpisah dari akuntansi, adalah suatu proses dimana pemeriksaan independen memeriksa laporan keuangan yang suatu organisasi untuk memberikan suatu pendapat atau opini yang masuk akal tetapi tak dijamin sepenuhnya mengenai kewajaran dan kesesuaian dengan prinsip akuntansi yang berterima umum.</p></div>  
+
 
 +
 
 +
===Konsep Dasar Unified Modelling Language (UML)===
 +
====Definisi Unified Modelling Language (UML)====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Ada beberapa pendapat yang menjelaskan tentang definisi (Unified Modeling Language) UML, yaitu:</div>
  
===Konsep Dasar Laporan Kas Kecil===
 
====Pengertian Kas====
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">  Menurut Hery (2014:200) dalam buku yang berjudul Akuntansi dasar 1 dan 2, ”kas merupakan asset atau aktiva yang paling likuid yang dimiliki perusahaan, kas akan diurutkan sebagai komponen pertama dari asset atau aktiva lancar dalam neraca”.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Menurut Nugroho (2010:6)<ref name="Nugroho, Adi"> Nugroho, Adi. 2010. Analisis Perancangan Sistem Informasi dengan Metodologi Berorientasi Object. Bandung: Informatika.</ref>, “UML (Unified Modeling Language)  adalah bahasa pemodelan untuk sistem atau perangkat lunak yang berparadigma berorientasi objek. Pemodelan (modeling) sesungguhnya digunakan untuk penyederhanaan permasalahan-permasalahan yang kompleks sedemikian rupa sehingga lebih mudah dipelajari dan dipahami”.</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Menurut Dwi Martani, dkk (2012:180) <ref name= " Martina, Dwi, dkk. 2012"> Martina, Dwi, dkk. 2012. Akuntansi Kuangan Menengah Berbasis PSAK.
+
 
Jakarta. Salemba Empat.</ref>,”Kas adalah aset keuangan yang digunakan untuk kegiatan operasional perusahaan”.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Menurut Nugroho (2010:4)<ref name="Nugroho, Adi"> Nugroho, Adi. 2010. Analisis  Perancangan Sistem Informasi dengan Metodologi Berorientasi Object. Bandung: Informatika.</ref>, “UML (Unified Modeling Language) adalah Metodologi kolaborasi antara metode-metode Booch, OMT (Object Modeling Technique), serta OOSE (Object Oriented Software Enggineering) dan beberapa metoda lainnya, merupakan metodologi yang paling sering digunakan saat ini untuk analisa dan perancangan sistem dengan metodologi berorientasi objek mengadaptasi maraknya penggunaan bahasa pemrograman berorientasi objek (OOP)”.</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Menurut peneliti dapat disimpulkan bahwa “Kas adalah aset keuangan milik perusahaan yang diperuntukan untuk keberlangsungan kegiatan perekonomian perusahaan”.</p></li>
+
 
</ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">3. “(Unified Modeling Language) adalah salah satu alat bantu yang sangat handal dalam bidang pengembangan sistem yang berorientasi objek”. Hal ini disebabkan karena UML menyediakan bahasa pemodelan visual yang memungkinkan pengembang sistem untuk membuat cetak biru atas visi mereka dalam bentuk yang baku. Sebagai sebuah sketsa, UML berfungsi sebagai jembatan dalam mengkomunikasikan beberapa aspek dari sistem.”(Jurnal CCIT,2008:70)<ref name="Padeli">Padeli dkk dalam jurnal CCIT (2008:70)</ref>.</li></ol>
====Sifat Kas====
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> Berdasarkan pendapat yang dikemukakan di atas dapat ditarik kesimpulan bahwa Unified Modelling Language (UML) adalah sebuah bahasa yang berdasarkan grafik atau gambar untuk menvisualisasikan, menspesifikasikan, membangun dan pendokumentasian dari sebuah sistem pengembangan perangkat lunak berbasis Object Oriented Programming (OOP).</div>
 +
 
 +
====Langkah-langkah penggunaan Unified Modelling Language (UML)====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Henderi (2011:6)<ref name="Henderi, Maimunah, Randy Andrian">Henderi, Maimunah, Randy Andrian. 2011. Desain Aplikasi E-learning Sebagai Media Pembelajaran Artificial Informatics.Tangerang: Jurnal CCIT. Vol. 4, No.3-Mei 2011.</ref>, langkah-langkah penggunaan Unified Modeling Language (UML) sebagai berikut:</div>
 +
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Dapat segera digunakan sebagai alat pembayaran. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Buatlah daftar business process dari level tertinggi untuk mendefinisikan aktivitas dan proses yang mungkin muncul.</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Kecil dan ringan. </p></li>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Mudah ditukar dengan barang lain.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Petakan use case untuk setiap business process untuk mendefinisikan dengan tepat fungsional yang harus disediakan oleh sistem, kemudian perhalus use case diagram dan lengkapi dengan requirement, constraints dan catatan-catatan lain.</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Nilai uang tersebut pasti lebih tinggi dari bahan pembuatnya.</p></li>
+
 
</ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Buatlah deployment diagram secara kasar untuk mendefinisikan arsitektur fisik sistem.</li>
====Pengendalian Kas====
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Definisikan requirement lain non fungsional, security dan sebagainya yang juga harus disediakan oleh sistem.</li>
<p style="line-height: 2"> Mengingat kas merupakan asset atau aktiva lancar yang paling tinggi tingkat likuiditasnya maka perlu untuk adanya pengendalian internal yang baik agar terhindar dari penyalahgunaan atau penyimpangan oleh pihak-pihak tertentu. Berikut langkah pengamanan atau pengendalian kas : </p></div>
+
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Berdasarkan use case diagram, mulailah membuat activity diagram.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Definisikan obyek-obyek level atas package atau domain dan buatlah sequence dan atau collaboration  untuk tiap alur pekerjaan, jika sebuah use case memiliki kemungkinan alur normal dan error, buat lagi satu diagram untuk masing-masing alur.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Buatlah rancangan user interface model yang menyediakan antar muka bagi pengguna untuk menjalankan skenario use case.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Berdasarkan model-model yang sudah ada, buatlah class diagram. Setiap package atau domian dipecah menjadi hirarki class lengkap dengan atribut dan metodenya. Akan lebih baik jika untuk setiap class dibuat unit test untuk menguji fungsionalitas class dan interaksi dengan class lain.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Setelah class diagram dibuat, kita dapat melihat kemungkinan pengelompokkan class menjadi komponen-komponen karena itu buatlah component diagram pada tahap ini. Juga, definisikan test integrasi untuk setiap komponen meyakinkan ia bereaksi dengan baik.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Perhalus deployment diagram yang sudah dibuat. Detailkan kemampuan dan requirement piranti lunak, sistem operasi, jaringan dan sebagainya. Petakan komponen ke dalam node.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Mulailah membangun sistem. Ada dua pendekatan yang tepat digunakan:<br>
 +
a. Pendekatan use case dengan mengassign setiap use case kepada tim pengembang tertentu untuk mengembangkan unit kode yang lengkap dengan test.<br>
 +
b. Pendekatan komponen yaitu mengassign setiap komponen kepada tim pengembang tertentu.</li></ol>
 +
 
 +
====Konsep Pemodelan Menggunakan UML====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Nugroho (2010:10)<ref name="Nugroho, Adi"> Nugroho, Adi. 2010. Analisis  Perancangan Sistem Informasi dengan Metodologi Berorientasi Object. Bandung: Informatika.</ref>, “Sesungguhnya tidak ada batasan yang tegas diantara berbagai konsep dan konstruksi dalam UML, tetapi untuk menyederhanakannya, kita membagi sejumlah besar konsep dan dalam UML menjadi beberapa view. Suatu view sendiri pada dasarnya merupakan sejumlah konstruksi pemodelan UML yang merepresentasikan suatu aspek tertentu dari sistem atau perangkat lunak yang sedang kita kembangkan. Pada peringkat paling atas, view-view sesungguhnya dapat dibagi menjadi tiga area utama, yaitu: klasifikasi struktural (structural classification), perilaku dinamis (dinamic behaviour), serta pengolahan atau manajemen model (model management)”.</div>
 +
 
 +
====Bangunan Dasar Metodologi Unified Modeling Language (UML)====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Nugroho (2010:117)<ref name="Nugroho, Adi"> Nugroho, Adi. 2010. Analisis  Perancangan Sistem Informasi dengan Metodologi Berorientasi Object. Bandung: Informatika.</ref>, “Bangunan dasar metodologi UML menggunakan dua bangunan dasar untuk mendeskripsikan sistem/perangkat lunak yang akan dikembangkan, yaitu :</div>
 +
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Membuat perencanaan arus kas (cash flow planing atau cash budget).</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Sesuatu (things). Ada 4 (empat) things dalam UML, yaitu:<br>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Menerapkan sistem dana tetap (imprest fund) kas kecil.</p></li>
+
1. Structural things merupakan bagian yang relatif statis dalam model Unified Modeling Language (UML). Bagian yang relatif statis dapat berupa elemen-elemen yang bersifat fisik maupun konseptual.<br>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Melakukan rekonsiliasi bank.</p></li>
+
2. Behavioral things merupakan bagian yang dinamis pada model Unified Modeling Language (UML), biasanya merupakan kata kerja dari model Unified Modeling Language (UML), yang mencerminkan perilaku sepanjang ruang dan waktu.<br>
</ol>
+
3. Grouping things merupakan bagian pengorganisasi dalam Unified Modeling Language (UML). Dalam penggambaran model yang rumit kadang diperlukan penggambaran paket yang menyederhanakan model. Paket-paket ini kemudian dapat didekomposisi lebih lanjut. Paket berguna bagi pengelompokkan sesuatu, misalnya model-model dan subsistem-subsistem.<br>
====Pengertian Kas Kecil====
+
4. Annotational things merupakan bagian yang memperjelas model Unified Modeling Language (UML) dan dapat berupa  komentar-komentar yang menjelaskan fungsi serta ciri-ciri setiap elemen dalam model Unified Modeling Language (UML).</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Relasi (Relationship). Ada 4 (empat) macam relationship dalam Unified Modeling Language (UML), yaitu:<br>
 +
1. Ketergantungan merupakan hubungan dimana perubahan yang terjadi pada suatu elemen mandiri (independent) akan mempengaruhi elemen yang bergantung pada elemen yang tidak mandiri (dependent).<br>
 +
2. Asosiasi merupakan apa yang menghubungkan antara objek satu dengan objek lainnya, bagaimana hubungan suatu objek dengan objek lainnya. Suatu bentuk asosiasi adalah agregasi yang menampilkan hubungan suatu objek dengan bagian-bagiannya.<br>
 +
3. Generalisasi merupakan hubungan dimana objek anak (descendent) berbagi perilaku dan struktur data dari objek yang ada diatasnya objek induk (ancestor). Arah dari atas ke bawah dari objek induk ke objek anak dinamakan spesialisasi, sedangkan arah berlawanan sebaliknya dari arah bawah ke atas dinamakan generalisasi.<br>
 +
4. Realisasi merupakan operasi yang benar-benar dilakukan oleh suatu objek.</li></ol>
 +
 
 +
====Jenis-jenis diagram UML (Unified Modeling Language)====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Henderi (2011:5)<ref name="Henderi, Maimunah, Randy Andrian">Henderi, Maimunah, Randy Andrian. 2011. Desain Aplikasi E-learning Sebagai Media Pembelajaran Artificial Informatics.Tangerang: Jurnal CCIT. Vol. 4, No.3-Mei 2011.</ref>, Berikut ini adalah definisi mengenai 5 diagram UML:</div>
 +
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Menurut Harnanto dalam jurnal Astuti (2012 : 153), “Kas kecil merupakan sejumlah dana yang disediakan khusus untuk pengeluaran-pengeluaran yang bersifat rutin dan kecil jumlahnya”.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Use Case Diagram secara grafis menggambarkan interaksi antara sistem, sistem eksternal dan pengguna. Dengan kata lain use case diagram secara grafis mendeskripsikan siapa yang akan menggunakan sistem dan dalam cara apa pengguna (user) mengharapkan interaksi dengan sistem itu. Use case secara naratif digunakan untuk secara tekstual menggambarkan sekuensi langkah-langkah dari setiap interaksi.</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Menurut Ulfa (2010:23) <ref name= " Umi Maria Ulfa. 2010"> Umi Maria Ulfa. 2010. Evaluasi Sistem Pengendalian Intern Pengeluaran Kas
+
pada PT. Global Engineering Technology Jakarta. Skripsi Universitas
+
Diponegoro Semarang.</ref>, “Kas Kecil adalah uang yang disediakan untuk pengeluaran yang sifatnya kecil”.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Menurut Anastasia Diana dan Lilis Setiawati (2011:153) <ref name= " Diana Anastasia dan Lilis setiawati. 2011"> Diana Anastasia dan Lilis setiawati. 2011. Sistem Informasi Akuntansi.
+
Yogyakarta: Cv Andi Offset.</ref> ”kas kecil merupakan sebagai sarana untuk memfasilitasi pengeluaran dalam jumlah yang relatif kecil yang tidak biasa dibayar dengan menggunakan transfer bank atau dengan cek”.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Dari pengertian di atas dapat disimpulkan bahwa kas kecil adalah sejumlah dana yang dikeluarkan untuk pengeluaran yang bersifat rutin atau berkala.</p></li>
+
</ol>
+
  
 +
<br>
 +
 +
<div align="center">https://lh3.googleusercontent.com/-EWzxDPmv2-s/WXofo8M-w5I/AAAAAAAAASM/TveFT37yp-46zF_zmY-nDat6_T0dRRPXwCJoC/w431-h350-n-rw/9.png
 +
</div>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
Gambar 2.9 Contoh Use Case Diagram</div>
 +
 +
<br>
 +
 +
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Class Diagram menggambarkan struktur object sistem. Diagram ini menunjukkan class object yang menyusun sistem dan juga hubungan antara class object tersebut.</li>
 +
 +
<br>
 +
 +
<div align="center">https://lh3.googleusercontent.com/-CbRyys1oIJM/WXofo-p1FeI/AAAAAAAAASM/fkGQsrAxc-EFhZczpkFiDt4xMkIA8-vywCJoC/w464-h350-n-rw/10.png
 +
</div>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
Gambar 2.10 Contoh Class Diagram</div>
 +
 +
<br>
 +
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Sequence Diagram secara grafis menggambarkan bagaimana objek berinteraksi dengan satu sama lain melalui pesan pada sekuensi sebuah use case atau operasi.</li>
 +
 +
<br>
 +
 +
<div align="center">https://lh3.googleusercontent.com/-ugrPK5v55rE/WXofo1lfRcI/AAAAAAAAASM/k0UXKFcLdqoxX0glmNcKv0cPGxs4MFuAACJoC/w386-h350-n-rw/11.png
 +
</div>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
Gambar 2.11 Contoh Sequence Diagram</div>
 +
 +
<br>
 +
 +
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">State Chart Diagram digunakan untuk memodelkan behaviour objek khusus yang dinamis. Diagram ini mengilustrasikan siklus hidup objek berbagai keadaan yang dapat diasumsikan oleh objek dan event-event (kejadian) yang menyebabkan objek beralih dari satu state ke state yang lain.</li>
 +
 +
<br>
 +
 +
<div align="center">https://lh3.googleusercontent.com/-EmvkhsAJau0/WXofo5Amu-I/AAAAAAAAASM/opOUbCvvzBMsIKXzPIgYRfL92Q0DddkowCJoC/w467-h350-n-rw/12.png
 +
</div>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
Gambar 2.12 Contoh State Chart Diagram</div>
 +
 +
<br>
 +
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Activity Diagram secara grafis digunakan untuk menggambarkan rangkaian aliran aktivitas baik proses bisnis maupun use case. Activity diagram dapat juga digunakan untuk memodelkan action yang akan dilakukan saat sebuah operasi dieksekusi, dan memodelkan hasil dari action tersebut.</li></ol>
 +
 +
<br>
 +
 +
<div align="center">https://lh3.googleusercontent.com/-NuxXBkrB-YQ/WXofo2XekSI/AAAAAAAAASM/L7EFE2bA8pI6od6AXRXVpteAkERi1QqQwCJoC/w229-h350-n-rw/13.png
 +
</div>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 2.13  Contoh Activity Diagram</div>
 +
 +
===Konsep Dasar Testing===
 +
====Definisi Testing====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Rizky (2011:237)<ref name="Rizky. Soetam"> Rizky. Soetam. 2011. “Konsep Dasar Rekayasa Perangkat Lunak”. Jakarta: Prestasi Pustaka.</ref>, "Testing adalah sebuah proses yang diejawantahkan sebagai siklus hidup dan merupakan bagian dari proses rekayasa perangkat lunak secara terintegrasi demi memastikan kualitas dari perangkat lunak secara terpenuhi kebutuhan teknis yang telah disepakati dari awal".</div>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Detail tahapan yang harus dilampaui dalam kaitan kebutuhan perangkat lunak dari sudut pandang testing perangkat lunak adalah:</div>
  
====Sistem Kas Kecil====
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Tiap-tiap dana kas kecil yang dibentuk ditunjuk seorang kasir yang masing-masing bertanggungjawab pada penggunaan atau pengeluaran dari dana kas kecil tersebut. Pada umumnya, dana kas kecil yang dibentuk dibatasi jumlahnya, dan secara periodik atau pada saat-saat tertentu diadakan pengisian kembali untuk mengganti dana kas kecil yang telah digunakan. Terdapat dua alternatif metode atau prosedur penyelenggaraan dana kas kecil yaitu:</p></div>
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> sistem dana tetap </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Verifikasi.<br>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> sistem dana berfluktuasi.</p></li>
+
Verifikasi adalah proses pemeriksaan untuk memastikan bahwa perangkat lunak telah menjalankan apa yang harus dilakukan dari kesepakatan awal antara pengembang perangkat lunak dan pengguna.</li>
</ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Menurut ulfa (2010: 23) <ref name= " Umi Maria Ulfa. 2010"> Umi Maria Ulfa. 2010. Evaluasi Sistem Pengendalian Intern Pengeluaran Kas
+
pada PT. Global Engineering Technology Jakarta. Skripsi Universitas
+
Diponegoro Semarang.</ref>, sistem dana kas kecil dapat diselenggarakan dengan dua metode yaitu:</p></div>
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Sistem Saldo Fluktuasi <i>(fluctuating fund balance system)</i></p></li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in ">
+
<p style="line-height: 2"> Dalam sistem fluktuasi, penyelenggaraan dana kas kecil dilakukan dengan prosedur sebagai berikut:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a. Pembentukan dana kas kecil dicatat dengan mendebit rekening dana kas kecil. </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Pengeluaran dana kas kecil dicatat dengan mengkredit rekening dana kas kecil, sehingga setiap saldo rekening ini berfluktuasi. </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c. Pengisian kembali dana kas kecil ini dilakukan dengan jumlah sesuai dengan keperluan dan dicatat dengan mendebit rekening dana kas kecil. Dalam sistem ini, saldo rekening dana kas kecil berfluktuasi dari waktu ke waktu. </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in ">
+
<p style="line-height: 2"> Dengan demikian, dalam saldo berfluktuasi, catatan kas perusahaan tidak dapat direkonsiliasi dengan catatan bank, oleh karena rekonsiliasi bank bukan merupakan alat pengendalian bagi catatan kas perusahaan.</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Sistem Dana Tetap<i>(Imprest System)</i></p></li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in ">
+
<p style="line-height: 2"> Dalam imprest system, penyelenggaraan dana kas kecil dilakukan dengan prosedur sebagai berikut:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a. Pembentukan dana kas kecil dilakukan dengan cek dan dicatat dengan mendebit rekening dana kas kecil. Saldo rekening dana kas kecil ini tidak boleh berubah dari yang telah ditetapkan sebelumnya, kecuali jika saldo yang telah ditetapkan tersebut dinaikan atau diturunkan. </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Pengeluaran dana kas kecil tidak dicatat dalam jurnal (sehingga tidak mengkredit rekening dana kas kecil). Bukti –bukti pengeluaran dana kas kecil dikumpulkan saja dalam arsip sementara yang diselenggarakan oleh pemegang dana kas kecil. </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c. Pengisian kembali dana kas kecil dilakukan sejumlah rupiah yang tercantum dalam kumpulan bukti pengeluaran kas kecil. Pengisian kembali dana kas kecil ini dilakukan dengan cek dan dicatat dengan mendebit rekening-rekening biaya dan mengkredit rekening kas.</p></div>
+
</ol>
+
====Pengendalian Atas Dana Kas Kecil <i>Petty Cash</i>====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Alasan perlu dibentuknya sebuah sistem kas kecil (petty cash) adalah bahwa pembayaran-pembayaran yang jumlahnya relatif kecil ini, namun sering terjadi yang pada akhirnya juga dapat menjadi jumlah yang cukup signifikan atau besar. Oleh sebab itu maka perlu monitoring atau pengendalian internal. </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Menurut Firdaus A (2013 :172) pengendalian dalam kas kecil mutlak dibutuhkan dan dapat dilakukan dengan cara sebagai berikut : </p></div>
+
  
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Validasi.<br>
 +
Validasi adalah sebuah proses yang melakukan konfirmasi bahwa perangkat lunak dapat dieksekusi secara baik.<br>
 +
Definisi dari standart yang harus dipenuhi oleh kebutuhan perangkat lunak adalah pembebasan perangkat lunak dari failure, fault, dan error serta incident dijelaskan dalam detail berikut:<br>
 +
1. Failure.<br>
 +
Failure adalah kegagalan perangkat lunak dalam melakukan proses yang seharusnya menjadi kebutuhan perangka lunak tesebut.<br>
 +
2. Fault.<br>
 +
Fault adalah akar permasalahan dari kegagalan sebuah perangkat lunak.<br>
 +
3. Error.<br>
 +
Error adalah akibat dari adanya fault atau kerusakan yang kemudian dipicu oleh perilaku pengguna.<br>
 +
4. Incident.<br>
 +
Incident atau kecelakaan merupakan hasil akhir yang terjadi akibat dari error yang berkelanjutan dan tidak diperbaiki atau tidak terdeteksi dalam proses pengembangan perangkat lunak.</li></ol>
 +
 +
====Acuan dan Pengukuran Testing====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Rizky (2011:256)<ref name="Rizky. Soetam"> Rizky. Soetam. 2011. “Konsep Dasar Rekayasa Perangkat Lunak”. Jakarta: Prestasi Pustaka.</ref>, "Acuan testing adalah satuan pengukuran secara kuantitatif dari proses testing yang dijalankan. Sedangkan pengukuran testing adalah aktivitas untuk menentukan keluaran testing berdasarkan acuan yang telah ditetapkan dalam proses testing".</div>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Banyak pendapat yang menyatakan tentang panduan membuat acuan dalam proses testing perangkat lunak, meski demikian dari sekian banyak pendapat tersebut ada beberapa pedoman yang dapat digunakan dalam penentuan acuan testing antara lain:</div>
  
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Menunjuk seorang karyawan sebagai petugas yang mencatat dan mengelola dana kas kecil. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Waktu.<br>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pengeluaran-pengeluaran dilakukan dengan membuat voucher atau bukti pengeluaran kas kecil.</p></li>
+
Dalam hal acuan waktu, harus disepakati bersama satuan yang akan digunakan. Apakah akan menggunakan satuan dalam hitungan tahun, bulan, atau hari dari jadwal penyelesaian perangkat lunak yang ada.</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Mengisi kembali dana kas kecil dalam jumlah yang sama dengan pengeluarannya melalui prosedur yang berjalan.</p></li>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Memeriksa bukti-bukti pengeluaran kas kecil sebelum proses pencairan dana kas kecil.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Biaya.<br>
</ol>
+
Dalam testing juga penting untuk ditetapkan acuan biaya yang akan digunakan. Acuan umum ini didasarkan pada anggaran yang telah ditetapkan dan kemudian diperiksa kembali dengan biaya yang telah dikeluarkan selama pembuatan perangkat lunak.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Kinerja testing.<br>
 +
Yang dimaksud dengan kinerja testing adalah efektivitas dan efiensi dalam pelaksanaan testing. Efektifitas dalam konteks ini dapat diartikan sebagai pencapaian tujuan dari proses testing. Apakah proses testing telah berjalan sebagaimana mestinya, demi mencapai pemenuhan kualitas serta kebutuhan perangkat lunak, atau hanya demi mencari kesalahan sehingga menjatuhkan tim pengembang perangkat lunak.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Kerusakan <br>
 +
Seperti yang telah dijelaskan di sub bab sebelumnya, bahwa proses testing tidak hanya berupa proses untuk mencari kesalahan maupun kerusakan di dalam sebuah perangkat lunak. Tetapi lebih sebagai upaya bersama untuk mencapai kualitas sebuah perangkat lunak. Meski demikian, kerusakan yang ditemukan pada saat proses testing tetap menjadi acuan dari pelaksanaan testing tersebut. Hanya pada saat sebuah kerusakan ditemukan, maka harus diklasifikasikan terlebih dahulu agar tidak terkesan bahwa proses testing berjalan subyektif.</li></ol>
 +
 
 +
====Tipe dan Teknik Testing====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Rizky (2011:259), "Tipe testing lebih berkonsentrasi terhadap aspek dari perangkat lunak yang akan dikenai proses testing. Teknik testing merupakan metode yang digunakan dalam melakukan testing untuk bagian tertentu dari perangkat lunak".</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Secara teoritis, testing dapat dilakukan dengan berbagai jenis tipe dan teknik. Salah satunya yaitu dengan cara black box testing.</div>
 +
 
 +
 
 +
 
 +
 
 +
====Black Box Testing ====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Rizky (2011:265)<ref name="Rizky. Soetam"> Rizky. Soetam. 2011. “Konsep Dasar Rekayasa Perangkat Lunak”. Jakarta: Prestasi Pustaka.</ref>, definisi black box testing adalah sebagai berikut:<br>
 +
Black box testing adalah tipe testing yang memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah "kotak hitam" yang tidak penting dilihat isinya, tapi cukup dikenai proses testing di bagian luar.</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Beberapa keuntungan yang diperoleh dari jenis testing ini antara lain:<br>
 +
1. Anggota tim tester tidak harus dari seseorang yang memiliki kemampuan teknis di bidang pemrograman.<br>
 +
2. Kesalahan dari perangkat lunak ataupun bug seringkali ditemukan oleh komponen tester yang berasal dari pengguna.<br>
 +
3. Hasil dari black box testing dapat memperjelaskan kontradiksi ataupun kerancuan yang mungkin ditimbulkan dari eksekusi perangkat lunak.<br>
 +
4. Proses testing dapat dilakukan lebih cepat dibandingankan white box testing.</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Beberapa teknik testing yang tergolong dalam tipe ini antara lain:</div>
  
===Konsep Dasar Database===
 
====Definisi Database====
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Terdapat berbagai macam pengertian database  menurut beberapa  ahli, diantaranya sebagai berikut :</p></div>
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Equivalence Partitioning. <br>
<p style="line-height: 2"> Raharjo berpendapat (2011:3) <ref name= " Raharjo, Budi. 2011"> Raharjo, Budi. 2011. Belajar Otodidak Membuat Database Menggunakan
+
Pada teknik ini, tiap inputan data dikelompokan ke dalam grup tertentu, yang kemudian dibandingkan outputnya.</li>
MySQL. Bandung: Informatika.</ref>, “Database adalah kumpulan data yang terintegrasi dan diatur sedemikian rupa sehingga data tersebut dapat dimanipulasi, diambil, dan dicari secara cepat”. </p></li>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Boundary Value Analysis.<br>
<p style="line-height: 2"> Menurut Kustiyaningsih (2011:146) <ref name= " Kustiyahningsih, Yeni. 2011"> Kustiyahningsih, Yeni. 2011. Pemrograman Basis Data Berbasis Web
+
Merupakan teknik yang sangat umum digunakan pada saat awal sebuah perangkat lunak selesai dikerjakan. Pada teknik ini, dilakukan inputan yang melebihi dari batasan sebuah data. Sebagai contoh, untuk sebuah inputan harga barang, maka dapat dilakukan testing dengan menggunakan angka negatif (yang tidak diperbolehkan dalam sebuah harga). Jika perangkat lunak berhasil mengatasi inputan yang salah tersebut, maka dapat dikatakan teknik ini telah selesai dikatakan.</li>
Menggunakan PHP & MySQL. Jakarta : Graha Ilmu.</ref>, “Database adalah struktur penyimpanan data. Untuk menambah, mengakses dan memperoses data yang disimpan dalam sebuah database komputer, diperlukan sistem manajemen database seperti MYSQL Server”. </p></li>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Cause Effect Graph.<br>
<p style="line-height: 2"> Sedangkan menurut Untung Rahardja dkk dalam jurnal CCIT (2011:238) <ref name= " Rahardja, Untung dkk. 2011"> Rahardja, Untung dkk. 2011. Peningkatan Kinerja Distributed Database Melalui
+
Dalam teknik ini, dilakukan proses testing yang menghubungkan sebab dari sebuah inputan dan akibatnya pada output yang dihasilkan. Sebagai contoh, pada sebuah inputan nilai siswa, jika diinputkan angka 100, maka output nilai huruf seharusnya adalah A. Tetapi bisa dilakukan testing, apakah output nilai huruf yang dikeluarkan jika ternyata inputan nilai adalah 67.5.</li>
Methode DMQ Base Level. Vol. 4 No.3 Mei 2011 ISSN: 1978-8282.</ref>, "Database adalah kumpulan fakta-fakta sebagai respresentasi dari dunia nyata yang saling berhubungan dan mempunyai arti tertentu."Database digunakan untuk menyimpan data agar data tersebut dapat dimanipulasi dengan mudah, terjamin keakuratannya, efisien dalam penyimpanannya, dan tentu saja dapat dengan mudah untuk diakses kembali. </p></li>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Random Data Selection.<br>
<p style="line-height: 2"> Berdasarkan beberapa pendapat para ahli, peneliti dapat menyimpulkan bahwa, “Database adalah sistem yang berfungsi untuk menyimpan kumpulan data yang telah diproses didalam sebuah komputer.”</p></li>
+
Seperti namanya, teknik ini berusaha melakukan proses inputan data dengan menggunakan nilai acak. Dari hasil inputan tersebut kemudian disebut sebuah tabel yang menyatakan validasi dari output yang dihasilkan. </li>
</ol>
+
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Feature Test.<br>
 +
Pada teknik ini, dilakukan proses testing terhadap spesifikasi dari perangkat lunak yang telah selesai dikerjakan. Misalkan, pada perangkat lunak sistem informasi akademik. Dapat dicek dengan fitur untuk melakukan entri nilai telah tersedia, begitu dengan fitur entri data siswa maupun entri data guru yang akan malakukan entri nilai.</li></ol>
 +
 
 
===Konsep Dasar Elisitasi===
 
===Konsep Dasar Elisitasi===
====Definisi Elisitasi====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Saputra (2012:51)<ref name="Saputra. Alhadi">Saputra. Alhadi. 2012. “Kajian Kebutuhan Perangkat Lunak Untuk Pengembangan Sistem Informasi Dan Aplikasi Perangkat Lunak Buatan LAPAN Bandung”. Bandung: LAPAN</ref>, "Elisitasi merupakan rancangan yang dibuat berdasarkan sistem yang baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk di eksekusi". Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap, yaitu:</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Menurut Hidayati dkk dalam Jurnal CCIT (2011:302), ”elisitasi berisi usulan rancangan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk dieksekusi”.</p></div>
+
====Tahapan Elisitasi====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Elisitasi berisi usulan rancangan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh peneliti untuk dieksekusi. Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap, yaitu :</p></div>
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Elisitasi Tahap I</p></li>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify> Berisi seluruh rancangan sistem yang baru diusulkan oleh pihak manajemen terkait melalui wawancara.</p>
+
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">Elisitasi Tahap II</p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Merupakan hasil mengklasifikasikan dari elisitasi tahap I, berdasarkan metode MDI. Metode MDI ini bertujuan untuk memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yng disanggupi oleh peneliti untuk dieksekusi.</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">a. M pada MDI itu artinya Mandatory. Artinya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">b. D pada MDI ini artinya Desirable. Artinya  requirement tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi, jika requirement tersebut digunakan dalam pembentukan sistem, akan membuat sistem tersebut lebih sempurna.</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">c. I pada MDI itu artinya Inessential. Artinya requirement tersebut bukanlah bagan dari sistem yang  dibahas dan merupakan bagian dari luar sistem.</p>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">Elisitasi Tahap III</p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Merupakan hasil penyusunan dari elisitasi tahap II dengan cara mengeliminasi semua requirementyang option I pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali melalui TOE, yaitu sebagai berikut:</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">a. T artinya Technical. Artinya bagaimana tata cara atau teknik pembuatan requirement tersebut dalam sistem yang diusulkan.</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">b. O artinya Operational, Artinya bagaimana tata cara pengguna requirement tersebut dalam sistem yag dikembangkan.</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">c. E artinya Economy, Artinya berapakan biaya yang diperlukan guna membangun requirement tersebut didalam sistem.</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu :</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> High (H) : sulit untuk dikerjakan, karena teknik pembuatan dan pemakainya sulit, serta biayanya mahal. Sehingga requirement tersebut harus di eliminasi.</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Middle (M) : mampu untuk dikerjakan.</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Low (L) : mudah dikerjakan.</p>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">Final Draft Elisitasi</p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasarpembuatan suatu sistem yang dikembangkan. </p>
 
</ol>
 
===Konsep Dasar Analisa PIECES===
 
====Definisi Analisa PIECES====
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Menurut Taufiq (2013:154) <ref name= " Taufiq, Rahmat. 2013"> Taufiq, Rahmat. 2013. Sistem Informasi Manajemen, Konsep Dasar, Analisa Dan
 
Metode Pengembangan. Yogyakarta : Graha Ilmu.</ref>, “Analisis  PIECES merupakan analisis  yang melihat sistem dari Performance, Information/Data, Economic, Control/Security, Efficiency, dan Services.</p></div>
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Tahap I.<br>
<p style="line-height: 2"> Kehandalan<i>(Performance)</i> </p></li>
+
Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Kehandalan suatu sistem merupakan variabel pertama dari PIECES dimana mempunyai peran penting untuk melihat sejauh mana dan seberapa handalkah suatu sistem informasi dalam berproses untuk menghasilkan tujuan yang diinginkan.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Variabel ini dapat digunakan sebagai acuan atau pedoman dalam mengevaluasi sistem dengan memperhatikan 2 komponen berikut :</p></div>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">a. Kemampuan suatu sistem dalam mengerjakan sejumlah perintah/penugasan dalam periode waktu yang telah ditentukan, dengan baik dan tanpa hambatan (errors).</p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">b. Cepat atau lambatnya kemampuan sistem dalam merespon suatu perintah/program pembatalan ataupun permintaan terhadap suatu transaksi.</p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Hal ini dapat disesuaikan juga dengan kapasitas komputer yang digunakan dalam pemrosesan. Bila komponen dalam komputer untuk memenuhi suatu requirement sistem tinggi, maka seharusnya response time yang diperlukan cepat.</p></div>
+
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Tahap II.<br>
<p style="line-height: 2"> Informasi <i>(Information)</i> </p></li>
+
Hasil pengklasifikasian elisitasi tahap I berdasarkan metode MDI. Metode MDI bertujuan memisahkan antara rancangan sistem yang penting dan harus ada sistem baru dengan rancangan yang disanggupi oleh penulis untuk di eksekusi. M pada MDI berarti mandatory (penting). Maksudnya, requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru. D pada MDI berarti desirable, maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Namun, jika requirement tersebut digunakan dalam pembentukan sistem maka akan membuat sistem tersebut lebih sempurna. I pada MDI berarti inessential, maksudnya requirement tersebut bukanlah bagian sistem yang dibahas, tetapi bagian dari luar sistem.</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Informasi merupakan komoditas krusial bagi pengguna akhir. Evaluasi terhadap kemampuan sistem informasi dalam menghasilkan informasi yang bermanfaat perlu dilakukan untuk menyikapi peluang dan menangani masalah yang muncul. Dalam hal ini meningkatkan kualitas informasi tidak dengan menambah jumlah informasi, karena terlalu banyak informasi malah akan menimbulkan masalah baru.</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Analisis Ekonomi <i>(Economic)</i> </p></li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Alasan ekonomi barangkali merupakan motivasi paling umum bagi suatu proyek. Pijakan bagi kebanyakan manajer adalah biaya atau rupiah. Persoalan ekonomis dan peluang berkaitan dengan masalah biaya.</p></div>
+
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Tahap III.<br>
<p style="line-height: 2"> Analisis Kontrol <i>( Control)</i> </p></li>
+
Merupakan hasil penyusutan elisitasi tahap II dengan cara mengeliminasi semua requirement dengan option I pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali melalui TOE, yaitu:<br>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
• T artinya teknikal, bagaimana tata cara atau teknik pembuatan requirement dalam sistem disusulkan.<br>
<p style="line-height: 2"> Tugas-tugas bisnis perlu dimonitor dan dibetulkan jika ditemukan kinerja yang di bawah standar. Kontrol dipasang untuk meningkatkan kinerja sistem, mencegah, atau mendeteksi kesalahan sistem, menjamin keamanan data, dan persyaratan.</p></div>
+
• O artinya operasional, bagaimana tata cara pengguna requirement dalam sistem akan dikembangkan.<br>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
• E artinya ekonomi, berapakah biaya yang diperlukan guna membanguan requirement di dalam sistem.<br>
<p style="line-height: 2"> Analisis Efisiensi <i>( Efficiency)</i> </p></li>
+
Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu:<br>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
• High (H) : Sulit untuk dikerjakan, karena teknik pembuatan dan pemakaiannya sulit serta biayanya mahal. Maka requirement tersebut harus di eliminasi.<br>  
<p style="line-height: 2"> Efisiensi menyangkut bagaimana menghasilkan output sebanyak-banyaknya dengan input yang sekecil mungkin. Berikut adalah suatu indikasi bahwa suatu sistem dapat dikatakan tidak efisien :</p></div>
+
• Middle (M) : Mampu dikerjakan.<br>
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">a. Banyak waktu yang terbuang pada aktivitas sumber daya manusia, mesin, atau komputer.</p>
+
• Low (L) : Mudah dikerjakan.</li>
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">b. Data dimasukkan atau disalin secara berlebihan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">c. Data diproses secara berlebihan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> d. Informasi dihasilkan secara berlebihan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> e. Usaha yang dibutuhkan untuk tugas-tugas terlalu berlebihan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> f. Material yang dibutuhkan untuk tugas-tugas terlalu berlebihan.</p>
+
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Final Draft Elisitasi.<br>
<p style="line-height: 2"> Analisis Layanan <i>(Services)</i> </p></li>
+
Final draft elisitasi merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.</li></ol>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Berikut adalah keriteria penilaian dimana kualitas suatu sistem bisa dikatakan buruk :</p></div>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">a. Sistem menghasilkan produk yang tidak akurat.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">b. Sistem menghasilkan produk yang tidak konsisten.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">c. Sistem menghasilkan produk yang tidak dipercaya.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> d. Sistem tidak mudah dipelajari.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> e. Sistem tidak mudah digunakan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> f. Sistem canggung untuk digunakan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> g. Sistem tidak fleksibel.</p>
+
</ol>
+
  
===Konsep Dasar UML <i>(Unified Modelling Language)</i>===
+
===Konsep Dasar Literature Review===
====Definisi UML <i>(Unified Modelling Language)</i>====
+
====Definisi Literature Review====
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Penelitian sebelumnya (literatur review) merupakan survey literatur tentang penemuan-penemuan yang dilakukan oleh peneliti sebelumnya (emprical fiding) yang berhubungan dengan topik penelitian. Literatur review bukan hanya mengumpulkan jurnal atau hasil penelitian yang sesuai dengan topik penelitian. Bagian utama dari literatur review berisi tentang tujuan penelitian, model yang digunakan, data dan hasil atau kesimpulan dari sebuah penelitian. Bagian pokok yang tidak boleh dilewatkan yaitu tentang diskusi atau tanggapan penulis atau peneliti tentang literatur  review.</div>
<p style="line-height: 2"> Berikut ini adalah beberapa pengertian dari UML (Unified Modelling Language), diantaranya :</p></div>
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Andi Nugroho (2011:119) <ref name= " Nugroho, Andi. 2011"> Nugroho, Andi. Analisis Perancangan Sistem Teknologi Informasi Dengan
+
Metodologi Berorientasi Object.Bandung:Informatika.</ref>, “Unified Modelling Language ( UML) adalah bahasa untuk menspesifikasikan, memvisualisasikan, serta mengkontruksi bangunan dasar sistem perangkat lunak termasuk melibatkan pemodelan aturan-aturan bisnis”. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Widodo (2011:6) <ref name= " Widodo, Prabowo Pudjo. 2011"> Widodo, Prabowo Pudjo. 2011. Menggunakan UML. Bandung : Informatika.</ref>, “UML (Unified Modelling Language) adalah bahasa pemodelan standar yang memiliki sintaks dan semantik”. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berdasarkan pendapat yang telah dikemukakan oleh para ahli, peneliti dapat menarik kesimpulan bahwa “UML (Unified Modelling Language) adalah sebuah bahasa pemrograman yang berdasarkan gambar atau grafik yang berfungsi untuk menvisualisasikan, menspesifikasikan, membangun serta melakukan pendokumentasian dari sebuah sistem pengembang perangkat lunak berbasis OOP (Object Oriented Programming).</p></li>
+
</ol>
+
  
====Diagram-Diagram UML <i>Unified Modelling Language</i>====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Jika memungkinkan dan sangat dianjurkan untuk mencarikan jurnal atau hasil penelitian yang mendukung dan tidak dari jurnal yang direview dengan maksud peneliti akan mendapatkan gambaran permasalahan yang dihadapi lebih detail dan mendalam dari sisi yang se-aliran pemikiran dan berbeda pemikiran.</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Berikut ini adalah diagram UML, menurut Henderi, dkk (2011:6) yaitu :</p></div>
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Use Case Diagram</p></li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Use Case Diagram secara grafis menggambarkan, interaksi secara sistem, sistem eksternal dan pengguna. Dengan kata lain, use case diagram secara grafis mendeskripsikan siapa yang akan menggunakan sistem dalam cara apa pengguna (user) mengharapkan interaksi dengan sistem itu.</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Class Diagram</p></li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Menggambarkan struktur objek sistem. Diagram ini menunjukkan class diagram yang menyusun sistem dan hubungan antara class object tersebut.</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Sequence Diagram</p></li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Secara grafis menggambarkan bagaimana objek berinteraksi satu sama lain, melalui pesan pada sekuensi sebuah use case atau operasi.</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> State Chart Diagram</p></li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Digunakan untuk memodelkan behaviour object khusus yang dinamis. Diagram ini mengilustrasikan siklus hidup objek berbagai keadaan yang dapat diasumsikan oleh objek dan event-event (kejadian) yang menyebabkan objek dari satu state ke state yang lain.</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Activity Diagram</p></li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Secara grafis untuk menggambarkan rangkaian aliran aktivitas baik proses bisnis maupun use case. Activity diagram dapat juga digunakan untuk memodelkan aksi (action) yg dilakukan saat operasi di eksekusi, dan memodelkan hasil dari action tersebut.</p></div>
+
</ol>
+
  
====Konsep Dasar XAMPP====
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Menurut Rachman Hakim (2010:62) XAMPP merupakan singkatan dari X (empat system operasi apapun), Apache, MySQL, PHP, Perl. XAMPP merupakan tools yang menyediakan paket perangkat lunak kedalam satu buah paket. Dalam paketnya sudah terdapat Apache (web server), MySQL (database), PHP (Server side scripting), perl, FTP server, phpMyadmin, dan berbagai pustaka bantu lainnya. Dengan menginstall XAMPP, maka tidak perlu lagi melakukan instalasi dan konfigurasi seb serever Apache, PHP dan MySQL secara manual. XAMPP akan menginstalasi dan mengkonfigurasikannya secara otomatis untuk anda. Beberapa aplikasi yang terdapat didalamnya antara lain :</p></div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">a. Apache </p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Pengertian Apache menurut (Diar Puji Oktavian, 2010:32) <ref name= " Oktavian, Diar Puji. 2010"> Oktavian, Diar Puji. 2010. Menjadi Programmer Jempolan Menggunakan PHP.
 
Yogyakarta: Penerbit MediaKom.</ref> “Apache merupakan program webserver yang berfungsi sebagai penyedia tempat pengontrolan, dan eksekutor dari kode PHP”. Apache adalah otak dari webserver anda. Aplikasi web server ini bertugas untuk mengkoordinasikan server anda, dan akan menangani semuanya. Apache menangani koneksi HTTP yang masuk, mengirimkan file request, kembali kepada komputer yang memnintanya, menanganinya perlindungan direktori dengan menggunakan password, dan dapat berisi modul add in yang digunakan untuk memperluas kemampuan standar. </p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">b. PHPMyAdmin</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> PHPMyAdmin adalah sebuah aplikasi dimana orang-orang dapat mengontol data mereka yang berisi web mereka untuk ditampilkan dalam sebuah website yang mereka buat (Mozes Sugiarto,2009:62).</p></div>
 
====Konsep Dasar MySQL====
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2"> Menurut Wahana Komputer (2010:21) <ref name= " Wahana,Komputer. 2010"> Wahana,Komputer. 2010. Shourt Course SQL Server 2008,Sistem Basis Data.
 
Yogyakarta:Andi .</ref>, “MySQL adalah database server open source yang cukup populer keberadaannya”.</p></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2"> Menurut Arief (2011:151) <ref name= " Arief,M.Rudyanto.2011"> Arief,M.Rudyanto.2011. Pemrograman Web Dinamis Menggunakan PHP &
 
MySQL.Yogyakarta:Andi Offset.</ref>, “MySQL adalah salah satu jenis database server yang sangat terkenal dan banyak digunakan untuk membangun aplikasi web yang menggunakan database sebagai sumber dan pengelolaan datanya”. </p></li>
 
</ol>
 
  
  
 +
====Langkah-langkah Melakukan Kajian Literature Review====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Berikut ini adalah langkah-langkah dalam melakukan kajian literature review (Suryo dkk, 2010:87)<ref name="Guritno, Suryo, Sudaryono, Rahardja Untung">23. Guritno, Suryo, Sudaryono, Rahardja Untung. 2010. Teory and Application of IT Research. Yogyakarta: CV Andi Offset. Jurnal CCIT (2011:197)</ref>, yaitu:</div>
  
====Konsep Dasar Adobe Dreamweaver CS6====
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Mengidentifikasi kesenjangan (identify gaps) penelitian ini.</li>
<p style="line-height: 2">Menurut Sibero (2011:384) <ref name= " Sibero,Alexander F.K. 2011"> Sibero,Alexander F.K. 2011. Kitab Suci Web Programming. Jakarta : Mediakom.</ref>, “Dreamweaver merupakan sebuah produk web developer yang dikembangkan oleh Adobe System Inc., sebelumnya produk Dreamweaver dikembangkan oleh Macromedia Inc, yang kemudian sampai saat ini perkembangannya diteruskan oleh Adobe System Inc. Dreamweaver dikembangkan dan dirilis dengan kode nama Creative Suite (CS) </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Menurut Prasetio (2012:96) <ref name= " Prasetio. Adhi. 2012"> Prasetio. Adhi. 2012. Buku Pintar Pemrograman Web. Jakarta: Media Kita.</ref>, “Dreamweaver adalah sebuah tools untuk membantu kita menuliskan kita menuliskan kode HTML secara visual”. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Menurut Milician (2012:5) <ref name= " Milician. 2012"> Milician. 2012. Dreamweaver CS3 Basic.USA: University Florida.</ref>, mengatakan bahwa “Dreamweaver CS3 is a powerful Hypertext Markup Language (HTML) editor used by professionals, as well as beginners. (Dreamweaver CS3 adalah Hypertext Markup Language (HTML) editor yang digunakan oleh professional serta pemula”. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Berdasarkan definisi di atas, maka dapat disimpulkan dreamweaver adalah suatu aplikasi yang digunakan dalam membangun atau membuat sebuah web. </p></li>
+
</ol>
+
  
===Konsep Dasar Black Box Testing===
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Menghindari membuat ulang (reinventing the wheel) sehingga banyak menghemat waktu serta menghindari kesalahan yang pernah dilakukan oleh orang lain.</li>
====Definisi Black Box Testing====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Menurut Soetam Rizky (2011:264) <ref name= "Rizky. Soetam. 2011"> Rizky. Soetam. 2011. Konsep Dasar Rekayasa Perangkat Lunak. Jakarta: Prestasi Pustaka.</ref>, berpendapat bahwa “Black box testing adalah tipe testing yang memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah “kotak hitam” yang tidak penting dilihat isinya,tapi cukup dikenai proses testing di bagian luar”.</p></div>
+
  
====Keuntungan Black Box Testing====
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Mengidentifikasikan metode yang pernah dilakukan dan relevan terhadap penelitian ini.</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Beberapa keuntungan yang diperoleh dari jenis black box testing antara lain :</p></div>
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Anggota tim tester tidak harus dari seseorang yang memiliki kemampuan teknis di bidang pemrograman. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Kesalahan dari perangkat lunak ataupun bug seringkali ditemukan oleh komponen tester yang berasal dari pengguna. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Hasil dari blackbox testing dapat memperjelas kontradiksi ataupun keracunan yang mungkin timbul dari eksekusi sebuah perangkat lunak. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Proses testing dapat dilakukan lebih cepat dibandingkan white box testing. </p></li></ol>
+
  
==Konsep Dasar Literature Review==
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Meneruskan capaian penelitian sebelumnya sehingga dengan adanya studi pustaka ini, penelitian yang akan dilakukan dapat dibangun di atas platform pengetahuan atau ide yang sudah ada.</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
<p style="line-height: 2"> Menurut Guritno dkk (2011:86) <ref name= Guritno,Suryo, Sudaryono, dan Untung Rahardja.2011"> Guritno,Suryo, Sudaryono, dan Untung Rahardja.2011. Theory and Application
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Mengetahui orang lain yang ahli dan mengerjakan diarea penelitian yang sama sehingga dapat terjaring dalam komunitas yang dapat memberikan kontribusi sumber daya yang berharga.</li></ol>
of IT Research Metodologi Penelitian Teknologi Informasi.Tangerang.</ref>, “Literature Review dalam suatu penelitian adalah mengetahui apakah peneliti lain telah menemukan jawaban untuk pertanyaan-pertanyaan peneliti yang kita rumuskan”. Jika dapat menemukan jawaban pertanyaan peneliti tersebut dalam berbagai pustaka atau laporan hasil penelitian yang paling aktual, maka kita tidak perlu melakukan penelitian yang sama.</p></div>
+
 
 +
==Literature Review==
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Terdapat beberapa penelitian sebelumnya yang memiliki korelasi yang searah dengan penelitian yang akan dibahas dalam Skripsi ini, yaitu :</div>
  
===Langkah-Langkah Literature Review===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Menurut Guritno dkk (2011:87) <ref name= Guritno,Suryo, Sudaryono, dan Untung Rahardja.2011"> Guritno,Suryo, Sudaryono, dan Untung Rahardja.2011. Theory and Application
 
of IT Research Metodologi Penelitian Teknologi Informasi.Tangerang.</ref>,dalam melakukan kajian Literature review, langkah-langkah yang dilakukan sebagai berikut:</p></div>
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Penilitian yang di lakukan oleh Asep Suryadi (2011)<ref name="Asep Suryadi ">Penilitian yang di lakukan oleh Asep Suryadi (2011), berjudul  ” Perancangan Sistem Informasi Peminjaman Dan Pengembalian Buku Di Perpustakaan Smk Plus Berkualitas Lengking Mandiri Tangerang”. SKRIPSI UNIVERSITAS GUNADARMA</ref>, berjudul  ” Perancangan Sistem Informasi Peminjaman Dan Pengembalian Buku Di Perpustakaan Smk Plus Berkualitas Lengking Mandiri Tangerang”  Sistem  peminjaman  dan pengembalian  buku  menjadi terkomoputerisasi. Analisa ini bertujuan untuk mengetahui bagaimana  sistem  perpustakaan  pada saat  peminjaman  dan  pengembalian buku  yang  sedang  berjalan. Dengan analisa ini dapat diketahui dalam proses peminjaman  dan pengembalian  buku masih  sering  terjadi  kesalahan  dalam pencatatan  yang dilakukan  secara manual  sehingga menghambat  dalam pembuatan laporan.</li>
<p style="line-height: 2">Mengidentifikasi kesenjangan (Identify gaps) penelitian ini. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Menghindari membuat ulang (Reinveting the wheel) sehingga banyak  menghemat waktu serta menghindari kesalahan yang pernah dilakukan oleh oranglain. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Mengidentifikasi metode yang pernah dilakukan dan relevan terhadap penelitian ini. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Meneruskan capaian penelitian sebelumnya sehingga dengan adanya studi pustaka ini, oenelitian yang akan dilakukan dapat dibangun di atas platform pengetahuan atau ide yang sudah ada. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Mengetahui orang lainyang ahli dan mengerjakan di area penelitian yang sama sehingga dapat terjaring dalam komunitas yang dapat memberikan konstribusi sumber daya berharga. </p></li></ol>
+
  
===Study Pustaka <i>(Literature Review)</i>===
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Penelitian yang dilakukan oleh Faisal Munadi (2013)<ref name="Munadi, Faisal">Munadi, Faisal 2013. Sistem Informasi Manajemen Perguruan Tinggi dalam Bidang Pendataan Pendidikan Tinggi. Banda Aceh: SKRIPSI STMIK U’Budiyah Indonesia.</ref>, Penelitian yang berjudul “Sistem Informasi Pendataan AlumniBerbasis WebPada STMIK U'Budiyah Indonesia” Penelitian ini menunjukkan hasil bahwa untuk menyajikan informasi Alumni STMIK U’Budiyah Indonesia yang meliputi penyajian data alumni. Serta informasi lainnya yang dirasa perlu untuk disajikan pada saat dibutuhkan seperti, memudahkan pencarian alumni lama atau baru. Pengembangan sistem informasi berbasis web ini, maka penanganan terhadap perubahan data baik itu penambahan, pengurangan atau pencarian data akan lebih mudah.</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Literature adalah kesusasteraan atau kepustakaan, sedangkan review adalah suatu tindakan meninjau, memeriksa kembali suatu hal yang telah dikerjakan sebelumnya sehingga dalam literature review dapat disimpulkan sebagai suatu tindakan memeriksa dan meninjau kembali suatu kepustakaan.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Dalam upaya mengembangkan dan menyempurnakan pengembangan ini perlu dilakukan study pustaka (literature review) sebagai salah satu dari penerapan metode penelitian yang dilakukan, diantaranya sebagai berikut :</p></div>
+
  
<div align="center"><img width="500" height="700" style="margin:0px" src="https://pbs.twimg.com/media/C2RhgqZVEAAr6zu.jpg"/></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">3. Penilitian yang di lakukan oleh Riadi Dwi Atmaja (2011)<ref name="Riadi Dwi Atmaja">Riadi Dwi Atmaja. 2011. Perancangan Sistem Informasi Pengolahan Data Perpustakaan pada SMA Islamic Centre Berbasis Web.</ref>, berjudul  “Perancangan Sistem Informasi Pengolahan Data Perpustakaan pada SMA Islamic Centre Berbasis Web”  Perancangan  pengolahan  data perpustakaan  yang  berbsasis web. Penelitian  ini  bertujuan  untuk mempermudah  dalam  pengolahan  data perpustakaan  baik  dalam pengolahann data  anggota,  data  buku,  data peminjaman  dan  pengembalian  buku serta dalam pengolahan laporan.</li>
<div align="center"><img width="500" height="700" style="margin:0px" src="https://pbs.twimg.com/media/C2RhgqYUsAAyQcZ.jpg"/></div>
+
<div align="center"><img width="500" height="700" style="margin:0px" src="https://pbs.twimg.com/media/C2RhgqYUAAABndL.jpg"/></div>
+
  
{{Pagebreak}}
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">4. Penelitian yang dilakukan oleh Basuki rahmad, Bambang Eka Purnama (2013)<ref name="Basuki rahmad, Bambang Eka Purnama">Basuki rahmad, Bambang Eka Purnama. 2013. Rancang pembangunan Web E-library Pada Perpustakaan Aptikom Indonesia Berbasis Web. APTIKOM</ref> mengenai “Rancang pembangunan Web E-library Pada Perpustakaan Aptikom Indonesia Berbasis Web” yaitu Perpustakaan APTIKOM Indonesia, sebagai solusinya adalah dibangunnya sebuah Perpustakaan on-line (e-library). Dalam perancangan E-Library ini ditunjang oleh aplikasi-aplikasi pengolah informasi atau data yaitu PHP, MySQL, Web server. Dalam pengembangan selanjutnya dapat dilakukan beberapa hal untuk kesempurnaan alat yang berkaitan dengan Perpustakaan model E-Library, yaitu: (1) Sebaiknya dilakukan penambahan beberapa fitur yang bertujuan agar para pengguna Perpustakaan lebih tertarik dalam menggunakan fasilitas E-Library. (2) Untuk mengetahui sejauh mana minat baca pengunjung terhadap buku yang telah disedikan perlu ditambah rating buku.</li>
{{Pagebreak}}
+
  
=<div style="font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">5. Penelitian yang dilakukan Pangaribuan (2010)<ref name="Pangaribuan">Pangaribuan. 2010. Pengelolaan Perpustakaan Digital di Universitas Sumatera Utara. USU</ref> Penelitian ini membahas mengenai “Pengelolaan Perpustakaan Digital di Universitas Sumatera Utara”. Sistem tersebut diusulkan untuk menciptakan sarana dan prasarana yang lebih modern yang dibutuhkan oleh mahasiswa USU dalam pembelajaran, sehingga Mahasiswa USU dapat dengan mudah mengakses informasi/data yang mereka butuhkan.</li></ol>
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+
<p style="line-height: 2"><b>PEMBAHASAN</b></p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''ANALISA SISTEM YANG BERJALAN'''</div>
+
==Gambaran Umum Perusahaan==
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">
+
PT.FM Global Logistics adalah sebuah perusahaan yang lebih dari 5 tahun yang berpengalaman bergerak dalam bidang Air Freight Forwarding yaitu jasa pengangkutan atau pengiriman barang dari satu tempat ketempat lain dengan menggunakan modal transportasi darat, laut dan udara.</p></div>
+
===Sejarah Singkat Perusahaan===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">
+
PT.FM Global Logistics adalah penyedia layanan multimodal kargo internasional atau Freight Fowarding. Didirikan tahun 1988 dengan nama Freight Management dengan saham penuh Malaysia. Freight Management Holdings Bhd terdaftar di Bursa Malaysia Dewan Kedua (sebelumnya KLSE) pada tanggal 3 Februari 2015 dan berhasil dipindahkan kedewan Utama pada 19 Desember 2007. Freight Management (M) Sdn Bnd sebuah perusahaan publik TBK. Menjadi konsolidator utama diAsia Tenggara adalah target mereka. PT. FM Global Logistics terus mengembangkan dan memperluas layanannya. Saat ini, Freight Management menawarkan layanan pengiriman lengkap multimodal internasional yang meliputi laut, kereta api, angkutan udara dan tuge tongkang jasa, custom broker dan kontainer distribusi pengangkutan dan jasa angkutan truk konvensional.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">
+
Saat ini PT. FM Global Logistics mendirikan kantor terkemuka disetiap negara di Asia Tenggara termasuk Indonesia. PT FM Global Logistics Indonesia didirikan sejak tahun 2008 dengan Akta Pendirian bernomor 115 tgl 29-06-2008 dan pengesahan dari Menkumham RI no. AHU-46245.AH.01.01 tertanggal 11-11-2008. Berdasarkan pengesahan akta tersebut PT FM Global Logistics merupakan badan “PERSEROAN TERBATAS”. Dan memiliki beberapa kantor yang berlokasi di Jakarta, Cikarang, Bandung, Tangerang, Semarang, Surabaya dan Medan.</p></div>
+
  
===Visi dan Misi Perusahaan===
+
=<div style="font-family: 'times new roman'; text-align: center">'''BAB III '''</div>=
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 14pt; font-family: 'times new roman'; text-align: center">'''ANALISA SISTEM YANG BERJALAN'''</div>
<p style="line-height: 2"> Menjadi perusahaan terdepan dalam bidang layanan jasa, perdagangan dan manufaktur melalui sumber daya manusia dan manajemen yang profesional serta teknologi informasi yang tepat guna untuk menjadi market leader di Indonesia.
+
</p></div>
+
  
====Misi Perusahaan====
+
== Gambaran Umum SMK Negeri 8 Kota Tangerang</p>==
<ol>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
===<p style="font-family: 'times new roman'">Sejarah Singkat SMK Negeri 8 Kota Tangerang</p>===
<p style="line-height: 2">
+
Mengembangkan kemampuan sumber daya manusia sejati group secara berkesinambungan.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">
+
Mengaplikasikan Quality Management System yang mendukung perkembangan perusahaan secara keseluruhan.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">
+
Mengaplikasikan Management Information System untuk menciptakan kegiatan operasional perusahaan yang efektif dan efesien.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">
+
Membangun hubungan jangka panjang yang saling menguntungkan dengan stakeholder.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">
+
Memiliki jaringan bisnis yang kuat di seluruh Indonesia pada tahun 2020. </p></li></ol>
+
  
===Struktur Organisasi Perusahaan===
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2">Struktur Organisasi Perusahaan
+
<p style="line-height: 2">SMK Negeri 8 Kota Tangerang merupakan salah satu Sekolah Menengah Kejuruan yang berperan sebagai instansi pendidikan dengan tujuan mendidik murid dan mengajarkan suatu ilmu yang bermanfaat kepada peserta didik dimana konsep pendidikannya berfokus pada siap kerja.
Organisasi merupakan wadah bagi sekelompok orang yang bekerja dalam usaha mau itu perseroan terbatas atau yang lain-lain untuk mencapai tujuan tertentu. Struktur organisasi mempunyai peran yang sangat penting dalam memperlancar jalannya operasi atau kegiatan usaha. Untuk menjalankan suatu operasi atau kegiatan usaha diperlukan personil atau individu yang memegang jabatan tertentu dimana masing-masing personil diberikan tugas, wewenang, dan tanggung jawab sesuai dengan jabatannya. Struktur organisasi merupakan gambaran sistematis tentang hubungan kerja dari orang-orang yang menggerakkan organisasi pada perusahaaan dalam usaha mencapai tujuan. Tujuan dalam usaha tersebut tak lain adalah untuk memajukan perusahaan dan memakmurkan karyawannya. Bentuk dan struktur organisasi PT FM Global Logistics seperti disajikan pada gambar berikut :
+
    SMK Negeri 8 Kota Tangerang memiliki Guru-guru sebagai pengajar murid di sekolah dan juga memiliki beberapa staff dalam menjalankan program yang telah di buat oleh SMK Negeri 8 Kota Tangerang.
 +
    SMK Negeri 8 Kota Tangerang memiliki dua Kompetensi Keahlian yaitu Teknik Pendinginan dan Tata Udara (TPTU) dan Teknik Mekatronika.
 +
Sekolah SMK Negeri 8 Kota tangerang ini beralamatkan di Jln. H.Djasirin No.4 RT.01 RW.02 Kelurahan Jatiuwung Kec. Cibodas Kota Tangerang.
 
</p></div>
 
</p></div>
<div align="center"><img width="450" height="450" style="margin:0px" src=" https://pbs.twimg.com/media/C2Eb7FKVIAAKqHO.jpg"/></div><p style="text-align: center;">Gambar 3.1 Struktur Organisasi PT. Fm Global Logistics'''</p>
 
  
===Tugas dan Tanggung Jawab===
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah tugas serta tanggung jawab bagian-bagian yang ada pada PT.FM Global Logistics, yaitu sebagai berikut : </p></div>
+
<p style="line-height: 2">Visi dan Misi SMK Negeri 8 Kota Tangerang :</p></div>
<ol>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Direktur
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
 +
<p style="line-height: 2">1. Visi</p>
 +
<p style="line-height: 2">Menjadikan lembaga pendidikan dan pelatihan yang menghasilkan tamatan yang berkualitas, berahlak mulia, kompeten, mandiri, berjiwa interpreneur dan berwawasan lingkungan.”</p>
 +
<p style="line-height: 2">2. Mis</p>
 +
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Direktur adalah seseorang yang ditunjuk untuk memimpin Perseroan terbatas (PT). Dikatakan memimpin karena seorang direktur adalah seorang yang menjalankan perusahaan dan jabatan puncak di perusahaan yang dipimpin olehnya. Direktur dapat seseorang yang memiliki perusahaan tersebut atau orang profesional yang ditunjuk oleh pemilik usaha untuk menjalankan dan memimpin perseroan terbatas (PT). Penyebutan direktur dapat bermacam-macam, yaitu dewan manajer, dewan gubernur, atau dewan eksekutif. Pada PT FM Global Logistics menyebutnya sebagai direktur dan direktur memiliki tugas dan wewenang antara lain:
+
<p style="line-height: 2">a. Memberikan layanan prima terhadap pelanggan (Siswa, Masyarakat dan Industri) dalam semua aspek pendidikan untuk menghasilkan tenaga lulusan yang berkualitas, kompeten, mandiri, berahlak mulia, berjiwa interpreneur dan memiliki kesadaran terhadap keharmonisan lingkungannya.</p>
<br>
+
<p style="line-height: 2">b. Melaksanakan kegiatan belajar mengajar secara optimal baik kurikuler dan ekstrakurikuler sebagai pengembangan karakter untuk mengembangkan potensi bakat dan minat siswa dalam meraih prestasi.</p>
a. Mengkoordinasikan dan mengendalikan kegiatan-kegiatan dibidang administrasi, keuangan, dan kepegawaian di perusahaan.
+
<p style="line-height: 2">c. Meningkatkan mutu Sumber Daya Manusia (SDM) yang berkarakter melalui dukungan Ilmu Pengetahuan dan Teknologi (IPTEK) dan Iman Taqwa (IMTAQ).</p>
<br>
+
<p style="line-height: 2">d. Meningkatkan kualitas tamatan yang sesuai dengan Standar Kompetensi Nasional (SKN) dalam menghadapi dunia kerja pada era globalisasi.</p>
b. Memantau kinerja bawahannya dan seorang yang mengambil keputusan.
+
</div>
<br>
+
{{pagebreak}}
c. Mengkoordinasikan dan mengendalikan pengadaan dan peralatan yang berhubungan dengan kantor.
+
<br />
<br>
+
d. Merencanakan dan mengembangkan sumber-sumber pendapatan serta pembelanjaan perusahaan.
+
<br>
+
e. Mengendalikan uang pendapatan, hasil penagihan dari langganan.
+
<br>
+
f. Memimpin rapat umum dan Sebagai Pengambil keputusan tertinggi di PT. FM Global Logistics
+
</p></div>
+
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Kepala Cabang
+
===<p style="font-family: 'times new roman'">Struktur Organisasi</p>===
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Struktur organisasi adalah susunan subsistem atau subbagian dengan wewenang dan tanggung jawab masing-masing. Dimana pengorganisasian merupakan proses penyusunan sruktur organisai yang sesuai dengan tujuan organisasi, sumber daya yang dimiliki dan lingkungan yang melingkupinya.
<p style="line-height: 2"> Kepala Cabang merupakan orang kedua setelah Direktur atau bisa dikatakan sebagai wakil dari direktur. Dikatakan sebagai orang kedua, karena kepala cabang memiliki wewenang seperti direktur ketika direktur sedang berhalangan hadir entah karena dinas keluar daerah/negeri ataupun yang lainnya. Kepala cabang memiliki uraian tugas dan tanggung jawab sebagai berikut :
+
        Struktur organisasi memungkinkan adanya pembagian tugas yang jelas dan tepat. Adapun struktur organisasi perpustakaan pada SMK Negeri 8 Kota Tangerang dapat dilihat pada gambar 3.1
<br>
+
a. Mewakili Direktur menjalankan perusahaan di cabang itu.
+
<br>
+
b. Bertanggung jawab atas bawahannya.
+
<br>
+
c. Sebagai dewan direksi selain direktur.
+
<br>
+
d. Memonitor kinerja bawahannya
+
<br>
+
e. Selalu berada di tempat sebagai wakil direktur sehari-hari.
+
<br>
+
f. Memberikan laporan kemajuan cabang kepada Direktur termasuk mengambil tindakan yang diperlukan yang berhubungan dengan kegiatan penjualan sales, operasional lapangan dan dokumentasi.
+
<br>
+
g. Menjalankan Program Perusahaan untuk cabang itu/mengejar target serta bertanggung jawab langsung kepada Direktur
+
 
</p></div>
 
</p></div>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Sales Marketing
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Sales Marketing merupakan jabatan yang sering dikatakan sebagai ujung tombak perusahaan, dikatakan seperti itu karena seorang sales marketing tersebut memiliki tanggung jawab yang besar untuk mencari pelanggan dan menerima komplain dari pelanggan. Hal itu sangat berpengaruh untuk jalannya sebuah perusahaan tersebut. Selain itu sales marketing memiliki uraian tugas dan tanggung jawab sebagai berikut :
 
 
<br>
 
<br>
a. Menentukan harga jual kepada pelanggan.
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-1G982gmSd6Q/WX88TCz66tI/AAAAAAAAAW8/wyZ3WsIf3C0vTcwb1hhXFSYEkyTgP2ehgCJoC/w467-h350-n-rw/struk%2Bor.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
Gambar 3.1 Struktur Organisasi Perpustakaan</div>
 +
 
 
<br>
 
<br>
b. Mencari pelangaan sebanyak-banyaknya.
+
 
<br>
+
 
c. Bertanggung jawab meningkatkan profit perusahaan.
+
{{pagebreak}}
<br>
+
 
d. Menerima komplain dari pelanggan untuk pelayanan yang diberikan perusahaan.
+
===<p style="font-family: 'times new roman'">Tugas dan Tanggung Jawab</p>===
<br>
+
 
e. Memonitor perolehan order dan melakukan forecast sesuai target perusahaan.
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam melaksanakan kegiatan sistem perpustakaan, SMK Negeri 8 Kota Tangerang telah menerapkan pembagian tugas dan wewenang personil yang ada berdasarkan kemampuannya, hal ini dilakukan dengan harapan dapat tercapainya organisasi yang efektif, efisien, dan dinamis.
<br>
+
      Tugas dan tanggung jawab dari masing-masing bagian yang ada di struktur organisasi diatas adalah sebagai berikut:
f. Mengembangkan pasar penjualan, dengan mempromosikan kegiatan perusahaan dan mencari customer sebanyak-banyaknya.
+
<br>
+
g. Membantu memonitor penagihan /batas jatuh tempo pembayaran tiap-tiap customer.
+
<br>
+
h. Bertanggungjawab atas permasalahan yang timbul pasca pengiriman barang (shipment on board).
+
<br>
+
i. Bertanggung Jawab kepada Kepala Cabang.
+
 
</p></div>
 
</p></div>
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Import Documentation
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
 +
<p style="line-height: 2">1. Kepala Sekolah </p>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2> Di dalam PT FM Global Logistics, ada dua jenis jabatan yang mengelola serta melayani customer / pelanggan secara langsung yang berkaitan dengan dokumentasi barang impor yang masuk ke perusahaan. Salah satu jabatan tersebut adalah import documentation, berikut adalah uraian tugas serta tanggung jawab import documentation pada PT. FM Global Logistics adalah sebagai berikut ini:
+
<p style="line-height: 2">a. Mengkoordinasikan dan mengawasi secara umum kegiatan perpustakaan.</p></div>
<br>
+
a. Bertugas melayani customer/pelanggan secara langsung yang berkaitan dengan dokumentasi perusahaan.
+
<br>
+
b. Bertugas dalam menyiapkan semua dokumen yang berkaitan dengan barang impor, seperti menyediakan manifest, invoice – penagihan biaya, penyerahan “delivery order”.
+
<br>
+
c. Memonitor barang yang masuk dan keluar dari gudang
+
<br>
+
d. Menangani komunikasi langsung dengan agen berkenaan dengan dokumen dan penawaran harga sesuai permintaan agen
+
<br>
+
e. Memonitor jadwal kapal dengan shipping line/carrier
+
Bertanggung Jawab kepada Kepala Cabang</p></div>
+
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Export Documentation (FCL & LCL)
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
 +
<p style="line-height: 2">2. Kepala Perpustakaan</p>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2> Export Documentation merupakan salah satu dari dua jabatan yang mengelola serta melayani customer / pelanggan secara langsung yang berkaitan dengan dokumentasi. Dokumentasi yang dikelola berupa dokumentasi barang ekspor yang diterima perusahaan. Selain itu ekspor dokumentasi di PT FM Global Logistics memiliki uraian tugas dan tanggung jawab sebagai berikut :
+
<p style="line-height: 2">a. Mengkoordinasi tugas seluruh perpustakaan.</p>
<br>
+
a. Bertugas melayani customer/pelanggan secara langsung yang berkaitan dengan dokumentasi.
+
<br>
+
b. Bertugas dalam menyiapkan semua dokumen yang berkaitan dengan barang ekspor, seperti Shipping Instruction, Bill of Lading, Manifest, Invoice.
+
<br>
+
c. Bertugas memonitor barang masuk ke gudang untuk barang LCL (Less Container Load – Barang consol/kumpulan)
+
<br>
+
d. Bertugas menyerahkan D/O penarikan container kepada customer untuk barang FCL (Full Container)
+
<br>
+
e. Bertugas memonitor jadwal kapal
+
<br>
+
f. Bertugas memesan space kapal/container kepada pihak pelayaran
+
<br>
+
g. Menangani komunikasi langsung dengan agen berkenaan dengan dokumen ekspor.
+
<br>
+
h. Bertanggung jawab kepada Kepala Cabang.
+
</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Staff Administrasi
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2> Staff administrasi juga termasuk salah satu jabatan vital di perusahaan karena berhubungan langsung dengan keuangan perusahaan. Dibutuhkan juga kejujuran di dalam pelaksanaan tugas dari jabatan ini karena staff administrasi juga rawan akan pencurian harta perusahaan oleh karyawannya. Untuk hal ini PT FM Global Logistics memilih seorang staff administrasi dan juga akuntan untuk menghindari kejadian pencurian harta karena 2 jabatan ini saling berkesinambungan dalam hal pengelolaan keuangan perusahaan. Dalam melaksanakan pekerjaan, seorang staff administrasi di PT FM Global Logistics memiliki uraian tugas dan tanggung jawab sebagai berikut :
+
<p style="line-height: 2">b. Menentukan kebijakan yang diperlukan untuk perpustakaan.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">c. Membina, membimbing. mengawasi dan mengarahkan pelaksanaan harian dalam menjalankan tugasnya.</p></div>
  
<br>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
a. Mencatat semua transaksi baik transaksi masuk dan keluar.
+
<p style="line-height: 2">3. Bagian Teknis</p>
<br>
+
b. Melakukan pencatatan kas fisik serta melakukan pelaporan kepada atasan.
+
<br>
+
c. Menerima, memeriksa tagihan dari vendor dan membuat rekap.
+
<br>
+
d. Menginput penerimaan pembayaran dari pelanggan, dan pembayaran ke vendor dengan tepat waktu dan akurat untuk memastikan ketepatan waktu dan keakuratan penerimaan maupun pembayaran.
+
<br>
+
e. Sebagai pihak yang menyalurkan gaji kepada seluruh karyawan di perusahaan.
+
<br>
+
f. Mengarsip seluruh dokumen transaksi untuk menjaga ketertiban administrasi dan memudahkan penelusuran dokumen.
+
<br>
+
g. Bertanggung jawab kepada staff accounting dan Kepala Cabang.
+
</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Staff Operational Export
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2> Di dalam pengawasan barang yang akan dikirim, ada dua jabatan yang memegang peranan penting untuk mengawasi barang yang akan dikirim baik itu ke dalam maupun luar negeri oleh PT. FM Global Logistics Salah satu jabatan tersebut adalah Staff Operational Export yang memiliki uraian tugas dan tanggung jawab sebagai berikut :
+
<p style="line-height: 2">a. Melakukan pengadaan buku pepustakaan.</p>
<br>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
a. Memantau barang ekspor yang masuk ke gudang.
+
<p style="line-height: 2">b. Melakukan pemeriksaan buku pepustakaan.</p>
<br>
+
b. Melaporkan barang ekspor yang masuk ke dalam gudang.
+
<br>
+
c. Mengatur barang yang akan dimuat kedalam kontainer.
+
<br>
+
d. Memantau kondisi barang yang diterima di gudang hingga masuk kedalam kontainer dan siap untuk dikirim ke pelabuhan yang dituju.
+
<br>
+
e. Memantau kontainer kembali yang telah diisi sebelum kapal berjalan.
+
<br>
+
f. Membuat laporan pengiriman barang setiap kapal kepada bagian export documentation.
+
<br>
+
g. Bertanggung jawab kepada Kepala Cabang.
+
</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Staff Operational Import
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2> Staff Operational Import merupakan salah satu dari dua jabatan yang memegang peranan penting dalam pengawasan barang yang akan atau diterima oleh PT FM Global Logistics. Staff operasional import menangani barang-barang yang diterima dari luar negeri ataupun dari dalam negeri, berikut adalah uraian tugas serta tanggung jawab dari staff operasional import ini :
+
<p style="line-height: 2">c. Menstempel buku-buku perpustakaan.</p>
<br>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
a. Memantau barang impor yang masuk ke gudang dan keluar dari gudang.
+
<p style="line-height: 2">d. Memasukkan buku pada buku induk mengklasifikasikan buku.</p>
<br>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
b. Melaporkan barang impor yang masuk ke gudang dan keluar dari gudang.
+
<p style="line-height: 2">e. Melakukan penyusunan koleksi.</p></div>
<br>
+
c. Memantau kontainer yang dibongkar dan kondisi barang yang diterima di gudang.
+
<br>
+
d. Membuat Laporan perimaan barang setiap kapal kepada bagian import documentation.
+
<br>
+
e. Bertanggung jawab kepada Kepala Cabang.
+
</p></div>
+
  
</ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
 +
<p style="line-height: 2">4. Bagian Pelayanan</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">a. Melayani pendaftaran calon anggota.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">b. Melayani peminjaman dan pengembalian.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">c. Pelayanan refrensi, sesuai dengan jam perpustakaan.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">d. Pengontrolan administrasi denda.</p></div>
  
==Tata Laksana Sistem yang Berjalan==
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
====Prosedur Sistem yang Berjalan====
+
<p style="line-height: 2">5. Bagian Pemeliharaan</p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Staff administrasi membuat estimasi list harga barang serta keperluan perusahaan dalam satu bulan.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Staff administrasi mengajukan anggaran kas kecil kepada staff finance.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Staff finance mengecek apakah estimasi list harga barang serta keperluan perusahaan sesuai dengan kebutuhan.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Apabila di tolak laporan estimasi list harga dan keperluan perusahaan di revisi kembali oleh staff administrasi.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Apabila di terima, maka staff finance mencairkan dana di bank sesuai dengan keterangan biaya yang tertera pada estimasi list harga barang dan keperluan perusahaan.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Kemudian staff finance menyerahkan dana kas kecil pada staff administrasi.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Staff administrasi mencatat pengeluaran kas kecil dalam 3 rangkap. Rangkap 1 diserahkan kepada staff finance, rangkap 2 diserahkan pada staff accounting dan rangkap 3 di arsipkan oleh staff administrasi.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Pencatatan pengeluaran kas kecil di sertai struk bukti pengeluaran kas kecil yang dilampirkan bersama laporan kas kecil yang di berikan kepada staff finance, sedangkan fotocopy struk bukti pengeluaran kas kecil di arsipkan oleh staff administrasi.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Staff Accounting menyesuaikan estimasi list harga dengan pengeluaran perusahaan apakah sudah sesuai atau belum dengan struk bukti pengeluaran kas kecil.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Staff accounting harus memeriksa alur dana kas kecil berdasarkan bukti transaksi.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Apabila laporan kas kecil di tolak, laporan akan di revisi oleh  staff administrasi.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Apabila laporan kas kecil di terima ,laporan kas kecil yang akan diserahkan kepada staff finance dan manager untuk ditanda tangani dan di arsipkan oleh staff finance.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Fotokopi laporan kas kecil akan di arsipkan oleh staff administrasi dan staff accounting.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Laporan kas kecil diterima oleh staff finance untuk di arsipkan. </li></ol>
+
 
+
== Rancangan Prosedur Sistem yang Berjalan ==
+
=== UML (Unified Modelling Language) Sistem yang Berjalan===
+
==== Use Case Diagram====
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Use case Diagram menggambarkan kebiasaan kegiatan sistem yang berjalan yaitu: </p></div>
+
<p style="line-height: 2">a. Menyampul buku.</p>
<div align="center"><img width="500" height="350" style="margin:0px" src=" https://pbs.twimg.com/media/C2Ej078UoAAg7is.jpg"/></div>
+
<p style="text-align: center;">''' Gambar 3.2 Use Case Diagram yang berjalan pada PT. FM Global Logistics</p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berdasarkan gambar 3.2. Use Case Diagram yang berjalan saat ini terdapat:</p></div>
+
<p style="line-height: 2">b. Mengadakan perbaikan buku-buku yang rusak.</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">c. Penyusunan.</p></div>
1. Usecase : Membuat estimasi list harga barang serta keperluan perusahaan. </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Actor     : Staff Administrasi</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Keterangan : Staff Administrasi membuat estimasi list harga barang serta keperluan perusahaan yang dibutuhkan. </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
2. Usecase : Pengajuan anggaran kas kecil</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Actor : Staff Administrasi, Staff Finance</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Skenario : Staff Administrasi mengajukan anggaran kas
+
                    kecil kepada Staff Finance. </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
3. Usecase : Verifikasi pengajuan anggaran kas kecil jika
+
diterima</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Actor : Staff Finance</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Skenario : Staff finance akan mencairkan dana untuk
+
anggaran kas kecil ke bank. </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
4. Usecase : Verifikasi pengajuan anggaran kas kecil jika
+
ditolak</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Actor : Staff Finance, Staff Administrasi</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Skenario : Staff Finance akan mengembalikan laporan
+
pengajuan anggaran kas kecil kepada Staff  </p></div>   
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Administrasi untuk di revisi. </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
5. Usecase : Penerimaaan kas kecil</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Actor : Staff Finance, Staff Administrasi</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Skenario : Staff Finance menyerah dana anggaran kas
+
kecil, lalu dana kas kecil diterima oleh Staff</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Administrasi</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
6. Usecase : Mendata pengeluaran perusahaan</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Actor : Staff Administrasi</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Skenario : Staff Administrasi mendata pengeluaran
+
perusahaan secara rinci</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
7. Usecase : Menyesuaikan  estimasi list harga dengan
+
pengeluaran perusahaan</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Actor : Staff Administrasi</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Skenario : Staff Administrasi melakukan penyesuaian
+
estimasi list harga berupa pemasukan dan pengeluaran selama 1 bulan</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
8. Usecase : Memeriksa alur dana kas kecil berdasarkan bukti transaksi. </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Actor : Staff Accounting</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Skenario : Staff Accounting memeriksa alur dana kas kecil apakah sudah sesuai atau belum dengan struk bukti pengeluaran kas kecil. </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
9. Usecase : Membuat laporan kas kecil</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Actor : Staff Accounting</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Skenario : Staff Accounting membuat laporan kas kecil </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
10. Usecase : Verifikasi laporan kas kecil  jika
+
diterima</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Actor : Staff Accounting, staff finance, manager</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Skenario : Staff Accounting akan meminta tanda tangan untuk laporan kas kecil kepada staff finance</p></div> dan manager
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
11. Usecase : Verifikasi pengajuan anggaran kas kecil jika ditolak</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Actor : Staff Accounting, staff administrasi</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
Skenario : Staff Accounting akan mengembalikan laporan
+
kas kecil untuk direvisi oleh staff administrasi. </p></div>
+
  
==== Activity Diagram====
+
<br />
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
{{pagebreak}}
<p style="line-height: 2”> Activity Diagram adalah menggambarkan kebiasaan kegiatan kegiatan sistem yang berjalan saat ini: . </p></div>
+
 
<div align="center"><img width="400" height="450" style="margin:0px" src="https://pbs.twimg.com/media/C2Ep55NUkAAIZTw.jpg"/></div>
+
==<p style="font-family: 'times new roman'">Tata Laksana Sistem Yang Berjalan</p>==
<p style="text-align: center;"> Gambar 3.3 Activity Diagram yang berjalan pada PT. FM Global Logistics</p>
+
===<p style="font-family: 'times new roman'">Prosedur Sistem Yang Berjalan</p>===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
 
<p style="line-height: 2”> Berdasarkan gambar 3.3. Activity Diagram yang berjalan saat ini terdapat: </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<ol>
+
<p style="line-height: 2">Prosedural administrasi peminjaman buku pada perpusatakaan SMK Negeri 8 Kota Tangerang :</p></div>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">1 Initial Node, objek yang diawali.
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">12 Action yang menggambarkan eksekusi dari kegiatan pembuatan laporan permintaan anggaran kas kecil.
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">4 Swimeline yaitu Staff Administrasi, Staff Finance, Staff Accounting, manager.
+
<p style="line-height: 2">1. Siswa datang ke perpustakaan sekolah untuk melakukan pemilihan buku dan jika ada buku yang diperlukan maka siswa akan meminjamnya.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">2 decision node, menjelaskan tentang hasil dari action yang dilakukan
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">1 Activity final node menjelaskan bahwa alur berakhir.</li></ol>
+
<p style="line-height: 2">2. Siswa memberikan buku yang akan di pinjam ke petugas perpustakaan.</p>
====Sequence Diagram====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">3. Petugas perpustakaan menanyakan nama, nis dan jangka waktu peminjaman.</p>
<p style="line-height: 2”> Sequence Diagram adalah menggambarkan kebiasaan kegiatan kegiatan sistem yang berjalan saat ini: </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
<div align="center"><img width="400" height="450" style="margin:0px" src=" https://pbs.twimg.com/media/C2Er5LtUsAAEcSJ.jpg"/></div>
+
<p style="line-height: 2">4. Petugas perpusatakaan melakukan pencatatan peminjaman ke buku peminjaman.</p>
<p style="text-align: center;"> Gambar 3.4 Sequence Diagram yang berjalan pada PT. FM Global Logistics</p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">5. Petugas perpustakaan mencatat kembali nama, nis dan jangka waktu serta data buku pada tanda terima.</p>
<p style="line-height: 2”> Berdasarkan gambar 3.4 Sequence Diagram yang berjalan saat ini terdapat: </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
<ol>
+
<p style="line-height: 2">6. Siswa melakukan tanda tangan penerimaan buku.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">4 lifeline  : Harga barang, Anggaran Kas Kecil, Pengeluaran Kas Kecil, Laporan Kas Kecil
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">4 Actor   : Staff Administrasi, Staff Accounting, Staff Finance, Manager
+
<p style="line-height: 2">7. Siswa membawa buku yang di pinjam.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">14 message: membuat estimasi list harga barang serta keperluan perusahaan, pengajuan anggaran kas kecil, verifikasi pengajuan anggaran, jika ditolak dilakukan revisi, jika diterima dana di cairkan, menyerahkan dana, dana diterima, mendata pengeluaran perusahaan, menyesuaikan  estimasi list harga dengan pengeluaran perusahaan, memeriksa alur dana kas kecil berdasarkan bukti transaksi, membuat
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
laporan kas kecil, apabila laporan kas kecil tidak di acc akan di revisi oleh staff
+
<p style="line-height: 2">8. Jika buku sudah selesai digunakan siswa, maka siswa akan mengembalikan ke perpustakaan.</p>
administrasi, apabila laporan kas kecil di acc akan di tanda tangan oleh staff finance dan manager.</li></ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
 +
<p style="line-height: 2">9. Jika lupa mengembalikan, petugas perpus harus mengingatkan.</p></div>
 +
 
 +
<br />
 +
{{pagebreak}}
 +
 
 +
==<p style="font-family: 'times new roman'">Rancangan Prosedur Sistem Berjalan</p>==
 +
===<p style="font-family: 'times new roman'">Use Case Diagram Sistem Yang Berjalan</p>===
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk menganalisa sistem yang berjalan, pada penelitian ini digunakan program Unified Modeling Languange (UML) untuk menggambarkan prosedur dan proses yang berjalan saat ini, pada penggambaran kali ini digunakan use case diagram yaitu sebagai berikut :</p></div>
  
==Analisis Sistem yang Berjalan==
 
===Metode Analisis PIECES===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2”> Berikut ini tabel perbandingan dari sistem yang sedang berjalan dengan sistem yang diusulkan untuk PT. FM Global Logistics. </p></div>
 
<div align="center"><img width="400" height="450" style="margin:0px" src=" https://pbs.twimg.com/media/C2Eut4-UsAAA7Xb.jpg"/></div>
 
<div align="center"><img width="400" height="450" style="margin:0px" src=" https://pbs.twimg.com/media/C2Eut5AUkAEI7eG.jpg"/></div>
 
<div align="center"><img width="400" height="450" style="margin:0px" src=" https://pbs.twimg.com/media/C2Eut4-VEAMKkd9.jpg"/></div>
 
===Metode Analisis Masukan, Analisis Proses, Analisis Keluaran===
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Analisis Masukan
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2”> a. Nama masukan : Pengajuan anggaran kas kecil
 
 
<br>
 
<br>
Fungsi : Sebagai data awal pembuatan laporan permintaan dana anggaran kas kecil
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-F05zPmFgOPo/WX88TJQKeJI/AAAAAAAAAW8/SBr3aWCpSuA6vCzQ2T-NhlnoZl_GImnUgCL0BGAs/w245-d-h350-n-rw/1.png
 +
</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
Gambar 3.2 Use Case Diagram Peminjaman Buku</div>
 +
 
 
<br>
 
<br>
Sumber : Staff Administrasi
+
 
<br>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Berdasarkan gambar 3.2 Use Case Diagram  berjalan di atas terdapat :
Tujuan : Staff Finance
+
<br>
+
Media : kertas
+
<br>
+
Frekuensi : Setiap 1 minggu
+
<br>
+
Format : Lampiran C.1
+
<br>
+
Keterangan : permintaan dana anggaran kas kecil
+
 
</p></div>
 
</p></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a. 1 sistem berjalan yang mencakup seluruh kegiatan peminjaman buku pada perpustakaan sekolah.
<p style="line-height: 2”>
+
</p></div>
b. Nama Masukan : dokumen hasil transaksi pengeluaran
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a. 2 actor yang melakukan kegiatan, yaitu petugas dan siswa.
 +
</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a. 6 use case yang biasa dilakukan oleh actor – actor tersebut diantaranya : peminjaman buku, pencatatan peminjaman, cari buku, tanda terima, tanda tangan, pengembalian buku.
 +
</p></div>
 +
 
 +
<br />
 +
{{pagebreak}}
 +
 
 +
===<p style="font-family: 'times new roman'">Sequence Diagram Sistem Yang Berjalan</p>===
 +
 
 
<br>
 
<br>
Fungsi : sebagai bukti dari pengeluaran kas kecil
+
 
<br>
+
<div align="center">https://lh3.googleusercontent.com/-XLrSCxXHNhE/WX88TDOh_aI/AAAAAAAAAW8/FrEmnUYeVDsFoUuhSm8kvAfcDNHCzCWkQCJoC/w467-h350-n-rw/2.png
Sumber : Supplier
+
</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
Gambar 3.3 Sequence Diagram Peminjaman buku</div>
 +
 
 
<br>
 
<br>
Tujuan : Staff administrasi
+
 
<br>
+
 
Media : Kertas
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Berdasarkan gambar 3.3 Sequence Diagram yang berjalan di atas terdapat :</p></div>
<br>
+
 
Frekuensi : dua atau tiga hari sekali
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a. 2 actor melakukan kegiatan yaitu, Siswa dan Petugas.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b. 4 Life Line, objek entity antarmuka yang saling berinteraksi diantaranya : Peminjaman buku, pencatatan peminjaman, tanda terima dan pengembalian buku.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">c. 8 Message, spesifikasi dari komunikasi antar objek yang memuat informasi – informasi tentang aktifitas yang terjadi diantaranya : siswa mengajukan peminjaman buku, lalu petugas melakukan pencatatan, setelah itu petugas memberikan tanda terima, siswa menerima tanda terima, siswa memberikan tanda tangan, lalu siswa mengembalikan buku yang dipinjam jika sudah meminjam, petugas mencatat pengembalian buku dan melakukan pengembalian buku tersebut ke rak.</p></div>
 +
 
 +
<br />
 +
{{pagebreak}}
 +
 
 +
===<p style="font-family: 'times new roman'">Activity Diagram Yang Berjalan</p>===
 +
 
 
<br>
 
<br>
Format : Lampiran C.2
 
<br>
 
Keterangan : berisi data transaksi pengeluaran kas kecil </p></div>
 
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Analisis Proses
+
<div align="center">https://lh3.googleusercontent.com/-Tf3ZeqtsboM/WX88TDHdCSI/AAAAAAAAAW8/xcCJlfM4ZvgxsgAWQiWl-bcKu2yFxHcRQCJoC/w333-h350-n-rw/3.png
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
</div>
<p style="line-height: 2”>
+
 
a. Nama Modul : Proses penyesuaian  estimasi list harga dengan pengeluaran perusahaan
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
<br>
+
Gambar 3.4 Activity Diagram Peminjaman buku</div>
Masukan : Transaksi pengeluaran kas kecil
+
 
<br>
+
Keluaran : Laporan pengeluaran kas kecil
+
<br>
+
Ringkasan proses : Staff Administrasi melakukan proses penyesuaian  estimasi list harga sesuai dengan pengeluaran perusahaan. </p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Analisis Keluaran
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2”>
+
b. Nama : Laporan pengajuan anggaran kas kecil
+
<br>
+
Fungsi : Mencetak dan  menampilkan data laporan pengajuan anggaran kas kecil
+
<br>
+
Media : kertas
+
<br>
+
Rangkap : 3 (tiga) lembar
+
<br>
+
Distribusi : lembar 1 (satu) asli, untuk staff finance, lembar 2 (dua) copy untuk staff accounting, lembar 3  (tiga) copy untuk staff administrasi. </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2”>
+
c. Nama Keluaran: Laporan pengeluaran kas kecil
+
<br>
+
Fungsi : mencetak atau menampilkan rekap data laporan bulanan pengeluaran kas kecil
+
<br>
+
Media : kertas
+
<br>
+
Rangkap : 2 ( dua ) lembar
+
 
<br>
 
<br>
Distribusi : lembar 1(satu) asli untuk Staff finance, lembar 2(dua) copy untuk staff accounting </p></div></ol>
 
  
===Analisa Masalah===
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Berdasarkan Gambar 3.4 Activity Diagram yang berjalan saat ini terdapat :</p></div>
 +
 
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a. 1 Initial Node, objek yang diawali.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b. 8 Action, state dari sistem yang mencerminkan eksekusi dari suatu aksi diantaranya : Siswa mengajukan peminjaman buku, petugas melakukan pencatatan peminjaman, petugas memberikan tanda terima, siswa menerima tanda terima, siswa memberikan tanda tangan, siswa melakukan pengembalian buku, petugas mencatat pengembalian buku, petugas melakukan pengembalian buku tersebut ke rak.</p></div>
 +
 
 +
<br />
 +
{{pagebreak}}
 +
 
 +
==<p style="font-family: 'times new roman'">Analisa Sistem Yang Berjalan</p>==
 +
 
 +
{{pagebreak}}
 +
 
 +
===<p style="font-family: 'times new roman'">Metode Analisa Sistem</p>===
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Metode analisa sistem yang digunakan yaitu dengan menggunakan analisa SWOT yang dapat memaksimalkan kekuatan (Strengths), kelemahan (Weakness), peluang (Opportunities) dan ancaman (Threats) baik secara internal maupun eksternal. Dibawah ini adalah matriks SWOT internal yang dibuat dalam menganalisa penelitian:</p></div>
 +
 
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">    Dibawah ini adalah matriks SWOT eksternal yang dibuat dalam menganalisa penelitian:</p></div>
 +
 
 +
{{pagebreak}}
 +
 
 +
===<p style="font-family: 'times new roman'">Analisa Masukan, Analisa Proses, Analisa Keluaran</p>===
 +
{{pagebreak}}
 +
====<p style="font-family: 'times new roman'">Analisa Masukan</p>====
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2”> Berdasarkan analisis penelitian ini, pada proses pengelolaan kas kecil masih kurang optimal, belum terintegrasi data menyebabkan sering terjadi masalah, seperti redudansi data, terutama pada proses input yang sering terjadinya kesalahan pada perhitungan nominal yang tidak seimbang, bukti transaksi yang tidak tersimpan. Sehingga mengakibatkan keterlambatan dalam pembuatan laporan. Dengan adanya sistem yang dirancang, diharapkan dapat membuat aplikasi yang mudah digunakan agar bermanfaat bagi staff administrasi dalam pembuatan laporan serta melakukan transaksi kas kecil. </p></div>
+
<p style="line-height: 2">Nama Masukan  : Anggota Perpustakaan.</p>
===Analisa Kontrol===
+
<p style="line-height: 2">Fungsi  : Untuk Pendataan berapa banyak anggota yang terdaftar  sebagai anggota perpustakaan.</p>
 +
<p style="line-height: 2">Sumber : Petugas</p>
 +
<p style="line-height: 2">Media  : Buku Besar</p>
 +
<p style="line-height: 2">Frekuensi          : Setiap Bulan</p>
 +
<p style="line-height: 2">Format : Lampiran A1.</p>
 +
<p style="line-height: 2">Keterangan          : Berisi data anggota perpustakaan.</p></div>
 +
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2”> Pada sistem yang berjalan, pengontrolan data belum ada. Dengan demikian dengan adanya sistem kontrol ini diharapkan tidak ditemukan permasalahan yang dapat menghambat seperti proses permintaan pengeluaran kas yang harus dicatat terlebih dahulu dan pencatatan kas kecil apabila manager meminta laporan bulanan terlambat karena masih ada yang belum tercatat oleh bagian staff administrasi.
+
<p style="line-height: 2">Nama Masukan  : Buku.</p>
</p></div>
+
<p style="line-height: 2">Fungsi  : Untuk Pendataan buku-buku yang ada di perpustakaan sekolah SMK Negeri 8 Kota Tangerang.</p>
===Analisa Waktu===
+
<p style="line-height: 2">Sumber : Petugas</p>
 +
<p style="line-height: 2">Media  : Buku Besar</p>
 +
<p style="line-height: 2">Frekuensi          : Setiap Bulan</p>
 +
<p style="line-height: 2">Format : Lampiran A1.</p>
 +
<p style="line-height: 2">Keterangan          : Berisi data-data buku.</p></div>
 +
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2”> Berdasarkan analisis waktu yang dilakukan pada PT. FM Global Logistics saat ini, proses pembuatan laporan kas kecil selama ini dibutuhkan waktu yang cukup lama dikarenakan sistem yang digunakan masih semi komputerisasi. Pembuatan laporan kas kecil digunakan setiap akhir bulan laporan tersebut sudah harus terbentuk dan diserahkan kepada manager.</p></div>
+
<p style="line-height: 2">Nama Masukan  : Peminjaman.</p>
===Analisa Tenaga Kerja===
+
<p style="line-height: 2">Fungsi  : Untuk Pendataan buku yang sedang di pinjam dan peminjam.</p>
 +
<p style="line-height: 2">Sumber : Petugas</p>
 +
<p style="line-height: 2">Media  : Buku Besar</p>
 +
<p style="line-height: 2">Frekuensi          : Setiap Bulan</p>
 +
<p style="line-height: 2">Format : Lampiran A1.</p>
 +
<p style="line-height: 2">Keterangan          : Berisi data buku yang dipinjam dan peminjam.</p></div>
 +
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2”> Adapun yang menggunakan aplikasi Ms. Excel dalam pembuatan kas kecil yang berjalan saat ini adalah 3 orang staff administrasi, staff finance, staff accounting dan manager.</p></div>
+
<p style="line-height: 2">Nama Masukan  : Petugas Perpus/Kepala Sekolah/Guru.</p>
===Analisa Kebutuhan Sistem===
+
<p style="line-height: 2">Fungsi  : Untuk Pendataan petugas perpustakaan.</p>
 +
<p style="line-height: 2">Sumber : Petugas</p>
 +
<p style="line-height: 2">Media  : Buku Besar</p>
 +
<p style="line-height: 2">Frekuensi          : Setiap Bulan</p>
 +
<p style="line-height: 2">Format : Lampiran A1.</p>
 +
<p style="line-height: 2">Keterangan          : Berisi data-data petugas perpustakaan.</p></div>
 +
 
 +
{{pagebreak}}
 +
====<p style="font-family: 'times new roman'">Analisa Proses</p>====
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2”> Berdasarkan hasil analisis, peneliti mengetahui bahwa kebutuhan sistem saat ini adalah perlu adanya sebuah sistem yang dapat mengelola kas kecil dengan database yang terintegrasi dan dapat diakses kapan dan dimana saja sehingga mempermudah dalam penyusunan laporan kas kecil dengan cepat dan akurat.</p></div>
+
<p style="line-height: 2">Nama Modul          : Peminjaman setiap periode</p>
===Alternatif Pemecahan Masalah===
+
<p style="line-height: 2">Masukkan : Peminjaman buku</p>
 +
<p style="line-height: 2">Keluaran : Laporan peminjaman</p>
 +
<p style="line-height: 2">Ringkasan Proses : Proses yang terjadi adalah apabila Petugas menerima Siswa dan melakukan pencatatan data Siswa lalu para Siswa mulai mencari buku untuk meminjam.</p></div>
 +
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2”> Setelah mengamati dan meneliti dari beberapa permasalahan yang terjadi pada sistem yang berjalan. Peneliti mengusulkan beberapa alternatif pemecahan dari permasalahan yang dihadapi, antara lain :</p></div>
+
<p style="line-height: 2">Nama Modul          : Pengembalian setiap periode.</p>
<ol>
+
<p style="line-height: 2">Masukkan : Pengembalian buku.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membuat suatu rancangan sistem kas kecil berbasis web untuk mempermudah staff administrasi, staff finance dan staff accounting dalam menggunakan serta mengakses kapanpun dan di manapun. Bahasa pemrograman yang digunakan yakni PHP dan My SQL sebagai database yang dapat menyimpan data kas kecil, dimana setiap bulannya petugas terkait mendapatkan informasi yang lengkap tentang pengeluaran, penerimaan dana kas kecil.
+
<p style="line-height: 2">Keluaran : Laporan pengembalian buku.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pengendalian dalam sistem sangat diperlukan, yaitu digunakan untuk meningkatkan kinerja sistem, mencegah serta mendeteksi penyalahgunaan atau kesalahan sistem serta untuk menjamin keamanan data dan informasi.</li></ol>
+
<p style="line-height: 2">Ringkasan Proses : Proses yang terjadi adalah apabila Petugas menerima Siswa untuk mengembalikan buku yang mereka pinjam.</p></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2”> Berdasarkan hasil analisis terhadap permasalahan yang telah peneliti lakukan, maka peneliti memilih alternatif yang pertama yaitu membuat aplikasi berbasis web karena banyak keuntungan yang diperoleh antara lain :</p></div>
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tidak memerlukan spesifikasi komputer yang tinggi untuk dapat menggunakan aplikasi berbasis web.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mempermudah bagian staff administrasi untuk mencatat pengeluaran, penerimaan biaya kas kecil.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat memperkecil terjadinya kesalahan input data dalam kas kecil (human error). </li></ol>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
{{pagebreak}}
<p style="line-height: 2”> Penggunaan sistem yang akan peneliti rancang ini merupakan solusi yang tepat untuk mengatasi masalah-masalah tersebut. Perancangan sistem dibuat dengan menggunakan bahasa pemrograman PHP dan mengelola databasenya menggunakan My SQL untuk dan mampu merekam seluruh aktivitas kas kecil.</p></div>
+
====<p style="font-family: 'times new roman'">Analisa Keluaran</p>====
==Konfigurasi Sistem Yang Berjalan==
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
===Spesifikasi Perangkat Keras (Hardware)===
+
<p style="line-height: 2">Nama Keluaran  : Laporan peminjaman setiap periode</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Fungsi  : Mencetak atau menampilkan laporan peminjaman buku setiap periode.</p>
<p style="line-height: 2”> Adapun konfigurasi yang digunakan pada sistem kas kecil pada PT. FM Global Logistics adalah sebagai berikut : .</p></div>
+
<p style="line-height: 2">Media  : Buku</p>
<ol>
+
<p style="line-height: 2">Rangkap          : 1 Buku</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Processor  : Intel Pentium CPU 6630 
+
<p style="line-height: 2">Pinjaman : Buku 1 untuk Laporan Pinjaman buku setiap periode.</p></div>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Monitor : LCD Monitor 19 “
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">RAM : 2 GB
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Hardisk  : 500 GB
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mouse : Standar
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Keyboard : Standar
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Printer  : Laserjet </li></ol>
+
===Spesifikasi Perangkat Lunak (Software)===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2”> Adapun konfigurasi sistem software yang digunakan dalam sistem kas kecil adalah sebagai berikut : </p></div>
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Microsoft Word
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Microsoft Excel
+
</li></ol>
+
===Hak Akses (Brainware)===
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Manager (viewer)
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Staff <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Administrasi
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Staff Finance
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Staff accounting </li></ol>
+
==User Requirement==
+
===Elisitasi I===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2”> Elisitasi tahap I merupakan daftar yang diperoleh dari hasil pengumpulan data dari lapangan yang dilakukan dengan cara observasi dan wawancara. Untuk membuat sistem pemesanan barang yang terkomputerisasi. Berikut lampiran elisitasi tahap I: </p></div>
+
<div align="center"><img width="450" height="800" style="margin:0px" src="https://pbs.twimg.com/media/C2E3mXHUQAAzL6S.jpg"/></div>
+
<div align="center"><img width="450" height="700" style="margin:0px" src="https://pbs.twimg.com/media/C2E3mXJUAAA7KNG.jpg"/></div>
+
<div align="center"><img width="450" height="700" style="margin:0px" src="https://pbs.twimg.com/media/C2E3mXHUkAArDq3.jpg"/></div>
+
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">Nama Keluaran  : Laporan pengembalian setiap periode.</p>
 +
<p style="line-height: 2">Fungsi  : Mencetak atau menampilkan laporan pengembalian buku setiap periode.</p>
 +
<p style="line-height: 2">Media  : Buku</p>
 +
<p style="line-height: 2">Rangkap          : 1 Buku</p>
 +
<p style="line-height: 2">Pinjaman : Buku 1 untuk Laporan pengembalian buku setiap periode..</p></div>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">Nama Keluaran  : Laporan kondisi buku setiap periode.</p>
 +
<p style="line-height: 2">Fungsi  : Mencetak atau menampilkan laporan kondisi buku setiap periode.</p>
 +
<p style="line-height: 2">Media  : Buku</p>
 +
<p style="line-height: 2">Rangkap          : 1 Buku</p>
 +
<p style="line-height: 2">Pinjaman : Buku 1 untuk laporan kondisi buku setiap periode.</p></div>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">Nama Keluaran  : Laporan peminjaman yang kena denda.</p>
 +
<p style="line-height: 2">Fungsi  : Mencetak atau menampilkan laporan Peminjaman yang terkena denda setiap periode.</p>
 +
<p style="line-height: 2">Media  : Buku</p>
 +
<p style="line-height: 2">Rangkap          : 1 Buku</p>
 +
<p style="line-height: 2">Pinjaman : Buku 1 untuk Laporan peminjaman yang terkena denda setiap periode</p></div>
 +
 +
{{pagebreak}}
 +
 +
<br/>
 +
==<p style="font-family: 'times new roman'">Konfigurasi Sistem Berjalan</p>==
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada konfigurasi sistem ini SMK Negeri 8 Kota Tangerang masih menggunakan Sistem secara manual dimana masih menggunakan media buku besar sebagai pencatatan data anggota, buku, peminjaman buku dan laporan sehingga konfigurasi hardware dan konfigurasi software pada sistem yang berjalan ini tidak ada, tetapi untuk hak akses ( Brainware ) sebagai berikut :</p></div>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
 +
<p style="line-height: 2">1. Admin berfungsi untuk peninputan data anggota, buku, peminjaman dan pengembalian.</p></div>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
 +
<p style="line-height: 2">2. Pimpinan untuk mengecek laporan selama proses kunjungan.</p></div>
 +
 +
{{pagebreak}}
 +
 +
<br/>
 +
==<p style="font-family: 'times new roman'">Permasalahan yang Dihadapi dan Alternatif Pemecahan Masalah</p>==
 +
 +
===<p style="font-family: 'times new roman'">Permasalahan yang dihadapi</p>===
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan dari hasil penelitian peminjaman buku perpustakaan yang berjalan saat ini, ditemukan beberapa masalah yang dihadapi untuk proses peminjaman buku diantaranya :</p></div>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a. Proses pencatatan peminjaman masih terkesan lambat dan kurang efisien, dikarenakan masih menggunakan sistem catat menggunakan media tulis seperti pulpen yang dicatat pada buku daftar pinjaman.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b. Waktu untuk mencari daftar buku yang masih ada dalam perpustakaan atau sedang dipinjam memerlukan proses yang cukup lama, karena petugas harus satu persatu membaca daftar buku yang ada pada perpustakaan dan yang sedang dipinjam keluar, bahwa terkadang petugas harus melakukan pengecekan pada rak buku satu persatu.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">c. Pada saat siswa mengembalikan buku, petugas harus melakukan pencatatan kembali bahwa buku sudah dikembalikan dan petugas mencari daftar buku tersebut dicatatan daftar buku untuk dirubah statusnya menjadi tersedia.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">d. Dan yang terpenting ketika masa waktu peminjaman buku sudah habis, akan tetapi siswa belum juga melakukan pengembalian, petugas tidak mendapatkan pesan atau pemberitahuan buku tersebut belum dikembalikan oleh siswa, sehingga menyebabkan seringnya buku hilang.</p></div>
 +
 +
===<p style="font-family: 'times new roman'">Alternatif Pemecahan Masalah</p>===
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari permasalahan yang dihadapi maka akan muncul alternatif pemecahan permasalahan yang ada seperti sebagai berikut:</p></div>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. Proses pencatatan peminjaman menggunakan sistem input, sehingga jika informasi data peminjaman dibutuhkan, hanya dengan menggunakan proses pencarian pada tombol search, maka akan muncul informasi data peminjaman tersebut.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. Dibutuhkan sistem yang dapat memberikan informasi posisi buku berada pada rak mana dan sistem dapat memberikan informasi buku yang sedang dipinjam atau berada di perpustakaan dalam jumlah yang ada, sehingga untuk mengetahui jumlah buku, dapat diketahui hanya dengan melihat data laporan stok buku yang ada pada perpustakaan.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">3. Tidak lagi melakukan pencatatan ulang jika petugas menerima pengembalian buku, namun hanya dengan fitur pengembalian buku pada sistem, dengan beberapa kali klik buku tersebut sudah dapat didata telah kembali.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">4. Jika terjadi hal seperti buku yang seharusnya sudah dalam masa waktu pengembalian namun belum juga dikembalikan oleh siswa, maka sistem secara otomatis akan memberikan pemberitahuan kepada petugas melalui sistem yang digunakan petugas.</p></div>
 +
 +
{{pagebreak}}
 +
 +
<br/>
 +
==<p style="font-family: 'times new roman'">''User Requirement''</p>==
 +
 +
===<p style="font-family: 'times new roman'">Elisitasi Tahap I</p>===
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen sekolah terkait melalui proses wawancara, berikut adalah tabel elisitasi tahap I :</p></div>
  
===Elisitasi II===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2”> Elisitasi tahap II disusun berdasarkan elisitasi tahap I yang kemudian di klarifikasikan lagi dengan metode MDI. Berikut lampiran elisitasi tahap II: </p></div>
 
<div align="center"><img width="450" height="800" style="margin:0px" src="https://pbs.twimg.com/media/C2E5RsJUkAA4gO_.jpg"/></div>
 
<div align="center"><img width="450" height="700" style="margin:0px" src="https://pbs.twimg.com/media/C2E5RsJUcAAi-7X.jpg"/></div>
 
<div align="center"><img width="450" height="700" style="margin:0px" src="https://pbs.twimg.com/media/C2E5RsKUkAAdEGV.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2”>
 
Keterangan :
 
 
<br>
 
<br>
M (Mandatory): penting
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Tabel 3.1 Tabel Elisitasi Tahap I</b></div>
 +
 
 +
<div align="center">https://lh3.googleusercontent.com/-_xS43wMy8s0/WX9G0zSS6qI/AAAAAAAAAX4/Wc3-IOZ3ZP4e9MMMId1WfAEsLIG-CMG7ACJoC/w584-h647-p-rw/1.jpg</div>
 +
<div align="center">https://lh3.googleusercontent.com/-lL_1DRdBDs8/WX9G7plUABI/AAAAAAAAAYU/T3b4MwgSnCEXSWdRPZeocxz1LPAuioqpACJoC/w584-h624-p-rw/2.jpg</div>
 +
 
 +
 
 +
===Elisitasi Tahap II===
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI. Metode MDI ini bertujuan untuk memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi untuk dieksekusi.:</p></div>
 +
 
 
<br>
 
<br>
D (Desirable): tidak terlalu penting
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>3.2 Tabel Elisitasi Tahap II</b></div>
 +
 
 +
<div align="center">https://lh3.googleusercontent.com/-GR25IEq4ync/WX9HMR298KI/AAAAAAAAAYs/51gi4x_7QL0zRMcOIj_yR4sY1fcoeouPACJoC/w584-h678-p-rw/3.jpg</div>
 +
<div align="center">https://lh3.googleusercontent.com/-3Qix9uIARqE/WX9HSo2T9KI/AAAAAAAAAZI/YaErd0uyueI2S-IUfi7IoSJIYexzpXZuwCJoC/w584-h485-p-rw/4.jpg</div>
 +
 
 +
===Elisitasi Tahap III===
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya I pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE.:</p></div>
 +
 
 
<br>
 
<br>
I (Inessential): tidak penting
 
</p></div>
 
  
===Elisitasi III===
+
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Tabel 3.3 Elisitasi Tahap III</b></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2”> Berdasarkan elisitasi tahap II diatas, maka dibuatlah elisitasi tahap III yang diklasifikasikan kembali dengan menggunakan metode TOE dengan opsi KML. Terdapat 7 requirement yang memiliki opsi antara lain: High (H) dan harus di eliminasi, Middle (M) dan Low (L). Berikut lampiran Elisitasi Tahap III yang dibuat:</p></div>
+
<div align="center"><img width="450" height="800" style="margin:0px" src="https://pbs.twimg.com/media/C2E7Ej1UsAAqkCd.jpg"/></div>
+
<div align="center"><img width="450" height="700" style="margin:0px" src="https://pbs.twimg.com/media/C2E7Ej5UkAAPOCP.jpg"/></div>
+
<div align="center"><img width="450" height="700" style="margin:0px" src="https://pbs.twimg.com/media/C2E7Ej5UAAE-Bmy.jpg"/></div>
+
<div align="center"><img width="450" height="500" style="margin:0px" src="https://pbs.twimg.com/media/C2E7Ej4UQAAtVCA.jpg"/></div>
+
  
====Final Draft Elisitasi====
+
<div align="center">https://lh3.googleusercontent.com/-U4gp9veajKk/WX9HY47x8UI/AAAAAAAAAZk/w4cWjwVDotwqwa4Nk4wq5xmZ2kcNl1yvgCJoC/w584-h274-p-rw/5.jpg</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<div align="center">https://lh3.googleusercontent.com/-0dwyZsTlshQ/WX9HkXBjwmI/AAAAAAAAAaI/gE4GuOvFH5s6ARTD5yMEAI_FLLzipZPQQCJoC/w584-h778-p-rw/6.jpg</div>
<p style="line-height: 2”> Berdasarkan Elisitasi Tahap III, maka dapat di buat Final Draft Elisitasi, berikut merupakan lampiran Final Draft Elisitasi: </p></div>
+
<div align="center">https://lh3.googleusercontent.com/-MzbN8pWV2d0/WX9Htou2x4I/AAAAAAAAAao/E6Rp9Qu_5N4X5WDBota36vz8YJT-pByPgCJoC/w584-h185-p-rw/7.jpg</div>
<div align="center"><img width="450" height="800" style="margin:0px" src="https://pbs.twimg.com/media/C2E87K-UkAAqejS.jpg"/></div>
+
 
<div align="center"><img width="450" height="700" style="margin:0px" src="https://pbs.twimg.com/media/C2E87K-UkAEpy57.jpg"/></div>
+
===Elisitasi Final===
<div align="center"><img width="450" height="500" style="margin:0px" src="https://pbs.twimg.com/media/C2E9mWEUkAA1YXS.jpg"/></div>
+
 
<div align="center"><img width="450" height="600" style="margin:0px" src="https://pbs.twimg.com/media/C2E87K7UsAAKXWk.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.</p></div>
 +
 
 +
 
 +
<br>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Tabel 3.4 Elisitasi Final</b></div>
 +
 
 +
<div align="center">https://lh3.googleusercontent.com/-NT_ofCmSizk/WX9H0fDQznI/AAAAAAAAAbA/IW6pE3il3r898TfLuD_8pvw7UiXOLWL8gCJoC/w584-h428-p-rw/8.jpg</div>
 +
<div align="center">https://lh3.googleusercontent.com/-NKDGqFn6DYU/WX9H6vAVCyI/AAAAAAAAAbk/em8HMzYhEmYxk1P7Mttsm1WbktQJleKpQCJoC/w584-h896-p-rw/9.jpg</div>
 +
<div align="center">https://lh3.googleusercontent.com/-YYs0L-ZtDIY/WX9ITsbeZiI/AAAAAAAAAcE/5pSvcfmkQY45iAIKVgU2M-AFOrmUN2JmQCJoC/w584-h838-p-rw/ELISITASI%2B1.jpg</div>
 +
<div align="center">https://lh3.googleusercontent.com/-QStLDRIp0-s/WX9IZ4JV4wI/AAAAAAAAAcg/8jDc6S-5TGQgZjqk1sEo7mImI2PnXcUbACJoC/w584-h830-p-rw/ELISITASI%2B2.jpg</div>
 +
 
 +
 
 +
{{pagebreak}}
  
 
=<div style="font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
 
=<div style="font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>
  
==Rancangan Sistem Yang  Diusulankan==
+
== Rancangan Sistem Usulan ==
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
=== Prosedur Sistem Usulan ===
<p style="line-height: 2"> Setelah melakukan analisis dan penelitian pada sistem yang sedang berjalan pada rancangan kas kecil, maka selanjutnya akan dibahas mengenai rancangan usulan sistem yang akan peneliti dibangun. Ada beberapa usulan dari peneliti yang bertujuan untuk mengoptimalkan fungsi rancangan kas kecil yang sedang berjalan saat ini, yaitu merubah sistem pengolahan kas kecil yang semula dilakukan secara semi komputerisasi menjadi sistem rancangan kas kecil yang terkomputerisasi dan berbasis web. Perancangan atau desain sistem usulan yang bertujuan untuk menyempurnakan sistem yang lama dengan memberi gambaran atau pandangan yang jelas sesuai proses desain sistem dari awal hingga akhir penelitian. Dalam menganalisis usulan prosedur yang baru pada penelitian ini digunakan program Visual Paradigm for UML Enterprise Edition Ver. 8 untuk menggambarkan use case diagram, activity diagram, sequence diagram, class diagram dan state machine diagram:</p></div>
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari analisa sistem yang berjalan saat ini, terdapat beberapa prosedur sistem usulan. Prosedur sistem usulan bertujuan untuk mempermudah sistem saat ini agar permasalahan yang sering dihadapi dapat diminimalkan dan mendapatkan hasil yang optimal. Berdasarkan dari urutan prosedur sistem yang berjalan, menunjukkan bahwa ada beberapa kendala atau masalah yang terjadi diantaranya dari segi waktu, proses peminjaman yang melakukan input data peminjam dan data buku tidak hanya melakukan proses sekali saja, akan tetapi jika terjadi pengembalian buku maka petugas harus melakukan input kembali data buku yang sudah dikembalikan. Berikut uraian prosedur system usulan :</p></div>
  
===Usulan Prosedur Yang Baru===
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">1. Siswa<br>
<p style="line-height: 2"> Staff Administrasi </p></li>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">a.
+
Dapat melakukan login. </p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">b.
+
Menampilkan menu home. </p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">c.
+
Menampilkan menu  master. Dimana terdapat menu master pegawai, menu master list permintaan dan dan menu master saldo awal. Staff administrasi memiliki hak akses dapat menginput, mengedit dan delete data. </p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">d.
+
Menampilkan menu transaksi. Dimana terdapat menu transaksi permintaan anggaran. Staff administrasi memiliki hak akses  dapat menginput, mengedit, delete, merubah status verifikasi dan cetak tanda terima anggaran. </p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">e.
+
Menampilkan menu transaksi. Dimana terdapat menu transaksi pengeluaran. Staff administrasi memiliki hak akses untuk mengedit, delete dan merubah status verifikasi. </p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">f.
+
Menampilkan menu laporan. Dimana staff administrasi memiliki hak akses untuk mencetak laporan keuangan yang sudah ditentukan rentang periodenya. </p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">g.
+
Dapat melakukan logout.</p>
+
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
a. Menampilkan Halaman Utama.<br>
<p style="line-height: 2"> Staff Finance </p></li>
+
b. Siswa Melakukan Login.<br>
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">a.
+
c. Siswa Melihat Biodata Siswa.<br>
Dapat melakukan login. </p>
+
d. Siswa Dapat Melihat Data Buku.<br>
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">b.
+
e. Siswa Dapat Melihat Data Peminjaman Yang Dipinjam Oleh Siswa Tersebut.<br>
Menampilkan menu home. </p>
+
4. Siswa Dapat Melakukan Logout.</li>
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">c.
+
Menampilkan menu transaksi. Dimana terdapat menu transaksi permintaan anggaran. Staff finance memiliki hak akses untuk merubah status verifikasi dan cetak tanda terima anggaran. </p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">d.
+
Menampilkan menu transaksi. Dimana terdapat menu transaksi pengeluaran. Staff finance memiliki hak akses untuk delete dan merubah status verifikasi. </p>
+
  
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">e.
 
Menampilkan menu laporan. Staff finance memiliki hak akses untuk mencetak laporan keuangan yang sudah ditentukan rentang periodenya.</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">f.
 
Dapat melakukan logout.</p>
 
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">2. Petugas<br>
<p style="line-height: 2"> Staff Accounting </p></li>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">a.
+
Dapat melakukan login. </p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">b.
+
Menampilkan menu home. </p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">c.
+
Menampilkan menu transaksi. Dimana terdapat  menu transaksi permintaan anggaran. Staff accounting hanya memiliki hak akses untuk view data permintaan anggaran.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">d.
+
Menampilkan menu transaksi. Dimana terdapat menu transaksi pengeluaran. Staff accounting memiliki hak akses untuk view dan delete data pengeluaran.</p>
+
  
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">e.
+
a. Menampilkan Halaman Utama.<br>
Menampilkan menu laporan. Staff accounting memiliki hak akses untuk mencetak laporan keuangan yang sudah ditentukan rentang periodenya.</p>
+
b. Petugas Melakukan Login.<br>
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">f.
+
c. Petugas Dapat Mengelola Data Siswa.<br>
Dapat melakukan logout.</p>
+
d. Petugas Dapat Mengelola Data Buku.<br>
 +
e. Petugas Dapat Mengelola Data Rak.<br>
 +
f.     Petugas Dapat Melakukan Input Peminjaman Buku.<br>
 +
g. Petugas Dapat Melakukan Edit Peminjaman Buku.<br>
 +
h. Petugas Dapat Melihat Laporan Berdasarkan Periode Peminjaman Buku.</li></ol>
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Manager </p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">a.
 
Dapat melakukan login. </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">b.
 
Menampilkan menu home. </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">c.
 
Menampilkan menu master. Dimana terdapat sub menu pegawai. Manager memiliki hak akses untuk menginput, mengedit dan delete data pegawai.</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">d.
 
Menampilkan menu laporan. Manager memiliki hak akses untuk mencetak laporan keuangan yang sudah ditentukan rentang periodenya.</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">e.
 
Dapat melakukan logout.</p></ol>
 
  
==Diagram Rancangan Sistem==
 
===Usecase Diagram Yang Diusulkan===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Berikut ini adalah usecase diagram yang diusulkan untuk menggambarkan proses pencatatan kas kecil pada PT. FM Global Logistics:</p></div>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2SXmRlUcAAJBOo.jpg"/></div>
 
<p style="text-align: center;">Gambar 4.1 Use case Diagram Sistem Yang Diusulkan</p>
 
  
<div style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify"> Berdasarkan gambar 4.1 Use Case Diagram yang diusulkan terdapat:</div>
+
=== Use Case Diagram Sistem Yang Diusulkan ===
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk menganalisa sistem yang diusulkan, pada penelitian ini digunakan program Entreprise Architect untuk menggambarkan Use Case Diagram, Activity Diagram, Sequence Diagram, State Machine Diagram, dan Class Diagram.</p></div>
  
<div style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
1. Use case : Login
 
 
<br>
 
<br>
Aktor : Staff administrasi, staff finance, staff accounting, manager
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-8KJKM8cHE9k/WYAwTUOoeLI/AAAAAAAAAnw/29iNojt4ZBk7tjgi6leInpu0G8QVrs1NgCJoC/w584-h310-p-rw/1.png
 +
</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
Gambar 4.1 Usecase Diagram Petugas dan Siswa</div>
 +
 
 
<br>
 
<br>
Scenario : Staff administrasi, staff finance, staff accounting, manager dapat melakukan login ke sistem.
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Berdasarkan gambar 4.1 Usecase Diagram pada petugas dan siswa yang diusulkan terdapat :
 +
</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. Satu buah sistem yang merupakan rancangan usulan proses sistem pada Petugas dan Siswa.
 +
</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. 2 Actor, yaitu siswa dan petugas yang mengelola data siswa, data buku, data rak, data peminjaman dan laporan, view menu data buku, peminjaman buku dan kelola akun.
 +
</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">3. 11 Use Case yang bisa dilakukan oleh aktor-aktor tersebut diantaranya: Login, Tampilan home pada siswa, menu data buku, menu daftar pinjaman, update akun, tampilan home petugas, menu data siswa, menu data buku, menu data rak, menu peminjaman, menu laporan, logout.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">4. 7 include yang terdapat dalam menu yaitu : view data guru, view pinjaman buku, kelola akun, kelola data siswa, kelola data buku, kelola data rak dan kelola pinjaman.
 +
</p></div>
 +
 
 +
 
 +
===Activity Diagram Yang Diusulkan===
 +
====Activity Diagram Siswa====
 +
 
 
<br>
 
<br>
2. Use case : Menu Home
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-pcAzMM-ryzI/WYAwYtDp7jI/AAAAAAAAAnw/GFN74Q4IyK8HEIA5xLmsnMN9XIBbfKDjwCJoC/w584-h611-p-rw/2.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
Gambar 4.2 Activity Diagram Siswa</div>
 +
 
 
<br>
 
<br>
Aktor : Staff administrasi, staff finance, staff accounting, manager
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Berdasarkan gambar 4.2 Activity Diagram yang diusulkan terdapat :</p></div>
 +
 
 +
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">initial node dimana objek memulai kegiatan.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat satu aktor yang dapat melakukan kegiatan yaitu siswa.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat sepuluh action state yang berawal pada login. Alur action state terdiri dari masuk login jika gagal maka akan kembali ke login jika benar akan masuk pada home yang berisi Menu Data Buku, Menu Daftar Pinjaman Buku, Update Akun, lalu melakukan View Data Buku, View Pinjaman Buku, dan kelola akun. Dan berakhir pada action state Logout.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Satu final node yang merupakan akhir dari kegiatan Siswa.</li></ol>
 +
 
 +
====Activity Diagram Petugas====
 +
 
 
<br>
 
<br>
Scenario : Staff administrasi, staff finance, staff accounting, manager dapat membuka menu home pada sistem.
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-SrRP1CjR0b0/WYAwcUkSzfI/AAAAAAAAAnw/gaPVAZN-63k0SuTuaqVMMXqtIQaJ2NQoACJoC/w584-h537-p-rw/3.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
Gambar 4.3 Activity Diagram Petugas</div>
 +
 
 
<br>
 
<br>
3. Use case : Menu master
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Berdasarkan gambar 4.3 Activity Diagram yang diusulkan terdapat :</p></div>
 +
 
 +
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">initial node dimana objek memulai kegiatan.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat satu aktor yang dapat melakukan kegiatan yaitu Petugas.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat tiga belas action state yang berawal pada login. Alur action state terdiri dari masuk login jika gagal maka akan kembali ke login jika benar akan masuk pada home yang berisi Menu data siswa, menu data buku, menu data rak, menu peminjaman, menu laporan, melakukan kelola data siswa, kelola data buku, kelola data rak, dan kelola peminjaman. Dan berakhir pada action state logout.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Satu final node yang merupakan akhir dari kegiatan Petugas.</li></ol>
 +
 
 +
===Sequence Diagram Yang Diusulkan===
 +
====Sequence Diagram Siswa====
 +
 
 
<br>
 
<br>
Aktor : Staff administrasi, manager
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-mgP-GPcCk7Y/WYAxA6uCtFI/AAAAAAAAAnw/esYu0dw-VRgSBHRnC47os4fGwcu8_7cyACJoC/w584-h265-p-rw/4.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
Gambar 4.4 Squence Diagram Siswa</div>
 +
 
 
<br>
 
<br>
Scenario : 1. Staff administrasi dapat menginput, mengedit dan delete menu master, sub menu pegawai, list permintaan dan saldo awal.</div>
+
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in">2. Manager dapat menginput, mengedit dan delete menu master, sub menu pegawai.</p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Berdasarkan gambar 4.4 Squence yang diusulkan terdapat :</p></div>
<div style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
 
4. Use case : Menu transaksi
+
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat satu aktor yaitu Siswa.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat empat lifeline yaitu login, siswa, menu data dan logout.</li>
 +
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat enam message antara lain melakukan login, verifikasi, konfirmasi password dan usename salah, melihat biodata / profile siswa, review menu detail, dan logout.</li></ol>
 +
 
 +
 
 +
====Sequence Diagram Pada Petugas====
 +
 
 
<br>
 
<br>
Aktor : Staff administrasi, staff finance, staff accounting,
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-ya_BapyyATY/WYAxFRLHXEI/AAAAAAAAAnw/LrfS6pyaTF4VYNwP-kcAGEzcYw3PsETgwCJoC/w584-h353-p-rw/5.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 +
Gambar 4.5 Squence Diagram Petugas</div>
 +
 
 
<br>
 
<br>
Scenario : 1. Staff administrasi dapat menginput, mengedit, delete, merubah status verifikasi dan cetak tanda terima anggaran pada menu transaksi, sub menu permintaan anggaran. </div>
+
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in">2. staff administrasi dapat mengedit, delete dan merubah status verifikasi pada menu transaksi, sub menu pengeluaran. </p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Berdasarkan gambar 4.5 Squence Diagram yang diusulkan terdapat :</p></div>
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in">3. staff finance dapat merubah status verifikasi dan cetak tanda terima anggaran pada menu transaksi, sub menu permintaan anggaran. </p>
+
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in"> 4. staff finance dapat delete dan merubah status verifikasi pada menu transaksi, sub menu pengeluaran. </p>
+
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat satu aktor yaitu Petugas.</li>
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in"> 5. staff accounting hanya dapat view menu transaksi, sub menu permintaan anggaran. </p>
+
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in">6. staff accounting dapat view dan delete menu transaksi, sub menu pengeluaran.</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat tiga lifeline yaitu login, menu data dan logout.</li>
<div style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
 
5. Use case : Menu laporan
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat delapan message antara lain melakukan login, verifikasi, konfirmasi password dan usename salah, melakukan review pada data master, kelola data master, kelola peminjaman, menerima dan review laporan dan logout.</li></ol>
 +
 
 +
 
 +
 
 +
 
 +
===Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan===
 +
 
 
<br>
 
<br>
Aktor : Staff administrasi, staff finance, staff accounting dan manager
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Tabel 4.1 Perbedaan Prosedur</b></div>
 +
 
 +
<div align="center">https://lh3.googleusercontent.com/-vT3tNfk-T7I/WYCe0o7LinI/AAAAAAAAAp8/FuBWlSrEQCkHCQogfWuOshXYi9Qz6JIBQCJoC/w584-h778-p-rw/1.jpg</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
==Rancangan Basis Data==
 +
===Class Diagram===
 +
 
 
<br>
 
<br>
Scenario : Staff administrasi, staff finance, staff accounting,manager dapat mencetak laporan keuangan yang sudah ditentukan rentang periodenya
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-YDyu27hxduI/WYAxNy0Sp6I/AAAAAAAAAnw/9nZCVMLEa241ghFfd0BAR20IGVjDN8ySwCJoC/w584-h443-p-rw/7.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 4.6 Rancangan Sistem Class Diagram</b></div>
 +
 
 +
 
 +
 
 +
===Spesifikasi Basis Data===
 +
 
 
<br>
 
<br>
6. Use case : Logout
 
<br>
 
Aktor : Staff administrasi, staff finance, staff accounting, manager
 
<br>
 
Scenario : Staff administrasi, staff finance, staff accounting,manager dapat melakukan logout ke sistem.
 
</div>
 
  
===Acitivity Diagram Yang Diusulkan===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
 +
<p style="line-height: 2">a. Nama  File : File Admin</p>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut merupakan activity diagram yang menggambarkan alur aktivitas sistem kas kecil yang dirancang, yakni :</p></div>
+
<p style="line-height: 2">Akronim : User</p>
 
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2SXmRmUQAIs2Uo.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.2  Activity Diagram sistem yang diusulkan </p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berdasarkan gambar 4.2 terdapat penjelasan sebagai berikut  :</p></div>
+
<p style="line-height: 2">Fungsi : Hak Akses</p>
<div style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
a. 1 (satu) initial node untuk mengawali objek.
+
<p style="line-height: 2">Tipe File : File Master</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">Organisasi File : Sequential</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">Media : Harddisk</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">Panjang Record : 33 Karakter</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">Field Kunci : kd_admin</p></div>
 +
 
 
<br>
 
<br>
b. 33 (tiga puluh tiga) action,yang terdiri lagi : login, masukkan username dan password, menu home, menu master data, master pegawai, add pegawai, edit pegawai, delete pegawai, master list permintaan, add list permintaan, edit list permintaan, delete permintaan, master saldo awal, add saldo awal, edit saldo awal, menu transaksi, transaksi permintaan anggaran, add permintaan anggaran, edit permintaan anggaran, delete permintaan anggaran, print permintaan anggaran, verifikasi permintaan anggaran, transaksi pengeluaran, add pengeluaran, edit pengeluaran, delete pengeluaran, print pengeluaran, verifikasi pengeluaran, menu laporan, laporan keuangan, view laporan keuangan, print laporan keuangan, logout.
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-dGK8qgE9PTg/WYCidRyWmLI/AAAAAAAAAqg/skA86tyyNPE-z0fNemBrRRPanvcEvIjYQCJoC/w584-h268-p-rw/2.jpg</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Tabel 4.2 Tabel Admin</b></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 
<br>
 
<br>
c. 11 (sebelas) Fork node
 
<br>
 
d. 1 (satu) final node untuk menjelaskan bahwa alur sistem berakhir.</div>
 
  
===Sequence Diagram Yang Diusulkan===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
 +
<p style="line-height: 2">b. Nama File : File Anggota / Siswa</p>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut merupakan sequence diagram yang menggambarkan alur aktivitas sistem kas kecil yang sedang dirancang, yakni :</p></div>
+
<p style="line-height: 2">Akronim : Anggota</p>
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2SXmRgUkAAc530.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.3 Sequence diagram sistem yang diusulkan</p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berdasarkan gambar 4.3 sequence diagram sistem yang diusulkan terdapat:</p></div>
+
<p style="line-height: 2">Fungsi : Untuk menyimpan data siswa</p>
<div style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
a. 4 (empat) actor yang melakukan kegiatan  yaitu : staff administrasi, staff finance, staff accounting dan manager.
+
<p style="line-height: 2">Tipe File : File Master</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">Organisasi File : Indexed Sequential</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">Media         : Harddisk</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">Panjang Record : 87 Karakter</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">Field Kunci         : id_anggota</p></div>
 +
 
 
<br>
 
<br>
b. 9 (sembilan) lifeline yaitu login, home, pegawai, list permintaan, saldo awal, permintaan anggaran, pengeluaran, laporan keuangan, logout.
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-qIEumlHSW8M/WYCkD_73g0I/AAAAAAAAArU/1l6SqKTfPYYgxf222lDUb_tPfHchfmGNQCJoC/w584-h355-p-rw/3.jpg</div>
 +
<div align="center">https://lh3.googleusercontent.com/-Fnat-WA4rpY/WYCkJb4RDHI/AAAAAAAAArw/yT5c6z9tNAU3c3ehl9ZH4924CK7B_v3TQCJoC/w584-h196-p-rw/4.jpg</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Tabel 4.3 Tabel Anggota/Siswa</b></div>
 +
 
 +
 
 +
 
 +
 
 
<br>
 
<br>
c. 34 (tiga puluh empat) message yaitu : input username dan password, cek validasi data, login gagal, login berhasil, add edit dan delete data pegawai, add edit dan delete data list permintaan, add edit saldo awal, add edit delete cetak verifikasi data permintaan anggaran, edit, delete dan verifikasi data pengeluaran, view dan cetak laporan keuangan, logout, input username dan password, cek validasi data, login gagal, login berhasil, verifikasi dan cetak data permintaan anggaran, verifikasi dan delete data pengeluaran, view dan cetak laporan keuangan, Logout, input username dan password, cek validasi data, login gagal, login berhasil, view data permintaan anggaran, view data pengeluaran, view dan cetak laporan keuangan, logout, input username dan password, cek validasi data, gagal login, login berhasil, add edit dan delete data pegawai, view dan cetak laporan keuangan, logout.</div>
 
  
===Class Diagram Yang Diusulkan===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
 +
<p style="line-height: 2">c. Nama  File : File Buku</p>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut ini adalah class diagram yang diusulkan untuk pada PT. FM Global Logistics:</p></div>
+
<p style="line-height: 2">Akronim : bk</p>
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2Sf4krUQAE-n-N.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.4 Class diagram sistem yang diusulkan</p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berdasarkan gambar 4.3 sequence diagram sistem yang diusulkan terdapat:</p></div>
+
<p style="line-height: 2">Fungsi : Untuk menyimpan data buku</p>
<div style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
a. 9 (sembilan) class, himpunan dari objek-objek yang berbagi atribut serta operasi.
+
<br>
+
b. 8 (delapan) Association, hubungan antara objek satu dengan objek yang lainnya.</div>
+
===State Machine Diagram Sistem yang Diusulkan===
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut merupakan state machine diagram yang diusulkan oleh PT. FM Global Logistics:</p></div>
+
<p style="line-height: 2">Tipe File : File Master</p>
<div align="center"><img width="600" height="500" style="margin:0px" src="https://pbs.twimg.com/media/C26zYVwVQAA6m62.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.5 State machine diagram sistem yang diusulkan </p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berdasarkan gambar 4.5 state machine diagram sistem yang diusulkan bahwa terdapat :</p></div>
+
<p style="line-height: 2">Organisasi File : Indexed Sequential</p>
<div style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
a. 34 (tiga puluh empat) state yang berjalan
+
<p style="line-height: 2">Media         : Harddisk</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">Panjang Record : 83 Karakter</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">Field Kunci         : id_buku</p></div>
 +
 
 
<br>
 
<br>
b. 55 (lima puluh lima) transaction
 
<br>
 
c. 1 (satu) initial pseudo
 
<br>
 
d. 1 (satu) final state
 
</div>
 
  
==Perbedaan Antara Sistem Yang Berjalan Dengan Sistem Yang Diusulkan==
+
<div align="center">https://lh3.googleusercontent.com/-k3EVI_Ym2Co/WYClM4jX9NI/AAAAAAAAAsY/s4Nhb_RyZ9MBbHzupp6fHZDlTcLNnPSRACJoC/w584-h494-p-rw/5.jpg</div>
<div align="center"><img width="450" height="700" style="margin:0px" src=" https://pbs.twimg.com/media/C2SiALSUUAAbKY5.jpg"/></div>
+
<div align="center"><img width="450" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2SiALRUQAQc9cQ.jpg"/></div>
+
<p style="text-align: center;"> Tabel 4.1 Perbedaan Antara Sistem Yang Berjalan Dengan Sistem Yang Diusulkan</p>
+
  
==Rancangan Basis Data==
+
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Tabel 4.4 Tabel Data Buku</b></div>
===Spesifikasi Basis Data===
+
  
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">Nama Tabel : detail_keluar</p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Media : Harddisk</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Isi : no_keluar + kd_list + jml_minta + harga_keluar +  tgl_transaksi + status_detail</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Primary key : no_keluar </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Foreign key : kd_list</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Panjang Record : 32</p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2VvXWhVQAAxogH.jpg "/></div>
 
<p style="text-align: center;"> Tabel 4.2 Detail Keluar </p>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2"> Nama Tabel : detail_minta</p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Media : Harddisk</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Isi : no_minta + kd_list + jml_minta</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Primary key : no_minta </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Foreign key : kd_list </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Panjang Record : 14</p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2VvXWfUQAAS1AL.jpg"/></div>
 
<p style="text-align: center;"> Tabel 4.3 Detail Minta </p>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2"> Nama Tabel : kas_keluar </p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Media : Harddisk</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Isi : id_kas_keluar + tgl_kas_keluar + jml_uang_keluar + no_keluar </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Primary key : id_kas_keluar </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Foreign key : no_keluar </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Panjang Record : 27</p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2VvXXHVEAE5z__.jpg "/></div>
 
<p style="text-align: center;> Tabel 4.4 Kas Keluar </p>
 
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2"> Nama Tabel : kas_masuk </p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Media : Harddisk</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Isi : id_kas_masuk + tgl_kas_masuk + jml_uang_masuk + no_minta </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Primary key : id_kas_keluar </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Foreign key : no_minta </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Panjang Record : 27</p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2VvXWeUkAA6PFi.jpg "/></div>
 
<p style="text-align: center;"> Tabel 4.5 Kas Masuk </p>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2"> Nama Tabel : list_minta </p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Media : Harddisk</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Isi : kd_list + kategori + nm_minta + perkiraan_harga </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Primary key : kd_list </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Panjang Record : 45</p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2VxTEYUkAEPkfc.jpg "/></div>
 
<p style="text-align: center;"> Tabel 4.6 List Minta </p>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2"> Nama Tabel : pegawai </p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Media : Harddisk</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Isi : id_pegawai + nik + nm_pegawai + alamat +
 
no_telp + jabatan + username + password </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Primary key : id_pegawai </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Panjang Record : 148</p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2W8c1KUAAEVB0B.jpg"/></div>
 
<p style="text-align: center;"> Tabel 4.7 Pegawai </p>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2"> Nama Tabel : Pengeluaran </p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Media : Harddisk</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Isi : no_keluar + tgl_keluar + id_pegawai + no_minta + status_keluar + jml_pengeluaran </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Primary key : no_keluar </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Foreign key : id_pegawai + no_minta</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Panjang Record : 28</p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2VxTEZVQAA6lgm.jpg "/></div>
 
<p style="text-align: center;"> Tabel 4.8 Pengeluaran </p>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2"> Nama Tabel : Permintaan anggaran </p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Media : Harddisk</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Isi : no_minta + tgl_permintaan + status + tgl_terima +
 
jml_uang_terima + id_pegawai + no_tta </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Primary key : no_minta </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Foreign key : id_pegawai </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Panjang Record : 41</p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2VxTEZVIAAsRvh.jpg "/></div>
 
<p style="text-align: center;"> Tabel 4.9 Permintaan Anggaran </p>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2"> Nama Tabel : tanda_terima_anggaran </p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Media : Harddisk</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Isi : id_tta + tgl_terima + jml_uang_terima + no_minta</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Primary key : id_tta </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Foreign key : no_minta </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in ">Panjang Record : 27</p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2Vx_G6UkAAblCA.jpg "/></div>
 
<p style="text-align: center;"> Tabel 4.10 Tanda Terima Anggaran </p></ol>
 
  
==Rancangan Prototype Sistem Informasi Kas Kecil==
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Dalam sistem informasi kas kecil yang diusulkan, peneliti merancang beberapa menu yang dapat digunakan oleh staff administrasi, staff finance, staff accounting dan manager untuk mempermudah dalam pembuatan laporan kas kecil yang terdiri dari :</p></div>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2"> Halaman login</p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
 
Halaman ini berfungsi sebagai sistem keamanan bagi pengguna untuk memastikan apakah pengguna (user) memiliki hak akses untuk masuk kedalam sistem atau tidak.</p>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2"> Menu Home </p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
 
Halaman ini berfungsi untuk menampilkan beberapa menu pendukung sistem kas kecil pada PT. FM Global Logistics seperti : menu master data, menu transaksi, menu laporan dan menu logout. </p>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2"> Menu Master Data</p></li>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menu ini berfungsi untuk menampilkan data pegawai, data list permintaan dan data kas.</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menu Master Pegawai</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menu ini berfungsi untuk menampilkan data pegawai pada PT. FM Global Logistics. </p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menu Master List Permintaan</p>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menu ini berfungsi untuk menampilkan data daftar permintaan pada PT. FM Global Logistics. </p>
 
  
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menu Master Saldo Awal
+
<br>
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menu ini berfungsi untuk menampilkan data saldo awal dalam kas kecil yang dimiliki PT. FM Global Logistics. </p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu Transaksi</p></li>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menu ini berfungsi untuk menampilkan aktifitas transaksi yang meliputi : permintaan anggaran, dan pengeluaran. </p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu Transaksi Permintaan Anggaran</p></li>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menu ini berfungsi untuk menampilkan transaksi permintaan anggaran pada PT. FM Global Logistics. Dalam menu transaksi ini, user dapat mencetak form tanda terima anggaran sebagai bukti permintaan anggaran. </p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu Transaksi Pengeluaran</p></li>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menu ini berfungsi untuk menampilkan transaksi pengeluaran pada PT. FM Global Logistics. </p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu Laporan</p></li>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menu ini berfungsi untuk menampilkan laporan keuangan. User dapat mencetak laporan keuangan per periode. </p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Logout</p></li>
+
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menu ini berfungsi untuk keluar dari sistem kas kecil pada PT. FM Global Logistics. </p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Berikut merupakan rancangan tampilan yang ada pada sistem kas kecil pada PT. FM Global Logistics :</p></div></ol>
+
  
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
====Rancangan Tampilan Menu Login====
+
<p style="line-height: 2">d. Nama  File : File Peminjam</p>
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WDzKtVIAAOuy-.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.6 Rancangan tampilan menu login </p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Setiap user yang mengakses sistem ini, harus memiliki akun. Akun tersebut berfungsi sebagai hak akses bagi user. Tidak semua pegawai dapat membuka atau mengakses sistem ini. Berikut adalah penjelasan dari rancangan tampilan menu login yakni :</p></div>
+
<p style="line-height: 2">Akronim : pmjm</p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu login berisi username dan password. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu login hanya diperuntukan untuk pegawai yang memiliki hak akses. </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu login berfungsi untuk menjaga data pada sistem.</p></li>
+
</ol>
+
====Rancangan Tampilan Home====
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WDzKtUkAAykuX.jpg "/></div>
+
<p style="text-align: center;"> Gambar 4.7 Rancangan tampilan menu home </p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan menu home yakni : </p></div>
+
<p style="line-height: 2">Fungsi : Untuk menyimpan data peminjaman buku</p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu home menampilkan menu-menu utama dalam sistem kas kecil </p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu home juga menampilkan pesan selamat datang pada saat user yang berhasil saat melakukan login </p></li></ol>
+
 
+
====Tampilan Rancangan Menu Master====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">a. Menu Master Pegawai untuk Staff Administrasi dan Manager </p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WDzKtVQAEeVD-.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.8 Rancangan tampilan menu master pegawai untuk staff administrasi dan manager </p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan menu master pegawai yakni :</p></div>
+
<p style="line-height: 2">Tipe File : File Transaksi</p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Sub menu data pegawai menampilkan identitas pegawai yang memiliki hak akses atas sistem kas kecil.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu master pegawai menampilkan kolom nomor, nama, jabatan dan action yang terdiri dari edit dan delete.</p></li></ol>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">b. Form Menu Master Pegawai untuk Staff Administrasi dan Manager </p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WDzKsUkAEA88S.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.9 Rancangan tampilan mform menu master pegawai untuk staff administrasi dan manager </p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan form menu master pegawai yakni :</p></div>
+
<p style="line-height: 2">Organisasi File : Random</p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Form menu master pegawai berfungsi untuk menginput data pegawai yang memiliki hak akses dalam sistem kas kecil.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Isi form menu master pegawai menampilkan : NIK, nama, alamat, no.telepon, jabatan, username, password, confirm password.</p></li></ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">c. Menu Master  List Permintaan untuk Staff Administrasi</p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WFTKLUcAAtXCm.jpg "/></div>
+
<p style="text-align: center;"> Gambar 4.10 Rancangan tampilan menu master list permintaan untuk staff administrasi </p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan menu master list permintaan yakni :</p></div>
+
<p style="line-height: 2">Media         : Harddisk</p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Sub menu data list permintaan menampilkan data permintaan dalam sistem kas kecil.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Sub menu data list permintaan menampilkan kolom nomor,  nama permintaan, kategori,  dan action yang terdiri dari edit dan delete.</p></li></ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">d. Sub Menu Form List Permintaan untuk Staff Administrasi </p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WFTKKUcAE9Yb7.jpg "/></div>
+
<p style="text-align: center;"> Gambar 4. 11 Rancangan tampilan form menu master list permintaan untuk staff administrasi </p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan form menu master list permintaan yakni :</p></div>
+
<p style="line-height: 2">Panjang Record : 26 Karakter</p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Form menu master list permintaan berfungsi untuk menginput data permintaan dalam sistem kas kecil .</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Isi form menu master list permintaan menampilkan : nama permintaan, kategori, perkiraan harga.</p></li></ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">e. Sub Form Menu Master Saldo Awal untuk Staff Administrasi </p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WFTKKUcAAW_gY.jpg "/></div>
+
<p style="text-align: center;"> Gambar 4.12 Rancangan tampilan form menu master saldo awal </p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan form menu master saldo awal yakni :</p></div>
+
<p style="line-height: 2">Field Kunci         : id_pinjam</p></div>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Form menu master saldo awal berfungsi untuk menginput data saldo awal dalam sistem kas kecil.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Isi form menu master saldo awal menampilkan : input saldo awal.</p></li></ol>
+
  
====Rancangan Tampilan Menu Transaksi====
+
<br>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
 
<p style="line-height: 2">a. Menu Transaksi Permintaan Anggaran untuk Staff Administrasi </p></div>
+
<div align="center">https://lh3.googleusercontent.com/-c3PCECg-sfo/WYCmZv8lebI/AAAAAAAAAs8/iES6mba_EnofXW2jQAFBWIozq8drZ1-KQCJoC/w584-h307-p-rw/6.jpg</div>
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WGHoqUAAEb6bo.jpg "/></div>
+
 
<p style="text-align: center;"> Gambar 4.13 Rancangan tampilan menu transaksi permintaan anggaran untuk staff administrasi </p>
+
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Tabel 4.5 Tabel Peminjaman</b></div>
 +
 
 +
 
 +
 
 +
 
 +
<br>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
 +
<p style="line-height: 2">e. Nama  File : File Petugas</p>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan menu transaksi permintaan anggaran yakni :</p></div>
+
<p style="line-height: 2">Akronim : ptgs</p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu transaksi permintaan anggaran menampilkan aktifitas permintaan anggaran dalam sistem kas kecil.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu transaksi permintaan anggaran menampilkan kolom : nomor, no. minta, tanggal,status,  action yang terdiri dari edit, verifikasi, cetak dan delete.</p></li></ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">b. Form Menu Transaksi Permintaan Anggaran untuk Staff Administrasi </p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src="https://pbs.twimg.com/media/C2W_xITUsAAOV_3.jpg "/></div>
+
<p style="text-align: center;"> Gambar 4.14 Rancangan tampilan form menu transaksi permintaan anggaran  </p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan form menu transaksi permintaan anggaran yakni :</p></div>
+
<p style="line-height: 2">Fungsi : Untuk menyimpan data petugas</p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Form menu transaksi permintaan anggaran berfungsi untuk menginput data permintaan anggaran dalam sistem kas kecil.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Isi form menu transaksi permintaan anggaran menampilkan : no. permintaan, tanggal permintaan, nama permintaan, kategori, jumlah minta.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Sub menu data permintaan anggaran ini hanya dapat di input oleh staff administrasi.</p></li></ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">c. Sub Menu Form Verifikasi Permintaan Anggaran untuk Staff Administrasi dan Staff Finance </p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WG4GXUQAAyKDM.jpg "/></div>
+
<p style="text-align: center;"> Gambar 4.15 Rancangan Tampilan Sub Menu Form Verifikasi Permintaan Anggaran untuk Staff Administrasi dan Staff Finance </p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan sub menu verifikasi form permintaan anggaran yakni :</p></div>
+
<p style="line-height: 2">Tipe File : File Master</p>
<ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Organisasi File : Indexed Sequential</p>
<p style="line-height: 2"> Sub menu form verifikasi permintaan anggaran berfungsi untuk mengubah status permintaan anggaran dalam sistem kas kecil.</p></li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Media         : Harddisk</p>
<p style="line-height: 2"> Isi sub menu form verifikasi permintaan anggaran menampilkan : no. minta, tanggal permintaan, dan status.</p></li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Panjang Record : 68 Karakter</p>
<p style="line-height: 2"> Sub menu form verifikasi permintaan anggaran ini hanya dapat di input oleh staff administrasi dan staff finance.</p></li></ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">Field Kunci         : id_petugas</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<br>
<p style="line-height: 2">d. Menu Transaksi Permintaan Anggaran untuk Staff Finance</p></div>
+
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WGHoqUAAEb6bo.jpg "/></div>
+
<div align="center">https://lh3.googleusercontent.com/-QFSwo_GetPI/WYCnec2M_nI/AAAAAAAAAuA/lx389F8Z9K0Hx6HY4gripPBs2lKDkwCkwCJoC/w584-h444-p-rw/7.jpg</div>
<p style="text-align: center;"> Gambar 4.16 Rancangan tampilan menu transaksi permintaan anggaran untuk staff finance </p>
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Tabel 4.6 Tabel File Petugas</b></div>
 +
 
 +
 
 +
 
 +
 
 +
<br>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in">
 +
<p style="line-height: 2">f. Nama  File : File Rak</p>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan menu transaksi permintaan anggaran yakni :</p></div>
+
<p style="line-height: 2">Akronim : rak</p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu transaksi permintaan anggaran menampilkan aktifitas permintaan anggaran dalam sistem kas kecil.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu transaksi permintaan anggaran menampilkan kolom : nomor, no. minta, tanggal,status,  action yang terdiri dari verifikasi, cetak.</p></li></ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">e. Menu Transaksi Permintaan Anggaran untuk Staff Accounting </p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src="https://pbs.twimg.com/media/C2XAgqrVQAAHuqg.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.17 Rancangan tampilan menu transaksi permintaan anggaran Staff Accounting </p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan menu transaksi permintaan anggaran yakni </p></div>
+
<p style="line-height: 2">Fungsi : Untuk menyimpan data rak</p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu transaksi permintaan anggaran menampilkan aktifitas permintaan anggaran dalam sistem kas kecil.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu transaksi permintaan anggaran menampilkan kolom : nomor, no. minta, tanggal,status,  action yang terdiri dari view.</p></li></ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">f. Menu Transaksi Pengeluaran untuk Staff Administrasi</p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WHtL9UsAAEbfn.jpg "/></div>
+
<p style="text-align: center;"> Gambar 4.18 Rancangan tampilan menu transaksi pengeluaran untuk staff administrasi </p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan menu transaksi pengeluaran yakni :</p></div>
+
<p style="line-height: 2">Tipe File : File Master</p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu transaksi pengeluaran menampilkan data pengeluaran dalam sistem kas kecil.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu transaksi pengeluaran menampilkan kolom : nomor, nama minta, tanggal permintaan, no. keluar, tanggal pengeluaran, jumlah terima, jumlah keluar, status dan  action yang terdiri dari edit, verifikasi dan delete.</p></li></ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">g. Form Verifikasi Pengeluaran untuk Staff Finance </p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WHtL9UAAAG8TL.jpg "/></div>
+
<p style="text-align: center;"> Gambar 4.19 Rancangan Tampilan Form Verifikasi Pengeluaran untuk Staff Finance </p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan sub menu verifikasi form permintaan anggaran yakni :</p></div>
+
<p style="line-height: 2">Organisasi File : Indexed Sequential</p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Sub menu form verifikasi pengeluaran berfungsi untuk mengubah status pengeluaran dalam sistem kas kecil.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Isi sub menu form verifikasi permintaan anggaran menampilkan : no. keluar, tanggal pengeluaran, no. minta, tanggal permintaan, status.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Sub menu form verifikasi permintaan anggaran ini hanya dapat di input oleh staff finance.</p></li></ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">h. Menu Transaksi Pengeluaran untuk Staff Finance </p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WHtL-UcAAQXf_.jpg "/></div>
+
<p style="text-align: center;"> Gambar 4.20 Rancangan menu transaksi pengeluaran untuk staff finance</p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan sub menu data pengeluaran yakni :</p></div>
+
<p style="line-height: 2">Media         : Harddisk</p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Sub menu data pengeluaran menampilkan data pengeluaran dalam sistem kas kecil.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Sub menu data pengeluaran menampilkan kolom : nomor, nama minta, tanggal permintaan, no. keluar, tanggal pengeluaran, jumlah terima, jumlah keluar, status dan  action yaitu verifikasi.</p></li></ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">i. Menu Transaksi Pengeluaran untuk Staff Accounting</p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WJN4xUoAEa_yE.jpg "/></div>
+
<p style="text-align: center;"> Gambar 4.21 Rancangan tampilan menu transaksi pengeluaran untuk staff accounting </p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan menu transaksi pengeluaran yakni :</p></div>
+
<p style="line-height: 2">Panjang Record : 25 Karakter</p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Sub menu data pengeluaran menampilkan data pengeluaran dalam sistem kas kecil.</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Sub menu data pengeluaran menampilkan kolom : nomor, nama minta, tanggal permintaan, no. keluar, tanggal pengeluaran, jumlah terima, jumlah keluar, status dan  action yang terdiri dari view.</p></li></ol>
+
 
+
====Rancangan Tampilan Menu Laporan====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">a. Menu Laporan Keuangan </p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src="https://pbs.twimg.com/media/C2XBA6HUAAEWhI9.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.22 Rancangan tampilan menu laporan keuangan</p>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"> Berikut adalah penjelasan dari rancangan tampilan menu laporan keuangan yakni :</p></div>
+
<p style="line-height: 2">Field Kunci         : id_rak</p></div>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu laporan keuangan menampilkan data laporan keuangan per periode dalam sistem kas kecil .</p></li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"> Menu laporan keuangan menampilkan kolom : periode laporan.</p></li></ol>
+
  
==Tampilan Sistem Yang Diusulkan==
+
<br>
===Tampilan Halaman Login===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Dalam halaman login, terdapat field username dan password. Hal ini berguna sebagai hak akses pegawai tertentu untuk mengakses sistem kas kecil. Hal ini berguna untuk menghindari terjadi perubahan data oleh pihak yang tidak bertanggung jawab.</p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2Swwq4UUAAryhc.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.23 Tampilan halaman login
+
</p>
+
  
===Tampilan Menu Home Untuk Staff Administrasi===
+
<div align="center">https://lh3.googleusercontent.com/-BU3tnUVHuv8/WYCoP9Gi4SI/AAAAAAAAAuk/DCQAzaPoDLAdklI81OAMvQywumDGY-J6ACL0BGAs/w584-h227-p-rw/8.jpg</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Tampilan dapat dibuka, apabila admin berhasil melakukan login. Menu home menampilkan pesan selamat datang pada staff administrasi. Didalam menu home untuk staff administrasi terdapat menu master, menu transaksi dan menu laporan.</p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2Sw1arUQAA4elK.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.24 Tampilan menu home untuk staff administrasi </p>
+
  
===Tampilan Menu Home Untuk Staff Finance===
+
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Tabel 4.7 Tabel Rak</b></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Tampilan dapat dibuka, apabila admin berhasil melakukan login. Menu home menampilkan pesan selamat datang pada staff finance. Didalam menu home untuk staff finance terdapat menu transaksi dan menu laporan.</p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2Sw760VEAEwamB.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.25 Tampilan menu home untuk staff finance </p>
+
  
===Tampilan Menu Home Untuk Staff Accounting===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Tampilan dapat dibuka, apabila admin berhasil melakukan login. Menu home menampilkan pesan selamat datang pada staff accounting. Didalam menu home untuk staff accounting terdapat menu transaksi dan menu laporan.</p></div>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2SxAyCUkAAj8K1.jpg"/></div>
 
<p style="text-align: center;"> Gambar 4.26 Tampilan menu home untuk staff accounting
 
</p>
 
  
===Tampilan Menu Home Untuk Manager===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Tampilan dapat dibuka, apabila admin berhasil melakukan login. Menu home menampilkan pesan selamat datang pada manager. Didalam menu home untuk manager terdapat menu master dan menu laporan.</p></div>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2SxGSUUUAAruMo.jpg"/></div>
 
<p style="text-align: center;"> Gambar 4.27 Tampilan menu home untuk manager</p>
 
  
===Tampilan Menu Master Pegawai===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Menu master pegawai hanya dapat di akses oleh staff administrasi dan manager. Didalam menu master pegawai berisi nama, jabatan dan difasilitasi dengan action add new, edit dan delete.</p></div>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2Sx5HFVIAQTiY3.jpg"/></div>
 
<p style="text-align: center;"> Gambar 4.28 Tampilan menu master pegawai
 
</p>
 
  
===Tampilan Menu Add New Data Pegawai===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Didalam form input data pegawai terdapat : NIK, nama pegawai,  alamat, no.telepon, jabatan, username, password, confirm password..</p></div>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2Sx5HKUcAACish.jpg"/></div>
 
<p style="text-align: center;"> Gambar 4.29 Tampilan menu add new data pegawai</p>
 
  
===Tampilan Menu Master List Permintaan===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Menu master list permintaan hanya dapat di akses oleh staff administrasi, staff finance, staff accounting. Didalam menu master list permintaan berisi nama, jabatan dan difasilitasi dengan action add new, edit, delete.</p></div>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2Sy4reVIAAFpCl.jpg"/></div>
 
<p style="text-align: center;"> Gambar 4.31 Tampilan menu add new list permintaan </p>
 
  
===Tampilan Menu Add New Data List Permintaan===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Didalam form input data permintan anggaran terdapat : nama permintaan, kategori, dan perkiraan harga.</p></div>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2Sy4rjVEAAA0gX.jpg"/></div>
 
<p style="text-align: center;"> Gambar 4.32 Tampilan menu master saldo awal </p>
 
  
 +
==Flowchart System Yang Diusulkan==
 +
===Bagan Alur Proses Siswa/Anggota===
  
===Tampilan Menu Master Saldo Awal===
+
<br>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Menu master saldo awal hanya dapat di akses oleh staff administrasi. Didalam menu master terdapat input saldo awal.</p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2SzWE4UkAAGYO0.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.33 Tampilan menu transaksi permintaan anggaran </p>
+
  
===Tampilan Menu Transaksi Permintaan Anggaran Untuk Staff Administrasi===
+
<div align="center">https://lh3.googleusercontent.com/-OcCMilYAZH4/WYAxY4os5YI/AAAAAAAAAnw/Gp4ZPO9Skb4DWmyGi8xdW90zR_qJmT9YACJoC/w292-h389-n-rw/8.png</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Menu transaksi permintaan anggaran dapat di akses oleh staff administrasi. Didalam menu transaksi permintaan anggaran berisi nomor minta, tanggal, status dan difasilitasi dengan action edit, verifikasi, cetak, delete.</p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2SzWFBUAAA23f-.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.33 Tampilan menu add new transaksi permintaan anggaran </p>
+
  
===Tampilan Menu Add New Transaksi Permintaan Anggaran===
+
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 4.7 Flowchart System Siswa/Anggota</b></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Didalam form input data permintaan anggaran terdapat : NIK, nama pegawai,  alamat, no.telepon, jabatan, username, password, confirm password.</p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2SzprQVIAEMcKN.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.33 Tampilan menu add new transaksi permintaan anggaran </p>
+
  
===Tampilan Menu Verifikasi Transaksi Permintaan Anggaran===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Menu verifikasi transaksi permintaan anggaran dapat di akses oleh staff administrasi. Didalam menu  transaksi permintaan anggaran berisi nomor minta, tanggal, status .</p></div>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2SzprYUAAAkDFh.jpg"/></div>
 
<p style="text-align: center;"> Gambar 4.34 Tampilan menu verifikasi transaksi permintaan anggaran </p>
 
  
===Tampilan Laporan Tanda Terima Anggaran===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Pada laporan tanda terima anggaran menunjukkan estimasi transaksi yang dibutuhkan dalam 1 periode.</p></div>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2Sz6FNUcAEEvIj.jpg"/></div>
 
<p style="text-align: center;"> Gambar 4.35 Tampilan laporan tanda terima anggaran</p>
 
  
===Tampilan Menu Transaksi Permintaan Anggaran Untuk Staff Finance===
+
===Bagan Alur Proses Petugas===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Menu transaksi permintaan anggaran dapat di akses oleh staff finance. Didalam menu transaksi permintaan anggaran berisi nomor minta, tanggal, status dan difasilitasi dengan  action verifikasi, dan cetak.</p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2Sz6FPUcAANwxg.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.36 Tampilan menu transaksi permintaan anggaran untuk staff finance </p>
+
  
=== Tampilan Menu Transaksi Permintaan Anggaran Untuk Staff Accounting===
+
<br>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Menu transaksi permintaan anggaran dapat di akses oleh staff accounting. Didalam menu transaksi permintaan anggaran berisi nomor minta, tanggal, status dan difasilitasi dengan  action view.</p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2S0Ht9UsAAB0SG.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.37 Tampilan menu transaksi permintaan anggaran untuk staff accounting </p>
+
  
===Tampilan Menu Transaksi Pengeluaran Untuk Staff Administrasi===
+
<div align="center">https://lh3.googleusercontent.com/-QOG2cgEVhnM/WYAxY9WqOTI/AAAAAAAAAnw/qTfOfl0dlGc7ksk_BiQJyPQp_Qd7lr8oACJoC/w292-h389-n-rw/9.png</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Menu transaksi pengeluaran dapat di akses oleh staff administrasi. Didalam menu transaksi pengeluaran berisi no, minta, tanggal permintaan, no. keluar, tanggal pengeluaran, jumlah terima, jumlah keluar dan status yang difasilitasi dengan  action edit, verifikasi, dan delete.</p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2S0Ht7UkAAIMZy.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.38 Tampilan menu transaksi pengeluaran untuk staff administrasi </p>
+
  
===Tampilan Menu Verifikasi Transaksi Pengeluaran===
+
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 4.8 Flowchart System Petugas</b></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"> Menu transaksi pengeluaran dapat di akses oleh staff administrasi. Didalam menu transaksi pengeluaran berisi no. keluar, tanggal pengeluaran nomor minta, tanggal permintaan, status.</p></div>
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2S0deeVQAA7XIc.jpg"/></div>
+
<p style="text-align: center;"> Gambar 4.39 Tampilan menu transaksi pengeluaran untuk staff administrasi </p>
+
  
===Tampilan Menu Laporan===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Menampilkan dengan menginput rentang waktu saat view laporan kas kecil.</p></div>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2S0ddYVIAEC4gP.jpg"/></div>
 
<p style="text-align: center;"> Gambar 4.40 Tampilan menu laporan keuangan
 
</p>
 
  
===Tampilan Laporan Keuangan===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Pada laporan keuangan menunjukkan aktivitas kas kecil dalam satu periode yang telah dtentukan .</p></div>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2S0qupUkAEa-nc.jpg"/></div>
 
<p style="text-align: center;"> Gambar 4.41 Tampilan laporan keuangan</p>
 
  
==Konfigurasi Sistem Usulan==
+
 
<ol>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
 
<p style="line-height: 2">Spesifikasi Perangkat Keras (Hardware)</p></li>
+
 
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
 
a. Processor  : Intel Pentium CPU 6630 
+
 
 +
==Rancangan Program==
 +
===Rancang Program Petugas===
 +
 
 
<br>
 
<br>
b. Monitor : LCD Monitor 19 “
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-Hua7xkp73fQ/WYCqH--koQI/AAAAAAAAAv0/Vz1XinHM0EwTB3vNz3U3-4pTFLQu7uwvgCJoC/w584-h254-p-rw/9.jpg</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
===Rancang Program Siswa===
 +
 
 +
 
 
<br>
 
<br>
c. RAM : 2 GB
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-yogeZL8Gwfw/WYCqPbw2_7I/AAAAAAAAAwQ/ye7OKvv_WMIOWEYQEA9rHeGlrAIBiNoAQCJoC/w584-h349-p-rw/10.jpg</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
==Rancangan Prototype==
 +
===Rancangan Tampilan Halaman Login===
 +
 
 
<br>
 
<br>
d. Hardisk  : 500 GB
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-YUK4HMTk5ZM/WYAx7YwBNLI/AAAAAAAAAnw/KNs6azNwNj8jZ0bUvDEjRSvSPmtzXaolACJoC/w394-h350-n-rw/17.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
 +
Gambar 4.9 Rancangan Tampilan Menu Login</b></div>
 +
 
 
<br>
 
<br>
e. Mouse : Standar
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Keterangan :</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">1. Username, di isi username petugas.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">2. Password, di isi password petugas.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">3. Login, di tekan lalu akan masuk pada halaman utama petugas.</p></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
===Rancangan Tampilan Halaman Utama Petugas===
 +
 
 
<br>
 
<br>
f. Keyboard : Standar
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-2MjlziaFAiA/WYAx7TOx8CI/AAAAAAAAAnw/lHAhp-3cRq4QNGy3a-0PphJVOhBF0nQwACJoC/w467-h350-n-rw/11.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
 +
Gambar 4.10 Rancangan Tampilan Halaman Utama Petugas</b></div>
 +
 
 
<br>
 
<br>
  
g. Printer  : Laserjet
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Keterangan :</p>
</p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">1. Selamat Datang Petugas dan Image Selamat Datang.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">2. Input Siswa, menu untuk tambah siswa.</p>
<p style="line-height: 2"> Spesifikasi Perangkat Lunak (Software)</p></li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">3. Input Buku, menu untuk petugas menambahkan buku.</p>
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">4. Input Rak, menu untuk menambahkan data rak.</p>
a. Windows 7
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">5. Laporan, menu untuk petugas melihat laporan pinjaman.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">6. Logout, menu untuk petugas keluar dari aplikasi.</p></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
===Rancangan Tampilan Menu Siswa===
 +
 
 
<br>
 
<br>
b. Visual Paradigm for UML 8.0 Enterprise Edition
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-X0CTc1MVdd4/WYAx7ZKYECI/AAAAAAAAAnw/ZrXEfKO8FygYokykwZyiH0rxpxzNdW_-wCJoC/w213-h350-n-rw/12.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
 +
Gambar 4.11 Rancangan Tampilan Menu Siswa</b></div>
 +
 
 
<br>
 
<br>
c. Database server MySQL
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Keterangan :</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">1. Input Nama, Alamat, Tempat lahir, Tanggal lahir, no tlp, jenis kelamin, username dan password.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">2. Submit untuk melakukan save, Refresh untuk mengulang dan Back untuk membatalkan.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">3. Search untuk mencari data siswa.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">4. Tombol cari data dan all data untuk melihat data yang ada</p></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
===Rancangan Tampilan Menu Buku===
 +
 
 
<br>
 
<br>
d. Microsoft Office 2010
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-zXOWoSCI6W0/WYCvpFB_arI/AAAAAAAAAxc/748DOHXolXkY4abujreAbgO4_VpVYa68gCJoC/w584-h992-p-rw/13.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
 +
Gambar 4.12 Rancangan Tampilan Menu Buku</b></div>
 +
 
 
<br>
 
<br>
e. XAMPP 2.5
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Keterangan :</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">1. Input data kode, judul, pengarang, penerbit, tahun, lokasi, stok, kategori, dan rak buku.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">2. Terdapat button submit untuk menambahkan buku, refresh dan back untuk membatalkan.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">3. Tombol cari data dan all data untuk melihat data yang ada.</p></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
===Rancangan Tampilan Menu Rak===
 +
 
 
<br>
 
<br>
f. Adobe Dreamweaver CS6
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-oG0PWNVW4Mw/WYAx7Z5BknI/AAAAAAAAAnw/djnzxaBi_TglLQLDaLOMtlJVM9Qazud7gCJoC/w284-h350-n-rw/14.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
 +
Gambar 4.13  Rancangan Tampilan Menu Rak</b></div>
 +
 
 
<br>
 
<br>
g. Internet Browser Google Chrome
+
 
</p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Keterangan :</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">1. Input nama rak, nomor rak</p>
<p style="line-height: 2"> Hak Akses</p></li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">2. Terdapat button submit untuk menambahkan buku, refresh dan back untuk membatalkan.</p>
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">Pengoperasian aplikasi ini dapat dilakukan oleh :
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">3. Tombol cari data dan all data untuk melihat data yang ada.</p></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
===Rancangan Tampilan Menu Peminjaman===
 +
 
 
<br>
 
<br>
a. Staff Administrasi
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-yGK-kfgaWi4/WYCxHcMWA9I/AAAAAAAAAx4/j30-YFcy7qUOAvurZuBWEEWtWfq6XLoAQCL0BGAs/w584-h585-p-rw/15.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
 +
Gambar 4.14 Rancangan Tampilan Menu Peminjaman</b></div>
 +
 
 
<br>
 
<br>
b. Staff Finance
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Keterangan :</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">1. Menu Scan barcode untuk memunculkan data buku.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">2. Terdapat menu search untuk mencari data peminjaman.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">3. Terdapat button cari data dan all data untuk menampilkan data sesuai pencarian.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">4. Terdapat daftar data peminjaman buku yang terpinjam.</p></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
===Rancangan Tampilan Menu Laporan===
 +
 
 
<br>
 
<br>
c. Staff Accounting
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-o8HsIMphPZg/WYCyX7hmNEI/AAAAAAAAAyU/v9C5ogCyB_gvz6SzTWPDjg6WpARmlghEgCJoC/w584-h509-p-rw/16.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
 +
Gambar 4.15 Rancangan Tampilan Menu Laporan</b></div>
 +
 
 
<br>
 
<br>
d. Manager
 
</p></ol>
 
  
==Balckbox Testing==
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Keterangan :</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">1. Image menampilkan gambar Laporan.</p>
<p style="line-height: 2"> Dalam skripsi ini, pengujian dilakukan dengan menggunakan metode Black Box Testing. Black Box Testing merupakan metode uji coba yang memfokuskan pada keperluan software. Karena itu uji coba Black box memungkinkan pengembangan software untuk mengetahui kondisi input yang akan melatih seluruh syarat-syarat fungsional suatu program. Metode pengujian Black Box berusaha untuk menemukan kesalahan dalam beberapa kategori diantaranya: fungsi-fungsi yang salah atau hilang, kesalahan dalam struktur data atau akses database eksternal, kesalahan tampilan, kesalahan inisialisasi, dan terminasi.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">2. Tanggal pinjam, input mulai tanggal periode.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">3. Tanggal kembali, input tanggal kembali berdasarkan periode.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">4. Tombol Button Cari Data untuk menampilkan data berdasarkan periode.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">5. Show Entries, jumlah list yang di tampilkan.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">6. Menu Search untuk melakukan pencarian data berdasarkan kata kunci.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">7. Tombol Copy untuk melakukan duplikasi data.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">8. Tombol Print untuk menampilkan printout.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">9. Tombol Save untuk melakukan penyimpanan.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">10. Tombol Back untuk kembali kemenu sebelumnya.</p></div>
 +
 
 +
 
 +
 
 +
 
 +
===Rancangan Tampilan Menu Login Siswa===
  
===Pengujian Black Box Pada Menu Login===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Berikut ini adalah tabel pengujian Black box untuk fungsi menu login, yaitu:</p></div>
 
<ol>
 
<li style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Skenario pengujian : jika admin mengisi username dan password lalu klik login
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2Wwe0HVEAAyv0q.jpg "/></div>
 
<p style="text-align: center;"> Gambar 4.43 Pengujian login apabila mengosongkan password </p>
 
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">a. Hasil yang diharapkan : Sistem menolak untuk masuk menu login dan menampilkan pesan error
 
 
<br>
 
<br>
b. Gambar Pengujian </p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2Wwe0GVIAIT0Y7.jpg "/></div>
 
<p style="text-align: center;"> Gambar 4. 44 Hasil pengujian login apabila mengosongkan password </p>
 
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">c. Valid</p>
 
  
<li style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Skenario pengujian : Hanya mengisi password dan mengosongkan username lalu klik login
+
<div align="center">https://lh3.googleusercontent.com/-YUK4HMTk5ZM/WYAx7YwBNLI/AAAAAAAAAnw/KNs6azNwNj8jZ0bUvDEjRSvSPmtzXaolACJoC/w394-h350-n-rw/17.png</div>
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2Wwe0GUUAAsyLj.jpg"/></div>
+
 
<p style="text-align: center;"> Gambar 4.45 Pengujian login apabila mengosongkan username </p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
 +
Gambar 4.16 Rancangan Tampilan Menu Login Siswa</b></div>
  
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">a. Hasil yang diharapkan : Sistem menolak untuk masuk menu login
 
 
<br>
 
<br>
b. Gambar Pengujian </p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2Wwe0GUoAATFqo.jpg "/></div>
 
<p style="text-align: center;"> Gambar 4.46 Hasil pengujian login apabila mengosongkan username </p>
 
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">c. Valid</p>
 
  
<li style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Skenario pengujian : mengisi username dan password dan lalu klik login
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Keterangan :</p>
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WxUeKUUAE2cC-.jpg "/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">1. Username, untuk input username siswa.</p>
<p style="text-align: center;"> Gambar 4.47 Pengujian login </p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">2. Password, untuk input password siswa.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">3. Tombol login, untuk dapat masuk ke halaman utama siswa.</p></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
===Rancangan Tampilan Menu Halaman Siswa===
  
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">a. Hasil yang diharapkan : User bisa masuk menu home
 
 
<br>
 
<br>
b. Gambar Pengujian </p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WxUeKUsAAgGiT.jpg "/></div>
 
<p style="text-align: center;"> Gambar 4. 48 Hasil pengujian login </p>
 
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">c. Valid</p>
 
</ol>
 
  
===Pengujian Black Box Pada Menu Master===
+
<div align="center">https://lh3.googleusercontent.com/-Q-qAtJLuh3k/WYAx7Z_BSeI/AAAAAAAAAnw/uNgtsAgz-YoAFSbgQ3faiEKx5LotmPBgwCJoC/w467-h350-n-rw/18.png</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
<p style="line-height: 2"> Berikut ini adalah tabel pengujian Blackbox untuk fungsi menu master, yaitu:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
<ol>
+
Gambar 4.17 Rancangan Tampilan Menu Halaman Siswa</b></div>
<li style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Skenario pengujian : Input data tidak lengkap
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WxUeKUkAArBga.jpg "/></div>
+
<p style="text-align: center;"> Gambar 4.49 Pengujian menu master apabila input data tidak lengkap </p>
+
  
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">a. Hasil yang diharapkan : Sistem akan menolak proses penyimpanan dan menampilkan pesan error.
 
 
<br>
 
<br>
b. Gambar Pengujian </p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WxUcKUcAAimzF.jpg "/></div>
 
<p style="text-align: center;"> Gambar 4. 50 Hasil pengujian menu master apabila tidak diisi dengan lengkap </p>
 
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">c. Valid</p>
 
  
<li style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Skenario pengujian : Penyimpanan data dalam database
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Keterangan :</p>
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WzGAHUQAAfEh-.jpg "/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">1. Selamat datang siswa dengan image selamat datang.</p>
<p style="text-align: center;"> Gambar 4.51 Pengujian menu master apabila data diisi dengan lengkap </p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">2. Daftar Buku, untuk menampilkan daftar buku yang ada.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">3. Daftar Pinjam Buku, daftar buku yang di pinjam siswa.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">4. Update Akun, untuk merubah password siswa.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">5. Logout, untuk keluar data aplikasi.</p></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
===Rancangan Tampilan Menu Daftar Buku===
  
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">a. Hasil yang diharapkan : Sistem akan menyimpan data ke dalam database
 
 
<br>
 
<br>
b. Gambar Pengujian </p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2WzGAGUAAAUJOz.jpg "/></div>
 
<p style="text-align: center;"> Gambar 4.52 Hasil pengujian penyimpanan data dalam database </p>
 
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">c. Valid</p>
 
  
<li style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Skenario pengujian : Merubah data master
+
<div align="center">https://lh3.googleusercontent.com/-b8RbYj7YGSg/WYAx7Y6ZUKI/AAAAAAAAAnw/-8-JkxHU4Vom54b9_NwHzCxVlMX8hjKfACJoC/w310-h350-n-rw/19.png</div>
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2W0H95UUAAvBik.jpg "/></div>
+
 
<p style="text-align: center;"> Gambar 4. 53 Pengujian menu master untuk merubah data </p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
 +
Gambar 4.18 Rancangan Tampilan Menu Daftar Buku</b></div>
  
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">a. Hasil yang diharapkan : Sistem akan menyimpan perubahan data  ke dalam database
 
 
<br>
 
<br>
b. Gambar Pengujian </p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2W0H93UoAAck0p.jpg "/></div>
 
<p style="text-align: center;"> Gambar 4. 54 Hasil pengujian menu master untuk merubah data </p>
 
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">c. Valid</p>
 
  
<li style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Skenario pengujian : Menghapus Data Master
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Keterangan :</p>
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2W0H92UUAA3fao.jpg "/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">1. Image, aplikasi perpusatakaan.</p>
<p style="text-align: center;"> Gambar 4.55  Pengujian menu master untuk menghapus data </p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">2. Menu search utuk menampilkan buku berdasarkan kata kunci.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">3. Tombol cari data dan all data untuk mencari data buku.</p></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
===Rancangan Tampilan Menu Daftar Pinjaman===
  
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">a. Hasil yang diharapkan : Sistem akan menghapus data ke dalam database
 
 
<br>
 
<br>
b. Gambar Pengujian </p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2W0H92UAAEs7ro.jpg "/></div>
 
<p style="text-align: center;"> Gambar 4.56 Hasil pengujian menu master untuk menghapus data </p>
 
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">c. Valid</p>
 
</ol>
 
  
===Pengujian Black Box Pada Menu Transaksi===
+
<div align="center">https://lh3.googleusercontent.com/-4TVrWtYvQ5k/WYK8W8d-U4I/AAAAAAAAAzc/StIv3oVE1Z03KJuibLzfa1rpH8cqU-nVACL0BGAs/w584-h585-p-rw/20.png</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
<p style="line-height: 2"> Berikut ini adalah tabel pengujian Black Box untuk fungsi menu transaksi, yaitu:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
<ol>
+
Gambar 4.19 Rancangan Tampilan Menu Daftar Pinjaman</b></div>
<li style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Skenario pengujian : Menghapus Data Master
+
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2W173nUQAAPo5Q.jpg "/></div>
+
<p style="text-align: center;"> Gambar 4.57 Merubah status verifikasi </p>
+
  
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">a. Hasil yang diharapkan : Sistem dapat merubah status verifikasi pada transaksi permintaan anggaran
 
 
<br>
 
<br>
b. Gambar Pengujian </p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2W173lVQAUN6C0.jpg "/></div>
 
<p style="text-align: center;"> Gambar 4. 58 Hasil pengujian login apabila mengosongkan password </p>
 
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">c. Valid</p>
 
  
<li style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify"> Skenario pengujian : mencetak laporan tanda terima anggaran
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Keterangan :</p>
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2W173qUcAQwQj9.jpg "/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">1. Pengguna, menampilkan nama pengguna.</p>
<p style="text-align: center;"> Gambar 4.59 mencetak laporan tanda terima anggaran</p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">2. Image menu pinjam buku.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">3. Menu search menampilkan data pinjaman yang berdasarkan kata kunci.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">4. Tombol cari data untuk mencari data.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">5. Tombol all data untuk menampilkan data buku secara keseluruhan.</p></div>
  
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">a. Hasil yang diharapkan : Sistem dapat mencetak tanda terima anggaran <br>
 
b. Gambar Pengujian </p>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2W173mUAAATyhE.jpg "/></div>
 
<p style="text-align: center;"> Gambar 4.60 Hasil pengujian cetak tanda terima anggaran </p>
 
<p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">c. Valid</p></ol>
 
  
==Jadwal Penelitian==
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Berikut adalah jadwal penelitian yang meliputi kegiatan persiapan, pelaksanaan, dan penyusunan laporan penelitian yang memberikan rincian kegiatan dan jadwal pelaksanaan kegiatan.</p></div>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2W3ZzVVQAAT3Fn.jpg"/></div>
 
<p style="text-align: center;"> Tabel 4.11 Jadwal Kegiatan Penelitian </p>
 
  
==Estimasi Biaya==
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"> Agar terlaksananya penelitian ini dengan baik, lancar, dan sesuai dengan target yang direncanakan sesuai dengan jadwal penelitian, maka diperlukan dana yang dapat menunjang seluruh kegiatannya diperkirakan sebagai berikut :</p></div>
 
<div align="center"><img width="600" height="500" style="margin:0px" src=" https://pbs.twimg.com/media/C2W3ZzVUkAEnYGD.jpg"/></div>
 
<p style="text-align: center;"> Tabel 4.12. Estimasi Biaya </p>
 
  
{{pagebreak}}
 
  
=<p align="center"><b>BAB V</b></p>=
+
===Rancangan Tampilan Menu Update Akun===
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+
<p style="line-height: 2"><b>PENUTUP</b></p></div>
+
  
=='''Kesimpulan'''==
+
<br>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div align="center">https://lh3.googleusercontent.com/-u_yr3Xs923M/WYAx7YXzFcI/AAAAAAAAAnw/5wj0RFcDHw4dKzyXzJVpifuTLe1g3tH1wCJoC/w349-h350-n-rw/21.png</div>
<p style="line-height: 2">Berdasarkan hasil penelitian yang dilaksanakan pada PT. FM Global Logistics tentang sistem kas kecil dapat disimpulkan bahwa:</p></div>
+
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Proses pencatatan kas kecil pada PT. FM Global Logistics masih menggunakan sistem semi komputerisasi (menggunakan MS. Excel) sehingga membuat staff accounting pada perusahaan tersebut membutuhkan banyak waktu untuk menyelesaikan laporan kas kecil. </li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sistem yang sedang berjalan belum berjalan dengan optimal karena tidak adanya back up data atau data cadangan sebagai arsip yang dimiliki oleh perusahaan, sehingga meningkatkan resiko kehilangan data. Lalu banyak data yang tidak terkelola dengan baik, karena sistem penyimpanan data masih berupa file Microsoft Excel sehingga menyulitkan staff accounting untuk mencari data laporan kas kecil di bulan sebelumnya dan tidak adanya keamanan pada data sistem kas kecil, dapat mengakibatkan terjadinya manipulasi data.</li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sistem yang diusulkan oleh peneliti menggunakan metode analisis PIECES, menggunakan metode berorientasi objek dengan tools Visual Paradigm for UML 8.0 Enterprise Edition. Dalam perancangan sistem, peneliti menggunakan Software Adobe Dreamweaver CS6, menggunakan bahasa pemrograman PHP dan database My SQL. Lalu dalam metode pengujian (testing). Peneliti menggunakan metode Black Box Testing.</li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sistem yang dirancang sudah berjalan efektif karena sistem kas kecil sudah berbasis web, sehingga penginputan data, pengecekan, serta proses cetak laporan dapat dilakukan dengan cepat.</li></ol>
+
  
=='''Saran'''==
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah beberapa saran yang dapat peneliti berikan sebagai bahan pertimbangkan bagi PT. FM Global Logistics, antara lain :</p></div>
+
Gambar 4.20 Rancangan Tampilan Menu Update Akun</b></div>
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dibutuhkan ketelitian dalam menginput pemasukan dan pengeluaran perusahaan agar dapat meminimalkan kesalahan data.</li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-heigh: 2">Perlu adanya sosialisasi untuk menerapkan sistem yang baru, agar dapat memaksimalnya kinerja staff terkait.</li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-heigh: 2">Harus adanya maintenance dan control sistem agar tidak terjadi kerusakan pada sistem.</li></ol>
+
  
='''DAFTAR PUSTAKA'''=
+
<br>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Keterangan :</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">1. Input password lama untuk mengganti password.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">2. Input password baru untuk merubah password.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">3. Ulangi password baru untuk verifikasi password baru.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">4. Tombol Submit untuk menyimpan perubahan.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">5. Menu Refresh untuk membatalkan perubahan.</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">6. Menu Back utuk kembali ke menu sebelumnya.</p></div>
  
<references />
 
  
  
[[Category:Skripsi 2016/2017]]
 
  
{{pagebreak}}
 
  
  
=<div style="font-family: 'times new roman'; text-align: center">'''DAFTAR LAMPIRAN'''</div>=
+
==Konfigurasi Sistem Usulan==
 +
===Spesifikasi Hardware===
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text indent: 0.5in">
 
<p style="line-height: 1">'''LAMPIRAN A''' </p></div>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
 
A.1. Surat Pengantar SKRIPSI
 
 
<br>
 
<br>
A.2. Surat Keterangan Penugasan Kerja
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Perangkat keras yang digunakan adalah sebagai berikut :</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">a. Server Xeon</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">b. Monitor : LED 17”</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">c. Mouse : Optical</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">d. Keyboard :Standar</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">e. Memory 8 GB RAM DDR3</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">Harddisk WDC 1 TB</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">g. Printer Hp Deskjet </p></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
===Aplikasi Yang Digunakan===
 +
 
 
<br>
 
<br>
A.3. Form Penggantian Judul
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">a. Microsoft Windows 8</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">b. Google Chrome</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">c. Xammp</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">d. PHP</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">e. Notepad++</p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">f. Sublime</p></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
===Hak Akses===
 +
 
 +
 
 
<br>
 
<br>
A.4. Kartu Bimbingan
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">a. Hanya Petugas yang dapat mengakses menu utama, Home. Tambah, edit, delete, view. </p>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.1in"><p style="line-height: 2">b. Sedangkan Siswa  hanya dapat view.</p></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
==Testing==
 +
 
 
<br>
 
<br>
A.5. Kartu Study Tetap Final (KSTF)
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">
 +
Implementasi program perancangan sistem informasi perpustakaan berbasis web pada SMK Negeri 8 Kota Tangerang dilakukan dengan menggunakan metode Black Box Testing. Metode Black Box Testing merupakan pengujian program yang mengutamakan pengujian terhadap kebutuhan fungsi dari suatu program. Tujuan dari metode Black Box Testing ini adalah untuk menemukan kesalahan fungsi pada program.</p></div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">
 +
Pengujian dengan metode Black Box Testing dilakukan dengan cara memberikan sejumlah input pada program. Input tersebut kemudian di proses sesuai dengan kebutuhan fungsionalnya untuk melihat apakah program aplikasi dapat menghasilkan output yang sesuai dengan yang diinginkan dan sesuai pula dengan fungsi dasar dari program tersebut.</p></div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">
 +
Apabila dari input yang diberikan, proses dapat menghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program yang dibuat sudah benar, tetapi apabila output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka masih terdapat kesalahan pada program tersebut, dan selanjutnya dilakukan penelusuran perbaikan untuk memperbaiki kesalahan yang terjadi.</p></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
===Tabel black box  Login===
 +
 
 
<br>
 
<br>
A.6. Form Validasi SKRIPSI
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-mW9Vn_XDoqg/WYLCLrqRBrI/AAAAAAAAA0Q/JEYBl9jcDUMgUsR6a2J-pf3quJDx6sp-wCJoC/w584-h172-p-rw/11.jpg</div>
 +
<div align="center">https://lh3.googleusercontent.com/-f_x0bXTzlaE/WYLCSOIxutI/AAAAAAAAA0s/OBNqFjAruiseLt0C04mGvRq7tWvuG-HYACJoC/w584-h335-p-rw/12.jpg</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
 +
Tabel 4.8 Blackbox Menu Login</b></div>
 +
 
 +
 
 +
 
 +
 
 +
===Tabel black box Input Buku===
 +
 
 +
 
 
<br>
 
<br>
A.7. Kwitansi Pembayaran SKRIPSI
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-_ScRTUPIwrE/WYLCZOJA6OI/AAAAAAAAA1M/c6sbhcO3y5Y6aYAzj4GNun7cqAWRZQGEQCJoC/w584-h307-p-rw/13.jpg</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
 +
Tabel 4.9 Blackbox Tambah Data Buku</b></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
==Evaluasi==
 +
 
 
<br>
 
<br>
A.8. Kwitansi Pembayaran RC dan Sidang
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">
 +
Setelah dilakukan pengujian dengan metode Black box yang dilakukan dengan cara memberikan sejumlah input pada program seperti contoh pengujian pada masing-masing menu dan sub menu. Jika input data tidak lengkap maka sistem akan menampilkan pesan dan menyampaikan pesan yang sangat membantu admin jika mendapati kesalahan saat input data yang tidak lengkap, selanjutnya yang kemudian akan diproses sesuai dengan kebutuhan fungsionalnya dan dapat menghasilkan output yang sesuai dengan yang diinginkan.</p></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
==Implementasi==
 +
===Schedule===
 +
 
 
<br>
 
<br>
A.9. Daftar Mata Kuliah Yang Belum Diambil
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">
 +
Perancangan sistem yang diusulkan diperkirakan memakan waktu kurang lebih 4 bulan, dan kegiatan yang dilakukan adalah :</p></div>
 +
 
 
<br>
 
<br>
A.10. Daftar Nilai
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-N2mt32xSws8/WYLESTyaLxI/AAAAAAAAA2E/a1PPC2I84wgtz4ALI_GPaGzc4drgLk-LgCJoC/w584-h453-p-rw/14.jpg</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
 +
Tabel 4.10 Tabel Time Schedule</b></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
===Penerapan===
 +
 
 
<br>
 
<br>
A.11. Formulir Seminar Proposal
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">
 +
Dibutuhkan waktu penerapan sistem yang dibutuhkan yang sudah dilakukan terhadap instansi yang bersangkutan, sebagai berikut:</p></div>
 +
 
 
<br>
 
<br>
A.12. Formulir Pertemuan Stakeholder
+
 
 +
<div align="center">https://lh3.googleusercontent.com/-4maGYZyIrPQ/WYAylWQZvJI/AAAAAAAAAno/AyaDRCuNdgYs6enUzXqv3ggM-NwayyHXgCJoC/w584-h138-p-rw/22.png</div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
 +
Tabel 4.11 Tabel Penerapan</b></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
===Estimasi Biaya===
 +
 
 
<br>
 
<br>
A.13. Sertifikat TOEFL
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">
 +
Rincian Anggaran Biaya (RAB) dalam masa pembuatan aplikasi perpustakaan ini sebagai berikut:</p></div>
 +
 
 
<br>
 
<br>
A.14. Sertifikat Prospek
 
<br>
 
A.15. Sertifikat IT Internasional
 
<br>
 
A.16. Sertifikat IT Nasional
 
<br>
 
A.17. Curriculum Vitae (CV)</p>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text indent: 0.5in">
+
<div align="center">https://lh3.googleusercontent.com/-rEorsLTPb2M/WYLEXobfMWI/AAAAAAAAA2g/i5EifAsH91IKUCSrlQNnEgOPPtxpTqtAQCJoC/w584-h391-p-rw/15.jpg</div>
<p style="line-height: 1">'''LAMPIRAN B''' </p></div>
+
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>
B.1. Form Observasi
+
Tabel 4.12 Tabel Estimasi Biaya</b></div>
<br>
+
 
B.2. Form Wawancara
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
=<div style="font-family: 'times new roman'; text-align: center">'''BAB V'''</div>=
 +
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENUTUP'''</div>
 +
 
 +
==KESIMPULAN==
 +
 
 
<br>
 
<br>
B.3. Surat Keterangan Implementasi</p>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text indent: 0.5in">
 
<p style="line-height: 1">'''LAMPIRAN C</p></div>
 
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
 
  
C.1. Surat Keterangan Menerima Beasiswa Tahun 2013
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">
 +
Berdasarkan analisa yang telah diuraikan pada bab sebelumnya, penulis menarik kesimpulan sebagai berikut :</p></div>
 +
 
 +
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Sistem perpustakaan atau peminjaman buku yang berjalan saaat ini sangatlah tidak efisien karna terkesan manual, dalam pencatatan siswa yang melakukan peminjaman buku tersebut meski sudah menggunakan buku pencatatan, akan tetapi masih kurang baik karena buku tersebut jika hilang atau rusak tidak ada file backup. </li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Perpustakaan SMK Negeri 8 Kota Tangerang menganggap proses pencarian buku pada perpustakaan sangat membutuhkan waktu yang lama karena harus mencari judul buku tersebut melalui pencarian satu per satu pada buku pencatatan dan jika tidak ditemukan informasi tersebut, maka petugas akan mencari satu per satu ke rak buku yang ada di perpustakaan.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Setelah menganalisa permasalahan dan hambatan-hambatan yang ada, maka peneliti membuat sistem infromasi perpustakaan berbasis web yang dapat menghasilkan informasi yang lebih cepat. Mempermudah siswa dalam mencari informasi buku yang ada pada perpustakaan. Dan dapat membantu petugas perpustakaan dalam melakukan proses peminjaman buku, sehingga tertata rapih dan dapat memperkecil terjadinya kesalahan seperti kelengkapan data sehingga lebih efektif dan efesien. </li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Sistem perpustakaan SMK Negeri 8 Kota Tangerang dimulai dari pembuatan diagram UML yang terdiri dari lima buah diagram yaitu usecase diagram, sequence diagram, activity diagram, state chart diagram, dan class diagram sebagai awal rancangan sistem yang akan dibuat, selanjutnya dibuatlah programming dengan bahasa pemrograman PHP sesuai dengan desain prototype yang ada. App Serv sebagai pendukung aplikasi yang digunakan sebagai web server dan juga menggunakan MySql sebagai database yang dibangun. Sebagai media tampilan menggunakan bootstraps sehingga dapat menyelesaikan permasalahan yang ada.</li></ol>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
==SARAN==
 +
 
 
<br>
 
<br>
C.2. Form Penerimaan Karya Ilmiah CCIT Journal</p>
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 2">
 +
Adapun saran yang dapat disajikan peneliti sebagai bahan pertimbangan bagi SMK Negeri 8 Kota Tangerang, antara lain :</p></div>
 +
 
 +
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Untuk keamanan data yang diperlukan maka dianjurkan dengan adanya program yang disarankan ini dimana menyimpan data dalam bentuk website sehingga menghindari terjadinya kehilangan data dan ditambahkan dalam hosting menggunakan SSL / https untuk lebih aman.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Dengan adanya sistem perpustakaan bersifat web akan lebih efisien juga terhadap waktu ketika dalam posisi dimanapun siswa berada tidak harus di sekolah terlebih dahulu untuk mendapatkan informasi buku yang akan dipinjam.</li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 +
Perlu diperhatikan dan dilakukan evaluasi secara berkala terhadap sistem untuk selanjutnya diadakan perbaikan sesuai dengan perubahan dan perkembangan.</li></ol>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
=<div style="text-align: center">'''DAFTAR PUSTAKA'''</div>=
 +
 
 +
<references/>
 +
 
 +
{{Pagebreak}}
 +
 
  
  
[[category : Lock]]
+
[[Category: Skripsi 2016/2017]]

Revisi terkini pada 12 Agustus 2017 06.47

PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB

PADA SMK NEGERI 8 KOTA TANGERANG


SKRIPSI



Logo stmik raharja.jpg


Disusun Oleh :

NIM : 1022465483

NAMA : PARCI HIDAYAT



JURUSAN TEKNIK INFORMATIKA

KONSENTRASI SOFTWARE ENGINEERING

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

STMIK RAHARJA

TANGERANG

(2016/2017)

 

LEMBAR PENGESAHAN SKRIPSI

PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB

PADA SMK NEGERI 8 KOTA TANGERANG

Disusun Oleh :

NIM
: 1022465483
Nama
Jenjang Studi
: Strata Satu
Jurusan
: Teknik Informatika
Konsentrasi
: Software Engineering

 

 

Disahkan Oleh :

Tangerang, 19 Januari 2015

Ketua
       
Kepala Jurusan
STMIK RAHARJA
       
Jurusan Teknik Informatika
           
           
           
           
(Ir. Untung Rahardja, M.T.I)
       
(Junaidi,M.Kom)
NIP : 000594
       
NIP : 078010

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

 

LEMBAR PERSETUJUAN PEMBIMBING

PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB

PADA SMK NEGERI 8 KOTA TANGERANG

Dibuat Oleh :

NIM
: 1022465483
Nama

 

Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Jurusan Teknik Informatika

Konsentrasi Software Engineering

Disetujui Oleh :

Tangerang, 19 Juli 2017

Pembimbing I
   
Pembimbing II
       
       
       
       
(Sutrisno, M.Kom)
   
(Haerudin, S.Kom.,MM)
NID : 10020
   
NID : 05092

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PERSETUJUAN DEWAN PENGUJI

PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB

PADA SMK NEGERI 8 KOTA TANGERANG

Dibuat Oleh :

NIM
: 1022465483
Nama

Disetujui setelah berhasil dipertahankan dihadapan Tim Penguji Ujian

Komprehensif

Jurusan Teknik Informatika

Konsentrasi Software Engineering

Tahun Akademik 2016/2017

Disetujui Penguji :

Tangerang, 19 Juli 2017

Ketua Penguji
 
Penguji I
 
Penguji II
         
         
         
         
(xxx)
 
(xxx)
 
(xxx)
NID : xx
 
NID : xx
 
NID : xx

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

 

LEMBAR KEASLIAN SKRIPSI

Saya yang bertandatangan dibawah ini,

NIM
: 1022465483
Nama
Jenjang Studi
: Strata Satu
Jurusan
: Teknik Informatika
Konsentrasi
: Software Engineering

 

 

Menyatakan bahwa Skripsi ini merupakan karya tulis saya sendiri dan bukan merupakan tiruan, salinan, atau duplikat dari Skripsi yang telah dipergunakan untuk mendapatkan gelar Sarjana Komputer baik di lingkungan Perguruan Tinggi Raharja maupun di Perguruan Tinggi lain, serta belum pernah dipublikasikan.

Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.

Tangerang, 19 Juli 2017

 
 
 
 
 
NIM : 1022465483

 

)*Tandatangan dibubuhi materai 6.000;

ABSTRACT

Today, the era of globalization in Information technology is increasingly growing rapidly, one example is the library information system. The large number of reading interests by children and adults makes the lending of books increasingly crowded in visits by young people and adults. Both who want to borrow books, who want to read only in the library, and who will see what books are in the library. Libraries are usually enabled by visitors as a medium to seek references and obtain information. The problems faced today are many libraries that do not have a web-based information system online for service. This study aims to analyze and design a web-based library information system and perform testing on the performance of the library information system. The results show that web-based library information system built with PHP and MySQL software, can work in Internet network, with the ability to receive visit data to web library, serve member registration to get wider access, provide information service need to availability Books in the form of searching, serving direct lending and return transactions..

Keyword : Internet, Library, MySQL, PHP, WEB

ABSTRAKSI

Dewasa ini, era globalisasi dalam teknologi Informasi kian sangat berkembang dengan pesat, salah satu contohnya adalah sistem informasi perpustakaan. Banyaknya minat baca oleh anak – anak maupun dewasa membuat peminjaman buku yang kian ramai di kunjungi oleh para orang – orang muda maupun orang dewasa. Baik yang ingin meminjam buku, yang ingin membaca saja di pepustakaan, maupun yang akan melihat buku apa saja yang ada di perpustakaan. Perpustakaan biasanya difungsikan oleh pengunjung sebagai media untuk mencari referensi dan memperoleh informasi. Permasalahan yang dihadapi saat ini adalah banyak perpustakaan yang belum memiliki sistem informasi berbentuk web secara online untuk pelayanan. Penelitian ini bertujuan untuk menganalisis dan merancang sebuah sistem informasi perpustakaan berbasis web serta melakukan pengujian terhadap unjuk kerja dari sistem informasi perpustakaan. Hasil penelitian menunjukkan bahwa sistem informasi perpustakaan berbasis web yang dibangun dengan perangkat lunak PHP dan MySQL, dapat bekerja dalam jaringan Internet, dengan kemampuan dapat menerima data kunjungan terhadap web perpustakaan, melayani registrasi anggota untuk mendapatkan akses yang lebih luas, memberikan layanan kebutuhan informasi terhadap ketersediaan buku dalam bentuk searching, melayani transaksi peminjaman dan pengembalian secara langsung.

Kata Kunci : Internet, Perpustakaan, MySQL, PHP, WEB

KATA PENGANTAR


Bismilahirrahmanirrahim,

Dengan memanjatkan puji syukur kehadirat Allah SWT yang telah memberikan rahmat dan hidayah-nya sehingga penulis dapat menyelesaikan penyusunan laporan skripsi ini dengan baik. Adapun judul penulis uraikan dalam laporan ini adalah “PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB PADA SMK NEGERI 8 KOTA TANGERANG”.

Tujuan dari laporan skripsi ini antara lain memenuhi salah satu persyaratan menyelesaikan pendidikan jenjang Srata Satu (S1) Jurusan Teknik Informatika pada Sekolah Tinggi Manajemen dan Ilmu Komputer (STMIK) Raharja, juga berguna untuk memperdalam kemampuan penulis dalam merancang suatu sistem agar diterapkan dengan baik.

Dalam kesempatan ini penulis juga ingin mengucapkan terima kasih bahwa tanpa bimbingan, bantuan dan dorongan semua pihak maka penulis ingin menyampaikan terima kasih khususnya kepada kedua orang tua tercinta dan keluarga yang telah memberikan banyak do’a, dukungan moril dan materiil kepada penulis. Dan pada kesempatan ini penulis tidak lupa mengucapkan terima kasih kepada pihak-pihak yang telah membantu selama ini :

  1. Bapak Ir. Untung Rahardja, M.T.I selaku Ketua STMIK Raharja.
  2. Sugeng Santoso, M.Kom selaku Pembantu Ketua I (PUKET 1) bidang Akademik STMIK Raharja.
  3. Bapak Junaidi, M.Kom selaku Kepala Jurusan Teknik Informatika STMIK Raharja.
  4. Bapak Sutrisno, M.Kom selaku Dosen Pembimbing pertama yang telah memberikan masukkan dan motivasi kepada penulis sehingga laporan skripsi ini dapat terselesaikan dengan baik dan tepat pada waktunya.
  5. Bapak Haerudin, S.Kom.,MM selaku Dosen Pembimbing kedua yang telah memberi bantuan masukkan dan ilmu kepada penulis untuk penyelesaian laporan Skripsi ini.
  6. Bapak dan ibu Dosen STMIK Raharja yang telah memberikan ilmu pengetahuan yang bermanfaat kepada saya.
  7. Kepada Ayah, Ibu dan keluarga tercinta yang memberikan motivasi serta selalu dorongan berupa doa, sehingga skripsi ini terselesaikan dengan baik.
  8. Bapak Abdul Aziz, selaku pembimbing lapangan dan SMK Negeri 8 Kota Tangerang yang telah mengizinkan dan membantu mengumpulkan data yang saya butuhkan untuk menyelesaikan skripsi.
  9. Untuk sahabat dan teman-teman tercinta yang banyak memberikan dukungan serta doa dalam penyusunan skripsi ini.

Peneliti menyadari bahwa dalam penyajian dan penyusunan laporan skripsi ini masih jauh dari kata sempurna. Oleh karena itu kritik dan saran yang membangun sangat dibutuhkan dalam laporan skripsi ini. Akhir kata dari peneliti, peneliti berharap laporan skripsi ini dapat memberikan manfaat bagi pembaca dan dapat dijadikan bahan acuan yang bermanfaat di kemudian hari.


Tangerang, 19 Juli 2017


 

 

 

(Parci Hidayat)
NIM : 1022465483


Daftar isi

BAB I

PENDAHULUAN

LATAR BELAKANG

Di jaman yang berkembang dan modern ini, perkembangan teknologi dan informasi saat ini sangat pesat untuk mendapatkan informasi dan data yang akurat dibutuhkan informasi yang baik untuk dapat mempermudah dalam melakukan pekerjaan dan keputusan yang akan diambil. Dari sebuah data, jika data tersebut dibutuhkan oleh pengguna maka akan menjadi informasi yang dapat membantu dalam mencari informasi yang dibutuhkan, hingga saat ini dalam dunia pendidikan juga sangat membutuhkan informasi yang cepat, tepat dan akurat.

Beberapa sekolah yang sudah memiliki fasilitas-fasilitas yang memadai diantaranya adalah perpustakaan dimana perpusatakaan yang ada pada sekolah ini sangat penting karena sudah menjadi kebutuhan dari para siswa yang ingin mendapatkan informasi tentang pelajaran yang sedang dihadapinya, referensi dari buku yang ada di perpustakaan sangatlah penting untuk dimiliki oleh siswa di sekolah.

Sekolah yang memiliki perpustakaan dengan intensitas mobilitas peminjaman buku yang tinggi, dibutuhkan sistem informasi yang baik dalam melakukan management peminjaman buku pada perpustakaan tersebut agar buku yang dipinjam dapat dikembalikan dengan tepat waktu dan tersimpan histori peminjam. Peranan dari sekolah dalam hal ini sangat menentukan berjalannya management perpus yang diinginkan.

Untuk memberikan pelayanan atau kualitas sekolah yang lebih baik maka instalasi pendidikan harus mengikuti kemajuan teknologi agar setiap kepentingan sekolah terutama dalam meningkatkan kinerja dan mempermudah proses pekerjaan yang membutuhkan monitoring dan kecepatan pengelolaan data dan informasi pada perpustakaan yang ada pada sekolah.

Perancangan sistem informasi SMK Negeri 8 Kota Tangerang terdapat kesulitan dalam mengetahui informasi peminjam buku yang sudah melebihi waktu pinjam yang sudah disepakati atau di tentukan serta kesulitan dalam melihat atau melakukan pencarian buku yang ditanyakan oleh siswa ke admin perpustakaan dimana pencarian buku yang dicari oleh siswa memakan waktu yang cukup lama dalam proses pencariannya yaitu harus mencari ke rak buku satu persatu dan juga melihat pada buku catatan pinjaman yang harus di cari di setiap lembar, Oleh, karena itu Sistem informasi peminjaman buku yang menggunakan sistem teknologi komputer merupakan salah satu upaya untuk membantu kelancaran dalam pendataan keluar masuknya buku sehingga mempermudah pegawai dan data yang di dapat lebih tepat dan akurat, maka dalam penulisan Skripsi ini peneliti memilih judul “PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB PADA SMK NEGERI 8 KOTA TANGERANG ”.

Rumusan Masalah

Pada perancangan sistem informasi perpustakaan SMK Negeri 8 Kota Tangerang ini diketahui ketika siswa ingin mencari buku yang akan di pinjam maka siswa harus datang ke perpustakaan dan menanyakan buku tersebut ke bagian administrasi perpustakaan sekolah, lalu bagian administrasi sekolah mencari satu persatu sehingga memakan waktu yang cukup lama dan terkadang siswa sudah menunggu lama dan datang ke perpustakaan buku yang dicari sering tidak ada. Untuk bagian administrasi dalam mencari informasi siswa yang melakukan peminjaman buku sudah melebihi waktu yang ditentukan membutuhkan waktu yang lama, berdasarkan latar belakang diatas, penulis mengidentifikasikan masalah sebagai berikut:

  1. Bagaimana cara siswa dapat mengetahui buku yang akan di cari ada atau tidak pada perpustakaan?
  2. Bagaimana cara bagian administrasi dapat mengetahui buku yang di cari oleh siswa ada pada rak atau masih dalam status di pinjam?
  3. Bagaimana cara bagian administrasi perpustakaan dapat melihat laporan peminjam dan mengetahui status peminjam yang melewati batas waktu pinjam.

Tujuan dan Manfaat Penelitian

Tujuan Penelitian

Tujuan dari penulisan skripsi ini adalah sebagai berikut :

  1. Untuk mengetahui prosedur peminjaman buku pada perpustakaan dan pengembalian buku yang di pinjam.
  2. Untuk mengetahui masalah-masalah yang dihadapi serta usaha pemecahannya yang dilakukan oleh SMK Negeri 8 Kota Tangerang pada perpustakaan.
  3. Untuk mengimplementasikan sistem perpustakaan yang telah dibuat pada SMK Negeri 8 Kota Tangerang.
  4. Untuk dapat menghasilkan sistem yang dapat membantu administrasi perpustakaan dalam pengelolaan peminjaman buku.
  5. Untuk mempermudah siswa mengetahui buku yang ingin di pinjam.
  6. Agar penulis mendapatkan pengalaman secara faktual dilapangan sebagai wahana terbentuknya tenaga yang professional, yaitu tenaga yang memiliki seperangkat pengetahuan, keterampilan, nilai dan sikap yang diperlukan bagi profesinya, serta sebagai salah satu syarat kelulusan dan untuk memperoleh gelar Strata 1 (S1) STMIK Raharja.

Manfaat

Adapun manfaat yang didapatkan peneliti dari laporan penelitian skripsi ini, yaitu:

  1. Dapat mengatasi kendala-kendala dan permasalahan pada sistem yang berjalan agar mendapat solusi yang terbaik untuk meningkatkan kinerja yang optimal khususnya untuk masalah peminjaman buku pada perpustakaan sekolah.
  2. Dapat menghasilkan informasi yang dibutuhkan secara efektif dan efisien.
  3. Memberikan alternatif pemecahan masalah pada perpustakaan.


Ruang Lingkup

Untuk memudahkan pekerjaan serta membatasi pekerjaan yang akan diselesaikan guna menghindari adanya kegiatan diluar tujuan yang akan dicapai, sehingga dalam pembuatan sistem informasi perpustakaan SMK Negeri 8 Kota Tangerang, diperlukan suatu batasan masalah. Adapun batasan masalahnya adalah sebagai berikut:

  1. Pendaftaran anggota Proses ini hanya berlaku untuk siswa atau siswi SMK Negeri 8 Kota Tangerang, dan dilakukanlah penginputan data untuk calon anggota.
  2. Proses sirkulasi, bagian ini hanya mencakup : a.Peminjaman Pada proses ini hanya mencakup peminjaman buku yang dilakukan oleh anggota sesuai dengan persyaratan peminjaman. b.Pengembalian Pada proses ini hanya mencakup penanganan pengembalian buku secara utuh dan tidak mencakup pengembalian buku dalam keadaan rusak atau hilang.
  3. Pendaftaran buku Proses yang dilakukan untuk menginputkan data buku baru, dimana buku-buku tersebut sudah melalui proses pengklasifikasian dan pengkodean.
  4. Proses pencarian buku Pencarian buku hanya berdasarkan jenis buku, penerbit buku dan judul buku.
  5. Proses Pembuatan Laporan a.Laporan anggota. b.Laporan buku. c.Laporan peminjaman buku.




Metode Penelitian

Metode Pengumpulan Data

Adapun penjelasan lebih rinci mengenai metode yang digunakan peneliti dalam menyusun laporan skripsi ini sebagai berikut :

  1. Metode Wawancara (Interview):
    Penulis melakukan suatu teknik pengumpulan data dengan jalan wawancara dan tanya jawab kepada pembimbing lapangan yaitu Bapak Abdul Aziz selaku administrasi perpustakaan yang mempunyai wewenang serta mengetahui tentang seluk beluk dari perpustakaan tersebut dan dikerjakan secara sistematik dan berlandaskan tujuan dari penelitian.
  2. Metode Pengamatan Langsung (Observasi):
    Dalam hal ini penulis melakukan pengamatan langsung dan pencatatan tentang peminjaman buku serta cara siswa mengembalikan buku yang sudah di pinjam. Penulis dapat melakukan kegiatan pengamatan secara langsung tentang cara ataupun proses penyimpanan buku serta cara pengembalian buku pada sekolah SMK Negeri 8 Kota Tangerang.
  3. Metode Studi Pustaka (Study Literature)
    Selain melakukan observasi, peneliti juga melakukan pencarian data dengan studi putaka. Dalam metode ini, peneliti berusaha untuk melengkapi data-data yang diperoleh dengan membaca dan mempelajari dari buku-buku, laporan penelitian, jurnal ilmiah, serta pencarian melalui media internet.

Metode Analisis

Pada penelitian ini digunakan teknik analisis berupa pendekatan Object Oriented Analysis (OOA) atau yang disebut juga dengan analisis berorientasi obyek dengan UML. Proses analisis ini dilakukan dengan menggunakan hasil tahapan pengumpulan data dengan wawancara, observasi, dan studi pustaka untuk mendapatkan spesifikasi kebutuhan sistem yang akan dikembangkan.

Pada proses analisis, teknik analisis yang dilakukan adalah :

  1. Analisis Pengguna. Dilakukan analisis terhadap user-user yang akan menggunakan aplikasi dan juga fungsi-fungsi apa saja yang bisa didapatkan oleh masing– masing user.
  2. Analisis kebutuhan Fungsional, non fungsional dan pengguna. Pemodelan kebutuhan fungsional untuk menggambarkan fungsi sistem dan pengguna yang terlibat serta fungsi-fungsi apa saja yang bisa didapatkan oleh masing-masing pengguna dimodelkan dengan Use Case Diagram.
  3. Analisis perilaku sistem. Pada tahapan ini, dilakukan analisis perilaku sistem yang dikembangkan dan dimodelkan dengan Activity Diagram dan Sequence Diagram. Activity Diagram untuk memodelkan proses use case yang berjalan di dalam sistem, sedangkan sequence diagram untuk memodelkan pengiriman pesan (message) antar object dan kronologinya.
  4. Analisis sistem berjalan saat ini. Pada tahapan ini, penulis menganalisa dan menelaah sejauh mana sistem yang sedang berjalan diperpustakaan SMK Negeri 8 Kota Tangerang, apakah sudah berjalan efesien atau masih ditemukan banyak kendala.



Metode Perancangan

Metode perancaangan system yang digunakan dalam penelitian ini yaitu metode SDLC (System Development Life Cycle) dengan tahapan sebagai berikut:

  1. Perencanaan (Planning). Tahap perencanaan adalah tahap awal pengembangan sistem yang mendefinisikan perkiraan kebutuhan – kebutuhan sumber daya, seperti  : perangkat fisik, metode dan anggaran yang sifatnya masih umum. Dalam tahap ini juga dilakukan langkah – langkah berupa: mendefinisikan masalah, menentukan tujuan sistem, mengidentifikasi kendala – kendala system dan membuat studi kelayakan.
  2. Analisis (Analysis). Tahap analisis merupakan tahap penelitian atas sistem yang berjalan dengan tujuan untuk merancang sistem yang baru dengan menggunakan tools atau alat bantu UML (Unified Modeling Language) dengan software Entreprise Architect yaitu sebuah bahasa yang berdasarkan grafik atau gambar, menvisualisasikan, menspesifikasikan, membangun dan pendokumentasian dari sebuah system pengembangan piranti lunak berbasis “OO”(Object Orientied) melalui tahap : Use Case Diagram, Sequence Diagram, dan Activity Diagram yang dilakukan melalui 4 (empat) tahap, yaitu: (1) Survey terhadap sistem yang berjalan, (2) Analisa terhadap temuan survey, (3) Identifikasi kebutuhan informasi dengan menggunakan alat bantu elisitasi melalui 4 (empat) tahapan, yaitu tahap 1 (satu) mencakup semua kebutuhan sistem, tahap 2 (dua) melakukan pengelompokkan kebutuhan dengan metode MDI (Mandatory, Desirable, Inessential) selanjutnya tahap 3 (tiga) dengan TOE (Technical, Operational dan Economic) serta tahap final, (4) Identifikasi persyaratan sistem. Hasil analisa kemudian dibuat laporan untuk masukan dalam perancangan sistem yang diusulkan.
  3. Desain (Design). Tahap Design yaitu tahap dalam menentukan proses data yang diperlukan oleh sistem baru dengan tujuan memenuhi kebutuhan user dengan alat bantu UML dengan software Entreprise Architect, Use Case Diagram, Class Diagram, Sequence Diagram, Statechart Diagram dan Activity Diagram. Proses design akan menerjemahkan syarat kebutuhan ke sebuah perancangan perangkat lunak yang dapat diperkirakan sebelum dibuat coding. Proses ini berfokus pada : struktur data dengan menggunakan MySQL, arsitektur perangkat lunak, representasi interface dengan menggunakan Notepad ++, dan detail (algoritma) prosedural. Tahapan ini akan menghasilkan dokumen yang disebut software requirement. Dokumen inilah yang akan digunakan programmer untuk melakukan aktivitas pembuatan sistemnya. Langkah-langkah yang dilakukan adalah : menyiapkan rancangan sistem yang rinci, mengidentifikasi alternatif konfigurasi sistem dan menyiapkan usulan implementasi.
  4. Implementasi (Implementation). Tahap implementasi adalah tahap dimana rancangan sistem yang dibentuk menjadi suatu kode (program) yang siap untuk dioperasikan. Langkah-langkahnya yaitu : menyiapkan fasilitas fisik dan personil, dan melakukan simulasi.
  5. Pemeliharaan (Maintenance). Setelah melakukan implementasi terhadap sistem baru, tahap berikutnya yang perlu dilakukan adalah pemakaian atau penggunaan, audit sistem, penjagaan, perbaikan dan pengembangan sistem.


Metode Pengujian (Testing)

Dalam skripsi ini metode pengujian yang digunakan yaitu Black Box Testing. Black Box Testing adalah metode uji coba yang memfokuskan pada keperluan software. Karena itu uji coba Black Box memungkinkan pengembangan software untuk membuat himpunan kondisi input yang akan melatih seluruh syarat-syarat fungsional suatu program. Metode pengujian Black Box berusaha untuk menemukan kesalahan dalam beberapa kategori, diantaranya: fungsi-fungsi yang salah atau hilang, kesalahan dalam struktur data atau akses database eksternal, kesalahan performa, kesalahan inisialisasi, dan terminasi.

Sistematika Penulisan

Untuk memahami lebih jelas laporan ini, maka materi-materi yang tertera pada laporan skripsi ini dikelompokkan menjadi beberapa 5 bab dengan sistematika penyampaian sebagai berikut :

BAB I PENDAHULUAN
BDalam bab ini, membahas tentang Latar Belakang, Perumusan Masalah, Tujuan dan Manfaat Penelitian, Ruang Lingkup Penelitian, Metode Penelitian, Metode Analisis, Metode Perancangan, Metode Pengujian (testing) dan Sistematika Penulisan.


BAB II LANDASAN TEORI
Pada bab ini berisikan teori yang bersifat umum tentang konsep dasar dan teori khusus yang berkaitan dengan judul laporan skripsi serta definisi yang berhubungan dengan permasalahan yang dibahas pada sistem yang sedang berjalan, dan berisikan pula penelitian terdahulu (literature review) sebagai pembanding antara penelitian terdahulu dan penelitian yang sedang dilakukan.


BAB III ANALISIS SISTEM YANG SEDANG BERJALAN
Pada bab ini membahas mengenai gambaran umum serta sejarah objek yang diteliti, struktur organisasi serta cara kerja admin perpustakaan dalam memproses data dan menggunakan data atau berkas-berkas yang digunakan.


BAB IV RANCANGAN SISTEM YANG DIUSULKAN
Bab ini menjelaskan tentang permasalahan dan pemecahan masalah, diagram alur data sistem usulan, rancangan UML, normalisasi, rancangan database, struktur kode, rancangan menu, desain input/output, tampilan input/output, spesifikasi sistem komputer sampai jadwal implementasi.


BAB V PENUTUP
Bab ini merupakan bab penutup berisikan kesimpulan dari hasil analisis penelitian dan rancangan sistem dalam rangka menjawab rumusan masalah yang diajukan.

DAFTAR PUSTAKA

DAFTAR LAMPIRAN

BAB II

LANDASAN TEORI

TEORI UMUM

Konsep Dasar Sistem

Definisi Sistem

Ada beberapa pendapat para ahli mengenai definisi sistem, diantaranya :

  1. Mohamad Subhan (2012:8)[1] dalam bukunya yang berjudul Analisa Perancangan Sistem mendefinisikan pengertian dari sistem sebagai berikut: “Suatu sistem dapat diartikan sebagai suatu kumpulan atau himpunan dari unsur, komponen, atau variabel-variabel yang terorganisasi, saling berinteraksi, saling tergantung satu sama lain dan terpadu. Sistem juga merupakan kumpulan elemen-elemen saling terkait dan bekerja sama untuk memproses masukan (input) yang ditujukan kepada system tersebut dan mengolah masukan tersebut sampai menghasilkan keluaran (output) yang diinginkan”.
  2. Yakub (2012:1)[2] dalam bukunya yang berjudul Pengantar Sistem Informasi mendefiniskan sistem adalah: “Sekelompok elemen-elemen yang terintegrasi dengan tujuan yang sama untuk mencapai tujuan. Sistem juga merupakan suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, terkumpul bersama-sama untuk melakukan suatu kegiatan atau tujuan tertentu”.
  3. Rudy Tantra (2012:1)[3] dalam bukunya Manajemen Proyek Sistem Informasi juga mengatakan bahwa “Sistem adalah entitas atau satuan yang terdiri dari dua atau lebih komponen atau subsistem (sistem yang lebih kecil) yang saling terhubung dan terkait untuk mencapai suatu tujuan”.

Dari beberapa pengertian tersebut dapat diambil kesimpulan bahwa sistem merupakan sekumpulan kelompok elemen yang saling berhubungan dan bekerja sama untuk mencapai suatu tujuan dan sasaran yang diinginkan.

Karakteristik Sistem

Menurut (Tata Sutabri, 2012:17)[4], suatu sistem mempunyai karakteristik tersendiri diantaranya komponen (component), batas system (boundary), Lingkungan luar (environment), Penghubung (interface), Masukan (input), keluaran (output), pengolahan (processing), Sasaran atau tujuan (goal), strategi (strategy) antara lain:

  1. Komponen Sistem (Components system) Kumpulan subsistem-subsistem yang saling berinteraksi atau dengan yang lainnya serta melakukan kerja sama antar subsistem tersebut. Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, yang artinya saling bekerja sama membentuk satu kesatuan. Komponen tersebut dapat berupa suatu bentuk subsistem. Setiap subsistem memiliki sifat dari sistem yang menjalankan suatu fungsi tertentu dan mempengaruhi suatu sistem secara keseluruhan. Suatu sistem dapat mempunyai sistem yang lebih besar, yang disebut dengan “Supra Sistem”
  2. Batasan Sistem (Boundary system) Merupakan suatu daerah yang membatasi antara komponen atau subsistem yang lain, yang membatasi suatu sistem dengan sistem lain atau sistem yang berasal dari lingkungan luarnya.
  3. Lingkaran Luar Sistem (Environments system) Lingkungan luar dari suatu sistem apapun diluar batas dari sistem yang mempengaruhi operasi sistem. Lingkungan luar sistem dapat bersifat merugikan sistem tersebut. Lingkungan luar yang menguntungkan merupakan energi dari sistem dan dengan demikian harus tetap dijaga dan dipelihara. Sedangkan lingkungan luar yang merugikan harus ditahan dan dikendalikan, kalau tidak maka akan mengganggu kelangsungan hidup dari sistem tersebut.
  4. Penghubung Sistem (Interface system) Merupakan suatu media yang menghubungkan antara subsistem yang satu dengan yang lainnnya sehingga antar subsistem dapat saling bekerja sama. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem yang lainnya.
  5. Masukan Sistem (Input system) Sesuatu yang berasal dari subsistem yang digunakan sebagai data masukan yang selanjutnya dimasukan dalam suatu sistem agar dapat menghasilkan suatu keluaran yang berguna (diinginkan). Masukan dapat berupa maintenance input dan signal input. Maintenance input adalah energi yang dimasukan supaya system tersebut dapat beroperasi. Signal input adalah energi yang diproses untuk menghasilkan keluaran.
  6. Keluaran Sistem (Output system) Hasil proses dari suatu masukan yang telah dilakukan proses di dalamnya sehingga menghasilkan sebuah informasi yang berguna untuk setiap tingkatan yang ada. Keluaran dapat merupakan masukan untuk subsistem yang lain atau kepada supra sistem.
  7. Pengolahan Sistem (Processing system) Suatu proses yang akan merubah suatu masukan menjadi suatu keluaran. Suatu sistem dapat mempunyai suatu proses yang akan merubah masukan menjadi keluaran, sebagai contoh sistem akuntansi. Sistem ini mengelola data transaksi menjadi laporan yang dibutuhkan oleh semua pihak manajemen.
  8. Sasaran (objective) atau Tujuan (goal) Suatu sistem mempunyai sasaran atau tujuan, kalau sistem tidak mempunyai sasaran maka sistem tidak ada. Suatu sistem dikatakan berhasil bila mengenai sasaran atau tujuannya. Sasaran sangat berpengaruh pada masukan dan keluaran yang dihasilkan.
  9. Strategi (strategy) Merupakan cara-cara yang digunakan dari mulai adanya input, pemrosesan, hingga akhirnya terbentuk output, dan untuk mencapai sasaran yang diinginkan diperlukan suatu strategi agar sasaran tersebut dapat tercapai.

Berdasarkan definisi diatas dapat diambil kesimpulan bahwa karakteristik sistem adalah kumpulan dari sub-subsistem yang mempunyai suatu tujuan (goal), dimana untuk mencapai tujuan tersebut harus memiliki strategy yaitu dengan masukan sistem (input), proses (processing) dan keluaran sistem (output) yang objective.

Konsep Dasar Informasi

Definisi Informasi

  1. Menurut Rudy Tantra (2012:2)[3] dalam bukunya Manajemen Proyek Sistem Informasi mengungkapkan tentang pengertian informasi yaitu: “Informasi dapat dipahami sebagai pemrosesan input yang terorganisir, memiliki arti, dan berguna bagi orang yang menerimanya. Data berbeda dengan informasi. Data dapat didefinisikan sebagai fakta-fakta yang masih mentah atau acak, yang menjadi input untuk proses yang menghasilkan informasi”.
  2. Menurut Gordon B. Davis dalam bukunya Bambang Hartono (2013:15)[5], Information is data has been processed into a form that is meaningful to the recipient and is of real or perceived value in current or prospective decision. (Informasi adalah data yang telah diolah menjadi suatu bentuk yang berguna bagi penerimanya dan memiliki nilai bagi pengambilan keputusan saat ini atau di masa yang akan datang).
  3. Informasi adalah sekumpulan fakta (data) yang diorganisasikan dengan cara tertentu sehingga mereka mempunyai arti bagi si penerima. (Sutarman, 2012:14)[6].

Berdasarkan beberapa pendapat yang dikemukakan di atas, maka dapat disimpulkan bahwa “Informasi adalah data yang sudah diolah sehingga mempunyai arti untuk dapat digunakan dalam membuat keputusan”.

Fungsi Informasi

Menurut Sutabri (2012:12)[4], fungsi utama informasi adalah menambah pengetahuan. Informasi yang disampaikan kepada pemakai mungkin merupakan hasil data yang sudah diolah menjadi sebuah keputusan. Akan tetapi, dalam kebanyakan pengambilan keputusan yang kompleks, informasi hanya dapat menambah kemungkinan kepastian atau mengurangi bermacam-macam pilihan. Informasi yang disediakan bagi pengambil keputusan memberi suatu kemungkinan faktor resiko pada tingkat-tingkat pendapatan yang berbeda.

Nilai Informasi

Menurut Sutabri (2012:37)[4], nilai informasi ditentukan oleh 2 (dua) hal, yaitu manfaat dan biaya untuk mendapatkannya. Suatu informasi dikatakan bernilai bila manfaat lebih efektif dibandingkan dengan biaya mendapatkannya. Pengukuran nilai informasi biasanya dihubungkan dengan analisis cost effectivess atau cost benefit. Nilai informasi ini didasarkan atas 10 (sepuluh) sifat, yaitu:

  1. Mudah diperoleh Informasi memperoleh nilai yang lebih sempurna apabila dapat diperoleh secara mudah. Informasi yang penting dan sangat dibutuhkan menjadi tidak bernilai jika sulit diperoleh.
  2. Luas dan lengkap Informasi mempunyai nilai yang lebih sempurna apabila mempunyai lingkup/cakupan yang luas dan lengkap. Informasi yang tidak lengkap menjadi tidak bernilai, karena tidak dapat digunakan secara baik.
  3. Ketelitian Informasi Mempunyai nilai yang lebih sempurna apabila mempunyai ketelitian yang tinggi/akurat. Informasi menjadi tidak bernilai jika tidak akurat, karena akan mengakibatkan kesalahan pengambilan keputusan.
  4. Kecocokan Informasi mempunyai nilai yang lebih sempurna apabila sesuai dengan kebutuhan penggunanya. Informasi berharga dan penting menjadi tidak bernilai jika tidak sesuai dengan kebutuhan penggunanya, karena tidak dapat dimanfaatkan untuk mengambil keputusan.
  5. Ketepatan waktu Informasi mempunyai nilai yang lebih sempurna apabila dapat diterima oleh pengguna pada saat yang tepat. Informasi berharga dan penting menjadi tidak bernilai jika terlambat diterima/usang, karena tidak dapat dimanfaatkan pada saat pengambilan keputusan.
  6. Kejelasan Informasi yang jelas akan meningkatkan kesempurnaan nilai informasi. Kejelasan informasi dipengaruhi oleh bentuk dan format informasi.
  7. Keluwesan Nilai informasi semakin sempurna apabila memiliki fleksibilitas tinggi. Fleksibilitas informasi diperlukan oleh para manajer / pimpinan pada saat pengambilan keputusan.
  8. Dapat dibuktikan Nilai informasi semakin sempurna apabila informasi tersebut dapat dibuktikan kebenarannya. Kebenaran informasi bergantung pada validitas dan sumber yang indah.
  9. Tidak ada prasangka Nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.
  10. Dapat diukur Berdasarkan penjelasan nilai informasi di atas, bahwa suatu informasi dapat bernilai baik apabila informasi tersebut dapat memberikan informasi yang dapat dibuktikan dan mudah untuk didapatkan, dimengerti serta tidak menimbulkan keraguan adanya kesalahan informasi.

Konsep Dasar Perancangan Sistem

Ada beberapa pendapat yang dapat menjelaskan tentang definisi perancangan sistem, yaitu :

  1. Menurut Satzinger, Jackson, dan Burd (2012:5)[7], “Perancangan sistem adalah sekumpulan aktivitas yang menggambarkan secara rinci bagaimana sistem akan berjalan. Hal itu bertujuan untuk menghasilkan produk perangkat lunak yang sesuai dengan kebutuhan user”.

  2. Menurut Siti Aisyah dan Nawang Kalbuana [Jurnal CCIT,2011:203][8], Dalam metode analisa sistem dan perancangan yang menggunakan metode yang dikenal dengan nama System Develoment Life Cycle (SDLC). SDLC merupakan metodologi umum dalam pengembangan sistem yang menandai kemajuan dari usaha analisa dan desain”. Langkah-langkah SDLC meliputi fase-fase sebagai berikut:
    a. Perancangan Sistem.
    Dalam tahapan perencanaan sistem ini dijelaskan bagaimana langkah-langkah dalam perancangan aplikasi pegawai dengan teknologi mobile.
    b. Analisa Sistem.
    Melakukan analisa sistem yang akan dirancang, serta melakukan penelitian terhadap kebutuhan-kebutuhan sistem, apa saja kekurangannya.
    c. Perancangan.
    Yaitu tahapan untuk melakukan perancangan aplikasi mobile, terdapat 3 (tiga) tahapan perancangan, yaitu: perancangan interface, perancangan isi, dan perancangan program.

    Dari definisi di atas dapat diketahui bahwa tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan kepada pemakai sistem dan juga untuk memberikan gambaran yang jelas dan rancang bangun yang lengkap kepada pemrogram komputer dan ahli-ahli teknik lainnya yang terlibat. Untuk mencapai tujuan ini maka perancangan sistem harus berguna, mudah dipahami dan nantinya mudah digunakan.

    Teori Khusus

    Perpustakaan

    Pengertian Perpustakaan

    Menurut Rohanda dalam makalah fungsi dan peranan perpustakaan (2010)[9], “Perpustakaan sekolah merupakan unit kerja dan sebagai perangkat mutlak (complement) dari sekolah yang bersangkutan. Dengan tujuan menyediakan koleksi pustakan untuk menunjang keberhasilan proses belajar mengajar. Dikatakan juga bahawa perpustakaan tersebut sebagai “jantungnya” pelaksanaan pendidikan pada lembaga itu.


    1.jpg
    Gambar 2.1 Ilustrasi Perpustakaan

    Fungsi Perpustakaan

    Dalam pasal 3 UU No.43 2007 disebutkan Perpustakaan berfungsi sebagai wahana pendidikan, penelitian, pelestarian, informasi, dan rekreasi untuk meningkatkan kecerdasan dan keberdayaan bangsa. Fungsi pendidikan diwujudkan dengan perpustakaan yang mampu meningkatkan kegemaran membaca penggunanya. Fungsi penelitian diterapkan dengan menyediakan pelayanan untuk pemakai dalam memperoleh informasi sebagai bahan rujukan untuk kepentingan penelitian. Fungsi pelestarian yaitu sebagai tempat melestarikan bahan pustaka (bahan pustaka merupakan sumber ilmu pengetahuan, teknologi, dan budaya). Fungsi informasi diterapkan dengan menyediakan sumber-sumber pustaka yang lengkap dan bermutu. Fungsi rekreasi diterapkan dengan menyediakan buku hiburan dan tata ruang yang bersifat rekreatif. Selain fungsi-fungsi tersebut, ada pula fungsi sosial, yang diartikan sebagai wadah sosialisasi antar pengunjung dalam memperoleh informasi.

    Jenis-jenis Perpustakaan

    1. 1. Perpustakaan Nasional (National Library)
      Perpustakaan Nasional adalah perpustakaan yang didirikan di ibukota Negara dan merupakan perpustakaan induk dari semua jenis perpustakaan yang ada di negara tersebut.

      2.jpg
      Gambar 2.2 Perpustakaan Nasional yang terletak di Salemba
    2. 2. Perpustakaan Umum (Public Library)
      Perpustakaan umum merupakan perpustakaan yang bertugas mengumpulkan, menyimpan, mengatur dan menyajikan bahan pustakanya untuk masyarakat umum.

      3.png
      Gambar 2.3 Perpustakaan Umum
    3. 3. Perpustakaan Perguruan Tinggi (University Library)
      Perpustakaan perguruan tinggi yaitu perpustakaan yang diselenggarakan untuk mengumpulkan, memelihara, menyimpan, mengatur, mengawetkan dan mendaya gunakan bahan pustakanya untuk menunjang pendidikan atau pengajaran, penelitian dan pengabdian masyarakat.

      4.png
      Gambar 2.4 Perpustakaan Perguruan Tinggi
    4. 4. Perpustakaan Sekolah (School Library)
      Perpustakaan sekolah yaitu perpustakaan yang mengumpulkan, menyimpan, memelihara, mengatur dan mengawetkan bahan pustakanya untuk menunjang usaha pendidikan dan pengajaran di sekolah.

      5.png
      Gambar 2.5 Perpustakaan Sekolah
    5. 5. Perpustakaan Khusus (Special Library)
      Perpustakaan khusus adalah perpustakaan yang diselenggarakan oleh kantor atau instansi yang tujuannya adalah untuk menunjang kegiatan kantor atau instansi dimana perpustakaan itu berada.

      6.png
      Gambar 2.6 Perpustakaan Khusus


    6. 6. Perpustakaan Wilayah
      Perpustakaan wilayah yaitu perpustakaan yang diselenggarakan oleh pemerintah dan berkedudukan di setiap ibu kota Propinsi, bertugas mengumpulkan serta melestarikan semua penerbitan daerah yang bersangkutan.

      7.jpg
      Gambar 2.7 Perpustakaan Wilayah


    7. 7. Perpustakaan Keliling
      Perpustakaan keliling pada prinsipnya merupakan perluasan dari pelayanan perpustakaan umum. Perpustakaan keliling adalah merupakan jenis perpustakaan yang dalam memberikan pelayanan bergerak dari satu tempat ke tempat yang lain dengan tujuan mengunjungi pemakai.


    8.jpg
    Gambar 2.8 Perpustakaan Keliling



    Konsep Dasar Web

    Pengertian Web

    Menurut Murad (2013:49)[10], "Web adalah sistem dengan informasi yang disajikan dalam bentuk teks, gambar, suara, dan lainnya yang tersimpan dalam sebuah server web internet yang disajikan dalam bentuk hyper text".
    Menurut Arief (2011:7)[11], "Web adalah salah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks, gambar, suara, animasi, video) di dalamnya yang menggunakan protokol HTTP (hyper text transfer protocol) dan untuk mengaksesnya menggunakan perangkat lunak yang disebut browser".

    Sifat-sifat Web

    Dalam perkembangannya, teknologi informasi menunjukkan banyaknya kemajuan begitu pesat salah satunya adalah berkembangnya website dengan banyaknya ragam fitur dan fungsi yang dimiliki saat ini. Pengelompokkan macam-macam web cenderung lebih mengarah kepada fungsi, sifat-sifat dan bahasa pemrograman terkait yang digunakan.
    Menurut Rahmat Hidayat (2010:3)[12], Jenis-jenis web berdasarkan sifat atau style-nya sebagai berikut:
    1. 1. Website Dinamis
      Merupakan sebuah website yang menyediakan content atau isi yang selalu berubah-ubah setiap saat. Bahasa pemrograman yang digunakan antara lain PHP, ASP, .NET dan memanfaatkan database MySQL atau MS SQL. Misalnya website www.artikel-it.com, www.technomobile.co.cc, www.polinpdg.ac.id dan lain-lain.
    2. 2. Website Statis
      Merupakan website yang content-nya sangat jarang diubah. Bahasa pemrograman yang digunakan adalah HTML dan belum memanfaatkan database. Misalnya: web profile organisasi dan lain-lain.

    Fungsi Web

    Menurut Rahmat Hidayat (2010:4)[12], Berdasarkan pada fungsinya, website terbagi atas:
    1. Personal Website
      Website yang berisi informasi pribadi seseorang.
    2. Commercial Website
      Website yang dimiliki oleh sebuah perusahaan yang bersifat bisnis.

    3. Government Website
      Website yang dimiliki oleh instansi pemerintah, pendidikan yang bertujuan memberikan pelayanan kepada pengguna.
    4. Non-Profit Organization Website
      Dimiliki oleh organisasi yang bersifat non-profit atau tidak bersifat bisnis.

    Web Browser

    Menurut Jarot Setyaji (2010:296)[13], ”Web browser atau sering juga disebut internet browser yang berfungsi sebagai jembatan bagi pengguna komputer dalam menjelajah dunia maya.” Internet browser merupakan sebuah aplikasi atau software yang digunakan untuk mengolah data yang ditransfer dari World Wide Web (lebih dikenal dengan istilah www) ke komputer dan menampilkannya secara visual agar mudah dimengerti oleh seorang pengguna internet.
    Berdasarkan pengertian diatas Web browser merupakan aplikasi perangkat lunak yang berfungsi sebagai interface untuk menjelajahi, mengambil maupun menyajikan berbagai macam sumber informasi berupa halaman web pada World Wide Web (WWW). Awalnya Web Browser hanya berorientasi pada teks dan belum dapat menampilkan gambar. Namun seiring berkembangnya jaman web browser tidak lagi hanya menampilkan text dan gambar tetapi juga file multimedia seperti video dan suara. Browser juga dapat mengirim dan menerima e-mail, mengelola bahasa Hyper Text Markup Language (HTML) sebagai input, dan menjadikan halaman web sebagai hasil output yang informatif.
    Berikut merupakan bagian-bagian dari web browser antara lain :
    1. Status Bar
      Ini adalah kotak bagian bawah jendela browser, menampilan berbagai macam informasi sesuai dengan apa yang sedang dilakukan pengguna. Sebagian besar menunjukkan kecepatan beban dan URL dari alamat sesuai dengan pointer.
    2. Addres Bar
      Merupakan kotak bagian atas jendela browser menampilkan seluruh alamat situs web atau URL
    3. Title Bar
      Bar judul pada bagian paling atas jendela browser. Menginformasikan judul halaman web.
    4. Toolbar Icon
      Toolbar atau ikon perusahaan browser pada bagian atas kanan jendela browser. Di bawah title bar. Pada bagian ini akan terlihat tombol “Back”, “Home”, “Refresh”, dan lainnya.
    5. Display Window
      Merupakan ruang kerja browser, berupa frame yang menampilkan halaman website.
    6. Scroll Bar
      Pointer untuk menarik halaman web menuju bagian bawah.

    Konsep Dasar MySql

    Pengertian MySql

    MySql merupakan salah satu perangkat lunak sistem pengelola basis data DBMS (Data Base Management System). MySQL merupakan sebuah hubungan Data Base Management System (DBMS) yang membantu sebuah model data yang terdiri atas kumpulan hubungan nama (named relation).
    Menurut Didik Dwi Prasetyo (2004 :18)[14] MySQL merupakan salah satu database server yang berkembang di lingkungan open source dan didistribusikan secara free (gratis) dibawah lisensi GPL. MySQL merupakan RDBMS (Relational Database Management System). RDBMS adalah program yang memungkinkan pengguna database untuk membuat, mengelola, dan menggunakan data pada suatu model relational.
    Dengan demikian, tabel-tabel yang ada pada database memiliki relasi antara satu tabel dengan tabel lainnya.

    Kelebihan MySql

    Beberapa kelebihan dari MySQL yaitu:
    1. Cepat, handal dan Mudah dalam penggunaannya.
      MySQL lebih cepat tiga sampai empat kali dari pada database server komersial yang beredar saat ini, mudah diatur dan tidak memerlukan seseorang yang ahli untuk mengatur administrasi pemasangan MySQL.
    2. Didukung oleh berbagai bahasa Database server.
      MySQL dapat memberikan pesan error dalam berbagai bahasa seperti Belanda, Portugis, Spanyol, Inggris, Perancis, Jerman, dan Italia.
    3. Mampu membuat tabel berukuran sangat besar.
      Ukuran maksimal dari setiap tabel yang dapat dibuat dengan MySQL adalah 4 GB sampai dengan ukuran file yang dapat ditangani oleh sistem operasi yang dipakai.
    4. Lebih Murah.
      MySQL bersifat open source dan didistribusikan dengan gratis tanpa biaya untuk UNIX platform, OS/2 dan Windows platform.
    5. Melekatnya integrasi PHP dengan MySQL..
      Keterikatan antara PHP dengan MySQL yang sama-sama software open source sangat kuat, sehingga koneksi yang terjadi lebih cepat jika dibandingkan dengan menggunakan database server lainnya. Modul MySQL di PHP telah dibuat built-in sehingga tidak memerlukan konfigurasi tambahan pada file konfigurasi php.


    Konsep Dasar PHP

    Pengertian PHP

    Menurut Arief (2011:43)[15] PHP adalah Bahasa server-side –scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Karena PHP merupakan server-side-scripting maka sintaks dan perintah-perintah PHP akan diesksekusi diserver kemudian hasilnya akan dikirimkan ke browser dengan format HTML.
    Menurut Anhar (2010:3)[16], ”PHP singkatan dari Hypertext Preprocessor yaitu bahasa pemrograman web server-side yang bersifat open source.” Berdasarkan pengertian dari beberapa ahli di atas dapat disimpulkan bahwa PHP merupakan skrip yang bertempat dan diproses pada suatu server dengan keluaran yang dihasilkan dapat dilihat melaui browser, PHP juga merupakan salah satu bahasa pemrograman open source yang dapat digunakan pada berbagai sistem operasi seperti Linux, Unix, Macintosh, maupun Windows. Pada dasarnya PHP dirancang untuk pembuatan jenis web dinamis, yaitu web yang dalam pembuatannya dapat aplikasikan sesuai keinginan penggunanya. Salah satu kelebihan lain yang dimiliki PHP antara lain dapat terkoneksi pada beberapa database antara lain MySql.

    Ciri-ciri Khusus PHP

    Menurut Oktavian (2010:31)[17], "PHP adalah akronim dari Hypertext Preprocessor, yaitu suatu bahasa pemrograman berbasiskan kode-kode (script) yang digunakan untuk mengolah suatu data dan mengirimkannya kembali ke web browser menjadi kode HTML". Kode PHP mempunyai ciri-ciri khusus, yaitu:
    1. Hanya dapat dijalankan menggunakan web server, misal: Apache.
    2. Kode PHP diletakkan dan dijalankan di web server
    3. Kode PHP dapat digunakan untuk mengakses database, seperti: MySQL.
    4. Merupakan software yang bersifat open source.
    5. Gratis untuk di-donwload dan digunakan.
    6. Memiliki sifat multi paltform, artinya dapat dijalankan menggunakan sistem operasi apapun, seperti: Linux, Unix, Windows, dan lain-lain.

    Tipe Data Pada PHP

    PHP memiliki 8 tipe data dasar yaitu boolean , integer , data floating-point atau double , string , array , object , resource dan null. Berikut Penjelasan masing-masing tipe data tersebut :
    1. Boolean.
      Tipe data boolean digunakan untuk mencari nilai kebenaran. nilai kebenarannya adalah “True” atau “False”. Dalam penulisannya tidak terpengaruh antara huruf besar dan kecil. Contoh :
      <? $a = true; // mendeklarasikan nilai true pada variabel $a $b = false; // mendeklarasikan nilai false pada variabel $b ?>
    2. Integer.
      Tipe data integer merupakan berfungsi dalam penyimpanan bilangan bulat baik positif maupun negative dan bukan decimal, secara umum dapat disebut tipe data berupa angka. Contoh :
      <?
      $a=10; //angka desimal
      $b=0x1A; //angka hexadesimal
      $c=-5; //angka desimal negatif
      $d=$a * $c; //contoh perkalian
      echo "a = $a
      ";
      echo "b = $b
      ";
      echo "c = $c
      ";
      echo "a * c = $d
      ";
      ?>
    3. Floating point.
      Tipe data floating point atau kata lain dari tipe data double merupakan tipe data yang berfungsi menyimpan bilangan desimal. Contoh :
      <?
      $a=10.08697;
      $b=4.97586e9;
      $x=8E-100;
      $y=$z * $x;
      echo "z = $z
      ";
      echo "y = $y
      ";
      echo "x = $x
      ";
      echo "z * x = $v
      ";
      ?>
    4. String.
      Tipe data string merupakan gabungan dari beberapa karakter, dapat berupa kata tunggal maupun kalimat. Penulisannya memerlukan tanda kutip satu (‘ ‘) atau kutip (“ “). Contoh :
      <?
      $jeruk='orange';
      $pisang=”banana”;
      ?>
    5. Array.
      Tipe data array merupakan kumpulan data atau karakter pada satu variable. Contoh :
      <?
      $nama=array("cowok"=>"Jono", "cewek"=>"Susi");
      echo "Nama Kakak = $nama[cowok]
      ";
      echo "Nama Adik = $nama[cewek]
      ";
      ?>
    6. Objek.
      Tipe data objek dapat berupa bilangan, variabel maupun fungsi.Tipe data objek memiliki tujuan memudahkan para programmer dalam Object Oriented Program (OOP) yang merupakan pendukung dari pada PHP. Contoh :
      <?php
      Class makan {
      Var $lauk = “telur”;
      Function makan_malam ($lauk) {
      $ lauk = “lauk”;
      }
      }
      $hari_ini=new makan;
      Echo $hari_ini -> lauk;
      ?>
    7. Resource.
      Tipe data resource merupakan tipe data yang baru diperkenalkan pada PHP 4.Tipe ini memiliki nilai yang dihasilkan dari pemanggilan fungsi-fungsi yang menggunakan resource sistem, seperti mysql_connect, mysql_query dan semacamnya. Variabelnya secara otomatis akan menggunakan tipe data resource ini. Contoh :
      <?
      $sql = mysql_query("SELECT * FROM admin WHERE un_admin='$us'") ;
      $b = mysql_fetch_array($sql);
      if($b==0){
       ?><script language="javascript">alert('Gagal menyimpan sandi baru, cobalah kembali!'); document.location='admin.php?
      action=sandi_baru'</script><? }
      ?>
    8. Null.
      Tipe data null merupakan tipe data yang tidak memuat apapun, menjadikan variabel tidak memiliki nilai apapun. Contoh :
      <?
      $kosong=NULL;
      ?>


    Kelebihan PHP

    Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang paling utama PHP adalah pada konektivitasnya dengan sistem database di dalam web. Kelebihan-kelebihan dari PHP diantaranya adalah :
    1. PHP mudah dibuat dan dijalankan, maksudnya PHP dapat berjalan dalam Web Server dan dalam Sistem Operasi yang berbeda pula.
    2. PHP adalah software open-source yang gratis dan bebas didistribusikan kembali di bawah lisensi GPL (GNU Public License). User dapat mendownload kode-kode PHP tanpa harus mengeluarkan uang atau khawatir dituntut oleh pihak pencipta PHP.
    3. PHP bisa dioperasikan pada platform Linux ataupun Windows.
    4. PHP sangat efisien, karena PHP hanya memerlukan resource system yang sangat sedikit dibanding dengan bahasa pemograman lain.
    5. Ada banyak Web Server yang mendukung PHP, seperti Apache, PWS, IIS, dan lain-lain.
    6. PHP juga didukung oleh banyak database, seperti MySQL, PostgreSQL, Interbase, SQL, dan lain-lain.
    7. Bahasa pemograman PHP sintaknya sederhana, singkat dan mudah untuk dipahami.
    8. 8. HTML-embedded, artinya PHP adalah bahasa yang dapat ditulis dengan menempelkan pada sintak-sintak HTML.


    Kelemahan PHP

    Selain kelebihan PHP, PHP juga mempunyai kekurangan. Namun masalah kekurangannya sangat sedikit. Diantaranya:
    1. PHP Tidak mengenal Package.
    2. Jika tidak di encoding, maka kode PHP dabat dibaca semua orang & untuk meng encodingnya dibutuhkan tool dari Zend yang mahal sekali biayanya.
    3. PHP memiliki kelemahan keamanan. Jadi Programmer harus jeli & berhati-hati dalam melakukan pemrograman & Konfigurasi PHP.


    Konsep Dasar Unified Modelling Language (UML)

    Definisi Unified Modelling Language (UML)

    Ada beberapa pendapat yang menjelaskan tentang definisi (Unified Modeling Language) UML, yaitu:
    1. Menurut Nugroho (2010:6)[18], “UML (Unified Modeling Language) adalah bahasa pemodelan untuk sistem atau perangkat lunak yang berparadigma berorientasi objek. Pemodelan (modeling) sesungguhnya digunakan untuk penyederhanaan permasalahan-permasalahan yang kompleks sedemikian rupa sehingga lebih mudah dipelajari dan dipahami”.
    2. Menurut Nugroho (2010:4)[18], “UML (Unified Modeling Language) adalah Metodologi kolaborasi antara metode-metode Booch, OMT (Object Modeling Technique), serta OOSE (Object Oriented Software Enggineering) dan beberapa metoda lainnya, merupakan metodologi yang paling sering digunakan saat ini untuk analisa dan perancangan sistem dengan metodologi berorientasi objek mengadaptasi maraknya penggunaan bahasa pemrograman berorientasi objek (OOP)”.
    3. 3. “(Unified Modeling Language) adalah salah satu alat bantu yang sangat handal dalam bidang pengembangan sistem yang berorientasi objek”. Hal ini disebabkan karena UML menyediakan bahasa pemodelan visual yang memungkinkan pengembang sistem untuk membuat cetak biru atas visi mereka dalam bentuk yang baku. Sebagai sebuah sketsa, UML berfungsi sebagai jembatan dalam mengkomunikasikan beberapa aspek dari sistem.”(Jurnal CCIT,2008:70)[19].
    Berdasarkan pendapat yang dikemukakan di atas dapat ditarik kesimpulan bahwa Unified Modelling Language (UML) adalah sebuah bahasa yang berdasarkan grafik atau gambar untuk menvisualisasikan, menspesifikasikan, membangun dan pendokumentasian dari sebuah sistem pengembangan perangkat lunak berbasis Object Oriented Programming (OOP).

    Langkah-langkah penggunaan Unified Modelling Language (UML)

    Menurut Henderi (2011:6)[20], langkah-langkah penggunaan Unified Modeling Language (UML) sebagai berikut:
    1. Buatlah daftar business process dari level tertinggi untuk mendefinisikan aktivitas dan proses yang mungkin muncul.
    2. Petakan use case untuk setiap business process untuk mendefinisikan dengan tepat fungsional yang harus disediakan oleh sistem, kemudian perhalus use case diagram dan lengkapi dengan requirement, constraints dan catatan-catatan lain.
    3. Buatlah deployment diagram secara kasar untuk mendefinisikan arsitektur fisik sistem.
    4. Definisikan requirement lain non fungsional, security dan sebagainya yang juga harus disediakan oleh sistem.
    5. Berdasarkan use case diagram, mulailah membuat activity diagram.
    6. Definisikan obyek-obyek level atas package atau domain dan buatlah sequence dan atau collaboration untuk tiap alur pekerjaan, jika sebuah use case memiliki kemungkinan alur normal dan error, buat lagi satu diagram untuk masing-masing alur.
    7. Buatlah rancangan user interface model yang menyediakan antar muka bagi pengguna untuk menjalankan skenario use case.
    8. Berdasarkan model-model yang sudah ada, buatlah class diagram. Setiap package atau domian dipecah menjadi hirarki class lengkap dengan atribut dan metodenya. Akan lebih baik jika untuk setiap class dibuat unit test untuk menguji fungsionalitas class dan interaksi dengan class lain.
    9. Setelah class diagram dibuat, kita dapat melihat kemungkinan pengelompokkan class menjadi komponen-komponen karena itu buatlah component diagram pada tahap ini. Juga, definisikan test integrasi untuk setiap komponen meyakinkan ia bereaksi dengan baik.
    10. Perhalus deployment diagram yang sudah dibuat. Detailkan kemampuan dan requirement piranti lunak, sistem operasi, jaringan dan sebagainya. Petakan komponen ke dalam node.
    11. Mulailah membangun sistem. Ada dua pendekatan yang tepat digunakan:
      a. Pendekatan use case dengan mengassign setiap use case kepada tim pengembang tertentu untuk mengembangkan unit kode yang lengkap dengan test.
      b. Pendekatan komponen yaitu mengassign setiap komponen kepada tim pengembang tertentu.

    Konsep Pemodelan Menggunakan UML

    Menurut Nugroho (2010:10)[18], “Sesungguhnya tidak ada batasan yang tegas diantara berbagai konsep dan konstruksi dalam UML, tetapi untuk menyederhanakannya, kita membagi sejumlah besar konsep dan dalam UML menjadi beberapa view. Suatu view sendiri pada dasarnya merupakan sejumlah konstruksi pemodelan UML yang merepresentasikan suatu aspek tertentu dari sistem atau perangkat lunak yang sedang kita kembangkan. Pada peringkat paling atas, view-view sesungguhnya dapat dibagi menjadi tiga area utama, yaitu: klasifikasi struktural (structural classification), perilaku dinamis (dinamic behaviour), serta pengolahan atau manajemen model (model management)”.

    Bangunan Dasar Metodologi Unified Modeling Language (UML)

    Menurut Nugroho (2010:117)[18], “Bangunan dasar metodologi UML menggunakan dua bangunan dasar untuk mendeskripsikan sistem/perangkat lunak yang akan dikembangkan, yaitu :
    1. Sesuatu (things). Ada 4 (empat) things dalam UML, yaitu:
      1. Structural things merupakan bagian yang relatif statis dalam model Unified Modeling Language (UML). Bagian yang relatif statis dapat berupa elemen-elemen yang bersifat fisik maupun konseptual.
      2. Behavioral things merupakan bagian yang dinamis pada model Unified Modeling Language (UML), biasanya merupakan kata kerja dari model Unified Modeling Language (UML), yang mencerminkan perilaku sepanjang ruang dan waktu.
      3. Grouping things merupakan bagian pengorganisasi dalam Unified Modeling Language (UML). Dalam penggambaran model yang rumit kadang diperlukan penggambaran paket yang menyederhanakan model. Paket-paket ini kemudian dapat didekomposisi lebih lanjut. Paket berguna bagi pengelompokkan sesuatu, misalnya model-model dan subsistem-subsistem.
      4. Annotational things merupakan bagian yang memperjelas model Unified Modeling Language (UML) dan dapat berupa komentar-komentar yang menjelaskan fungsi serta ciri-ciri setiap elemen dalam model Unified Modeling Language (UML).
    2. Relasi (Relationship). Ada 4 (empat) macam relationship dalam Unified Modeling Language (UML), yaitu:
      1. Ketergantungan merupakan hubungan dimana perubahan yang terjadi pada suatu elemen mandiri (independent) akan mempengaruhi elemen yang bergantung pada elemen yang tidak mandiri (dependent).
      2. Asosiasi merupakan apa yang menghubungkan antara objek satu dengan objek lainnya, bagaimana hubungan suatu objek dengan objek lainnya. Suatu bentuk asosiasi adalah agregasi yang menampilkan hubungan suatu objek dengan bagian-bagiannya.
      3. Generalisasi merupakan hubungan dimana objek anak (descendent) berbagi perilaku dan struktur data dari objek yang ada diatasnya objek induk (ancestor). Arah dari atas ke bawah dari objek induk ke objek anak dinamakan spesialisasi, sedangkan arah berlawanan sebaliknya dari arah bawah ke atas dinamakan generalisasi.
      4. Realisasi merupakan operasi yang benar-benar dilakukan oleh suatu objek.

    Jenis-jenis diagram UML (Unified Modeling Language)

    Menurut Henderi (2011:5)[20], Berikut ini adalah definisi mengenai 5 diagram UML:
    1. Use Case Diagram secara grafis menggambarkan interaksi antara sistem, sistem eksternal dan pengguna. Dengan kata lain use case diagram secara grafis mendeskripsikan siapa yang akan menggunakan sistem dan dalam cara apa pengguna (user) mengharapkan interaksi dengan sistem itu. Use case secara naratif digunakan untuk secara tekstual menggambarkan sekuensi langkah-langkah dari setiap interaksi.

    2. 9.png
      Gambar 2.9 Contoh Use Case Diagram



    3. Class Diagram menggambarkan struktur object sistem. Diagram ini menunjukkan class object yang menyusun sistem dan juga hubungan antara class object tersebut.

    4. 10.png
      Gambar 2.10 Contoh Class Diagram


    5. Sequence Diagram secara grafis menggambarkan bagaimana objek berinteraksi dengan satu sama lain melalui pesan pada sekuensi sebuah use case atau operasi.

    6. 11.png
      Gambar 2.11 Contoh Sequence Diagram



    7. State Chart Diagram digunakan untuk memodelkan behaviour objek khusus yang dinamis. Diagram ini mengilustrasikan siklus hidup objek berbagai keadaan yang dapat diasumsikan oleh objek dan event-event (kejadian) yang menyebabkan objek beralih dari satu state ke state yang lain.

    8. 12.png
      Gambar 2.12 Contoh State Chart Diagram


    9. Activity Diagram secara grafis digunakan untuk menggambarkan rangkaian aliran aktivitas baik proses bisnis maupun use case. Activity diagram dapat juga digunakan untuk memodelkan action yang akan dilakukan saat sebuah operasi dieksekusi, dan memodelkan hasil dari action tersebut.


    13.png
    Gambar 2.13 Contoh Activity Diagram

    Konsep Dasar Testing

    Definisi Testing

    Menurut Rizky (2011:237)[21], "Testing adalah sebuah proses yang diejawantahkan sebagai siklus hidup dan merupakan bagian dari proses rekayasa perangkat lunak secara terintegrasi demi memastikan kualitas dari perangkat lunak secara terpenuhi kebutuhan teknis yang telah disepakati dari awal".
    Detail tahapan yang harus dilampaui dalam kaitan kebutuhan perangkat lunak dari sudut pandang testing perangkat lunak adalah:
    1. Verifikasi.
      Verifikasi adalah proses pemeriksaan untuk memastikan bahwa perangkat lunak telah menjalankan apa yang harus dilakukan dari kesepakatan awal antara pengembang perangkat lunak dan pengguna.
    2. Validasi.
      Validasi adalah sebuah proses yang melakukan konfirmasi bahwa perangkat lunak dapat dieksekusi secara baik.
      Definisi dari standart yang harus dipenuhi oleh kebutuhan perangkat lunak adalah pembebasan perangkat lunak dari failure, fault, dan error serta incident dijelaskan dalam detail berikut:
      1. Failure.
      Failure adalah kegagalan perangkat lunak dalam melakukan proses yang seharusnya menjadi kebutuhan perangka lunak tesebut.
      2. Fault.
      Fault adalah akar permasalahan dari kegagalan sebuah perangkat lunak.
      3. Error.
      Error adalah akibat dari adanya fault atau kerusakan yang kemudian dipicu oleh perilaku pengguna.
      4. Incident.
      Incident atau kecelakaan merupakan hasil akhir yang terjadi akibat dari error yang berkelanjutan dan tidak diperbaiki atau tidak terdeteksi dalam proses pengembangan perangkat lunak.

    Acuan dan Pengukuran Testing

    Menurut Rizky (2011:256)[21], "Acuan testing adalah satuan pengukuran secara kuantitatif dari proses testing yang dijalankan. Sedangkan pengukuran testing adalah aktivitas untuk menentukan keluaran testing berdasarkan acuan yang telah ditetapkan dalam proses testing".
    Banyak pendapat yang menyatakan tentang panduan membuat acuan dalam proses testing perangkat lunak, meski demikian dari sekian banyak pendapat tersebut ada beberapa pedoman yang dapat digunakan dalam penentuan acuan testing antara lain:
    1. Waktu.
      Dalam hal acuan waktu, harus disepakati bersama satuan yang akan digunakan. Apakah akan menggunakan satuan dalam hitungan tahun, bulan, atau hari dari jadwal penyelesaian perangkat lunak yang ada.
    2. Biaya.
      Dalam testing juga penting untuk ditetapkan acuan biaya yang akan digunakan. Acuan umum ini didasarkan pada anggaran yang telah ditetapkan dan kemudian diperiksa kembali dengan biaya yang telah dikeluarkan selama pembuatan perangkat lunak.
    3. Kinerja testing.
      Yang dimaksud dengan kinerja testing adalah efektivitas dan efiensi dalam pelaksanaan testing. Efektifitas dalam konteks ini dapat diartikan sebagai pencapaian tujuan dari proses testing. Apakah proses testing telah berjalan sebagaimana mestinya, demi mencapai pemenuhan kualitas serta kebutuhan perangkat lunak, atau hanya demi mencari kesalahan sehingga menjatuhkan tim pengembang perangkat lunak.
    4. Kerusakan
      Seperti yang telah dijelaskan di sub bab sebelumnya, bahwa proses testing tidak hanya berupa proses untuk mencari kesalahan maupun kerusakan di dalam sebuah perangkat lunak. Tetapi lebih sebagai upaya bersama untuk mencapai kualitas sebuah perangkat lunak. Meski demikian, kerusakan yang ditemukan pada saat proses testing tetap menjadi acuan dari pelaksanaan testing tersebut. Hanya pada saat sebuah kerusakan ditemukan, maka harus diklasifikasikan terlebih dahulu agar tidak terkesan bahwa proses testing berjalan subyektif.

    Tipe dan Teknik Testing

    Menurut Rizky (2011:259), "Tipe testing lebih berkonsentrasi terhadap aspek dari perangkat lunak yang akan dikenai proses testing. Teknik testing merupakan metode yang digunakan dalam melakukan testing untuk bagian tertentu dari perangkat lunak".
    Secara teoritis, testing dapat dilakukan dengan berbagai jenis tipe dan teknik. Salah satunya yaitu dengan cara black box testing.



    Black Box Testing

    Menurut Rizky (2011:265)[21], definisi black box testing adalah sebagai berikut:
    Black box testing adalah tipe testing yang memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah "kotak hitam" yang tidak penting dilihat isinya, tapi cukup dikenai proses testing di bagian luar.
    Beberapa keuntungan yang diperoleh dari jenis testing ini antara lain:

    1. Anggota tim tester tidak harus dari seseorang yang memiliki kemampuan teknis di bidang pemrograman.
    2. Kesalahan dari perangkat lunak ataupun bug seringkali ditemukan oleh komponen tester yang berasal dari pengguna.
    3. Hasil dari black box testing dapat memperjelaskan kontradiksi ataupun kerancuan yang mungkin ditimbulkan dari eksekusi perangkat lunak.

    4. Proses testing dapat dilakukan lebih cepat dibandingankan white box testing.
    Beberapa teknik testing yang tergolong dalam tipe ini antara lain:
    1. Equivalence Partitioning.
      Pada teknik ini, tiap inputan data dikelompokan ke dalam grup tertentu, yang kemudian dibandingkan outputnya.
    2. Boundary Value Analysis.
      Merupakan teknik yang sangat umum digunakan pada saat awal sebuah perangkat lunak selesai dikerjakan. Pada teknik ini, dilakukan inputan yang melebihi dari batasan sebuah data. Sebagai contoh, untuk sebuah inputan harga barang, maka dapat dilakukan testing dengan menggunakan angka negatif (yang tidak diperbolehkan dalam sebuah harga). Jika perangkat lunak berhasil mengatasi inputan yang salah tersebut, maka dapat dikatakan teknik ini telah selesai dikatakan.
    3. Cause Effect Graph.
      Dalam teknik ini, dilakukan proses testing yang menghubungkan sebab dari sebuah inputan dan akibatnya pada output yang dihasilkan. Sebagai contoh, pada sebuah inputan nilai siswa, jika diinputkan angka 100, maka output nilai huruf seharusnya adalah A. Tetapi bisa dilakukan testing, apakah output nilai huruf yang dikeluarkan jika ternyata inputan nilai adalah 67.5.
    4. Random Data Selection.
      Seperti namanya, teknik ini berusaha melakukan proses inputan data dengan menggunakan nilai acak. Dari hasil inputan tersebut kemudian disebut sebuah tabel yang menyatakan validasi dari output yang dihasilkan.
    5. Feature Test.
      Pada teknik ini, dilakukan proses testing terhadap spesifikasi dari perangkat lunak yang telah selesai dikerjakan. Misalkan, pada perangkat lunak sistem informasi akademik. Dapat dicek dengan fitur untuk melakukan entri nilai telah tersedia, begitu dengan fitur entri data siswa maupun entri data guru yang akan malakukan entri nilai.

    Konsep Dasar Elisitasi

    Menurut Saputra (2012:51)[22], "Elisitasi merupakan rancangan yang dibuat berdasarkan sistem yang baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk di eksekusi". Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap, yaitu:
    1. Tahap I.
      Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.
    2. Tahap II.
      Hasil pengklasifikasian elisitasi tahap I berdasarkan metode MDI. Metode MDI bertujuan memisahkan antara rancangan sistem yang penting dan harus ada sistem baru dengan rancangan yang disanggupi oleh penulis untuk di eksekusi. M pada MDI berarti mandatory (penting). Maksudnya, requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru. D pada MDI berarti desirable, maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Namun, jika requirement tersebut digunakan dalam pembentukan sistem maka akan membuat sistem tersebut lebih sempurna. I pada MDI berarti inessential, maksudnya requirement tersebut bukanlah bagian sistem yang dibahas, tetapi bagian dari luar sistem.
    3. Tahap III.
      Merupakan hasil penyusutan elisitasi tahap II dengan cara mengeliminasi semua requirement dengan option I pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali melalui TOE, yaitu:
      • T artinya teknikal, bagaimana tata cara atau teknik pembuatan requirement dalam sistem disusulkan.
      • O artinya operasional, bagaimana tata cara pengguna requirement dalam sistem akan dikembangkan.
      • E artinya ekonomi, berapakah biaya yang diperlukan guna membanguan requirement di dalam sistem.
      Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu:
      • High (H) : Sulit untuk dikerjakan, karena teknik pembuatan dan pemakaiannya sulit serta biayanya mahal. Maka requirement tersebut harus di eliminasi.
      • Middle (M) : Mampu dikerjakan.
      • Low (L) : Mudah dikerjakan.
    4. Final Draft Elisitasi.
      Final draft elisitasi merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.

    Konsep Dasar Literature Review

    Definisi Literature Review

    Penelitian sebelumnya (literatur review) merupakan survey literatur tentang penemuan-penemuan yang dilakukan oleh peneliti sebelumnya (emprical fiding) yang berhubungan dengan topik penelitian. Literatur review bukan hanya mengumpulkan jurnal atau hasil penelitian yang sesuai dengan topik penelitian. Bagian utama dari literatur review berisi tentang tujuan penelitian, model yang digunakan, data dan hasil atau kesimpulan dari sebuah penelitian. Bagian pokok yang tidak boleh dilewatkan yaitu tentang diskusi atau tanggapan penulis atau peneliti tentang literatur review.
    Jika memungkinkan dan sangat dianjurkan untuk mencarikan jurnal atau hasil penelitian yang mendukung dan tidak dari jurnal yang direview dengan maksud peneliti akan mendapatkan gambaran permasalahan yang dihadapi lebih detail dan mendalam dari sisi yang se-aliran pemikiran dan berbeda pemikiran.



    Langkah-langkah Melakukan Kajian Literature Review

    Berikut ini adalah langkah-langkah dalam melakukan kajian literature review (Suryo dkk, 2010:87)[23], yaitu:
    1. Mengidentifikasi kesenjangan (identify gaps) penelitian ini.
    2. Menghindari membuat ulang (reinventing the wheel) sehingga banyak menghemat waktu serta menghindari kesalahan yang pernah dilakukan oleh orang lain.
    3. Mengidentifikasikan metode yang pernah dilakukan dan relevan terhadap penelitian ini.
    4. Meneruskan capaian penelitian sebelumnya sehingga dengan adanya studi pustaka ini, penelitian yang akan dilakukan dapat dibangun di atas platform pengetahuan atau ide yang sudah ada.
    5. Mengetahui orang lain yang ahli dan mengerjakan diarea penelitian yang sama sehingga dapat terjaring dalam komunitas yang dapat memberikan kontribusi sumber daya yang berharga.

    Literature Review

    Terdapat beberapa penelitian sebelumnya yang memiliki korelasi yang searah dengan penelitian yang akan dibahas dalam Skripsi ini, yaitu :
    1. Penilitian yang di lakukan oleh Asep Suryadi (2011)[24], berjudul ” Perancangan Sistem Informasi Peminjaman Dan Pengembalian Buku Di Perpustakaan Smk Plus Berkualitas Lengking Mandiri Tangerang” Sistem peminjaman dan pengembalian buku menjadi terkomoputerisasi. Analisa ini bertujuan untuk mengetahui bagaimana sistem perpustakaan pada saat peminjaman dan pengembalian buku yang sedang berjalan. Dengan analisa ini dapat diketahui dalam proses peminjaman dan pengembalian buku masih sering terjadi kesalahan dalam pencatatan yang dilakukan secara manual sehingga menghambat dalam pembuatan laporan.
    2. Penelitian yang dilakukan oleh Faisal Munadi (2013)[25], Penelitian yang berjudul “Sistem Informasi Pendataan AlumniBerbasis WebPada STMIK U'Budiyah Indonesia” Penelitian ini menunjukkan hasil bahwa untuk menyajikan informasi Alumni STMIK U’Budiyah Indonesia yang meliputi penyajian data alumni. Serta informasi lainnya yang dirasa perlu untuk disajikan pada saat dibutuhkan seperti, memudahkan pencarian alumni lama atau baru. Pengembangan sistem informasi berbasis web ini, maka penanganan terhadap perubahan data baik itu penambahan, pengurangan atau pencarian data akan lebih mudah.
    3. 3. Penilitian yang di lakukan oleh Riadi Dwi Atmaja (2011)[26], berjudul “Perancangan Sistem Informasi Pengolahan Data Perpustakaan pada SMA Islamic Centre Berbasis Web” Perancangan pengolahan data perpustakaan yang berbsasis web. Penelitian ini bertujuan untuk mempermudah dalam pengolahan data perpustakaan baik dalam pengolahann data anggota, data buku, data peminjaman dan pengembalian buku serta dalam pengolahan laporan.
    4. 4. Penelitian yang dilakukan oleh Basuki rahmad, Bambang Eka Purnama (2013)[27] mengenai “Rancang pembangunan Web E-library Pada Perpustakaan Aptikom Indonesia Berbasis Web” yaitu Perpustakaan APTIKOM Indonesia, sebagai solusinya adalah dibangunnya sebuah Perpustakaan on-line (e-library). Dalam perancangan E-Library ini ditunjang oleh aplikasi-aplikasi pengolah informasi atau data yaitu PHP, MySQL, Web server. Dalam pengembangan selanjutnya dapat dilakukan beberapa hal untuk kesempurnaan alat yang berkaitan dengan Perpustakaan model E-Library, yaitu: (1) Sebaiknya dilakukan penambahan beberapa fitur yang bertujuan agar para pengguna Perpustakaan lebih tertarik dalam menggunakan fasilitas E-Library. (2) Untuk mengetahui sejauh mana minat baca pengunjung terhadap buku yang telah disedikan perlu ditambah rating buku.
    5. 5. Penelitian yang dilakukan Pangaribuan (2010)[28] Penelitian ini membahas mengenai “Pengelolaan Perpustakaan Digital di Universitas Sumatera Utara”. Sistem tersebut diusulkan untuk menciptakan sarana dan prasarana yang lebih modern yang dibutuhkan oleh mahasiswa USU dalam pembelajaran, sehingga Mahasiswa USU dapat dengan mudah mengakses informasi/data yang mereka butuhkan.

    BAB III

    ANALISA SISTEM YANG BERJALAN

    Gambaran Umum SMK Negeri 8 Kota Tangerang

    Sejarah Singkat SMK Negeri 8 Kota Tangerang

    SMK Negeri 8 Kota Tangerang merupakan salah satu Sekolah Menengah Kejuruan yang berperan sebagai instansi pendidikan dengan tujuan mendidik murid dan mengajarkan suatu ilmu yang bermanfaat kepada peserta didik dimana konsep pendidikannya berfokus pada siap kerja. SMK Negeri 8 Kota Tangerang memiliki Guru-guru sebagai pengajar murid di sekolah dan juga memiliki beberapa staff dalam menjalankan program yang telah di buat oleh SMK Negeri 8 Kota Tangerang. SMK Negeri 8 Kota Tangerang memiliki dua Kompetensi Keahlian yaitu Teknik Pendinginan dan Tata Udara (TPTU) dan Teknik Mekatronika. Sekolah SMK Negeri 8 Kota tangerang ini beralamatkan di Jln. H.Djasirin No.4 RT.01 RW.02 Kelurahan Jatiuwung Kec. Cibodas Kota Tangerang.

    Visi dan Misi SMK Negeri 8 Kota Tangerang :

    1. Visi

    Menjadikan lembaga pendidikan dan pelatihan yang menghasilkan tamatan yang berkualitas, berahlak mulia, kompeten, mandiri, berjiwa interpreneur dan berwawasan lingkungan.”

    2. Mis

    a. Memberikan layanan prima terhadap pelanggan (Siswa, Masyarakat dan Industri) dalam semua aspek pendidikan untuk menghasilkan tenaga lulusan yang berkualitas, kompeten, mandiri, berahlak mulia, berjiwa interpreneur dan memiliki kesadaran terhadap keharmonisan lingkungannya.

    b. Melaksanakan kegiatan belajar mengajar secara optimal baik kurikuler dan ekstrakurikuler sebagai pengembangan karakter untuk mengembangkan potensi bakat dan minat siswa dalam meraih prestasi.

    c. Meningkatkan mutu Sumber Daya Manusia (SDM) yang berkarakter melalui dukungan Ilmu Pengetahuan dan Teknologi (IPTEK) dan Iman Taqwa (IMTAQ).

    d. Meningkatkan kualitas tamatan yang sesuai dengan Standar Kompetensi Nasional (SKN) dalam menghadapi dunia kerja pada era globalisasi.


    Struktur Organisasi

    Struktur organisasi adalah susunan subsistem atau subbagian dengan wewenang dan tanggung jawab masing-masing. Dimana pengorganisasian merupakan proses penyusunan sruktur organisai yang sesuai dengan tujuan organisasi, sumber daya yang dimiliki dan lingkungan yang melingkupinya.

           Struktur organisasi memungkinkan adanya pembagian tugas yang jelas dan tepat. Adapun struktur organisasi perpustakaan pada SMK Negeri 8 Kota Tangerang dapat dilihat pada gambar 3.1
    


    struk%2Bor.png
    Gambar 3.1 Struktur Organisasi Perpustakaan



    Tugas dan Tanggung Jawab

    Dalam melaksanakan kegiatan sistem perpustakaan, SMK Negeri 8 Kota Tangerang telah menerapkan pembagian tugas dan wewenang personil yang ada berdasarkan kemampuannya, hal ini dilakukan dengan harapan dapat tercapainya organisasi yang efektif, efisien, dan dinamis.

          Tugas dan tanggung jawab dari masing-masing bagian yang ada di struktur organisasi diatas adalah sebagai berikut:
    

    1. Kepala Sekolah

    a. Mengkoordinasikan dan mengawasi secara umum kegiatan perpustakaan.

    2. Kepala Perpustakaan

    a. Mengkoordinasi tugas seluruh perpustakaan.

    b. Menentukan kebijakan yang diperlukan untuk perpustakaan.

    c. Membina, membimbing. mengawasi dan mengarahkan pelaksanaan harian dalam menjalankan tugasnya.

    3. Bagian Teknis

    a. Melakukan pengadaan buku pepustakaan.

    b. Melakukan pemeriksaan buku pepustakaan.

    c. Menstempel buku-buku perpustakaan.

    d. Memasukkan buku pada buku induk mengklasifikasikan buku.

    e. Melakukan penyusunan koleksi.

    4. Bagian Pelayanan

    a. Melayani pendaftaran calon anggota.

    b. Melayani peminjaman dan pengembalian.

    c. Pelayanan refrensi, sesuai dengan jam perpustakaan.

    d. Pengontrolan administrasi denda.

    5. Bagian Pemeliharaan

    a. Menyampul buku.

    b. Mengadakan perbaikan buku-buku yang rusak.

    c. Penyusunan.


    Tata Laksana Sistem Yang Berjalan

    Prosedur Sistem Yang Berjalan

    Prosedural administrasi peminjaman buku pada perpusatakaan SMK Negeri 8 Kota Tangerang :

    1. Siswa datang ke perpustakaan sekolah untuk melakukan pemilihan buku dan jika ada buku yang diperlukan maka siswa akan meminjamnya.

    2. Siswa memberikan buku yang akan di pinjam ke petugas perpustakaan.

    3. Petugas perpustakaan menanyakan nama, nis dan jangka waktu peminjaman.

    4. Petugas perpusatakaan melakukan pencatatan peminjaman ke buku peminjaman.

    5. Petugas perpustakaan mencatat kembali nama, nis dan jangka waktu serta data buku pada tanda terima.

    6. Siswa melakukan tanda tangan penerimaan buku.

    7. Siswa membawa buku yang di pinjam.

    8. Jika buku sudah selesai digunakan siswa, maka siswa akan mengembalikan ke perpustakaan.

    9. Jika lupa mengembalikan, petugas perpus harus mengingatkan.


    Rancangan Prosedur Sistem Berjalan

    Use Case Diagram Sistem Yang Berjalan

    Untuk menganalisa sistem yang berjalan, pada penelitian ini digunakan program Unified Modeling Languange (UML) untuk menggambarkan prosedur dan proses yang berjalan saat ini, pada penggambaran kali ini digunakan use case diagram yaitu sebagai berikut :


    1.png
    Gambar 3.2 Use Case Diagram Peminjaman Buku


    Berdasarkan gambar 3.2 Use Case Diagram berjalan di atas terdapat :

    a. 1 sistem berjalan yang mencakup seluruh kegiatan peminjaman buku pada perpustakaan sekolah.

    a. 2 actor yang melakukan kegiatan, yaitu petugas dan siswa.

    a. 6 use case yang biasa dilakukan oleh actor – actor tersebut diantaranya : peminjaman buku, pencatatan peminjaman, cari buku, tanda terima, tanda tangan, pengembalian buku.


    Sequence Diagram Sistem Yang Berjalan


    2.png
    Gambar 3.3 Sequence Diagram Peminjaman buku



    Berdasarkan gambar 3.3 Sequence Diagram yang berjalan di atas terdapat :

    a. 2 actor melakukan kegiatan yaitu, Siswa dan Petugas.

    b. 4 Life Line, objek entity antarmuka yang saling berinteraksi diantaranya : Peminjaman buku, pencatatan peminjaman, tanda terima dan pengembalian buku.

    c. 8 Message, spesifikasi dari komunikasi antar objek yang memuat informasi – informasi tentang aktifitas yang terjadi diantaranya : siswa mengajukan peminjaman buku, lalu petugas melakukan pencatatan, setelah itu petugas memberikan tanda terima, siswa menerima tanda terima, siswa memberikan tanda tangan, lalu siswa mengembalikan buku yang dipinjam jika sudah meminjam, petugas mencatat pengembalian buku dan melakukan pengembalian buku tersebut ke rak.


    Activity Diagram Yang Berjalan


    3.png
    Gambar 3.4 Activity Diagram Peminjaman buku



    Berdasarkan Gambar 3.4 Activity Diagram yang berjalan saat ini terdapat :


    a. 1 Initial Node, objek yang diawali.

    b. 8 Action, state dari sistem yang mencerminkan eksekusi dari suatu aksi diantaranya : Siswa mengajukan peminjaman buku, petugas melakukan pencatatan peminjaman, petugas memberikan tanda terima, siswa menerima tanda terima, siswa memberikan tanda tangan, siswa melakukan pengembalian buku, petugas mencatat pengembalian buku, petugas melakukan pengembalian buku tersebut ke rak.


    Analisa Sistem Yang Berjalan

    Metode Analisa Sistem

    Metode analisa sistem yang digunakan yaitu dengan menggunakan analisa SWOT yang dapat memaksimalkan kekuatan (Strengths), kelemahan (Weakness), peluang (Opportunities) dan ancaman (Threats) baik secara internal maupun eksternal. Dibawah ini adalah matriks SWOT internal yang dibuat dalam menganalisa penelitian:


    Dibawah ini adalah matriks SWOT eksternal yang dibuat dalam menganalisa penelitian:

    Analisa Masukan, Analisa Proses, Analisa Keluaran

    Analisa Masukan

    Nama Masukan : Anggota Perpustakaan.

    Fungsi : Untuk Pendataan berapa banyak anggota yang terdaftar sebagai anggota perpustakaan.

    Sumber : Petugas

    Media : Buku Besar

    Frekuensi  : Setiap Bulan

    Format : Lampiran A1.

    Keterangan  : Berisi data anggota perpustakaan.

    Nama Masukan : Buku.

    Fungsi : Untuk Pendataan buku-buku yang ada di perpustakaan sekolah SMK Negeri 8 Kota Tangerang.

    Sumber : Petugas

    Media : Buku Besar

    Frekuensi  : Setiap Bulan

    Format : Lampiran A1.

    Keterangan  : Berisi data-data buku.

    Nama Masukan : Peminjaman.

    Fungsi : Untuk Pendataan buku yang sedang di pinjam dan peminjam.

    Sumber : Petugas

    Media : Buku Besar

    Frekuensi  : Setiap Bulan

    Format : Lampiran A1.

    Keterangan  : Berisi data buku yang dipinjam dan peminjam.

    Nama Masukan : Petugas Perpus/Kepala Sekolah/Guru.

    Fungsi : Untuk Pendataan petugas perpustakaan.

    Sumber : Petugas

    Media : Buku Besar

    Frekuensi  : Setiap Bulan

    Format : Lampiran A1.

    Keterangan  : Berisi data-data petugas perpustakaan.

    Analisa Proses

    Nama Modul  : Peminjaman setiap periode

    Masukkan : Peminjaman buku

    Keluaran : Laporan peminjaman

    Ringkasan Proses : Proses yang terjadi adalah apabila Petugas menerima Siswa dan melakukan pencatatan data Siswa lalu para Siswa mulai mencari buku untuk meminjam.

    Nama Modul  : Pengembalian setiap periode.

    Masukkan : Pengembalian buku.

    Keluaran : Laporan pengembalian buku.

    Ringkasan Proses : Proses yang terjadi adalah apabila Petugas menerima Siswa untuk mengembalikan buku yang mereka pinjam.

    Analisa Keluaran

    Nama Keluaran : Laporan peminjaman setiap periode

    Fungsi : Mencetak atau menampilkan laporan peminjaman buku setiap periode.

    Media : Buku

    Rangkap  : 1 Buku

    Pinjaman : Buku 1 untuk Laporan Pinjaman buku setiap periode.

    Nama Keluaran : Laporan pengembalian setiap periode.

    Fungsi : Mencetak atau menampilkan laporan pengembalian buku setiap periode.

    Media : Buku

    Rangkap  : 1 Buku

    Pinjaman : Buku 1 untuk Laporan pengembalian buku setiap periode..

    Nama Keluaran : Laporan kondisi buku setiap periode.

    Fungsi : Mencetak atau menampilkan laporan kondisi buku setiap periode.

    Media : Buku

    Rangkap  : 1 Buku

    Pinjaman : Buku 1 untuk laporan kondisi buku setiap periode.

    Nama Keluaran : Laporan peminjaman yang kena denda.

    Fungsi : Mencetak atau menampilkan laporan Peminjaman yang terkena denda setiap periode.

    Media : Buku

    Rangkap  : 1 Buku

    Pinjaman : Buku 1 untuk Laporan peminjaman yang terkena denda setiap periode


    Konfigurasi Sistem Berjalan

    Pada konfigurasi sistem ini SMK Negeri 8 Kota Tangerang masih menggunakan Sistem secara manual dimana masih menggunakan media buku besar sebagai pencatatan data anggota, buku, peminjaman buku dan laporan sehingga konfigurasi hardware dan konfigurasi software pada sistem yang berjalan ini tidak ada, tetapi untuk hak akses ( Brainware ) sebagai berikut :

    1. Admin berfungsi untuk peninputan data anggota, buku, peminjaman dan pengembalian.

    2. Pimpinan untuk mengecek laporan selama proses kunjungan.


    Permasalahan yang Dihadapi dan Alternatif Pemecahan Masalah

    Permasalahan yang dihadapi

    Berdasarkan dari hasil penelitian peminjaman buku perpustakaan yang berjalan saat ini, ditemukan beberapa masalah yang dihadapi untuk proses peminjaman buku diantaranya :

    a. Proses pencatatan peminjaman masih terkesan lambat dan kurang efisien, dikarenakan masih menggunakan sistem catat menggunakan media tulis seperti pulpen yang dicatat pada buku daftar pinjaman.

    b. Waktu untuk mencari daftar buku yang masih ada dalam perpustakaan atau sedang dipinjam memerlukan proses yang cukup lama, karena petugas harus satu persatu membaca daftar buku yang ada pada perpustakaan dan yang sedang dipinjam keluar, bahwa terkadang petugas harus melakukan pengecekan pada rak buku satu persatu.

    c. Pada saat siswa mengembalikan buku, petugas harus melakukan pencatatan kembali bahwa buku sudah dikembalikan dan petugas mencari daftar buku tersebut dicatatan daftar buku untuk dirubah statusnya menjadi tersedia.

    d. Dan yang terpenting ketika masa waktu peminjaman buku sudah habis, akan tetapi siswa belum juga melakukan pengembalian, petugas tidak mendapatkan pesan atau pemberitahuan buku tersebut belum dikembalikan oleh siswa, sehingga menyebabkan seringnya buku hilang.

    Alternatif Pemecahan Masalah

    Dari permasalahan yang dihadapi maka akan muncul alternatif pemecahan permasalahan yang ada seperti sebagai berikut:

    1. Proses pencatatan peminjaman menggunakan sistem input, sehingga jika informasi data peminjaman dibutuhkan, hanya dengan menggunakan proses pencarian pada tombol search, maka akan muncul informasi data peminjaman tersebut.

    2. Dibutuhkan sistem yang dapat memberikan informasi posisi buku berada pada rak mana dan sistem dapat memberikan informasi buku yang sedang dipinjam atau berada di perpustakaan dalam jumlah yang ada, sehingga untuk mengetahui jumlah buku, dapat diketahui hanya dengan melihat data laporan stok buku yang ada pada perpustakaan.

    3. Tidak lagi melakukan pencatatan ulang jika petugas menerima pengembalian buku, namun hanya dengan fitur pengembalian buku pada sistem, dengan beberapa kali klik buku tersebut sudah dapat didata telah kembali.

    4. Jika terjadi hal seperti buku yang seharusnya sudah dalam masa waktu pengembalian namun belum juga dikembalikan oleh siswa, maka sistem secara otomatis akan memberikan pemberitahuan kepada petugas melalui sistem yang digunakan petugas.


    User Requirement

    Elisitasi Tahap I

    Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen sekolah terkait melalui proses wawancara, berikut adalah tabel elisitasi tahap I :


    Tabel 3.1 Tabel Elisitasi Tahap I
    1.jpg
    2.jpg


    Elisitasi Tahap II

    Merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI. Metode MDI ini bertujuan untuk memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi untuk dieksekusi.:


    3.2 Tabel Elisitasi Tahap II
    3.jpg
    4.jpg

    Elisitasi Tahap III

    Merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya I pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE.:


    Tabel 3.3 Elisitasi Tahap III
    5.jpg
    6.jpg
    7.jpg

    Elisitasi Final

    Merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.



    Tabel 3.4 Elisitasi Final
    8.jpg
    9.jpg
    ELISITASI%2B1.jpg
    ELISITASI%2B2.jpg


    BAB IV

    RANCANGAN SISTEM YANG DIUSULKAN

    Rancangan Sistem Usulan

    Prosedur Sistem Usulan

    Dari analisa sistem yang berjalan saat ini, terdapat beberapa prosedur sistem usulan. Prosedur sistem usulan bertujuan untuk mempermudah sistem saat ini agar permasalahan yang sering dihadapi dapat diminimalkan dan mendapatkan hasil yang optimal. Berdasarkan dari urutan prosedur sistem yang berjalan, menunjukkan bahwa ada beberapa kendala atau masalah yang terjadi diantaranya dari segi waktu, proses peminjaman yang melakukan input data peminjam dan data buku tidak hanya melakukan proses sekali saja, akan tetapi jika terjadi pengembalian buku maka petugas harus melakukan input kembali data buku yang sudah dikembalikan. Berikut uraian prosedur system usulan :

    1. 1. Siswa
      a. Menampilkan Halaman Utama.
      b. Siswa Melakukan Login.
      c. Siswa Melihat Biodata Siswa.
      d. Siswa Dapat Melihat Data Buku.
      e. Siswa Dapat Melihat Data Peminjaman Yang Dipinjam Oleh Siswa Tersebut.
      4. Siswa Dapat Melakukan Logout.

    2. 2. Petugas
      a. Menampilkan Halaman Utama.
      b. Petugas Melakukan Login.
      c. Petugas Dapat Mengelola Data Siswa.
      d. Petugas Dapat Mengelola Data Buku.
      e. Petugas Dapat Mengelola Data Rak.
      f. Petugas Dapat Melakukan Input Peminjaman Buku.
      g. Petugas Dapat Melakukan Edit Peminjaman Buku.
      h. Petugas Dapat Melihat Laporan Berdasarkan Periode Peminjaman Buku.


    Use Case Diagram Sistem Yang Diusulkan

    Untuk menganalisa sistem yang diusulkan, pada penelitian ini digunakan program Entreprise Architect untuk menggambarkan Use Case Diagram, Activity Diagram, Sequence Diagram, State Machine Diagram, dan Class Diagram.


    1.png
    Gambar 4.1 Usecase Diagram Petugas dan Siswa


    Berdasarkan gambar 4.1 Usecase Diagram pada petugas dan siswa yang diusulkan terdapat :

    1. Satu buah sistem yang merupakan rancangan usulan proses sistem pada Petugas dan Siswa.

    2. 2 Actor, yaitu siswa dan petugas yang mengelola data siswa, data buku, data rak, data peminjaman dan laporan, view menu data buku, peminjaman buku dan kelola akun.

    3. 11 Use Case yang bisa dilakukan oleh aktor-aktor tersebut diantaranya: Login, Tampilan home pada siswa, menu data buku, menu daftar pinjaman, update akun, tampilan home petugas, menu data siswa, menu data buku, menu data rak, menu peminjaman, menu laporan, logout.

    4. 7 include yang terdapat dalam menu yaitu : view data guru, view pinjaman buku, kelola akun, kelola data siswa, kelola data buku, kelola data rak dan kelola pinjaman.


    Activity Diagram Yang Diusulkan

    Activity Diagram Siswa


    2.png
    Gambar 4.2 Activity Diagram Siswa


    Berdasarkan gambar 4.2 Activity Diagram yang diusulkan terdapat :

    1. initial node dimana objek memulai kegiatan.
    2. Terdapat satu aktor yang dapat melakukan kegiatan yaitu siswa.
    3. Terdapat sepuluh action state yang berawal pada login. Alur action state terdiri dari masuk login jika gagal maka akan kembali ke login jika benar akan masuk pada home yang berisi Menu Data Buku, Menu Daftar Pinjaman Buku, Update Akun, lalu melakukan View Data Buku, View Pinjaman Buku, dan kelola akun. Dan berakhir pada action state Logout.
    4. Satu final node yang merupakan akhir dari kegiatan Siswa.

    Activity Diagram Petugas


    3.png
    Gambar 4.3 Activity Diagram Petugas


    Berdasarkan gambar 4.3 Activity Diagram yang diusulkan terdapat :

    1. initial node dimana objek memulai kegiatan.
    2. Terdapat satu aktor yang dapat melakukan kegiatan yaitu Petugas.
    3. Terdapat tiga belas action state yang berawal pada login. Alur action state terdiri dari masuk login jika gagal maka akan kembali ke login jika benar akan masuk pada home yang berisi Menu data siswa, menu data buku, menu data rak, menu peminjaman, menu laporan, melakukan kelola data siswa, kelola data buku, kelola data rak, dan kelola peminjaman. Dan berakhir pada action state logout.
    4. Satu final node yang merupakan akhir dari kegiatan Petugas.

    Sequence Diagram Yang Diusulkan

    Sequence Diagram Siswa


    4.png
    Gambar 4.4 Squence Diagram Siswa


    Berdasarkan gambar 4.4 Squence yang diusulkan terdapat :

    1. Terdapat satu aktor yaitu Siswa.
    2. Terdapat empat lifeline yaitu login, siswa, menu data dan logout.
    3. Terdapat enam message antara lain melakukan login, verifikasi, konfirmasi password dan usename salah, melihat biodata / profile siswa, review menu detail, dan logout.


    Sequence Diagram Pada Petugas


    5.png
    Gambar 4.5 Squence Diagram Petugas


    Berdasarkan gambar 4.5 Squence Diagram yang diusulkan terdapat :

    1. Terdapat satu aktor yaitu Petugas.
    2. Terdapat tiga lifeline yaitu login, menu data dan logout.
    3. Terdapat delapan message antara lain melakukan login, verifikasi, konfirmasi password dan usename salah, melakukan review pada data master, kelola data master, kelola peminjaman, menerima dan review laporan dan logout.



    Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan


    Tabel 4.1 Perbedaan Prosedur
    1.jpg




    Rancangan Basis Data

    Class Diagram


    7.png
    Gambar 4.6 Rancangan Sistem Class Diagram


    Spesifikasi Basis Data


    a. Nama File : File Admin

    Akronim : User

    Fungsi : Hak Akses

    Tipe File : File Master

    Organisasi File : Sequential

    Media : Harddisk

    Panjang Record : 33 Karakter

    Field Kunci : kd_admin


    2.jpg
    Tabel 4.2 Tabel Admin




    b. Nama File : File Anggota / Siswa

    Akronim : Anggota

    Fungsi : Untuk menyimpan data siswa

    Tipe File : File Master

    Organisasi File : Indexed Sequential

    Media  : Harddisk

    Panjang Record : 87 Karakter

    Field Kunci  : id_anggota


    3.jpg
    4.jpg
    Tabel 4.3 Tabel Anggota/Siswa




    c. Nama File : File Buku

    Akronim : bk

    Fungsi : Untuk menyimpan data buku

    Tipe File : File Master

    Organisasi File : Indexed Sequential

    Media  : Harddisk

    Panjang Record : 83 Karakter

    Field Kunci  : id_buku


    5.jpg
    Tabel 4.4 Tabel Data Buku




    d. Nama File : File Peminjam

    Akronim : pmjm

    Fungsi : Untuk menyimpan data peminjaman buku

    Tipe File : File Transaksi

    Organisasi File : Random

    Media  : Harddisk

    Panjang Record : 26 Karakter

    Field Kunci  : id_pinjam


    6.jpg
    Tabel 4.5 Tabel Peminjaman




    e. Nama File : File Petugas

    Akronim : ptgs

    Fungsi : Untuk menyimpan data petugas

    Tipe File : File Master

    Organisasi File : Indexed Sequential

    Media  : Harddisk

    Panjang Record : 68 Karakter

    Field Kunci  : id_petugas


    7.jpg
    Tabel 4.6 Tabel File Petugas




    f. Nama File : File Rak

    Akronim : rak

    Fungsi : Untuk menyimpan data rak

    Tipe File : File Master

    Organisasi File : Indexed Sequential

    Media  : Harddisk

    Panjang Record : 25 Karakter

    Field Kunci  : id_rak


    8.jpg
    Tabel 4.7 Tabel Rak




    Flowchart System Yang Diusulkan

    Bagan Alur Proses Siswa/Anggota


    8.png
    Gambar 4.7 Flowchart System Siswa/Anggota


    Bagan Alur Proses Petugas


    9.png
    Gambar 4.8 Flowchart System Petugas





    Rancangan Program

    Rancang Program Petugas


    9.jpg



    Rancang Program Siswa


    10.jpg




    Rancangan Prototype

    Rancangan Tampilan Halaman Login


    17.png
    Gambar 4.9 Rancangan Tampilan Menu Login


    Keterangan :

    1. Username, di isi username petugas.

    2. Password, di isi password petugas.

    3. Login, di tekan lalu akan masuk pada halaman utama petugas.



    Rancangan Tampilan Halaman Utama Petugas


    11.png
    Gambar 4.10 Rancangan Tampilan Halaman Utama Petugas


    Keterangan :

    1. Selamat Datang Petugas dan Image Selamat Datang.

    2. Input Siswa, menu untuk tambah siswa.

    3. Input Buku, menu untuk petugas menambahkan buku.

    4. Input Rak, menu untuk menambahkan data rak.

    5. Laporan, menu untuk petugas melihat laporan pinjaman.

    6. Logout, menu untuk petugas keluar dari aplikasi.



    Rancangan Tampilan Menu Siswa


    12.png
    Gambar 4.11 Rancangan Tampilan Menu Siswa


    Keterangan :

    1. Input Nama, Alamat, Tempat lahir, Tanggal lahir, no tlp, jenis kelamin, username dan password.

    2. Submit untuk melakukan save, Refresh untuk mengulang dan Back untuk membatalkan.

    3. Search untuk mencari data siswa.

    4. Tombol cari data dan all data untuk melihat data yang ada



    Rancangan Tampilan Menu Buku


    13.png
    Gambar 4.12 Rancangan Tampilan Menu Buku


    Keterangan :

    1. Input data kode, judul, pengarang, penerbit, tahun, lokasi, stok, kategori, dan rak buku.

    2. Terdapat button submit untuk menambahkan buku, refresh dan back untuk membatalkan.

    3. Tombol cari data dan all data untuk melihat data yang ada.




    Rancangan Tampilan Menu Rak


    14.png
    Gambar 4.13 Rancangan Tampilan Menu Rak


    Keterangan :

    1. Input nama rak, nomor rak

    2. Terdapat button submit untuk menambahkan buku, refresh dan back untuk membatalkan.

    3. Tombol cari data dan all data untuk melihat data yang ada.



    Rancangan Tampilan Menu Peminjaman


    15.png
    Gambar 4.14 Rancangan Tampilan Menu Peminjaman


    Keterangan :

    1. Menu Scan barcode untuk memunculkan data buku.

    2. Terdapat menu search untuk mencari data peminjaman.

    3. Terdapat button cari data dan all data untuk menampilkan data sesuai pencarian.

    4. Terdapat daftar data peminjaman buku yang terpinjam.



    Rancangan Tampilan Menu Laporan


    16.png
    Gambar 4.15 Rancangan Tampilan Menu Laporan


    Keterangan :

    1. Image menampilkan gambar Laporan.

    2. Tanggal pinjam, input mulai tanggal periode.

    3. Tanggal kembali, input tanggal kembali berdasarkan periode.

    4. Tombol Button Cari Data untuk menampilkan data berdasarkan periode.

    5. Show Entries, jumlah list yang di tampilkan.

    6. Menu Search untuk melakukan pencarian data berdasarkan kata kunci.

    7. Tombol Copy untuk melakukan duplikasi data.

    8. Tombol Print untuk menampilkan printout.

    9. Tombol Save untuk melakukan penyimpanan.

    10. Tombol Back untuk kembali kemenu sebelumnya.



    Rancangan Tampilan Menu Login Siswa


    17.png
    Gambar 4.16 Rancangan Tampilan Menu Login Siswa


    Keterangan :

    1. Username, untuk input username siswa.

    2. Password, untuk input password siswa.

    3. Tombol login, untuk dapat masuk ke halaman utama siswa.



    Rancangan Tampilan Menu Halaman Siswa


    18.png
    Gambar 4.17 Rancangan Tampilan Menu Halaman Siswa


    Keterangan :

    1. Selamat datang siswa dengan image selamat datang.

    2. Daftar Buku, untuk menampilkan daftar buku yang ada.

    3. Daftar Pinjam Buku, daftar buku yang di pinjam siswa.

    4. Update Akun, untuk merubah password siswa.

    5. Logout, untuk keluar data aplikasi.



    Rancangan Tampilan Menu Daftar Buku


    19.png
    Gambar 4.18 Rancangan Tampilan Menu Daftar Buku


    Keterangan :

    1. Image, aplikasi perpusatakaan.

    2. Menu search utuk menampilkan buku berdasarkan kata kunci.

    3. Tombol cari data dan all data untuk mencari data buku.



    Rancangan Tampilan Menu Daftar Pinjaman


    20.png
    Gambar 4.19 Rancangan Tampilan Menu Daftar Pinjaman


    Keterangan :

    1. Pengguna, menampilkan nama pengguna.

    2. Image menu pinjam buku.

    3. Menu search menampilkan data pinjaman yang berdasarkan kata kunci.

    4. Tombol cari data untuk mencari data.

    5. Tombol all data untuk menampilkan data buku secara keseluruhan.



    Rancangan Tampilan Menu Update Akun


    21.png
    Gambar 4.20 Rancangan Tampilan Menu Update Akun


    Keterangan :

    1. Input password lama untuk mengganti password.

    2. Input password baru untuk merubah password.

    3. Ulangi password baru untuk verifikasi password baru.

    4. Tombol Submit untuk menyimpan perubahan.

    5. Menu Refresh untuk membatalkan perubahan.

    6. Menu Back utuk kembali ke menu sebelumnya.




    Konfigurasi Sistem Usulan

    Spesifikasi Hardware


    Perangkat keras yang digunakan adalah sebagai berikut :

    a. Server Xeon

    b. Monitor : LED 17”

    c. Mouse : Optical

    d. Keyboard :Standar

    e. Memory 8 GB RAM DDR3

    Harddisk WDC 1 TB

    g. Printer Hp Deskjet



    Aplikasi Yang Digunakan


    a. Microsoft Windows 8

    b. Google Chrome

    c. Xammp

    d. PHP

    e. Notepad++

    f. Sublime



    Hak Akses


    a. Hanya Petugas yang dapat mengakses menu utama, Home. Tambah, edit, delete, view.

    b. Sedangkan Siswa hanya dapat view.




    Testing


    Implementasi program perancangan sistem informasi perpustakaan berbasis web pada SMK Negeri 8 Kota Tangerang dilakukan dengan menggunakan metode Black Box Testing. Metode Black Box Testing merupakan pengujian program yang mengutamakan pengujian terhadap kebutuhan fungsi dari suatu program. Tujuan dari metode Black Box Testing ini adalah untuk menemukan kesalahan fungsi pada program.

    Pengujian dengan metode Black Box Testing dilakukan dengan cara memberikan sejumlah input pada program. Input tersebut kemudian di proses sesuai dengan kebutuhan fungsionalnya untuk melihat apakah program aplikasi dapat menghasilkan output yang sesuai dengan yang diinginkan dan sesuai pula dengan fungsi dasar dari program tersebut.

    Apabila dari input yang diberikan, proses dapat menghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program yang dibuat sudah benar, tetapi apabila output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka masih terdapat kesalahan pada program tersebut, dan selanjutnya dilakukan penelusuran perbaikan untuk memperbaiki kesalahan yang terjadi.




    Tabel black box Login


    11.jpg
    12.jpg
    Tabel 4.8 Blackbox Menu Login



    Tabel black box Input Buku


    13.jpg
    Tabel 4.9 Blackbox Tambah Data Buku




    Evaluasi


    Setelah dilakukan pengujian dengan metode Black box yang dilakukan dengan cara memberikan sejumlah input pada program seperti contoh pengujian pada masing-masing menu dan sub menu. Jika input data tidak lengkap maka sistem akan menampilkan pesan dan menyampaikan pesan yang sangat membantu admin jika mendapati kesalahan saat input data yang tidak lengkap, selanjutnya yang kemudian akan diproses sesuai dengan kebutuhan fungsionalnya dan dapat menghasilkan output yang sesuai dengan yang diinginkan.





    Implementasi

    Schedule


    Perancangan sistem yang diusulkan diperkirakan memakan waktu kurang lebih 4 bulan, dan kegiatan yang dilakukan adalah :


    14.jpg
    Tabel 4.10 Tabel Time Schedule



    Penerapan


    Dibutuhkan waktu penerapan sistem yang dibutuhkan yang sudah dilakukan terhadap instansi yang bersangkutan, sebagai berikut:


    22.png
    Tabel 4.11 Tabel Penerapan




    Estimasi Biaya


    Rincian Anggaran Biaya (RAB) dalam masa pembuatan aplikasi perpustakaan ini sebagai berikut:


    15.jpg
    Tabel 4.12 Tabel Estimasi Biaya





    BAB V

    PENUTUP

    KESIMPULAN


    Berdasarkan analisa yang telah diuraikan pada bab sebelumnya, penulis menarik kesimpulan sebagai berikut :

    1. Sistem perpustakaan atau peminjaman buku yang berjalan saaat ini sangatlah tidak efisien karna terkesan manual, dalam pencatatan siswa yang melakukan peminjaman buku tersebut meski sudah menggunakan buku pencatatan, akan tetapi masih kurang baik karena buku tersebut jika hilang atau rusak tidak ada file backup.
    2. Perpustakaan SMK Negeri 8 Kota Tangerang menganggap proses pencarian buku pada perpustakaan sangat membutuhkan waktu yang lama karena harus mencari judul buku tersebut melalui pencarian satu per satu pada buku pencatatan dan jika tidak ditemukan informasi tersebut, maka petugas akan mencari satu per satu ke rak buku yang ada di perpustakaan.
    3. Setelah menganalisa permasalahan dan hambatan-hambatan yang ada, maka peneliti membuat sistem infromasi perpustakaan berbasis web yang dapat menghasilkan informasi yang lebih cepat. Mempermudah siswa dalam mencari informasi buku yang ada pada perpustakaan. Dan dapat membantu petugas perpustakaan dalam melakukan proses peminjaman buku, sehingga tertata rapih dan dapat memperkecil terjadinya kesalahan seperti kelengkapan data sehingga lebih efektif dan efesien.
    4. Sistem perpustakaan SMK Negeri 8 Kota Tangerang dimulai dari pembuatan diagram UML yang terdiri dari lima buah diagram yaitu usecase diagram, sequence diagram, activity diagram, state chart diagram, dan class diagram sebagai awal rancangan sistem yang akan dibuat, selanjutnya dibuatlah programming dengan bahasa pemrograman PHP sesuai dengan desain prototype yang ada. App Serv sebagai pendukung aplikasi yang digunakan sebagai web server dan juga menggunakan MySql sebagai database yang dibangun. Sebagai media tampilan menggunakan bootstraps sehingga dapat menyelesaikan permasalahan yang ada.



    SARAN


    Adapun saran yang dapat disajikan peneliti sebagai bahan pertimbangan bagi SMK Negeri 8 Kota Tangerang, antara lain :

    1. Untuk keamanan data yang diperlukan maka dianjurkan dengan adanya program yang disarankan ini dimana menyimpan data dalam bentuk website sehingga menghindari terjadinya kehilangan data dan ditambahkan dalam hosting menggunakan SSL / https untuk lebih aman.
    2. Dengan adanya sistem perpustakaan bersifat web akan lebih efisien juga terhadap waktu ketika dalam posisi dimanapun siswa berada tidak harus di sekolah terlebih dahulu untuk mendapatkan informasi buku yang akan dipinjam.
    3. Perlu diperhatikan dan dilakukan evaluasi secara berkala terhadap sistem untuk selanjutnya diadakan perbaikan sesuai dengan perubahan dan perkembangan.





    DAFTAR PUSTAKA

    1. Mohamad Subhan. 2012. Analisa Perancangan Sistem. Jakarta : Lentera Ilmu Cendekia
    2. Yakub. 2012. Pengantar Sistem Informasi, Yogyakarta: Graha Ilmu.
    3. 3,0 3,1 Rudy Tantra. 2012. Manajem Proyek Sistem Informasi : Andi Offset
    4. 4,0 4,1 4,2 Sutabri, Tata. 2012. Konsep Sistem Informsi. Yogyakarta : Andi Offset.
    5. Hartono, Bambang. 2013. Sistem Informasi Manajemen Berbasis Komputer. Jakarta: Rineka Cipta.
    6. Sutarman. 2012. Buku Pengantar Teknologi Informasi. Jakarta : Bumi Aksara.
    7. Satzinger,J. W., Jackson, R. B., & Burd, S. D. 2010. System Analysis And Design in A Changing World. Boston, MA: Course Technology.
    8. Aisyah, Sity, dan Nawang Kalbuana. 2011. Perancangan Aplikasi Akademik Teknologi Mobile Menggunakan J2ME.Tangerang : Journal CCIT Vol-4 No.2 Januari 2011.
    9. Rohanda. 2010. Fungsi dan Peranan Perpustakaan Sekolah. http://www.ipi.or.id/Rohanda.doc, diakses 21 Desember 2016.
    10. Murad. Dina Fitria, Kusniawati. Nia, Asyanto. Agus. 2013. Aplikasi IntelligenceWebsite Untuk Penunjang Laporan PAUD Pada Himpaudi Kota Tangerang. Jurnal CCIT. Tangerang: Perguruan Tinggi Raharja. Vol. 7, No. 1, September 2013.
    11. Arief. M. Rudyanto. 2011. “Pemrograman Web Dinamis Menggunakan PHP & MySQL”. Yogyakarta: Andi.
    12. 12,0 12,1 Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis. Jakarta: Elex Media Komputindo.
    13. Setyaji, Jarot. 2010. Buku Pintar Menguasai Komputer dan laptop. Jakarta: Mediakita.
    14. Didik Dwi Prasetyo. 2004. 101 Tip & Trik Visual Basic 6.0. Jakarta: Elex Media Komputindo.
    15. Arief. M. Rudyanto. 2011. “Pemrograman Web Dinamis Menggunakan PHP & MySQL”. Yogyakarta: Andi.
    16. Anhar, 2010. Panduan Menguasai PHP dan MySQL Secara Otodidak. Jakarta: Mediakita.
    17. Oktavian. Diar Puji. 2010. “Menjadi Programmer Jempolan Menggunakan PHP”. Yogyakarta: Mediakom.
    18. 18,0 18,1 18,2 18,3 Nugroho, Adi. 2010. Analisis Perancangan Sistem Informasi dengan Metodologi Berorientasi Object. Bandung: Informatika.
    19. Padeli dkk dalam jurnal CCIT (2008:70)
    20. 20,0 20,1 Henderi, Maimunah, Randy Andrian. 2011. Desain Aplikasi E-learning Sebagai Media Pembelajaran Artificial Informatics.Tangerang: Jurnal CCIT. Vol. 4, No.3-Mei 2011.
    21. 21,0 21,1 21,2 Rizky. Soetam. 2011. “Konsep Dasar Rekayasa Perangkat Lunak”. Jakarta: Prestasi Pustaka.
    22. Saputra. Alhadi. 2012. “Kajian Kebutuhan Perangkat Lunak Untuk Pengembangan Sistem Informasi Dan Aplikasi Perangkat Lunak Buatan LAPAN Bandung”. Bandung: LAPAN
    23. 23. Guritno, Suryo, Sudaryono, Rahardja Untung. 2010. Teory and Application of IT Research. Yogyakarta: CV Andi Offset. Jurnal CCIT (2011:197)
    24. Penilitian yang di lakukan oleh Asep Suryadi (2011), berjudul ” Perancangan Sistem Informasi Peminjaman Dan Pengembalian Buku Di Perpustakaan Smk Plus Berkualitas Lengking Mandiri Tangerang”. SKRIPSI UNIVERSITAS GUNADARMA
    25. Munadi, Faisal 2013. Sistem Informasi Manajemen Perguruan Tinggi dalam Bidang Pendataan Pendidikan Tinggi. Banda Aceh: SKRIPSI STMIK U’Budiyah Indonesia.
    26. Riadi Dwi Atmaja. 2011. Perancangan Sistem Informasi Pengolahan Data Perpustakaan pada SMA Islamic Centre Berbasis Web.
    27. Basuki rahmad, Bambang Eka Purnama. 2013. Rancang pembangunan Web E-library Pada Perpustakaan Aptikom Indonesia Berbasis Web. APTIKOM
    28. Pangaribuan. 2010. Pengelolaan Perpustakaan Digital di Universitas Sumatera Utara. USU

Contributors

Adialfian, Parci hidayat