|
|
| Baris 636: |
Baris 636: |
| | | | |
| | | | |
| − | | + | <div style="font-size: 18pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">'''Please to continue reading at Green Campus Raharja library...thx!!!'''</div> |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | __TOC__
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | =<p style="text-align: center;">'''BAB I'''</p>=
| + | |
| − | | + | |
| − | <div style="font-size: 14pt;font-family: 'times new roman';line-height: 2;text-align: center">'''PENDAHULUAN'''</div> | + | |
| − | | + | |
| − | == Latar Belakang Masalah ==
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2"> PT. XYZ adalah perusahaan yang bergerak di bidang makanan dan minuman, dalam perkembangannya menghadapi beberapa permasalahan dalam sistem penggajian. Permasalahan pertama yang dihadapi PT. XYZ adalah, perhitungan dan pengelolaan gaji karyawan masih menggunakan bantuan microsoft excel, menyebabkan perhitungan gaji kurang akurat hal ini sangat merugikan karyawan karena gaji yang diterima terkadang tidak sesuai dengan perhitungan hari kerja dan atau jam lembur karyawan. Permasalahan kedua, data karyawan dan data absensi terdapat dalam arsip yang berbeda serta tidak tertata rapi sehingga menyulitkan saat menghitung atau merekap penggajian. Permasalahan ketiga, pembuatan laporan masih menggunakan microsoft word menyebabkan informasi yang didapatkan kurang lengkap dan membutuhkan waktu yang lama dalam pelaporan.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2"> Pada dasarnya sistem absensi karyawan pada PT. XYZ selama ini sudah berjalan baik, akan tetapi saat ini belum ada sistem penggajian yang cepat dan tepat dalam merekap data atau membuat laporan penggajian.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2"> Berdasarkan permasalahan yang ada, pembangunan dan pengembangan sebuah sistem juga diperlukan pada PT. XYZ untuk membantu pengerjaan tugas penggajian karyawan yang selama ini masih kurang efektif dan efisien.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Sehubungan dengan hal tersebut di atas penulis mencoba membuat solusi yang efektif dan efisien untuk memecahkan masalah yang ada sekaligus dijadikan sebagai bahan penelitian yang penulis beri judul ”PERANCANGAN SISTEM PENGGAJIAN KARYAWAN PADA PT. XYZ”.</p></div>
| + | |
| − | | + | |
| − | == Perumusan Masalah ==
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;line-height: 2"><p>Berdasarkan uraian di atas, maka dapat disimpulkan atau dirumuskan beberapa permasalahan yang akan dibahas dalam penelitian ini, di antaranya:</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in"><p>1. Apa saja kendala-kendala yang terdapat dalam proses penggajian di PT. XYZ ?</p></div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in"><p>2. Bagaimana merancang sistem penggajian yang efisien dan efektif?</p></div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in"><p>3. Menganalisa dan merancang sistem penggajian karyawan di PT. XYZ.</p></div>
| + | |
| − |
| + | |
| − | | + | |
| − | == Ruang Lingkup Penelitian ==
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;line-height: 2"><p>Berdasarkan permasalahan yang ada, penulis membatasi ruang lingkup penelitian agar lebih terarah dan mengenai sasaran yang diharapkan. Ruang lingkup penelitian hanya dibatasi pada analisa dan perancangan sistem penggajian, sampai perancangan program berbasis web hingga menghasilkan laporan penggajian karyawan.</p></div>
| + | |
| − |
| + | |
| − | | + | |
| − | == Tujuan dan Manfaat ==
| + | |
| − | | + | |
| − | === Tujuan Penelitian ===
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in">Tujuan dari penelitian ini antara lain:</div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in">1. Menganalisa permasalahan yang terjadi pada sistem penggajian yang berjalan untuk mengetahui kendala-kendala yang terdapat dalam proses penggajian.</div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in">2. Mengajukan sistem yang tepat sesuai hasil analisa permasalahan.</div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in">3. Membuat media aplikasi penggajian berbasis web yang dapat mempermudah dan memenuhi kebutuhan user PT. XYZ, khususnya bagian personalia.</div>
| + | |
| − | | + | |
| − | === Manfaat Penelitian ===
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;line-height: 2">Tiga aspek manfaat yang penulis harapkan dari penelitian ini meliputi:</div>
| + | |
| − | | + | |
| − | <ol>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify;line-height: 2;">Bagi Perusahaan, Penelitian ini dapat diterapkan di perusahaan karena memberikan kemudahan pada bagian personalia atau petugas payroll dalam mengelola dan menghitung gaji karyawan. Meminimalisir kesalahan dan kekurangan gaji akibat kesalahan perhitungan yang terdapat pada sistem yang berjalan, sehingga tidak merugikan karyawan. Dirancang sistem penggajian yang efektif dan efisien menggunakan program berbasis web yang lebih mempermudah input dan output data karyawan, serta dapat diakses oleh semua bagian/user.</li>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify;line-height: 2;">Bagi instansi pendidikan atau pemerintah, Semoga penelitian ini bermanfaat untuk di kaji dan dikembangkan lebih lanjut. Karena penelitian ini juga bisa di terapkan pada semua instansi.</li>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify;line-height: 2;">Bagi Masyarakat Umum, penelitian ini dapat di terapkan pada sekala bisnis UKM (Usaha Kecil Menengah) atau sekala bisnis besar dalam mengelola gaji pekerja/karyawan. Dan juga penelitian ini dapat dijadikan rujukan dalam melakukan penelitian-penelitian serupa.</li>
| + | |
| − | | + | |
| − | </ol>
| + | |
| − | | + | |
| − | | + | |
| − | == Metode Penelitian ==
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-align: justify;line-height: 2;text-indent: 0.5in">
| + | |
| − | | + | |
| − | Secara garis besar dalam menyusun penelitian ini penulis menggunakan metode pengumpulan data dan keterangan yang di kumpulkan sesuai dengan kondisi dan realita yang ada di lapangan. Metode tersebut ialah sebagai berikut:</div>
| + | |
| − | | + | |
| − | === Metode Pengamatan (Observasi Research Method) ===
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0.5in">Pada metode ini penulis mengadakan pengamatan dan terjun langsung kelapangan yakni PT. XYZ. Metode ini dikaitkan untuk mengumpulkan data serta dokumen yang merupakan sumber informasi yang sangat penting guna membantu dalam analisa serta rancangan, sebagai langkah untuk pembuatan sistem tersebut.</div>
| + | |
| − | | + | |
| − | ===Metode Wawancara (Interview Review Method)===
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada metode ini penulis mengumpulkan data dengan cara melakukan tanya jawab langsung dengan pihak Stakeholder pada PT. XYZ.</p></div>
| + | |
| − | | + | |
| − | ===Metode Pustaka (Library Research Method)===
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Suatu metode untuk mendapatkan data dengan cara mempelajari buku-buku serta artikel di internet yang berkaitan dengan tujuan penelitian tersebut. Penulis dalam penelitian ini juga melakukan pembedahan buku dan mempelajari unsur objek yang diteliti.</p></div>
| + | |
| − | | + | |
| − | ===Metode Perancangan Sistem===
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Suatu metode dalam membangun aplikasi yang diperlukan untuk dijadikan sebagai panduan agar mendapat aplikasi yang diharapkan. Sedangkan penulis dalam membangun aplikasi website menggunakan Framework Bootstrap.</p></div>
| + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − | == Sistematika Penulisan ==
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Sebelum penulis memulai dengan pembahasan mengenai “PERANCANGAN SISTEM PENGGAJIAN KARYAWAN PADA PT. XYZ“, maka penulis menganggap perlu untuk terlebih dahulu mengemukakan garis besar penyusunan materi penelitian ini. Adapun mengenai sistematika penulisan penelitian ini telah disusun ke dalam 5 (lima) Bab dengan rincian sebagai berikut:</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2"><b>BAB I : PENDAHULUAN</b></p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Pada bab ini penulis mencoba untuk menguraikan tentang latar belakang, Rumusan masalah, ruang lingkup, tujuan dan manfaat penulisan, metode penelitian, dan sistematika penulisan.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2"><b>BAB II : LANDASAN TEORI</b></p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Pada bab ini penulis membagi ke dalam 3 (tiga) sub bab yaitu Teori Umum, Teori Khusus dan Literature Review (Studi Pustaka). yang mana pada Teori umum menguraikan tentang pengertian-pengertian konsep dasar sistem yang membahas tentang definisi sistem, karakteristik sistem, dan teori-teori lain sebagai pendukung dalam menyusun penelitian ini. Pada Teori Khusus membahas tentang perhitungan gaji dan lembur serta penjelasan mengenai pengertian yang berhubungan dengan WEB atau website. literature review (studi pustaka) dijelaskan mengenai metode wawancara dan observasi.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2"><b>BAB III : ANALISA SISTEM YANG BERJALAN</b></p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Pada bab ini merupakan hasil penelitian di lapangan terhadap sistem yang berjalan dan juga akan dijelaskan mengenai tinjauan organisasi antara lain: gambaran umum perusahaan, sejarah singkat, struktur organisasi, penjelasan tentang wewenang dan tanggung jawab, analisa masukan, analisa proses dan analisa keluaran.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2"><b>BAB IV : RANCANGAN SISTEM YANG DIUSULKAN</b></p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Bab ini berisi tentang perancangan dan penjelasan sistem yang diusulkan sesuai dengan judul penelitian “Perancangan Sistem Penggajian Karyawan pada PT. XYZ”, penjelasan dengan Use Case Diagram, Activity Diagram, dan cara pengoperasian.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2"><b>BAB V : PENUTUP</b></p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Pada bab ini penulis membuat kesimpulan dari pembahasan bab-bab sebelumnya, juga saran-saran dari penulis yang mungkin dapat dijadikan sebagai masukan untuk perbaikan sistem penggajian dimasa yang akan datang bagi PT. XYZ.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2"><b>DAFTAR PUSTAKA</b></p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Daftar pustaka berisikan daftar sumber kutipan yang dipakai dalam pembahasan penelitian.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2"><b>LAMPIRAN</b></p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Berisi daftar lampiran-lampiran yang digunakan dalam penelitian.</p></div>
| + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − | =<p align="center">'''BAB II'''</p>=
| + | |
| − | | + | |
| − | <div style="font-size: 14pt;font-family: 'times new roman';line-height: 2;text-align: center">'''LANDASAN TEORI'''</div>
| + | |
| − | | + | |
| − | ==Teori Umum==
| + | |
| − | | + | |
| − | ===Konsep Dasar Sistem===
| + | |
| − | | + | |
| − | ==== Definisi Sistem ====
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Terdapat beberapa pendapat para ahli mengenai definisi sistem, di antaranya adalah:</p></div>
| + | |
| − | | + | |
| − | <ol>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Menurut Moekijat dalam Prasojo (2011:152)<ref name= Moekijat dalam Prasojo>Moekijat. Prasojo. Pengantar Sistem Informasi Manajemen. Bandung: CV. Ramadja Karya. 2011</ref>, Mengungkapkan : “Sistem adalah setiap sesuatu terdiri dari obyek-obyek, atau unsur-unsur, atau komponen-komponen yang bertata kaitan dan bertata hubungan satu sama lain, sedemikian rupa sehingga unsur-unsur tersebut merupakan satu kesatuan pemrosesan atau pengolahan yang tertentu”.</li>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Menurut Yakub (2012:1)<ref name= Yakub>Yakub. Pengantar Sistem Informasi. Graha Ilmu: Yogyakarta. 2012</ref>, “Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang berhubungan, terkumpul bersama-sama untuk melakukan suatu kegiatan atau tujuan tertentu”.</li></ol>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Dari definisi sistem di atas dapat dibagi dalam dua kelompok, yaitu yang menekankan pada komponen atau elemennya dan yang menekankan pada prosedurnya. Di dalam suatu sistem tidak dapat berdiri sendiri, sub sistem - sub sistem saling berinteraksi dan saling berhubungan membentuk suatu kesatuan sehingga tujuan atau sasaran sistem tersebut dapat tercapai.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Semua sistem menghasilkan beberapa keluaran yang dibutuhkan oleh sistem-sistem lainnya, oleh sebab itu sebuah sistem mempunyai masukan dan juga keluaran.</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | ==== Karakteristik Sistem ====
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Suatu sistem mempunyai karakteristik atau sifat-sifat tertentu, yaitu mempunyai komponen-komponen (components), batas sistem (boundary), lingkungan luar sistem (environment), penghubung (interface), masukan (input), keluaran (output), pengolah (process), dan sasaran (objectives), serta tujuan (goals).</p></div>
| + | |
| − | | + | |
| − | <ol>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Komponen Sistem</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi. Elemen-elemen sistem dapat berupa suatu sub sistem atau bagian-bagian dari sistem. Suatu sub sistem mempunyai sifat-sifat dari sistem untuk menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan. Setiap sistem tidak peduli betapa pun kecilnya, selalu mengandung subsistem-subsistem.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Batas Sistem</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | | + | |
| − | <p style="line-height: 2"> Batas sistem (Boundary) adalah daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Batas sistem ini memungkinkan suatu sistem dipandang sebagai suatu kesatuan. Batas sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Lingkungan Luar Sistem</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Lingkungan luar sistem (environment) dari suatu sistem adalah apa pun di luar batas sistem yang mempengaruhi operasi sistem. Lingkungan luar sistem dapat bersifat menguntungkan dan juga merugikan sistem tersebut. Lingkungan luar sistem yang menguntungkan merupakan suatu energi dari sistem dan dengan demikian harus tetap dijaga dan dipelihara.</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Penghubung Sistem(<i>Interface</i>)</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Penghubung (interface) merupakan media penghubung antara satu sub sistem dengan sub sistem lainnya. melalui penghubung ini memungkinkan sumberdaya-sumberdaya mengalir dari satu sub sistem ke sub sistem lainnya. Keluaran (Output) dari suatu sub sistem akan menjadi masukan (Input) untuk sub sistem lainnya, dengan melalui penghubung satu sub sistem dapat berintegrasi dengan sub sistem lainnya untuk membentuk suatu kesatuan.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Masukan Sistem(<i>goal</i>).</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Masukan adalah energi yang di masukan ke dalam sistem. Masukan dapat berupa perawatan (maintenance input) dan masukan sinyal (signal input). Maintenance input adalah energi yang dimasukkan supaya sistem tersebut dapat beroperasi. Signal input adalah energi yang diproses untuk didapatkan keluaran.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Keluaran Sistem(<i>goal</i>).</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Keluaran adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran-keluaran yang berguna dan sisa pembuangan. Keluaran dapat merupakan masukan untuk sub sistem yang lain. Keluaran dapat berupa tampilan di layar monitor yaitu dalam bentuk laporan, grafik, tabel dan keluaran yang lainnya adalah hasil cetakan laporan ke media kertas.</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Pengolahan Sistem(<i>goal</i>).</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Suatu sistem dapat mempunyai suatu bagian pengolah yang akan merubah masukan menjadi keluaran. suatu sistem produksi akan mengolah masukan berupa bahan baku dan bahan-bahan lainya menjadi keluar barang jadi.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Sasaran Sistem(<i>goal</i>).</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Suatu sistem mempunyai tujuan (goals) atau sasaran (objectives). sebuah sistem di katakana berhasil jika mengenai sasaran atau tujuan. kalau suatu sistem tidak mempunyai tujuan maka operasi sistem tidak akan ada gunanya. sasaran dari suatu sistem sangat menentukan sekali masukan yang di butuhkah sistem dan keluaran yang akan dihasilkan sistem.</p></div></li></ol>
| + | |
| − | | + | |
| − | | + | |
| − | === Teori Analisa Sistem ===
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2"> Analisa sistem (system analysis) merupakan kegiatan yang berorientasi pada manusia dan bersifat tidak terstruktur, yang melibatkan perkiraan dan negosiasi. analisa sistem adalah penguraian dari sistem informasi yang utuh dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan dan hambatan-hambatan yang terjadi serta kebutuhan-kebutuhan yang di harapkan, sehingga dapat diusulkan perbaikan-perbaikannya.</p>
| + | |
| − | | + | |
| − | <p style="line-height: 2"> Menurut Yakub (2012:142)<ref name="Yakub" />, bahwa “Analisa sistem dapat diartikan sebagai suatu proses untuk memahami sistem yang ada, dengan Menganalisa jabatan dan uraian tugas (business users), proses bisnis (business process), ketentuan atau aturan (business rule), masalah dan mencari solusinya (business problem and business soulution), dan rencana perusahaan (business plan)”.</p>
| + | |
| − | | + | |
| − | <p style="line-height: 2"> Proses Penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.</p>
| + | |
| − | | + | |
| − | <p style="line-height: 2"> Tahapan analisa sistem dilakukan setelah tahap perencanaan sistem dan sebelum tahapan desain sistem. Di dalam tahapan analisa sistem terdapat langkah-langkah dasar yang harus dilakukan oleh analisa, yaitu:</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | <ol>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Mengidentifikasi Masalah</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Mengidentifikasi masalah merupakan langkah pertama yang dilakukan dalam tahap analisa sistem, masalah (problem) dapat didefinisikan sebagai suatu pertanyaan yang diinginkan untuk di pecahkan. masalah inilah yang menyebabkan sasaran dari sistem tidak dapat di capai, oleh karena itu pada tahap analisa sistem langkah pertama yang harus dilakukan adalah sebagai berikut:</p>
| + | |
| − | <p style="line-height: 2">a. Mengidentifikasi masalah.</p>
| + | |
| − | <p style="line-height: 2">b. Mengidentifikasi penyebab masalah.</p>
| + | |
| − | <p style="line-height: 2">c. Mengidentifikasi personil-personil kunci.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Memahami Kerja Dari Sistem yang Ada</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | | + | |
| − | <p style="line-height: 2"> Langkah kedua dari tahap analisa sistem adalah memahami kerja dari sistem yang ada. untuk mempelajari hal itu diperlukan data yang dapat diperoleh dengan cara melakukan penelitian.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | | + | |
| − | <p style="line-height: 2"> Analis sistem perlu mempelajari apa dan bagaimana operasi dari sistem yang ada sebelum mencoba untuk menganalisa permasalahan, kelemahan dan kebutuhan-kebutuhan pemakai sistem untuk dapat memberikan rekomendasi pemecahannya. Analis sistem dapat mengumpulkan data-data yang diperlukan dengan menggunakan teknik pengumpulan data yang ada, yaitu wawancara, observasi daftar pertanyaan dan pengambilan sampel.</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Menganalisa Hasil Penelitian</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Langkah ini dilakukan berdasarkan data yang diperoleh dari hasil penelitian. Banyak analis sistem yang masih baru mencoba untuk memecahkan masalah tanpa menganalisa. Para peneliti yang belum berpengalaman sering kali tergesa-gesa untuk melakukan hal ini. Analisa data hasil penelitian diperlukan untuk merangkum apa yang telah diperoleh, menilai apakah data tersebut berbasis kenyataan/fakta atau fiktif. Analisa data hasil penelitian juga diperlukan untuk memberi jawaban terhadap pertanyaan-pertanyaan yang diajukan. Hasil Analisa data hasil penelitian akhirnya digunakan untuk memberikan masukan bagi perbaikan sistem yang berjalan. Pada akhir kegiatan penelitian, hasil Analisa data hasil penelitian digunakan untuk menarik kesimpulan dalam laporan.</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Membuat Laporan Hasil Analisa(<i>Interface</i>)</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Setelah proses tahap analisa sistem selesai dilakukan tugas berikutnya dari analis sistem adalah membuat laporan, laporan hasil analisa ini diserahkan pada dewan pengarah (Steering Committee) yang nantinya akan diteruskan ke manajemen bersama-sama dengan dewan pengarah dan pemakai sistem akan mempelajari temuan-temuan analisa yang telah dilakukan analis yang disajikan dalam bentuk laporan hasil analisa. Tujuan laporan hasil analisa kepada manajemen adalah:</p>
| + | |
| − | <p style="line-height: 2">a. Laporan bahwa analisa telah selesai di lakukan.</p>
| + | |
| − | <p style="line-height: 2">b. Meluruskan kesalahan pengertian mengenai hasil yang telah ditemukan oleh analis sistem tetapi tidak sesuai menurut manajemen.</p>
| + | |
| − | <p style="line-height: 2">c. Meminta pendapat-pendapat dan saran-saran dari pihak manajemen.</p>
| + | |
| − | <p style="line-height: 2">d. Meminta persetujuan kepada pihak manajemen untuk melakukan tindakan selanjutnya (dapat berupa meneruskan ke tahap desain sistem atau menghentikan proyek bila dipandang tidak layak lagi).</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Tahap analisa merupakan tahap yang kritis dan tahap yang sangat penting, karena kesalahan dalam tahap ini menyebabkan juga kesalahan di tahap selanjutnya, maka dapat diketahui bahwa tujuan dari analisa sistem adalah:</p>
| + | |
| − | <p style="line-height: 2">a. Memahami kerja dari sistem yang ada.</p>
| + | |
| − | <p style="line-height: 2">b. Menemukan kelemahan-kelemahan sistem yang lama selanjutnya diusulkan perbaikannya.</p>
| + | |
| − | <p style="line-height: 2">c. Mengidentifikasikan masalah-masalah kebutuhan pemakai dengan mempelajari bentuk formulir laporan-laporan yang dihasilkan oleh sistem yang sedang berjalan.</p>
| + | |
| − | <p style="line-height: 2">d. Mengetahui informasi apa saja yang dibutuhkan pemakai jika pada sistem yang lama belum dapat dihasilkan.</p>
| + | |
| − | <p style="line-height: 2">e. Untuk mengetahui gambaran dengan jelas apa yang dikerjakan pada tahap perancangan dengan alternatif pemecahan masalah yang paling tepat.</p></div></li></ol>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | === Konsep Dasar Perancangan Sistem ===
| + | |
| − | | + | |
| − | ==== Definisi Perancangan Sistem ====
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Menurut Mohamad Subhan (2012:109)<ref name="Mohamad Subhan">Mohamad Subhan, Analisa Perancangan Sistem. Lentera Ilmu Cendekia: Jakarta. 2012.</ref> mengungkapkan: “Perancangan sistem adalah proses pengembangan spesifikasi baru berdasarkan rekomendasi hasil analisis sistem”.</p>
| + | |
| − | <p style="line-height: 2">Perancangan sistem adalah proses pengembangan spesifikasi sistem baru berdasarkan hasil rekomendasi analisa sistem. Dalam tahap perancangan, tim kerja desain harus merancang spesifikasi yang dibutuhkan dalam berbagai kertas kerja. Kertas kerja itu harus memuat berbagai uraian mengenai input, prosess, dan output yang di usulkan.</p></div>
| + | |
| − | | + | |
| − | ==== Desain dan Perancangan Sistem ====
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Desain dan Perancangan Sistem dapat diartikan sebagai:</p>
| + | |
| − | <p style="line-height: 2">a. Tahap setelah analisa dari siklus pengembangan sistem;</p>
| + | |
| − | <p style="line-height: 2">b. Pendefinisian atas kebutuhan-kebutuhan fungsional;</p>
| + | |
| − | <p style="line-height: 2">c. Persiapan untuk rancangan implementasi;</p>
| + | |
| − | <p style="line-height: 2">d. Menggambarkan bagaimana suatu sistem dibentuk, berupa penggambaran perencanaan, pembuatan sketsa, pengaturan dari beberapa elemen terpisah ke dalam satu kesatuan yang utuh;</p>
| + | |
| − | <p style="line-height: 2">e. Konfigurasi komponen software dan hardware;</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | ==== Tujuan Tahap Perancangan Sistem ====
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;line-height: 2">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Tujuan tahapan perancangan sistem di antara lain :</p>
| + | |
| − | <p style="line-height: 2">a. Memenuhi pemakai sistem;</p>
| + | |
| − | <p style="line-height: 2">b. Memberikan gambaran yang jelas dan rancangan yang lengkap untuk pemrograman dan ahli-ahli yang terlibat.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | ==== Sasaran yang Harus Dicapai ====
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify; text-indent: 0.5in; line-height: 2">
| + | |
| − | <p style="line-height: 2">Sasaran yang harus dicapai dalam perancangan sistem di antara lain:</p>
| + | |
| − | <p style="line-height: 2">a. Desain sistem harus berguna, mudah dipahami dan digunakan, data harus mudah ditangkap, metode harus mudah diterapkan, informasi mudah dihasilkan dan mudah pula dipahami;</p>
| + | |
| − | <p style="line-height: 2">b. Desain sistem harus mendukung tujuan utama perusahaan;</p>
| + | |
| − | <p style="line-height: 2">c. Desain sistem harus efisien dan efektif dalam mendukung pengolahan transaksi, pelaporan manajemen dan pembuatan keputusan;</p>
| + | |
| − | <p style="line-height: 2">d. Desain sistem harus memberikan komponen sistem informasi secara rinci, meliputi data informasi, media penyimpanan, prosedur yang digunakan, sumber daya manusia yang dibutuhkan, perangkat keras, perangkat lunak dan pengendaliannya.</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | ==== Tujuan Sistem Aplikasi ====
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify; text-indent: 0.5in; line-height: 2">
| + | |
| − | <p style="line-height: 2">Tujuan dari sistem aplikasi adalah menghasilkan data informasi. Informasi adalah data yang diolah menjadi bentuk yang berguna bagi para pemakainya.</p>
| + | |
| − | <p style="line-height: 2">Untuk dapat berguna, maka informasi harus didukung oleh tiga pilar sebagai berikut:</p>
| + | |
| − | <p style="line-height: 2">a. Tepat kepada orangnya atau sasaran (relevance);</p>
| + | |
| − | <p style="line-height: 2">b. Tepat waktu (timeliness);</p>
| + | |
| − | <p style="line-height: 2">c. Dan akurat atau tepat nilainya (accurate).</p>
| + | |
| − | <p style="line-height: 2">Informasi yang tidak didukung oleh ketiga pilar ini tidak dapat dikatakan sebagai informasi yang berguna, tapi merupakan sampah (grabage).</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | === Unified Modeling Language (UML) ===
| + | |
| − | | + | |
| − | ==== Pengertian UML ====
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Menurut Nugroho (2010:6)<ref name="Nugroho">Nugroho, Adi. Rekayasa Perangkat Lunak Menggunakan UML & Java. Andi Offset. Yogyakarta: 2009.</ref>, “UML (Unified Modeling Language) adalah perangkat lunak yang berparadigma “berorientasi objek”. Pemodelan (modeling) sesungguhnya digunakan untuk penyederhanaan permasalahan-permasalahan yang kompleks sedemikian rupa sehingga lebih mudah dipelajari dan dipahami”.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Menurut Alim (2012:30)<ref name="Alim">Alim.Yadanur. Pengembangan Sistem Informasi Administrasi Pemeriksaan Pasien Di Instalasi Radiologi RSUD Kajen Dengan Unified Process. Semarang: Universitas Diponegoro. Vol.2. No.4, ISSN 2086-4930. 2012.</ref>, “Unified Modeling Language (UML) adalah bahasa standar yang digunakan untuk menulis blueprint perangkat lunak. UML dapat digunakan untuk memvisualisasi, menspesifikasikan, membangun, dan mendokumentasikan artefak dari sistem perangkat lunak”.</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">Berdasarkan beberapa pendapat yang dikemukakan diatas, maka dapat disimpulkan bahwa, “UML adalah bahasa yang digunakan untuk mem-visualisasikan, mendefinisikan, membangun dan membuat dokumen dari arsitektur perangkat lunak. UML dapat digunakan pada semua proses melalui metodologi pengembangan perangkat lunak dan melakukan implementasinya pada teknologi yang berbeda”.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | | + | |
| − | <p style="line-height: 2">UML adalah metodologi untuk mengembangkan sistem Object Oriented Programming (OOP) dan sekelompok perangkat (tool) untuk mendukung pengembangan sistem tersebut. UML mulai diperkenalkan oleh Object Management Group (OMG), sebuah organisasi yang telah mengembangkan model, teknologi, dan standar OOP sejak tahun 1980-an. Sekarang UML sudah mulai banyak digunakan oleh para praktisi OOP.</p></div>
| + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − | ==== Diagram UML ====
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Diagram berbentuk grafik yang menunjukkan simbol elemen model yang disusun untuk mengilustrasikan bagian atau aspek tertentu dari sistem. Sebuah diagram merupakan bagian dari suatu view tertentu dan ketika digambarkan biasanya dialokasikan untuk view tertentu. Adapun jenis diagram antara lain Use Case Diagram, Class Diagram, Component Diagram, Deployment Diagram, State Diagram, Sequence Diagram, Collaboration Diagram, dan Activity Diagram</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Diagram-diagram tersebut tidak mutlak harus digunakan dalam pengembangan perangkat lunak, semuanya dibuat sesuai kebutuhan. Dalam uraian di bawah ini hanya akan dibahas tentang Use Case Diagram, Activity Diagram, Sequence Diagram, dan Class Diagram sesuai kebutuhan dalam menyusun penelitian ini</P></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | <ol>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Use Case Diagram</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Menurut Murad (2013:57)<ref name="Murad">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>, “Diagram use case adalah diagram yang bersifat status yang memperlihatkan himpunan use case dan aktor-aktor (suatu jenis khusus dari kelas). Diagram ini memiliki 2 (dua) fungsi, yaitu mendefinisikan fitur apa yang harus disediakan oleh sistem dan menyatakan sifat sistem dari sudut pandang user”.</P></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berdasarkan pendapat yang dikemukakan di atas, maka dapat disimpulkan bahwa use case diagram dibuat berdasarkan pengguna sistem serta fungsi-fungsi yang didapatkan pada tahap analisa sistem.</P></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Menurut Triandini (2012:18)<ref name="Triandini">Triandini. Evi dan Suardika. I Gede. 2012. Step by Step Desain Proyek Menggunakan UML. Yogyakarta: Andi.</ref>, langkah-langkah membuat diagram use case:</P></div>
| + | |
| − | | + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Mengidentifikasi aktor. Perhatikan bahwa aktor sebenarnya adalah peran yang dimainkan oleh pengguna. Alih-alih menyusun daftar aktor sebagai Bob, Maria, atau Tuan Hendrick, sebaiknya identifikasi peran spesifik yang dimainkan oleh orang-orang tersebut. Ingatlah orang yang sama mungkin memainkan berbagai peran karena ia menggunakan sistem. Sistem lain juga dapat menjadi aktor dari sistem.</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Setelah peran aktor teridentifikasi, langkah berikutnya adalah menyusun tujuan-tujuan yang ingin dicapai oleh peran-peran tersebut dalam penggunaan sistem. Tujuan tersebut merupakan tugas yang dilakukan oleh aktor untuk mencapai beberapa fungsi bisnis yang memberikan nilai tambah bagi bisnis.</li></ol>
| + | |
| − | | + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Activity Diagram</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Menurut Murad (2013:57)<ref name="Murad" />, “Activity diagram merupakan diagram yang bersifat dinamis. Activity diagram adalah tipe khusus dari diagram state yang memperlihatkan aliran dari suatu aktivitas ke aktivitas lainnya dalam suatu sistem dan berfungsi untuk menganalisa proses”.</P></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Menurut Vidia (2013:20)<ref name="Vidia" />, “Activity diagram dibuat berdasarkan aliran dasar dan aliran alternatif pada skenario use case diagram. Pada activity diagram digambarkan interaksi antara aktor pada use case diagram dengan sistem”.</P></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berdasarkan beberapa pendapat yang dikemukakan diatas, maka dapat disimpulkan bahwa activity diagram dibuat berdasarkan use case diagram yang telah dibuat, maka dapat digambarkan activity diagram yang menggambarkan alur kerja untuk setiap use case.</P></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Sequence Diagram</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Menurut Vidia (2013:21)<ref name="Vidia">Vidia. Dhanada, dkk. 2013. Analisis Dan Perancangan Sistem Informasi Rawat Jalan Di Rumah Sakit Hewan Universitas Airlangga Surabaya Dengan Metode Berorientasi Objek. Surabaya: Universitas Airlangga.</ref>, ”Sequence diagram dibuat berdasarkan activity diagram dan class diagram. Sequence diagram menggambarkan aliran pesan yang terjadi antar kelas yang dideskripsikan pada class diagram dengan menggunakan operasi yang dimiliki kelas tersebut. Untuk aliran pesan, sequence diagram merujuk pada alur sistem activity diagram yang telah dibuat sebelumnya”.</P></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Menurut Wijayanto (2013:35)<ref name="Wijayanto">Wijayanto. Tegar, dkk. 2013. Analisis Dan Perancangan Sistem Informasi Pemesanan Dan Penjualan Barang Dengan Metode Berorientasi Objek Di U.D. Aneka Jaya Surabaya. Surabaya: Universitas Airlangga.</ref>, ”Sequence diagram dibuat berdasarkan activity diagram dan class diagram yang telah dibuat, maka digambarkan sequence diagram yang menggambarkan aliran pesan yang terjadi antar kelas dengan menggunakan operasi yang dimiliki kelas tersebut”.</P></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;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 sequence diagram merupakan diagram yang bersifat dinamis, sequence diagram (diagram urutan) adalah interaksi yang menekankan pada pengiriman pesan dalam suatu waktu tertentu.</P></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Class Diagram</li>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Menurut Wijayanto (2013:33)<ref name="Wijayanto" />, “Class diagram dibuat berdasarkan use case diagram dan activity diagram yang telah dibuat, maka dapat diperoleh kelas-kelas yang digunakan dalam sistem”.</P></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berdasarkan pendapat yang dikemukakan di atas, maka dapat disimpulkan bahwa class diagram memperlihatkan himpunan kelas-kelas, antarmuka-antarmuka, kolaborasi-kolaborasi, serta relasi-relasi. Diagram ini umum dijumpai pada pemodelan sistem berorientasi objek.</p></div></ol>
| + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | ==Teori Khusus==
| + | |
| − | | + | |
| − | === Pengertian yang Berhubungan dengan WEB (Website) ===
| + | |
| − | | + | |
| − | ==== Definisi WEB (Website) ====
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Ada beberapa pendapat yang menjelaskan definisi website, diantaranya: </p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Menurut Murad, dkk. (2013:49)<ref name="Murad" />, “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 hypertext”.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Menurut Pendapat Simarmata (2010:501)<ref name="Simarmata">Simarmata. Janner. 2010. “Rekayasa Perangkat Lunak”. Yogyakarta: CV Andi Offset</ref>, ” Website dapat diartikan sebagai alat untuk menciptakan sistem informasi global yang mudah berdasarkan pada hiperteks”.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Dari pendapat di atas dapat disimpulkan bahwa Website adalah sebuah tempat di Internet, yang menyajikan informasi dengan berbagai macam format data seperti text, image, bahkan video dan dapat diakses menggunakan berbagai aplikasi klien sehingga memungkinkan penyajian informasi yang lebih menarik dan dinamis.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">World Wide Web (www) lebih dikenal dengan web atau website merupakan file teks yang berisi tag-tag dengan format Hyper Text Markup Language (HTML), link ke file-file grafik atau halaman web yang lain. File ini disimpan pada server web dan dapat diakses oleh komputer lain yang terhubung ke server, baik melalui Internet maupun LAN (Intranet).</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | ==== Pengertian Web Browser ====
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Menurut Jarot Setyaji (2010:296)<ref name="Setyaji">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.”</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Dan menurut Anhar (2010:6)<ref name="Anhar">Anhar. 2010. Panduan Menguasai PHP & MySQL Secara Otodidak, Jakarta: Mediakita.</ref>, “Browser merupakan software yang di instal di mesin client, berfungsi untuk menerjemahkan tag HTML menjadi halaman web”.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Dari pendapat-pendapat di atas dapat disimpulkan bahwa Internet browser merupakan sebuah aplikasi atau software yang digunakan untuk mengolah data yang ditransfer dari World Wide Web (www) atau internet ke komputer dan menampilkannya secara visual agar mudah dimengerti oleh seorang pengguna internet.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | ==== Pengertian Internet ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Menurut Sibero (2011)<ref name="Sibero">Sibero, F.X Alexander. 2011. Kitab Suci Web Programming. Jakarta: MediaKom.</ref>, “internet (Interconnected Network) adalah jaringan komputer yang menghubungkan antar jaringan secara global, internet dapat juga disebut jaringan dalam suatu jaringan yang luas. Seperti halnya Jaringan komputer lokal maupun jaringan komputer area, internet juga menggunakan protocol komunikasi yang sama yaitu TCP/IP (Transmission Control Protocol/Internet Protocol)”.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Internet dapat dikatakan sebagai jaringan komputer yang menghubungkan pemakai komputer dari suatu negara ke negara lain di seluruh dunia, di mana di dalamnya terdapat berbagai sumber informasi.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Internet merupakan kependekan dari inter-network. Internet adalah jaringan komputer yang sangat luas. Jaringan ini menghubungkan jutaan komputer yang tersebar di seluruh dunia, baik itu LAN (Local Area Network), MAN (Metropolitan Area Network), atau WAN (World Area Network) yang terhubung dengan menggunakan TCP/IP (Transmition Control Protocol/Internet Protocol).</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Intranet memungkinkan karyawan perusahaan atau institusi mengakses data atau sumber daya dari perusahaan atau institusi lain. Media penghubung intranet ada yang menggunakan kabel saja dan ada yang menggunakan kabel dan komputer server. Komputer server berfungsi melayani komputer yang terdapat dalam jaringan tersebut (komputer klien).</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | ==== Pengertian XAMPP ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Menurut Februariyanti (2012:129)<ref name="Februariyanti">Februariyanti, Herny dan Eri Zuliarso. 2012. Rancang Bangun Sistem Perpustakaan untuk Jurnal Elektronik. Semarang: Universitas Stikubank.</ref>, “XAMPP adalah sebuah software web server apache yang di dalamnya sudah tersedia database server MySQL dan dapat mendukung pemrograman PHP”.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | XAMPP adalah perangkat lunak bebas yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apa pun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU (General Public License) dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis”.</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | XAMPP merupakan paket yang berbasis Open Source yang dikembangkan oleh sebuah komunitas Open Source. Dengan menggunakan XAMPP tidak perlu melakukan penginstalan program-program yang lain, karena semua kebutuhan telah disediakan oleh XAMPP. Berikut adalah beberapa paket yang telah disediakan :</p>
| + | |
| − | | + | |
| − | <p style="line-height: 2">a. Apache</p>
| + | |
| − | <p style="line-height: 2">b. MySQL</p>
| + | |
| − | <p style="line-height: 2">c. PHP</p>
| + | |
| − | <p style="line-height: 2">d. FileZilla</p>
| + | |
| − | <p style="line-height: 2">e. phpMyAdmin </p></div>
| + | |
| − | | + | |
| − | ==== Pengertian PHP ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Menurut Anhar (2010:3)<ref name="Anhar" />, “PHP singkatan dari Hypertext Preprocessor yaitu bahasa pemrograman web server-side yang bersifat open source. PHP merupakan script yang terintegrasi dengan HTML dan berada pada server (server side HTML embedded scripting). PHP adalah script yang digunakan untuk membuat halaman yang dinamis”.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Oktavian (2010:31)<ref name="Oktavian">Oktavian, Diar Puji. 2010. Menjadi Programmer Jempolan Menggunakan PHP. Yogyakarta: MediaKom.</ref> menjelaskan, “PHP adalah akronim dari Hypertext Preprocessor, yaitu satu bahasa pemrograman berbasiskan kode-kode (script) yang digunakan untuk mengolah suatu data dan mengirimnya kembali ke web browser menjadi kode HTML”.
| + | |
| − | Kode PHP mempunyai ciri-ciri khusus, yaitu:</p>
| + | |
| − | <p style="line-height: 2">a. Hanya dapat dijalankan menggunakan web server, misal: Apache;</p>
| + | |
| − | <p style="line-height: 2">b. Kode PHP diletakkan dan dijalankan di web server;</p>
| + | |
| − | <p style="line-height: 2">c. Kode PHP dapat digunakan untuk mengakses database, seperti: MySQL, PostgreSQL, Oracle, dan lain-lain;</p>
| + | |
| − | <p style="line-height: 2">d. Merupakan software yang bersifat open source;</p>
| + | |
| − | <p style="line-height: 2">e. Gratis untuk di download dan digunakan;</p>
| + | |
| − | <p style="line-height: 2">f. Memiliki sifat multi paltform, artinya dapat dijalankan menggunakan Sistem operasi apa pun, seperti : Linux, Unix, Windows, dan lain-lain;</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | ==== Pengertian MySQL ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Menurut Oktavian (2010:32)<ref name="Oktavian" /> “MySQL merupakan program database server sebagai tempat penyimpanan dan mengolah data”.
| + | |
| − | Dan Woro Widya (2010:26) Mengatakan, “MySQL adalah salah satu software sistem manajemen database (DBMS) Structured Query Language (SQL) yang bersifat open source. SQL adalah bahasa standar untuk mengakses database dan didefinisikan dengan standar ANSI/ISO SQL”.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Beberapa kelebihan database MySQL antara lain:</p>
| + | |
| − | <p style="line-height: 2">a. MySQL merupakan database server, jadi dapat diakses dari jauh karena dapat tersambung ke media internet selain itu juga dapat berperan sebagai client.</p>
| + | |
| − | <p style="line-height: 2">b. MySQL adalah sebuah software data open source artinya software ini bebas digunakan oleh siapa saja tanpa harus membeli lisensinya kepada pembuat.</p>
| + | |
| − | <p style="line-height: 2">c. MySQL database dilengkapi juga dengan enkripsi password, jadi cukup aman karena memiliki password untuk mengaksesnya.</p>
| + | |
| − | <p style="line-height: 2">d. MySQL merupakan database yang multi user, artinya database ini tidak hanya digunakan oleh satu pengguna akan tetapi dapat digunakan oleh banyak pengguna.</p>
| + | |
| − | <p style="line-height: 2">e. MySQL menggunakan suatu bahas permintaan standar yaitu SQL (Structured Query Language) yaitu sebuah perintah yang di standarkan pada database server.</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | ==== Database ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Menurut Raharjo (2011:3)<ref name="Raharjo">Raharjo, Budi. 2011. Belajar Otodidak Membuat Database Menggunakan 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></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Basis data terdiri dari 2 (dua) kata, yaitu basis & data. Basis dapat diartikan sebagai markas/gudang, tempat berkumpul. Sedangkan Data adalah fakta yang mewakili suatu objek seperti manusia, barang, hewan peristiwa, keadaan dan sebagainya, yang direkam dalam bentuk angka, huruf simbol, teks gambar, bunyi atau kombinasinya.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Basis data sendiri dapat di definisikan dalam sejumlah sudut pandang seperti :</p>
| + | |
| − | <p style="line-height: 2">a. Himpunan kelompok data/arsip yang saling berhubungan yang diorganisasi sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat & mudah.</p>
| + | |
| − | <p style="line-height: 2">b. Kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa pengulangan/penumpukan (redundansi), untuk memenuhi berbagai kebutuhan.</p>
| + | |
| − | <p style="line-height: 2">c. Kumpulan file/tabel/arsip yang saling berhubungan yang disimpan dalam media penyimpanan elektronis.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Tidak semua bentuk penyimpanan data secara elektronis bisa disebut basis data. Yang sangat ditonjolkan dalam basis data adalah pengaturan, pemilahan, pengelompokan, dan pengorganisasian data yang akan disimpan sesuai fungsi atau jenisnya. Pemilahan/pengelompokan ini dapat berbentuk sejumlah file/tabel terpisah atau dalam bentuk pendefinisian kolom-kolom (fields) data dalam setiap file/tabel.</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | ==== Penjelasan Framework Bootstrap ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Framework sendiri merupakan suatu kertas/kerangka kerja dalam aplikasi web yang di dalamnya memiliki suatu potongan-potongan program yang disusun (modul), sehingga programmer tidak perlu membuat kode dari nol, karena framework telah menyediakannya.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Bootstrap merupakan sebuah toolkit yang dikembangkan oleh Twitter untuk mempermudah web developer dalam mendesain tampilan aplikasi. Platform ini awalnya dikembangkan pada ajang Hackweek, sebuah perhelatan developer yang diadakan Twitter. Standarisasi platform tersebut sudah disempurnakan sejak saat itu. Kini, disebutkan Twitter memiliki kerangka kerja yang konsisten untuk mengembangkan aplikasi. Di Bootstrap sudah tersedia CSS, HTML, dan JQuery Plugin. Bootstrap pertama kali dirilis pada Agustus 2012. Kelebihan Framework Bootstrap adalah Responsive Layout dan 12-column grid system. Dengan Responsive Layout maka aplikasi web yang didesain dengan menggunakan Bootstrap akan langsung menyesuaikan dengan lebar dari media perambahnya. Sehingga Framework ini support untuk semua jenis device baik dari smartphone, tablet, laptop, ataupun PC Desktop. Di samping itu, Bootstrap juga sudah support untuk HTML 5 dan CSS 3.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | ==== Definisi Gaji atau Upah ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Menurut Soemarso (2010:307)<ref name="Soemarso">Soemarso. 2010. “Akuntansi Suatu Pengantar”. Jakarta: Salemba Empat.</ref>, bahwa “Gaji adalah imbalan kepada pegawai yang diberikan atas tugas-tugas administrasi dan pimpinan yang jumlahnya biasanya tetap secara bulanan atau tahunan”.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Menurut Rivai dan Sagala (2010:762)<ref name="Rivai">Rival, Veithzal dan Sagala, Ella J. 2010. “Manajemen Sumber Daya Manusia Untuk Perusahaan”. Jakarta: PT Rajagrafindo Persada.</ref>, menjelaskan “Gaji adalah balas jasa dalam bentuk uang yang diterima karyawan sebagai konsekuensi dari statusnya sebagai seorang karyawan yang memberikan kontribusi dalam mencapai tujuan perusahaan.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Dari pendapat di atas, dapat disimpulkan bahwa gaji atau upah merupakan balas jasa yang diberikan kepada karyawan yang mempunyai ikatan kerja kuat secara berkala berdasarkan ketentuan yang berlaku di perusahaan dan sifatnya tetap.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Hal ini senada dengan Definisi Gaji atau Upah yang tertuang dalam perundang-undangan yaitu pada Pasal 1 ayat 30 UU No. 13 Tahun 2003 tentang Ketenagakerjaan:</p>
| + | |
| − | <p style="line-height: 2">“Upah adalah hak pekerja/buruh yang diterima dan dinyatakan dalam bentuk uang sebagai imbalan dari pengusaha atau pemberi kerja kepada pekerja/buruh yang ditetapkan dan dibayarkan menurut suatu perjanjian kerja, kesepakatan, atau peraturan perundang-undangan, termasuk tunjangan bagi pekerja/buruh dan keluarganya atas suatu pekerjaan dan/atau jasa yang telah atau akan dilakukan”.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Gaji atau upah merupakan bagian dari kompensasi-kompensasi yang paling besar yang diberikan perusahaan sebagai balas jasa kepada karyawannya. Dan bagi karyawan ini merupakan nilai hak dari prestasi mereka, juga sebagai motivator dalam bekerja.</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Sedangkan bagi perusahaan jasa, gaji dan upah merupakan komponen biaya yang mempunyai dampak besar dalam mempengaruhi laba, sehingga harus terus menerus diawasi pengelolaannya.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | ==== Komponen-Komponen pada Gaji ====
| + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Gaji Pokok</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Menurut Saifuddin Bachrun (2012:4)<ref name="Saifuddin Bachrun">Bachrun, Saifuddin, 2012, “Menyusun Struktur dan Skala Gaji dalam praktik”. Jakarta: PPM.</ref>, Menarik kesimpulan bahwa “Upah/Gaji Pokok adalah imbalan dasar yang dibayarkan kepada pegawai menurut tingkat atau jenis pekerjaan yang besarnya ditetapkan berdasarkan kesepakatan”.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Besarnya gaji yang diberikan kepada karyawan sesuai dengan jabatan dan jasa yang diberikan pada perusahaan dan telah ditetapkan gaji pokok minimum sesuai kesepakatan pada waktu karyawan tersebut pertama kali bekerja.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Dalam aturan perundang-undangan No. 13 Tahun 2003 tentang Ketenagakerjaan<ref name="Ketenagakerjaan">Kitab Undang-undang Ketenaga Kerjaan dan Transmigrasi No. 13 Tahun 2003.</ref> menyatakan, gaji pokok tidak boleh kurang dari UMK (Upah Minimum Kota) atau UMR (Upah Minimum Regional/Kabupaten).</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Tunjangan Tetap</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Tunjangan Tetap adalah suatu pembayaran yang teratur berkaitan dengan pekerjaan yang diberikan secara tetap untuk pekerja dan keluarganya serta dibayarkan dalam satuan waktu yang sama dengan pembayaran Gaji pokok, seperti Tunjangan Istri, Tunjangan Anak, Tunjangan Perumahan, Tunjangan Kematian, Tunjangan Daerah, dan lain-lain. Tunjangan Makan dan Tunjangan Transport dapat dimasukkan dalam komponen tunjangan tetap apabila pemberian tunjangan tersebut tidak dikaitkan dengan kehadiran, dan diterima secara tetap oleh pekerja menurut satuan waktu, harian atau bulanan.</p></div>
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Insentif</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Insentif adalah kompensasi khusus yang dirancang untuk memotivasi kinerja luar biasa (superior performance). Dalam bahasa yang lebih sederhana insentif dapat diartikan sebagai bonus di luar gaji. Kompensasi dalam bentuk insentif ini mempunyai kaitan langsung dengan motivasi (jadi insentif diberikan guna meningkatkan motivasi). Insentif diberikan tergantung dari prestasi atau produksi.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Menurut Asri Laskmi Riani (2013:132)<ref name="Riani">Riani, Asri Laksmi, 2013, “Manajemen Sumberdaya Manusia Masa Kini”. Yogyakarta : Graha Ilmu.</ref>, “Insentif adalah sarana untuk memotivasi karyawan dalam mencapai suatu target tertentu. Insentif dalam perkembangannya bisa dalam berbagai bentuk seperti bonus, komisi baik secara finansial (uang, saham) ataupun dalam bentuk benefit lain (jalan-jalan ke luar negeri, rumah, mobil, dan lain-lain). Hal ini biasa diterapkan pada berbagai jenis industri (bank, asuransi, produk makanan dan lain-lain), berbagai departemen (tenaga penjualan, tenaga produksi dan lain-lain), berbagai posisi (direktur, manajer, supervisor, staf produksi, dan lain-lain). Insentif diberikan bisa dalam bentuk persentase dari setiap kinerja atau kisaran pencapaian kinerja. Kinerja yang diukur bisa berupa jumlah nilai penjualan, jumlah nilai produksi atau jumlah keuntungan”.</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Tunjangan Tidak Tetap</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Tunjangan Tidak Tetap adalah suatu pembayaran yang secara langsung atau tidak langsung berkaitan dengan pekerjaan, yang diberikan secara tidak tetap untuk pekerja dan keluarganya serta dibayarkan menurut satuan waktu yang tidak sama dengan waktu pembayaran upah pokok, seperti Tunjangan Transport yang didasarkan pada kehadiran, Tunjangan makan dapat dimasukkan ke dalam tunjangan tidak tetap apabila tunjangan tersebut diberikan atas dasar kehadiran (pemberian tunjangan bisa dalam bentuk uang atau fasilitas makan).</p></div>
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Uang Makan</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Merupakan insentif yang akan diterima karyawan selain dari gaji pokok dan dihitung berdasarkan dari tingkat dan jabatannya sesuai dengan keahlian dengan cara penghitungannya adalah per hari masuk kerja namun diberikan pada setiap menerima gaji.</p></div>
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Lembur/Upah Lembur</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Lembur adalah pekerjaan yang dilakukan oleh karyawan atau pekerja, atas dasar perintah atasan, yang melebihi jam kerja biasa pada hari-hari kerja, atau pekerjaan yang dilakukan pada hari istirahat mingguan karyawan atau hari libur resmi.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Kerja lembur pada dasarnya bersifat sukarela, kecuali dalam kondisi tertentu pekerjaan harus segera diselesaikan untuk kepentingan perusahaan.</p></div></ol>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | ==== Potongan Gaji ====
| + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Pajak Penghasilan (PPh 21)</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Menurut pasal 4 ayat 1 huruf a UU No.36/2008 tentang Pajak Penghasilan, “Yang menjadi objek pajak adalah penghasilan, yaitu setiap tambahan kemampuan ekonomis yang diterima atau diperoleh Wajib Pajak, baik yang berasal dari Indonesia maupun dari luar Indonesia, yang dapat dipakai untuk konsumsi atau untuk menambah kekayaan Wajib Pajak yang bersangkutan, termasuk:</p>
| + | |
| − | <p style="line-height: 2">a) Penggantian atau imbalan berkenaan dengan pekerjaan atau jasa yang diterima atau diperoleh termasuk gaji, upah, tunjangan, honorarium, komisi, bonus, gratifikasi, uang pensiun, atau imbalan dalam bentuk lainnya, kecuali ditentukan lain dalam Undang-undang ini ...”.</p>
| + | |
| − | <p style="line-height: 2">Jumlah pajak penghasilan yang harus dipotong, besarnya tergantung dari :</p>
| + | |
| − | <p style="line-height: 2">- Jumlah penghasilan kotor karyawan;</p>
| + | |
| − | <p style="line-height: 2">- Status perkawinan (belum menikah, menikah, jumlah anak);</p>
| + | |
| − | <p style="line-height: 2">- Adanya penghasilan yang tidak boleh dikenakan pajak penghasilan;</p>
| + | |
| − | <p style="line-height: 2">- Tarif pajak yang berlaku;</p></div>
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Pemotongan Pembayaran Iuran Asuransi (BPJS Kesehatan, BPJS Ketenagakerjaan)</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Pemotongan Pembayaran Iuran Asuransi (BPJS Kesehatan, BPJS Ketenagakerjaan) adalah Pemotongan upah pekerja karena suatu pembayaran terhadap negara atas iuran keanggotaan/peserta untuk suatu dana yang menyelenggarakan jaminan sosial dan ditetapkan dengan peraturan perundang-undangan, maka secara hukum pemotongan tersebut merupakan kewajiban dari pekerja.</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Pemotongan Lainnya</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | 1) Pemotongan upah karena absen tanpa alasan yang jelas (Mangkir).</p></div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Secara hukum, apabila pekerja tidak bekerja, maka upah tidak dibayar. Namun, pemotongan upah pekerja yang tidak masuk kerja tidak dapat dilakukan begitu saja, karena berdasarkan Undang-Undang, pekerja dilindungi haknya untuk mendapatkan upah penuh untuk hari atau hari-hari ia tidak masuk bekerja, antara lain dalam hal pekerja tidak masuk kerja karena sakit, menjalani cuti yang merupakan haknya, menikah, menikahkan anaknya, sedang haid bagi pekerja perempuan, atau ada anggota keluarga (orang tua, mertua, keluarga dalam satu rumah) meninggal dunia.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | 2) Pemotongan upah karena pekerja melakukan pelanggaran.</p></div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Pemotongan upah mengenai denda atas pelanggaran yang dilakukan pekerja dapat dilakukan apabila hal tersebut diatur secara tegas dalam suatu perjanjian tertulis atau perjanjian perusahaan.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | 3) Pemotongan upah karena membayar cicilan.</p></div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Cicilan ini bisa mencakup berbagai hal seperti membayar cicilan pinjaman uang perusahaan, cicilan rumah, cicilan mobil, dsb.</p></div></ol>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | ==== Sumber Daya Manusia ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Sumber Daya Manusia (SDM) dalam konteks bisnis, adalah orang yang bekerja dalam suatu organisasi yang sering pula disebut karyawan. Sumber Daya Manusia merupakan aset yang paling berharga dalam perusahaan, tanpa manusia maka sumber daya perusahaan tidak akan dapat menghasilkan laba atau menambah nilainya sendiri. Manajemen Sumber Daya Manusia didasari pada suatu konsep bahwa setiap karyawan adalah manusia, bukan mesin, dan bukan semata menjadi sumber daya bisnis. Manajemen Sumber Daya Manusia berkaitan dengan kebijakan dan praktek-praktek yang perlu dilaksanakan oleh manajer, mengenai aspek-aspek Sumber Daya Manusia dari Manajemen Kerja.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | ==== Konsep Dasar Elisitasi ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Elisitasi merupakan rancangan yang dibuat berdasarkan sistem yang baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk dieksekusi. Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap, yaitu sebagai berikut:</p></div>
| + | |
| − | | + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Elisitasi Tahap I</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Elisitasi Tahap I, berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.</p></div>
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Elisitasi Tahap II</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | 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 oleh penulis untuk dieksekusi. Berikut penjelasan mengenai Metode MDI :</p>
| + | |
| − | <p style="line-height: 2">1) M pada MDI itu artinya Mandatory (Penting). Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.</p>
| + | |
| − | <p style="line-height: 2">2) D pada MDI itu artinya Desirable. Maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebut digunakan dalam pembentukan sistem, akan membuat sistem tersebut lebih perfect.</p>
| + | |
| − | <p style="line-height: 2">3) I pada MDI itu artinya Inessential. Maksudnya bahwa requirement tersebut bukanlah bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem.</p></div>
| + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Elisitasi Tahap III</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Elisitasi Tahap III, merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang opsinya I pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE, yaitu sebagai berikut :</p>
| + | |
| − | <p style="line-height: 2">1) T artinya Tehnikal, maksudnya bagaimana tata cara/teknik pembuatan requirement tersebut dalam sistem yang diusulkan?</p>
| + | |
| − | <p style="line-height: 2">2) O artinya Operasional, maksudnya bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan ?</p>
| + | |
| − | <p style="line-height: 2">3) E artinya Economi, maksudnya berapakah biaya yang diperlukan guna membangun requirement tersebut di dalam sistem?</p>
| + | |
| − | <p style="line-height: 2">Metode TOE tersebut dibagi kembali menjadi beberapa opsi, yaitu:</p>
| + | |
| − | <p style="line-height: 2">a) High (H) : Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit serta biayanya mahal. Sehingga requirement tersebut harus dieliminasi;</p>
| + | |
| − | <p style="line-height: 2">b) Middle (M) : Mampu untuk dikerjakan;</p>
| + | |
| − | <p style="line-height: 2">c) Low (L) : Mudah untuk dikerjakan</p></div>
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Final Draft Elisitasi</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Final Draft Elisitasi, merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.</p></div></ol>
| + | |
| − | | + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | ==== Literatur Review ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Penelitian mengenai sistem penggajian sebelumnya telah banyak dilakukan. Dalam upaya mengembangkan dan menyempurnakan sistem penggajian ini perlu dilakukan Literature Review (Studi Pustaka) sebagai salah satu dari penerapan metode penelitian yang akan dilakukan. Berikut adalah penelitian yang telah dilakukan dan memiliki korelasi yang searah dengan penelitian yang akan dibahas dalam penelitian ini, diantaranya sebagai berikut:</p></div>
| + | |
| − | | + | |
| − | <ol>
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Penelitian yang dilakukan oleh Eliza Nur Amaliah [2014/2015]</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Penelitian yang dijalankan oleh Eliza Nur Amaliah yang berjudul “Perancangan Sistem Informasi Absensi Dan Penggajian Guru Pada SMK Sakti School Tangerang”. Tahun 2014/2015, pada penelitian ini penulis telah berhasil merancang sistem absensi dan penggajian guru yang efektif dan efisien menggunakan sistem aplikasi berbasis web.</p></div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Pada penelitian ini memiliki kesamaan dengan penelitian yang akan dilakukan tetapi hanya berbeda pada media aplikasinya.</p></div>
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Penelitian yang dilakukan oleh Khaerun Nufus [2013/2014]</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Penelitian yang dijalankan oleh Khaerun Nufus yang berjudul “Perancangan Sistem Informasi Penggajian Dosen Honorer Berbasis Web Pada STMIK Bina Sarana Global”. Tahun 2013/2014, pada penelitian ini penulis telah berhasil merancang sistem informasi penggajian dosen berbasis Web pada STMIK Bina Sarana Global yang user friendly dengan menggunakan tools dan Software Adobe Dreamweaver CS5, XAMPP, PHP, dan MySQL.</p></div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Pada penelitian sudah sangat baik dan akan menjadi sumber referensi untuk penulis.</p></div>
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Penelitian yang dilakukan oleh Neneng Mulyana [2012/2013]</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Penelitian yang dijalankan oleh Neneng Mulyana yang berjudul “Analisa Sistem Informasi Penggajian Pegawai Pada Kecamatan Mauk Kabupaten Tangerang”. Tahun 2012/2013, pada penelitian ini penulis baru menganalisa dan akan merancang sistem penggajian pegawai yang efektif dan efisien mengagunkan sistem aplikasi web dengan PHP dan MYSQL.</p></div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Pada penelitian sudah cukup baik akan tetapi belum sampai pada tahap perancangan sistem.</p></div>
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Penelitian yang dijalankan oleh Hartanto [2010/2011]</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Penelitian yang telah dijalankan oleh Hartanto Berjudul “Analisa Sistem Informasi Penggajian Karyawan Pada PT. Skyputra Pancasukra Tangerang”. Pada tahun 2010/2011. Metode yang diusulkan pada penelitian ini adalah dengan menggunakan program Visual Basic 6.0 yang dirancang untuk memberikan kemudahan dalam menghasilkan data yang akurat dan juga meningkatkan kinerja yang optimal khususnya pada bagian administrasi.</p></div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Pada penelitian ini memiliki kesamaan dengan penelitian yang akan dijalankan, hanya berbeda pada pemrograman yang digunakan. Dalam penelitian ini juga masih harus dilakukan evaluasi agar tidak terjadi kesalahan-kesalahan dalam pengimputan data dan agar tidak terjadi kerangkapan data.</p></div>
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Penelitian yang dijalankan oleh Basirun Andrianto [2010/2011]</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Penelitian yang telah dijalankan oleh Basirun Andrianto berjudul “Analisa Sistem Informasi Penggajian pada PT. Indoseiki Metalutama”, tahun 2010/2011. Metode yang diusulkan pada penelitian ini adalah dengan menggunakan program PHP versi 4.3.11 dan database MySQL 4.0.2.4. sistem ini dirancang untuk dijadikan solusi awal untuk memberikan kemudahan dalam menghasilkan data yang akurat dan juga meningkatkan kinerja optimal khususnya pada bagian administrasi.</p></div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Penelitian yang dilakukan oleh Basirun Andrianto sudah cukup bagus dan akan menjadi referensi bagi penulis.</p></div>
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Penelitian yang dijalankan oleh Yenni Dwi Kurniawati [2014/2015]</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Penelitian yang dijalankan oleh Yenni Dwi Kurniawati yang berjudul “Perancangan Sistem Informasi Penggajian Pegawai Pada Sat Lantas Polres Metro Tangerang Kota”. Tahun 2014/2015, pada penelitian ini penulis telah berhasil merancang sistem informasi penggajian berbasis Web Pada Sat Lantas Polres Metro Tangerang Kota yang user friendly dengan menggunakan tools dan aplikasi XAMPP, PHP, dan MySQL.</p></div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Pada penelitian yang dijalankan oleh Yenni Dwi Kurniawati sudah sangat baik dan akan menjadi sumber referensi untuk penulis.</p></div></ol>
| + | |
| − | | + | |
| − | | + | |
| − | {{pagebreak}}
| + | |
| − | | + | |
| − | =<p style="text-align: center;">'''BAB III'''</p>=
| + | |
| − | | + | |
| − | <div style="font-size: 14pt;font-family: 'times new roman';line-height: 2;text-align: center">'''ANALISA SISTEM YANG BERJALAN'''</div>
| + | |
| − | | + | |
| − | == Analisa Organisasi ==
| + | |
| − | | + | |
| − | === Gambaran Umum PT. XYZ ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Selama lebih dari setengah abad, PT. XYZ telah mengolah bahan-bahan dari sumber alam menjadi produk-produk berkualitas pilihan konsumen. Berawal dari produk minuman kesehatan dengan ramuan alamiah yang diolah secara tradisional, produk-produk PT. XYZ berkembang semakin modern, canggih, praktis, dan efisien sesuai dengan tuntutan zaman. Warisan nenek moyang, yang telah terbukti khasiatnya sejak dahulu, terus dikembangkan secara berkesinambungan tanpa meninggalkan rahasia keasliannya.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Melalui riset dan inovasi, PT. XYZ selalu menghadirkan Unique Winning Products untuk memenangkan persaingan dan menciptakan produk-produk bermerek pilihan utama konsumen dengan investasi merek yang terus menerus dilakukan. Sebut saja merek-merek Formula, Tango, Oops, Vita Cham, Kiranti, Teh Gelas dan lain sebagainya yang sudah tidak asing lagi. Mulai dari pasta gigi dan sikat gigi hingga makanan dan minuman kesehatan, beragam produk PT. XYZ telah menjadi bagian dari kehidupan masyarakat Indonesia. Bahkan kini, banyak produk PT. XYZ yang sudah dapat dinikmati oleh konsumen.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Komitmen pada kualitas dan inovasi membuat PT. XYZ mampu berdiri tegak selama lebih dari setengah abad dan menjadi salah satu perusahaan consumer goods lokal yang siap bersaing dengan perusahaan-perusahaan dunia yang sejenis. Beberapa merek dari produk PT. XYZ bahkan menjadi pemimpin pasar di Indonesia dan meraih berbagai penghargaan atas kepuasan konsumen dan merek terbaik melalui lembaga surveyor yang diakui secara nasional maupun internasional.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Semua kemajuan yang telah dicapai ini tidak lepas dari nilai-nilai yang telah PT. XYZ yakini sejak awal serta terjalinnya hubungan kekeluargaan yang dekat dengan konsumen, karyawan, pemilik, dan pihak-pihak lain yang terkait. Kehadiran PT. XYZ adalah untuk selalu memenuhi kebutuhan konsumen dan memberikan kontribusi bagi kesejahteraan masyarakat. Oleh karena itu, PT. XYZ terus berupaya untuk mengembangkan usaha dan menyempurnakan layanan serta kualitas produk-produk sesuai dengan kebutuhan konsumen, baik saat sekarang maupun akan datang.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | === Sejarah Singkat PT. XYZ ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Perjalanan PT. XYZ di Indonesia berawal pada tahun 1948 ketika penerimaan masyarakat terhadap minuman kesehatan tradisional semakin meluas. Untuk memenuhi kebutuhan ini sebuah pabrik dibangun di Semarang, lalu di Jakarta dua tahun kemudian.
| + | |
| − | Sejalan dengan berkembangnya usaha dan kebutuhan masyarakat, PT. XYZ pun membangun berbagai fasilitas produksi serta unit usaha baru, dimulai dengan pasta gigi dan sikat gigi dengan merek Formula.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Pada tahun 1985 PT. XYZ membentuk holding company dengan nama ADA, singkatan dari Attention, Direction and Action. Di bawah bendera ADA pengembangan usaha dan diversifikasi produk pun terus berlanjut. Peningkatan kapasitas produksi yang terus menerus berlangsung dan bertambahnya produk yang dihasilkan membutuhkan tim penjualan yang solid. Untuk menangani dan menguasai jalur distribusi dalam penyebaran produk-produk PT. XYZ, Manajemen menunjuk PT. ABC sebagai distributor tunggal di Indonesia. Penetrasi produk-produk PT. XYZ ke pasar tradisional maupun modern ditangani dan dikelola dengan baik oleh Arta Boga Cemerlang.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Pada tahun 1995 ADA kembali berganti nama menjadi PT. XYZ. Merek XYZ yang sarat nilai historis ternyata telah mengakar dalam masyarakat Indonesia, sehingga menjadi salah satu keunggulan dalam memosisikan dirinya di tengah masyarakat. Di lain sisi, kata XYZ itu juga identik dengan minuman kesehatan tradisional yang sudah tertanam di benak konsumen. Oleh karena itu revitalisasi nama dan logo dirasa perlu dilakukan sejalan dengan strategi pengembangan bisnis PT. XYZ yang memasuki bisnis consumer goods.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | === Visi dan Misi PT. XYZ ===
| + | |
| − | ==== Visi ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align:center;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | “The Premier Company delivering first choice brands and innovative solutions to consumers in Asia Pacific.”</p>
| + | |
| − | <p style="line-height: 2">
| + | |
| − | “ Perusahaan Terkemuka pertama yang menjadi merek pilihan dan solusi inovatif untuk konsumen di Asia Pasifik.”</p></div>
| + | |
| − | | + | |
| − | ==== Misi ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align:center;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | “We exist to brighten and delight the lives of our CESS (Customers, Employees, Shareholders, and Society) by creating and meeting consumer's needs.”</p>
| + | |
| − | <p style="line-height: 2">
| + | |
| − | “Kami hadir untuk mencerahkan dan menyenangkan kehidupan kita CESS (Pelanggan, Karyawan, Pemegang Saham, dan Masyarakat) dengan menciptakan dan mempertemukan kebutuhan konsumen.”.</p></div>
| + | |
| − | | + | |
| − | === Struktur Organisasi ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Struktur organisasi adalah suatu susunan dan hubungan antara tiap bagian serta posisi yang ada pada suatu organisasi atau perusahaan dalam menjalankan kegiatan operasional untuk mencapai tujuan. Struktur Organisasi menggambarkan dengan jelas pemisahan kegiatan pekerjaan antara yang satu dengan yang lain dan bagaimana hubungan aktivitas dan fungsi dibatasi. Dalam struktur organisasi yang baik harus menjelaskan hubungan wewenang siapa melapor kepada siapa.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Dalam sebuah organisasi haruslah ada struktur organisasi untuk menunjukkan pola tetap hubungan-hubungan antara fungsi, tugas dan wewenang serta tanggung jawab masing-masing bagian.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Struktur Organisasi beserta uraian mengenai tugas, wewenang, maupun tanggung jawab pada PT. XYZ adalah sebagai berikut :</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | '''Struktur Organisasi pada PT. XYZ'''</p></div>
| + | |
| − | | + | |
| − | <div align="center"><img width="600" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-xu2bHjT27DA/VtSOP52pSwI/AAAAAAAAAFc/o_Il3a150Tg/s868-Ic42/Struktur%252520ORG.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Gambar 1.0 : Struktur Organisasi Pada PT. XYZ</p>
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Sumber: PT. XYZ</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | === Tugas dan Tanggung Jawab ===
| + | |
| − | | + | |
| − | ==== Manager ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Manager bertanggung jawab di seluruh bagian organisasi, merencanakan kegiatan dan strategi perusahaan secara umum dan mengarahkan jalannya perusahaan. memimpin dan mengawasi karyawan non-manajerial yang terlibat dalam proses produksi.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Tugas paling utama dari Manager adalah merumuskan/menetapkan tujuan, membuat perencanaan jangka panjang maupun menengah, serta menentukan kebijakan/strategi perusahaan secara keseluruhan untuk mencapai tujuan yang telah ditetapkan. Adapun kaitannya dengan tugas-tugas tersebut, Manager juga berwenang dan bertanggung jawab dalam:</p>
| + | |
| − | <p style="line-height: 2">a. Memberikan persetujuan, menolak sebagian ataupun seluruh program kerja dan anggaran yang telah disusun, termasuk dalam hal investasi modal kerja atau perluasan perusahaan.</p>
| + | |
| − | <p style="line-height: 2">b. Mengawasi seluruh pelaksanaan kegiatan dalam perusahaan agar sesuai dengan rencana, strategi maupun kebijakan perusahaan.</p></div>
| + | |
| − | | + | |
| − | ==== Akuntansi ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Bagian Akuntansi merupakan bagian yang bertugas untuk mencatat serta mengatur masalah keuangan perusahaan. Bagian Akuntansi juga bertugas untuk mengadakan audit atas kinerja yang sudah dilakukan bagian lain, guna menghindari terjadinya penyalahgunaan khususnya di bidang keuangan, termasuk mengontrol keseimbangan keuangan perusahaan.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Pada bagian ini, pegawai yang ditunjuk haruslah bersikap jujur dan teliti karena jika tidak, maka perusahaan akan kehilangan berbagai aset yang berpotensi memajukan perusahaan.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Tugas, wewenang, dan tanggung jawab Bagian Akuntansi secara lebih mendalam meliputi :</p>
| + | |
| − | <p style="line-height: 2">a. Membantu Manager dalam perencanaan untuk merumuskan tujuan jangka panjang, menengah, maupun pendek serta strategi dan kebijakan terutama dalam pengelolaan keuangan perusahaan melalui pembuatan program kerja dan rencana anggaran tahunan.</p>
| + | |
| − | <p style="line-height: 2">b. Mengawasi pelaksanaan penyediaan dan pengamanan dana keuangan bagi operasi perusahaan sehari-hari.</p>
| + | |
| − | <p style="line-height: 2">c. Mengawasi pelaksanaan pencatatan transaksi-transaksi keuangan agar sesuai dengan prinsip akuntansi yang berlaku, termasuk pengawasan sistem pelaporan keuangan dan manajemen oleh bagian akuntansi.</p></div>
| + | |
| − | | + | |
| − | ==== Personalia ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Bagian Personalia memiliki tugas untuk menjaga kualitas sumber daya manusia perusahaan. Prosesnya dimulai dari masa perekrutan, penggantian jabatan, promosi dan mutasi karyawan, penilaian kinerja, menjaga kinerja karyawan, pemberian penghargaan serta melakukan penyesuaian gaji. Dalam hal penggajian ditangani khusus oleh petugas payroll.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Dalam proses perekrutan pegawai baru, bagian personalialah yang berfungsi secara khusus untuk bisa memilih dan mendapatkan pegawai yang sesuai dengan kebutuhan perusahaan. dalam hal ini ditangani khusus oleh petugas Rekrutmen.</p></div>
| + | |
| − | | + | |
| − | ==== Kepala Bagian ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Kepala Bagian memiliki tugas untuk bertanggung jawab penuh terhadap unit bagian/sub divisi. Yang dibantu oleh kepala shift (mandor). Pada PT. XYZ Kepala Bagian diatur sebagai berikut:</p></div>
| + | |
| − | | + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Kepala Bagian Produksi</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Memiliki tugas dan tanggung jawab penuh terhadap segala proses produksi serta orang-orang yang ada di bagian produksi, dan memastikan hasil produksi sesuai target.</p></div>
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Kepala Bagian Gudang</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tugas kepala bagian gudang yang paling utama adalah Koordinasi dengan Kepala Bagian Produksi untuk Mengatur waktu produksi agar sesuai dengan waktu pengiriman, menyiapkan barang sesuai dengan Surat Pesanan (SP) dari relasi untuk dikirim. Membuat laporan bulanan stock barang, mengkoordinir bagian stock keeper dan helper.</p></div>
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Kepala Bagian Teknik</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tugas kepala bagian Teknik yang paling utama adalah Mendistribusikan tugas kepada kepala shift dibawa bagiannya, memberikan petunjuk dan arahan kepada para kepala shift di bagian teknik agar memastikan peralatan atau mesin produksi siap digunakan dan berjalan lancar sesuai standar operasi, menyelenggarakan pemeriksaan dan pengawasan atas segala peralatan secara teratur dan terus menerus pada semua fasilitas dan peralatan produksi dan distribusi agar selalu siap di operasikan. Mengupayakan tingkat kelayakan peralatan atau mesin agar selalu sesuai dengan batas toleransi yang telah ditetapkan.</p></div>
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Kepala Bagian QC (Quality Control)</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tugas kepala bagian QC yang paling utama adalah menjalankan fungsi manajemen bidang pengendalian/pengawasan mutu terhadap bahan baku atau pembantu yang digunakan dalam proses produksi, selama proses berlangsung, dan produk jadi untuk mencapai spesifikasi yang ditetapkan, memeriksa barang secara detail, memberikan instruksi untuk mengulang kembali pekerjaan apabila tidak sesuai dengan standar kualitas perusahaan.</p></div></ol>
| + | |
| − | | + | |
| − | ==== Kepala Shift ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">
| + | |
| − | Kepala Shift adalah seorang karyawan yang diberi wewenang dan tanggung jawab oleh kepala bagian dalam mengelola, mengawasi, kegiatan atau pekerjaan karyawan di bawahnya pada tiap shift (pagi, sore, dan malam). Tugas utama kepala shift adalah memastikan semua kebutuhan berkaitan dengan pekerjaan pada shift kerja masing-masing, melakukan absensi karyawan pada saat masuk dan pulang, mencatat lembur dan membuat laporan hasil kerja.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | == Tata Laksana Sistem yang Berjalan ==
| + | |
| − | === Urutan Prosedur Sistem yang Berjalan ===
| + | |
| − | <ol>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Proses Absensi Masuk dan Absensi Pulang</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">a. Proses Absensi Masuk</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.5in">- Kepala Shift meminta form absensi dan form lembur ke kepala bagian.</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.5in">- Form absensi di isi oleh kepala shift sesuai dengan jumlah karyawan yang masuk ke area kerja beserta keterangannya apabila terdapat karyawan yang tidak masuk kerja.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">b. Proses Absensi Pulang</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.5in">- Kepala Shift melakukan checklist absensi kembali untuk memastikan karyawan bekerja sesuai jam yang ditentukan perusahaan, dan mengikuti jam lembur apabila diperlukan perusahaan untuk lembur.</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.5in">- Setelah form absen masuk dan pulang di isi, form absen serahkan ke Kepala Bagian.</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.5in">- Form Absensi Karyawan oleh kepala Bagian setiap hari dicek, berapa hari karyawan masuk kerja, berapa jam lembur, berapa kali ijin tidak masuk kerja.</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.5in">- Setelah di kroscek dan dibubuhi tanda tangan oleh Kepala Bagian, Form Absensi Karyawan diserahkan ke Personalia.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Proses Rekap Absensi dan Lembur</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">a. Setelah form absensi dan form lembur diterima Personalia, selanjutnya form absensi dan form lembur di cek dan di rekap atau di input untuk dihitung berapa kali karyawan masuk kerja, berapa jam lembur, dan berapa kali ijin tidak masuk kerja serta tunjangan lainnya dalam sebulan.</p>
| + | |
| − | <p style="line-height: 2">b. Setelah data absensi dan lembur selesai di rekap, kemudian personalia membuat laporan penggajian yang akan dilaporkan ke bagian akunting dan manager (pimpinan perusahaan).</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Proses Laporan dan Penggajian</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">a. Personalia membuat laporan penggajian sesuai data absensi dan lembur yang diterima dari kepala bagian, setelah di kroscek dan di rekap.</p>
| + | |
| − | <p style="line-height: 2">b. Setelah data selesai di cek dan diproses dalam bentuk laporan penggajian oleh Personalia, kemudian hasil laporan penggajian di serahkan kebagian akunting untuk penghitungan dan pencairan gaji karyawan.</p>
| + | |
| − | <p style="line-height: 2">c. Setelah itu laporan penggajian diserahkan ke manager (pimpinan perusahaan) untuk di cek.</p>
| + | |
| − | <p style="line-height: 2">d. Setelah laporan penggajian di cek dan di tandatangani oleh manager maka gaji sudah bisa di terima karyawan.</p></div></ol>
| + | |
| − | | + | |
| − | | + | |
| − | === Rancangan Prosedur Sistem yang Berjalan ===
| + | |
| − | <div style="font-size: 120%;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 metode Unified Modeling Language (UML) untuk menggambarkan rancangan prosedur dan proses yang berjalan saat ini.</p></div>
| + | |
| − | | + | |
| − | <ol>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Use Case Diagram Absensi Perhari (Proses absen masuk dan absen pulang)</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Gambar Use Case berikut menggambarkan alur proses absensi harian pada sistem yang berjalan.</p></div>
| + | |
| − | | + | |
| − | <div align="center"><img width="500" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-DqaSnUq2lOo/VtSO5oXW7SI/AAAAAAAAAFk/FajymY53Zgc/s617-Ic42/Gambar%252520%252520use%252520case.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Gambar 2.0 : Use Case Diagram Absensi Perhari</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Justify;">
| + | |
| − | <p style="line-height: 2">Berdasarkan Gambar 2.0 Use Case Diagram yang berjalan diatas terdapat:</p>
| + | |
| − | <p style="line-height: 2">a. 1 (satu) sistem yang mencakup kegiatan absensi perhari pada PT. XYZ.</p>
| + | |
| − | <p style="line-height: 2">b. 4 (empat) actor yang melakukan kegiatan, yaitu : Karyawan, Kepala Shift, Kepala Bagian, Personalia.</p>
| + | |
| − | <p style="line-height: 2">c. 3 (tiga) Use Case yang biasa dilakukan oleh actor-actor tersebut. Yaitu : Absen Datang, Absen Pulang, dan Rekap Absensi Harian.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Use Case Diagram Rekap Absensi dan Laporan Sebulan</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Gambar Use Case berikut menggambarkan alur proses rekap absensi dan laporan sebulan pada sistem yang berjalan.</p></div>
| + | |
| − | | + | |
| − | <div align="center"><img width="500" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-ECjGjGPEC9Y/VtSQzMBEhPI/AAAAAAAAAFw/9sH_F5t_B54/s544-Ic42/Gambar%252520%252520use%252520case2.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Gambar 2.1 : Use Case Rekap dan Laporan Penggajian Sebulan</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Justify;">
| + | |
| − | <p style="line-height: 2">Berdasarkan Gambar 2.1 Use Case Diagram yang berjalan diatas terdapat:</p>
| + | |
| − | <p style="line-height: 2">a. 1 (satu) sistem yang mencakup kegiatan Rekap dan Membuat Laporan Penggajian Sebulan pada PT. XYZ.</p>
| + | |
| − | <p style="line-height: 2">b. 3 (tiga) actor yang melakukan kegiatan, yaitu : Personalia, Akunting dan Manager.</p>
| + | |
| − | <p style="line-height: 2">c. 2 (dua) Use Case yang biasa dilakukan oleh actor-actor tersebut. Yaitu : rekap, input data, dan membuat laporan penggajian selama sebulan.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Activity Diagram Sistem Penggajian yang Berjalan</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Gambar Activity Diagram berikut menggambarkan alur sistem yang berjalan.</p></div>
| + | |
| − | | + | |
| − | <div align="center"><img width="500" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-weMRh2KQEME/VtSUTGIBz5I/AAAAAAAAAHQ/OVpxD-IZrIc/s512-Ic42/Activity2.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Gambar 2.2 : Activity Diagram Sistem Penggajian Berjala</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Justify;">
| + | |
| − | <p style="line-height: 2">Berdasarkan Gambar 2.2. Activity Diagram sistem yang berjalan terdapat:</p>
| + | |
| − | <p style="line-height: 2">a. 1 (satu) Initial Node, objek yang diawali.</p>
| + | |
| − | <p style="line-height: 2">b. 13 (tiga belas) Action, yaitu diantaranya : menerima rekap absen dan lembur, input penggajian, membuat laporan penggajian, menghitung gaji, menerima laporan gaji, memeriksa laporan gaji, mencairkan uang gaji, mempersiapkan gaji dan slip gaji.</p>
| + | |
| − | <p style="line-height: 2">c. 1 (satu) Decision Node, untuk membuat keputusan.</p>
| + | |
| − | <p style="line-height: 2">d. 1 (satu) Fork, untuk menandakan saat terjadi kesalahan input atau perhitungan gaji.</p>
| + | |
| − | <p style="line-height: 2">e. 1 (satu) Final State, objek yang diakhiri.</p></div></ol>
| + | |
| − | | + | |
| − | | + | |
| − | === Komponen Gaji Sistem yang Berjalan ===
| + | |
| − | | + | |
| − | <ol>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Pendapatan Tetap (Gaji Pokok dan Uang Jabatan)</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Gaji pokok di tetapkan sesuai dengan UMK (Upah Minimum Kota) yang ditetapkan pemerintah, dengan penyesuaian upah menggunakan sekala pengupahan yang disesuaikan dengan Jabatan atau posisi kerja.</p></div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Persentase jabatan ditentukan sesuai tugas pokoknya, dapat dilihat pada tabel berikut :</p></div>
| + | |
| − | | + | |
| − | <div align="center"><img width="400" height="200" style="margin:0px" src="https://lh3.googleusercontent.com/-SfdMarRu1Cg/VtSSH7IVDzI/AAAAAAAAAGY/Hlk8g9c-mpc/s494-Ic42/tabel1.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Tabel 1.0 : Tabel Persentase Jabatan dan Uang Makan pada PT. XYZ</p>
| + | |
| − | <p style="line-height: 2">Sumber: PT. XYZ</p></div>
| + | |
| − |
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Pendapatan Tidak Tetap (Insentif Uang Makan dan Uang Lembur)</li>
| + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Insentif Uang Makan</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Besaran insentif uang makan disesuaikan dengan jabatan atau tugas pokoknya, dan di hitung sesuai jumlah hari masuk kerja. Insentif yang diterima karyawan pada sistem yang berjalan dapat dilihat pada Tabel 1.0 di atas.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Metode Perhitungan Upah Lembur</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Lembur adalah pekerjaan yang dilakukan oleh karyawan atau pekerja, atas dasar perintah atasan atau kebutuhan perusahaan, yang melebihi jam kerja biasa pada hari-hari kerja, atau pekerjaan yang dilakukan pada hari istirahat mingguan karyawan atau hari libur resmi.
| + | |
| − | Apabila lembur dilakukan pada hari kerja biasa maka perhitungan gajinya adalah:</p></div></ol>
| + | |
| − | | + | |
| − | <div align="center"><img width="400" height="100" style="margin:0px" src="https://lh3.googleusercontent.com/--5vnMpU_t7I/VtSSh1crbjI/AAAAAAAAAGw/hGWyd-MDGAw/s764-Ic42/tabel2.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Tabel 1.1 : Tabel Rumus Perhitungan Upah Lembur di Hari Kerja Biasa</p>
| + | |
| − | <p style="line-height: 2">Sumber: PT. XYZ</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Dan apabila lembur dilakukan pada hari libur resmi atau libur mingguan maka perhitungannya adalah :</p></div>
| + | |
| − | | + | |
| − | <div align="center"><img width="550" height="150" style="margin:0px" src="https://lh3.googleusercontent.com/-kctnNc8BK88/VtSS64vd07I/AAAAAAAAAGw/DaZVZoNBo1Y/s836-Ic42/tabel3.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Tabel 1.2 : Tabel Rumus Perhitungan Upah Lembur di Hari Libur Resmi</p>
| + | |
| − | <p style="line-height: 2">Sumber: PT. XYZ</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tabel di bawah ini menjelaskan Rumus untuk menentukan pembayaran lembur 1 (satu) jam adalah sebagai berikut:</p></div>
| + | |
| − | | + | |
| − | <div align="center"><img width="400" height="200" style="margin:0px" src="https://lh3.googleusercontent.com/-9wfnLPFh1gs/VtSTepYniRI/AAAAAAAAAG4/Mbi_FeeDBaQ/s533-Ic42/tabel4.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Tabel 1.3 : Tabel Rumus Perhitungan Pembayaran Lembur Sejam</p>
| + | |
| − | <p style="line-height: 2">Sumber: PT. XYZ</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Potongan-potongan</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Dalam sistem yang berjalan terdapat potongan-potongan wajib oleh perusahaan terhadap gaji yang di terima karyawan atau pekerja yaitu, sebagai berikut:</p></div>
| + | |
| − | | + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Potongan BPJS Kesehatan sebesar 1% (satu persen) dari Gaji Pokok;</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">BPJS Ketenagakerjaan sebesar 2% (dua persen) dari Gaji Pokok;</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Potongan Pajak Penghasilan (PPh 21) sebesar 5% (lima persen) dari total PKP (Penghasilan Kena Pajak). PKP di dapat dari pengurangan pendapatan kotor di kurangi Biaya Jabatan, biaya asuransi dan PTKP (Penghasilan Tidak Kena Pajak) sesuai peraturan pemerintah mengenai pajak penghasilan (PPh 21);</li></ol></ol>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | == Analisa Sistem Yang Berjalan ==
| + | |
| − | === Metode Analisa Sistem ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Metode analisa sistem yang di gunakan adalah metode analisa dengan menggunakan Unified Modeling Language (UML). Sistem yang berjalan digambarkan dengan Use Case Diagram, Activity Diagram dan Sequence Diagram.</p></div>
| + | |
| − | | + | |
| − | <ol>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Use Case Diagram Sistem yang Berjalan</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Use Case mempresentasikan sebuah interaksi antar aktor dengan sistem. Use Case Diagram menggambarkan fungsionalitas yang di harapkan dari sebuah sistem, yang di tekankan adalah “apa” yang diperbuat sistem dan bukan “bagaimana”.
| + | |
| − | Gambar . Use Case Diagram berikut ini menggambarkan alur sistem yang berjalan.</p></div>
| + | |
| − | | + | |
| − | <div align="center"><img width="450" height="500" style="margin:0px" src="https://lh3.googleusercontent.com/-_i6GOh7tX-4/VtST2DXB9_I/AAAAAAAAAHE/0F1Kz87CVCU/s640-Ic42/Gambar%252520%252520use%252520case3.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Gambar 3.0 : Use Case Diagram Sistem Penggajian Berjalan</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berdasarkan Gambar 3.0 Use Case Diagram Sistem yang berjalan di atas terdapat:</p>
| + | |
| − | <p style="line-height: 2">a. 1 (satu) sistem yang mencakup seluruh kegiatan Sistem Penggajian pada PT. XYZ.</p>
| + | |
| − | <p style="line-height: 2">b. 6 (enam) Actor yang melakukan kegiatan, yaitu : Karyawan, Kepala Shift, Kepala Bagian, Personalia, Akunting, dan Manager.</p>
| + | |
| − | <p style="line-height: 2">c. 6 (enam) Use Case yang biasa dilakukan oleh actor-actor tersebut.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Activity Diagram Sistem yang Berjalan</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity Diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.</p>
| + | |
| − | <p style="line-height: 2">Gambar Activity Diagram berikut menggambarkan alur sistem penggajian yang berjalan.</p></div>
| + | |
| − | | + | |
| − | <div align="center"><img width="500" height="500" style="margin:0px" src="https://lh3.googleusercontent.com/-weMRh2KQEME/VtSUTGIBz5I/AAAAAAAAAHQ/OVpxD-IZrIc/s512-Ic42/Activity2.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Gambar 3.1 : Activity Diagram Sistem Penggajian yang Berjalan</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2"> Berdasarkan Gambar 3.1. activity diagram sistem yang berjalan terdapat:</p></div>
| + | |
| − | | + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">1 (satu) Initial Node, objek yang diawali</li>
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">19 (sembilan belas) Action, yaitu diantaranya : melakukan absen, mengisi form absen dan lembur, rekap absen, menerima rekap absen dan lembur, input penggajian, membuat laporan penggajian, menghitung gaji, menerima laporan gaji, memeriksa laporan gaji, mencairkan uang gaji, mempersiapkan gaji dan slip gaji, menerima gaji dan slip gaji.</li>
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">1 (satu) Decision Node, untuk membuat keputusan.</li>
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">1 (satu) Fork, untuk menandakan saat terjadi kesalahan input atau perhitungan gaji.</li>
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">1 (satu) Final State, objek yang diakhiri.</li></ol>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Sequence Diagram Sistem yang Berjalan</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Sequence Diagram menggambarkan interaksi antar objek di dalam dan sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message (pesan) yang di gambarkan terhadap waktu. Sequence Diagram terdiri atas dimensi vertikal (menggambarkan waktu) dan dimensi horizontal (menggambarkan objek-objek yang terkait).</p>
| + | |
| − | <p style="line-height: 2">Gambar Sequence Diagram berikut menggambarkan alur sistem penggajian yang berjalan.</p></div>
| + | |
| − | | + | |
| − | <div align="center"><img width="500" height="500" style="margin:0px" src="https://lh3.googleusercontent.com/-VTS_hO8pXH4/VtSVJnAMplI/AAAAAAAAAHc/xXdJ2_82l9E/s640-Ic42/sequence.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Gambar 3.2 : Sequence Sistem Penggajian yang Berjalan</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berdasarkan Gambar 3.2 Squence Diagram Sistem yang berjalan diatas terdapat:</p></div>
| + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">1 (satu) sistem yang mencakup seluruh kegiatan Sistem Penggajian pada PT. XYZ.</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">6 (enam) Actor yang melakukan kegiatan, yaitu : Karyawan, Kepala Shift, Kepala Bagian, Personalia, Akunting, dan Manager.</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">5 (lima) Lifeline, yaitu : Absen, Rekap Gaji, Laporan Penggajian, Gaji, Slip Gaji.</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">15 (lima belas) message spesifikasi dari komunikasi antar objek yang memuat informasi-informasi tentang aktivitas yang terjadi, kegiatan yang biasa dilakukan oleh actor.</li></ol></ol>
| + | |
| − | | + | |
| − | | + | |
| − | === Analisa Masukan, Analisa Proses, Analisa Keluaran ===
| + | |
| − | <ol>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Analisa masukan</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">a. Nama Masukan : Daftar Gaji</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Fungsi : Sebagai list daftar gaji karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Sumber : Data karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Media : Kertas</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Frekuensi : Setiap Permintaan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Format : File daftar gaji</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Keterangan : Berisi data daftar gaji karyawan</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">b. Nama Masukan : Absen</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Fungsi : Jumlah kehadiran karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Sumber : Data karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Media : Manual</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Frekuensi : Setiap kehadiran karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Format : File Absen</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Keterangan : Informasi Data Kehadiran Karyawan</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">c. Nama Masukan : Daftar Lembur</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Fungsi : Sebagai list daftar lembur karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Sumber : Data lembur karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Media : Kertas form lembur</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Frekuensi : setiap karyawan melakukan lembur</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Format : File lembur karyawann</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">d. Nama Masukan : Data Pegawai</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Fungsi : Menampilkan Informasi Data-data Karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Sumber : Microsoft Excel (file)</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Media : Kertas, File</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Frekuensi : Sebagai informasi data karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Format : Arsip Data Karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Keterangan : Informasi Mengenai Jumlah Data Karyawan</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Analisa Proses</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">a. Nama Modul : Pengimputan Daftar Gaji Bulanan Karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Masukan : Nama Karyawan, Jabatan, Jam Kerja, Lembur</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Keluaran : Slip Gaji</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Ringkasan Proses : proses ini akan menghasilkan slip gaji karyawan</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">b. Nama Modul : Membuat Laporan Absensi Bulanan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Masukan : Nama Karyawan, Jam Hidup</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Keluaran : Laporan Bulanan Absensi Karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Ringkasan Proses : karyawan melakukan input absensi harian, Kemudian bagian Personalia melakukan proses rekap absensi secara rutin setiap bulannya</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">c. Nama Modul : Membuat Laporan Data-data Karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Masukan : Nama Karyawan, Jabatan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Keluaran : Laporan Data Karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Ringkasan Proses : Personalia melakukan input data Karyawan</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Analisa Keluaran</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">a. Nama Keluaran : Laporan Absensi Bulanan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Fungsi : Sebagai Laporan Data Kehadiran Karyawan Per bulan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Media : Kertas</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Rangkap : 1 Lembar</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Distribusi : Manager</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">b. Nama Keluaran : Laporan Penggajian</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Fungsi : Sebagai List Daftar Gaji Karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Media : Kertas</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Rangkap : 2 (dua) Lembar</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Distribusi : - Lembar 1 untuk Akuntan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 1.4in">- Lembar 2 Manager</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">c. Nama Keluaran : Slip Gaji</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Fungsi : Untuk Informasi Gaji Karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Media : Kertas</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Rangkap : 2 lembar</p>
| + | |
| − | <p style="line-height: 2;text-indent: 0.65in">Distribusi : - Lembar 1 untuk Karyawan</p>
| + | |
| − | <p style="line-height: 2;text-indent: 1.4in"> - Lembar 2 untuk Arsip Personalia</p></div></ol>
| + | |
| − | | + | |
| − | | + | |
| − |
| + | |
| − | == Analisa Konfigurasi Sistem Berjalan ==
| + | |
| − | === Komponen Diagram Spesifikasi Sistem Berjalan ===
| + | |
| − | | + | |
| − | <div align="center"><img width="600" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/-_d8Ja1Mz0a0/VtSVmsqZzhI/AAAAAAAAAHk/CTz_Xfr1Uw8/s902-Ic42/komponen%252520diagram.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Gambar 4.0 : Komponen Diagram Konfigurasi Sistem yang Berjalan</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | === Konfigurasi Sistem Berjalan ===
| + | |
| − | <ol>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Spesifikasi Perangkat Keras (Hardware)</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">a. Processor Intel Dual Core</p>
| + | |
| − | <p style="line-height: 2">b. Memory (RAM) 2 GB</p>
| + | |
| − | <p style="line-height: 2">c. Hardisk 512 GB</p>
| + | |
| − | <p style="line-height: 2">d. Monitor 17”</p>
| + | |
| − | <p style="line-height: 2">e. Mouse Opical</p>
| + | |
| − | <p style="line-height: 2">f. Keyboard PS2</p>
| + | |
| − | <p style="line-height: 2">g. Printer (dot matrix)</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Spesifikasi Perangkat Lunak (Software)</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">a. Windows XP Profesional</p>
| + | |
| − | <p style="line-height: 2">b. Microsoft Office 2007</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Hak Akses (Brainware)</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">a. Personalia</p>
| + | |
| − | <p style="line-height: 2">b. Akunting</p>
| + | |
| − | <p style="line-height: 2">c. Manager</p></div></ol>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | == Permasalahan yang dihadapi dan Alternatif Pemecahan Masalah ==
| + | |
| − | === Permasalahan yang Dihadapi ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Permasalahan yang dihadapi PT. XYZ dalam sistem pengajian yang berjalan adalah:</p></div>
| + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Perhitungan dan pengelolaan gaji karyawan masih menggunakan bantuan microsoft excel, menyebabkan perhitungan gaji kurang akurat hal ini sangat merugikan karyawan karena gaji yang diterima terkadang tidak sesuai dengan perhitungan hari kerja dan atau jam lembur karyawan.</li>
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Proses perhitungan penggajian karyawan lambat hal ini menyebabkan pembayaran gaji tidak sesuai tanggal seharusnya.</li>
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Pembuatan laporan masih menggunakan microsoft word menyebabkan informasi yang didapatkan kurang lengkap dan membutuhkan waktu yang lama dalam pelaporan.</li></ol>
| + | |
| − | | + | |
| − | | + | |
| − | === Alternatif Pemecahan Masalah ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berdasarkan permasalahan yang ada pada sistem yang berjalan saat ini, maka penulis memberikan solusi pemecahan masalah yang sekiranya dapat membantu dan berguna.</p></div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Alternatif pemecahan masalah yang diusulkan penulis antara lain:</p></div>
| + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Berdasarkan hasil analisa terhadap permasalahan sistem yang berjalan maka sistem Penggajian tersebut belum sesuai dengan kebutuhan pengguna (user) yang menginginkan sistem Penggajian agar dapat memudahkan pekerjaan mereka.</li>
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Diperlukan suatu sistem yang dapat memfasilitasi kegiatan Perhitungan gaji dengan terkomputerisasi dan memiliki tempat penyimpanan data sehingga data yang ada tidak akan hilang dan kegiatan perhitungan gaji dapat dilakukan dengan mudah.</li>
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Mengubah sistem yang berjalan saat ini menjadi sistem berbasis web. Sistem baru yang dapat berjalan dengan secara optimal yang dapat memberikan kemudahan kepada pengguna (user) dalam membuat laporan secara cepat dan akurat serta mempunyai penyimpanan database yang baik.</li></ol>
| + | |
| − | | + | |
| − | == User Requirement ==
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berdasarkan hasil wawancara dengan stakeholder mengenai kebutuhan sistem baru yang ingin dibuat dan telah disanggupi oleh penulis untuk dieksekusi melalui tahap Elisitasi dengan tujuan untuk memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi oleh penulis untuk dieksekusi seperti yang tergambar pada tahapan Elisitasi berikut:</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | === Elisitasi Tahap I ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <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 aplikasi penggajian yang terkomputerisasi.</p></div>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berikut Tabel Elisitasi Tahap I yang telah dibuat:</p></div>
| + | |
| − | | + | |
| − | <div align="center"><img width="400" height="600" style="margin:0px" src="https://lh3.googleusercontent.com/-bVSkxyuM1ME/VuGeDLnol5I/AAAAAAAAAPQ/GZn0Uw8fGhU/s512-Ic42/Elisitasi%252520Tahap%252520I%252520%2525281%252529.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Tabel 2.0 : Tabel Elisitasi Tahap I</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tabel 2.0 di atas merupakan gambaran dari Elisitasi Tahap I, yang disusun berdasarkan hasil wawancara penulis dengan stakeholder mengenai seluruh rancangan sistem penggajian pada PT. XYZ yang diusulkan.</p></div>
| + | |
| − | | + | |
| − | === Elisitasi Tahap II ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Elisitasi Tahap II dibentuk berdasarkan Elisitasi Tahap I yang kemudian diklasifikasikan melalui metode MDI. MDI ini bertujuan untuk memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi oleh penulis untuk dieksekusi. Berikut penjelasan mengenai Metode MDI:</p></div>
| + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">M pada MDI itu artinya Mandatory (Penting). Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.</li>
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">D pada MDI itu artinya Desirable. Maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebut digunakan dalam pembentukan sistem, akan membuat sistem tersebut lebih perfect.</li>
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">I pada MDI itu artinya Inessential. Maksudnya bahwa requirement tersebut bukanlah bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem.</li></ol>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berikut penerapan metode MDI pada tabel Elisitasi Tahap II:</p></div>
| + | |
| − | | + | |
| − | <div align="center"><img width="550" height="600" style="margin:0px" src="https://lh3.googleusercontent.com/-G4u63JB_wEw/VtqlIQsRcOI/AAAAAAAAAIs/TKXaf7e9rQk/s576-Ic42/elisitasi2.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Tabel 2.1: Tabel Elisitasi Tahap II</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 4.5in">
| + | |
| − | <p style="line-height: 2">Keterangan :</p>
| + | |
| − | <p style="line-height: 2">- M (Mandatory) = Penting</p>
| + | |
| − | <p style="line-height: 2">- D (Desirable) = Tidak terlalu penting</p>
| + | |
| − | <p style="line-height: 2">- I (Inessential) = Tidak penting</p></div>
| + | |
| − | | + | |
| − | === Elisitasi Tahap III ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Elisitasi Tahap III Merupakan hasil penyusutan dari Elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya I (Inessential) pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE, yaitu sebagai berikut:</p></div>
| + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">T artinya Teknikal, maksudnya bagaimana tata cara/teknik pembuatan requirement tersebut dalam sistem yang diusulkan?</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">O artinya Operasional, maksudnya bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan ?</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">E artinya Economi, maksudnya berapakah biaya yang diperlukan guna membangun requirement tersebut di dalam sistem?</li></ol>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Metode TOE tersebut dibagi kembali menjadi beberapa opsi, yaitu :</p></div>
| + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">High (H) : Sulit untuk dikerjakan, karena teknik pembuatan dan pemakaiannya sulit serta biayanya mahal. Sehingga requirement tersebut harus dieliminasi.</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Middle (M) : Mampu untuk dikerjakan</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Low (L) : Mudah untuk dikerjakan</li></ol>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berikut penerapan metode TOE pada tabel Elisitasi Tahap III:</p></div>
| + | |
| − | | + | |
| − | <div align="center"><img width="600" height="660" style="margin:0px" src="https://lh3.googleusercontent.com/-G4u63JB_wEw/VtqlIQsRcOI/AAAAAAAAAIw/STGnhOiWyBw/s576-Ic42/elisitasi2.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Tabel 2.2 : Tabel Elisitasi Tahap III</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 4.5in">
| + | |
| − | <p style="line-height: 2">Keterangan :</p>
| + | |
| − | <p style="line-height: 2">Metode............................Option</p>
| + | |
| − | <p style="line-height: 2">T : Teknikal.....................L : Low</p>
| + | |
| − | <p style="line-height: 2">O : Oprasional................M : Middle</p>
| + | |
| − | <p style="line-height: 2">E : Ekonomi.....................H : High</p></div>
| + | |
| − | | + | |
| − | === Final Draft Elisitasi ===
| + | |
| − | <div style="font-size: 120%;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.
| + | |
| − | Berikut hasil akhir yang dicapai pada tabel Final Draft Elisitasi:</p></div>
| + | |
| − | | + | |
| − | <div align="center"><img width="350" height="600" style="margin:0px" src="https://lh3.googleusercontent.com/-Uiz7iY_8vlU/VuGeDflvEWI/AAAAAAAAAPU/5GcKvEzRo20/s512-Ic42/Elisitasi%252520Tahap%252520I%252520%2525282%252529.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Tabel 2.3 : Tabel Final Draft Elisitasi</p></div>
| + | |
| − | | + | |
| − | =<p style="text-align: center;">'''BAB IV'''</p>=
| + | |
| − | | + | |
| − | <div style="font-size: 14pt;font-family: 'times new roman';line-height: 2;text-align: center">'''RANCANGAN SISTEM YANG DI USULKAN'''</div>
| + | |
| − | | + | |
| − | | + | |
| − | == Rancangan Sistem Usulan ==
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Dari analisa sistem yang berjalan, terdapat beberapa usulan sistem yang baru. Sistem yang di usulkan bertujuan memperbaiki dan menyempurnakan sistem yang berjalan. Sistem yang di usulkan terbatas hanya pada sistem penggajian sesuai dengan judul penelitian.</p></div>
| + | |
| − | | + | |
| − | === Prosedur Sistem Usulan ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Terdapat beberapa usulan prosedur sistem yang baru, seperti yang telah dijabarkan sebelumnya prosedur yang baru bertujuan memperbaiki dan menyempurnakan sistem yang berjalan. Prosedur sistem yang di usulkan yaitu sistem penggajian, dan pembuatan laporan penggajian berbasis web. Yang terdiri dari administrasi (admin) dan pengguna (user) sebagai pelaksana sistem, Admin dalam hal ini adalah personalia yang bertugas untuk input dan membuat data laporan penggajian. Dan User dalam hal ini adalah bagian yang hanya mengecek atau memeriksa data dan laporan penggajian yaitu manager dan atau akunting.</p>
| + | |
| − | | + | |
| − | <p style="line-height: 2">Prosedur usulan yang pertama adalah admin terdiri dari membuka website, login, melihat halaman beranda, membuka menu admin, melihat data karyawan, menginput gaji karyawan, membuat laporan gaji, dan sampai mencetak slip gaji.</p>
| + | |
| − | | + | |
| − | <p style="line-height: 2">Usulan prosedur yang kedua yaitu user, fungsinya juga sama dapat mengakses seperti admin, tetapi user hanya melihat atau mengecek laporan gaji.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | === Use Case Diagram Sistem Yang Diusulkan ===
| + | |
| − | | + | |
| − | <div align="center"><img width="500" height="500" style="margin:0px" src="https://lh3.googleusercontent.com/-iawVB8tppxU/VtrynOQ1ndI/AAAAAAAAAKc/4Osy6FWLSRg/s640-Ic42/Use%252520Case%252520berjalan.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Gambar 5.0 : Use Case Diagram Sistem yang di usulkan</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berdasarkan Gambar 5.0 Use Case Diagram sistem yang di usulkan terdapat:</p>
| + | |
| − | <p style="line-height: 2">a. 1 (satu) System yang mencakup seluruh kegiatan sistem informasi penggajian.</p>
| + | |
| − | <p style="line-height: 2">b. 2 (Dua) Actor yang melakukan kegiatan yaitu: Admin dan User.</p>
| + | |
| − | <p style="line-height: 2">c. 6 (Enam) Use Case yang dilakukan oleh actor-actor tersebut.</p>
| + | |
| − | <p style="line-height: 2">d. 23 (Dua puluh tiga) include yang menypesifikasikan use case.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | === Activity Diagram Yang Diusulkan ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Activity Diagram sistem yang di usulkan (Admin)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div align="center"><img width="600" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-jZGJ2OvMNMc/VtryjyV0isI/AAAAAAAAAKk/JSyzNuR2RGo/s800-Ic42/Actuvity%252520Sistem%252520Usulan%252520admin.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Gambar 5.1 : Activity Diagram Sistem yang di usulkan (Admin)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berdasarkan Gambar 5.1 Activity Diagram sistem usulan di atas terdapat:</p>
| + | |
| − | <p style="line-height: 2">a. 1 (satu) Initial Node, sebagai awal objek</p>
| + | |
| − | <p style="line-height: 2">b. 18 (delapan belas) action, state dari sistem yang mencerminkan eksekusi dari suatu aksi.</p>
| + | |
| − | <p style="line-height: 2">c. 1 (satu) final node, objek yang di akhiri.</p>
| + | |
| − | <p style="line-height: 2">d. 3 (tiga) fork node, digunakan untuk memecah behaviour menjadi activity atau action yang paralel.</p>
| + | |
| − | <p style="line-height: 2">e. 1 (satu) join node, digunakan untuk menggabungkan kembali activity atau action yang paralel.</p>
| + | |
| − | <p style="line-height: 2">f. 1 (satu) decision node, untuk membuat keputusan.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Activity Diagram sistem yang di usulkan (User)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div align="center"><img width="600" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-7fptx577wWg/VtrykfjYbfI/AAAAAAAAAKc/do5WMwy35R0/s800-Ic42/Actuvity%252520Sistem%252520Usulan%252520user.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Gambar 5.2 : Activity Diagram Sistem yang di usulkan (User)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berdasarkan Gambar 5.2 Activity Diagram sistem usulan di atas terdapat:</p>
| + | |
| − | <p style="line-height: 2">a. 1 (satu) Initial Node, sebagai awal objek</p>
| + | |
| − | <p style="line-height: 2">b. 17 (tujuh belas) action, state dari sistem yang mencerminkan eksekusi dari suatu aksi.</p>
| + | |
| − | <p style="line-height: 2">c. 1 (satu) final node, objek yang di akhiri.</p>
| + | |
| − | <p style="line-height: 2">d. 3 (tiga) fork node, digunakan untuk memecah behaviour menjadi activity atau action yang paralel.</p>
| + | |
| − | <p style="line-height: 2">e. 1 (satu) join node, digunakan untuk menggabungkan kembali activity atau action yang paralel.</p>
| + | |
| − | <p style="line-height: 2">f. 1 (satu) decision node, untuk membuat keputusan.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | === Sequence Diagram Yang Diusulkan ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Sequence Diagram sistem yang di usulkan (Admin)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div align="center"><img width="600" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-iRtP86LXX1Q/VtrymN5b71I/AAAAAAAAAKc/5W7xVTL_hX8/s912-Ic42/Sequence%252520sistem%252520usulan%252520admin.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Gambar 5.3 : Sequence Diagram Sistem yang di usulkan (Admin)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berdasarkan Gambar 5.3 Sequence Diagram yang diusulkan untuk Admin ialah :</p>
| + | |
| − | <p style="line-height: 2">a. 5 (lima) Lifeline antarmuka yang saling berinteraksi.</p>
| + | |
| − | <p style="line-height: 2">b. 1 (satu) Actor yang melakukan kegiatan, yaitu Admin.</p>
| + | |
| − | <p style="line-height: 2">c. 6 (enam) message yang menypesifikasikan dari komunikasi antar objek yang memuat informasi aktivitas yang terjadi. Kegiatan yang biasa dilakukan actor.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Sequence Diagram sistem yang di usulkan (User)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div align="center"><img width="600" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-LzgegvvsbD0/Vtrym4rxD3I/AAAAAAAAAKc/uncKFAbali0/s912-Ic42/Sequence%252520sistem%252520usulan%252520user.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Gambar 5.4 : Sequence Diagram Sistem yang di usulkan (User)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berdasarkan Gambar 5.4 Sequence Diagram yang diusulkan untuk User ialah :</p>
| + | |
| − | <p style="line-height: 2">a. 4 (empat) Lifeline antarmuka yang saling berinteraksi.</p>
| + | |
| − | <p style="line-height: 2">b. 1 (satu) Actor yang melakukan kegiatan, yaitu User.</p>
| + | |
| − | <p style="line-height: 2">c. 4 (empat) message yang menypesifikasikan dari komunikasi antar objek yang memuat informasi-informasi tentang aktivitas yang terjadi. Kegiatan yang biasa dilakukan oleh actor.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Sequence Diagram sistem yang di usulkan keseluruhan,</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div align="center"><img width="600" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-EmI17y3jvF4/VtrymoTIbxI/AAAAAAAAAKc/nfHby783rsI/s800-Ic42/Sequence%252520sistem%252520usulan%252520all.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Gambar 5.5 : Sequence Diagram Sistem yang di usulkan keseluruhan</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berdasarkan Gambar 5.5 Sequence Diagram yang diusulkan tampilan keseluruhan ialah:</p>
| + | |
| − | <p style="line-height: 2">a. 6 (enam) Lifeline antarmuka yang saling berinteraksi.</p>
| + | |
| − | <p style="line-height: 2">b. 3 (tiga) Actor yang melakukan kegiatan, yaitu Karyawan, Admin, dan User.</p>
| + | |
| − | <p style="line-height: 2">c. 11 (sebelas) message yang menypesifikasikan dari komunikasi antar objek yang memuat informasi-informasi tentang aktivitas yang terjadi. Kegiatan yang biasa dilakukan oleh actor.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | === Class Diagram sistem yang diusulkan ===
| + | |
| − | | + | |
| − | | + | |
| − | <div align="center"><img width="450" height="500" style="margin:0px" src="https://lh3.googleusercontent.com/-NL7bRV2C68w/VtrynzX7eRI/AAAAAAAAAKc/nphmme19RMY/s576-Ic42/class%252520sistem%252520usulan.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Gambar 5.6 Class Diagram Sistem yang di usulkan keseluruhan</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berdasarkan gambar 5.6 Class Diagram sistem yang diusulkan, terdapat :</p>
| + | |
| − | <p style="line-height: 2">a. 10 (sepuluh) class, himpunan dari objek-objek yang berbagi atribut serta operasi yang sama.</p>
| + | |
| − | <p style="line-height: 2">b. 8 (delapan) Multiciply, hubungan antara objek satu dengan objek lainnya yang mempunyai nilai.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | === Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan ===
| + | |
| − | | + | |
| − | <div align="center"><img width="450" height="550" style="margin:0px" src="https://lh3.googleusercontent.com/-clf_asEbUV8/Vtrylxayy3I/AAAAAAAAAKc/kfRLswp0RfM/s512-Ic42/Perbandingan.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Tabel 3.0 Perbedaan prosedur antara sistem berjalan dan sistem usulan</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | == Rancangan Basis Data ==
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Rancangan Basis Data digunakan untuk mempermudah dalam proses penyeleksian data, serta membantu mempermudah dalam mengambil dan menampilkan data. Dalam rancangan basis data dijelaskan mengenai Normalisasi dan Spesifikasi Basis Data.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | === Normalisasi ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Normalisasi adalah suatu teknik untuk mengorganisasi data ke dalam tabel-tabel untuk memenuhi kebutuhan pemakai di dalam suatu organisasi.
| + | |
| − | Bentuk normal suatu basis data relasional dicapai melalui beberapa tahapan yang di sebut proses normalisasi. Langkah-langkah normalisasi yaitu First Normal Form (1NF), Second Normal Form (2NF) sampai ke bentuk Third Normal Form (3NF), semuanya akan di bahas dalam ulasan berikut ini:</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <ol>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Unnormalized</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Unnormalized adalah seluruh data awal atau data masuk yang akan di rekap menjadi bentuk normal melalui tahap First Normal Form (1NF), Second Normal Form (2NF) sampai ke bentuk Third Normal Form (3NF). Data Unnormal dapat dilihat pada tabel berikut:</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div align="center"><img width="150" height="600" style="margin:0px" src="https://lh3.googleusercontent.com/-s05jqohHKME/VtryrPvsiCI/AAAAAAAAAKc/UArHGmHsvL4/s512-Ic42/unnormal.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Tabel 4.0 Tabel Unnormalized</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Pada Tabel 4.0 Dapat dijelaskan unnormalized Form merupakan sebuah kumpulan data yang akan direkap, tidak ada keharusan untuk mengikuti suatu format tertentu, bisa saja data tidak lengkap atau terduplikasi. Data dikumpulkan apa adanya sesuai data yang ada atau data masuk.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">First Normal Form (1NF)</li>
| + | |
| − | | + | |
| − | | + | |
| − | <div align="center"><img width="150" height="500" style="margin:0px" src="https://lh3.googleusercontent.com/-6iY5s2vRPKk/VtryiDI8R6I/AAAAAAAAAKk/a9hzVhclAqU/s512-Ic42/1NF.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Tabel 4.1 Tabel First Normal Form (1NF)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Pada Tabel 4.1 di atas dapat dijelaskan tabel First Normal Form (1NF) merupakan sebuah tabel tersendiri untuk setiap kelompok data yang berhubungan dan berperan sebagai candidate key.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Second Normal Form (2NF)</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Suatu relasi dikatakan sudah memenuhi Bentuk Normal Kedua bila relasi tersebut sudah memenuhi bentuk Normal kesatu, dan atribut yang bukan key sudah tergantung penuh terhadap keynya.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div align="center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-daj2rTxnbQ8/VtrylTDPdII/AAAAAAAAAKc/niL3APMGaLo/s699-Ic42/NF2.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Tabel 4.2 Tabel Second Normal Form (2NF)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Pada Tabel 4.2 Di atas dapat di jelaskan tabel Second Normal Form (2NF) merupakan tabel untuk sekelompok nilai yang berhubungan dan terdiri dari 8 (delapan) tabel, yaitu : tabel karyawan, tabel asuransi, tabel ptkp, tabel jabatan, tabel gaji, tabel organisasi, tabel admin, tabel pinjaman.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Third Normal Form (3NF)</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Suatu relasi dikatakan sudah memenuhi Bentuk Normal ketiga bila relasi tersebut sudah memenuhi bentuk Normal kedua dan atribut yang bukan key tidak tergantung transitif terhadap keynya.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div align="center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-NL7bRV2C68w/VtrynzX7eRI/AAAAAAAAAKc/nphmme19RMY/s576-Ic42/class%252520sistem%252520usulan.png"/></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Tabel 4.3 Tabel Third Normal Form (3NF)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Pada tabel 4.3 Di atas dapat dijelaskan mengenai tabel Third Normal Form (3NF) merupakan tabel yang telah normal dan untuk digunakan dalam sistem yang akan di bangun, terdiri dari 10 (sepuluh) tabel, yaitu : tabel gaji, tabel karyawan, tabel asuransi, tabel absen, tabel ptkp, tabel jabatan, tabel organisasi, tabel lembur, tabel pinjaman, dan tabel admin.</p></div></ol>
| + | |
| − | | + | |
| − | === Spesifikasi Basis Data ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Pada spesifikasi basis data digunakan tabel-tabel, dan pada tabel-tabel tersebut akan dijelaskan nama Field Name, Type dan Field Size mengenai data yang akan digunakan:</p></div>
| + | |
| − | | + | |
| − | <ol>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel Admin</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Nama File : admin</p>
| + | |
| − | <p style="line-height: 2">Media : Hardisk</p>
| + | |
| − | <p style="line-height: 2">Primary Key : id_admin</p>
| + | |
| − | <p style="line-height: 2">Panjang Record : 74</p></div>
| + | |
| − | | + | |
| − | <div align="Left"><img width="450" height="180" style="margin:0px" src="https://lh3.googleusercontent.com/-U3K9QkYajHI/VtryoEgmUYI/AAAAAAAAAKc/iCiojWq9DUU/s532-Ic42/tb_admin.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: left;text-indent:1in">
| + | |
| − | <p style="line-height: 2"> Tabel 4.4 Tabel Spesifikasi Basis Data (Admin)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel Organisasi</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Nama File : organisasi</p>
| + | |
| − | <p style="line-height: 2">Media : Hardisk</p>
| + | |
| − | <p style="line-height: 2">Primary Key : id_organisasi</p>
| + | |
| − | <p style="line-height: 2">Panjang Record : 35</p></div>
| + | |
| − | | + | |
| − | <div align="Left"><img width="450" height="180" style="margin:0px" src="https://lh3.googleusercontent.com/-GB1LBEZrZNA/VtrypwgulhI/AAAAAAAAAKc/qbSdCXDLtko/s532-Ic42/tb_organisasi.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: left;text-indent:1in">
| + | |
| − | <p style="line-height: 2"> Tabel 4.5 Tabel Spesifikasi Basis Data (Organisasi)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel Karyawan</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Nama File : karyawan</p>
| + | |
| − | <p style="line-height: 2">Media : Hardisk</p>
| + | |
| − | <p style="line-height: 2">Primary Key : nik</p>
| + | |
| − | <p style="line-height: 2">Panjang Record : 179</p></div>
| + | |
| − | | + | |
| − | <div align="Left"><img width="450" height="180" style="margin:0px" src="https://lh3.googleusercontent.com/-FjQdlR_gr18/VtrypmMFBnI/AAAAAAAAAKc/EpLGGWjY2TI/s512-Ic42/tb_karyawan.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: left;text-indent:1in">
| + | |
| − | <p style="line-height: 2"> Tabel 4.6 Tabel Spesifikasi Basis Data (Karyawan)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel Jabatan</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Nama File : jabatan</p>
| + | |
| − | <p style="line-height: 2">Media : Hardisk</p>
| + | |
| − | <p style="line-height: 2">Primary Key : kd_jabatan</p>
| + | |
| − | <p style="line-height: 2">Panjang Record : 42</p></div>
| + | |
| − | | + | |
| − | <div align="Left"><img width="400" height="180" style="margin:0px" src="https://lh3.googleusercontent.com/-UtoKEbeKqEs/VtrypP7ReMI/AAAAAAAAAKc/-ftsGp4GFvY/s530-Ic42/tb_jabatan.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: left;text-indent:1in">
| + | |
| − | <p style="line-height: 2"> Tabel 4.7 Tabel Spesifikasi Basis Data (Jabatan)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel Absesnsi</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Nama File : absensi</p>
| + | |
| − | <p style="line-height: 2">Media : Hardisk</p>
| + | |
| − | <p style="line-height: 2">Primary Key : kd_absensi</p>
| + | |
| − | <p style="line-height: 2">Panjang Record : 41</p></div>
| + | |
| − | | + | |
| − | <div align="Left"><img width="450" height="180" style="margin:0px" src="https://lh3.googleusercontent.com/-rcTB1j1ZRpw/Vtryn7_qnyI/AAAAAAAAAJs/y-TO_f0MscE/s531-Ic42/tb_absensi.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: left;text-indent:1in">
| + | |
| − | <p style="line-height: 2"> Tabel 4.8 Tabel Spesifikasi Basis Data (Absensi)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel Lembur</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Nama File : lembur</p>
| + | |
| − | <p style="line-height: 2">Media : Hardisk</p>
| + | |
| − | <p style="line-height: 2">Primary Key : id_lembur</p>
| + | |
| − | <p style="line-height: 2">Panjang Record : 58</p></div>
| + | |
| − | | + | |
| − | <div align="Left"><img width="450" height="180" style="margin:0px" src="https://lh3.googleusercontent.com/-aCfiictBLtw/VtryqOR9zgI/AAAAAAAAAKc/ww4IEwlDmcw/s529-Ic42/tb_lembur.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: left;text-indent:1in">
| + | |
| − | <p style="line-height: 2"> Tabel 4.9 Tabel Spesifikasi Basis Data (Lembur)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel PTKP (Penghasilan Tidak Kena Pajak) PPh 21</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Nama File : ptkp</p>
| + | |
| − | <p style="line-height: 2">Media : Hardisk</p>
| + | |
| − | <p style="line-height: 2">Primary Key : id_ptkp</p>
| + | |
| − | <p style="line-height: 2">Panjang Record : 73</p></div>
| + | |
| − | | + | |
| − | <div align="Left"><img width="450" height="180" style="margin:0px" src="https://lh3.googleusercontent.com/-bvMSobCVx9E/Vtryq7lRHbI/AAAAAAAAAKc/pyuigRjTN3w/s534-Ic42/tb_ptkp.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: left;text-indent:1in">
| + | |
| − | <p style="line-height: 2"> Tabel 4.10 Tabel Spesifikasi Basis Data (PTKP)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel Asuransi</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Nama File : asuransi</p>
| + | |
| − | <p style="line-height: 2">Media : Hardisk</p>
| + | |
| − | <p style="line-height: 2">Primary Key : id_asuransi</p>
| + | |
| − | <p style="line-height: 2">Panjang Record : 60</p></div>
| + | |
| − | | + | |
| − | <div align="Left"><img width="450" height="180" style="margin:0px" src="https://lh3.googleusercontent.com/-AdngHhXnHG0/VtrypHN2v5I/AAAAAAAAAKc/st2VBHfvHJA/s532-Ic42/tb_asuransi.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: left;text-indent:1in">
| + | |
| − | <p style="line-height: 2"> Tabel 4.11 Tabel Spesifikasi Basis Data (Asuransi)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel Pinjaman</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Nama File : pinjaman</p>
| + | |
| − | <p style="line-height: 2">Media : Hardisk</p>
| + | |
| − | <p style="line-height: 2">Primary Key : id_pinjaman</p>
| + | |
| − | <p style="line-height: 2">Panjang Record : 68</p></div>
| + | |
| − | | + | |
| − | <div align="Left"><img width="450" height="180" style="margin:0px" src="https://lh3.googleusercontent.com/-pXx6WISXIK8/VtryqpwjnDI/AAAAAAAAAKc/7zhyh0aWCH8/s530-Ic42/tb_pinjaman.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: left;text-indent:1in">
| + | |
| − | <p style="line-height: 2"> Tabel 4.12 Tabel Spesifikasi Basis Data (Pinjaman)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel Gaji</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Nama File : gaji</p>
| + | |
| − | <p style="line-height: 2">Media : Hardisk</p>
| + | |
| − | <p style="line-height: 2">Primary Key : id_gaji</p>
| + | |
| − | <p style="line-height: 2">Panjang Record : 73</p></div>
| + | |
| − | | + | |
| − | <div align="Left"><img width="450" height="180" style="margin:0px" src="https://lh3.googleusercontent.com/-LwzVtCE-1Vs/Vtryo7JTBwI/AAAAAAAAAKc/649kTkae3Tc/s529-Ic42/tb_gaji.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: left;text-indent:1in">
| + | |
| − | <p style="line-height: 2"> Tabel 4.13 Tabel Spesifikasi Basis Data (Gaji)</p></div></ol>
| + | |
| − | | + | |
| − | == Rancangan Program ==
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Rancangan Program pada sistem yang di usulkan menggunakan HIPO (Hirarchy Plus Input-Process-Output). HIPO yaitu alat bantu untuk membuat spesifikasi program yang merupakan struktur yang berisi diagram di mana di dalam program ini berisi input yang diproses dan menghasilkan output. Spesifikasi program menjelaskan mengenai cara penggunaan aplikasi program yang diusulkan. Pada gambar di bawah menggunakan paket Visual Table Of Content (VTOC), VTOC adalah diagram yang menggambarkan hubungan dan fungsi pada sistem secara berjenjang.</p></div>
| + | |
| − | | + | |
| − | <div align="center"><img width="900" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-ZmWM-F4hUMQ/VtryktWc6gI/AAAAAAAAAKc/rEKeqMpQqOk/s912-Ic42/HIPO.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;">
| + | |
| − | <p style="line-height: 2"> Gambar 6.0 HIPO (Hirarchy Plus Input Process Output) Sistem penggajian Usulan</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Adapun spesifikasi program yang diusulkan tersebut, yaitu:</p></div>
| + | |
| − | | + | |
| − | <ol>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Login</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Nama Program : Login</p>
| + | |
| − | <p style="line-height: 2">Fungsi Program : Untuk masuk ke dalam home atau menu utama</p>
| + | |
| − | <p style="line-height: 2">Bahasa Pemrograman : Web Programming (php, html, css).</p>
| + | |
| − | <p style="line-height: 2">Proses Program : - Jalankan program pada web browser</p>
| + | |
| − | <p style="line-height: 2;text-indent: 1in">- Menampilkan halaman login, lalu input username dan password;</p>
| + | |
| − | <p style="line-height: 2;text-indent: 1in">- Klik login untuk menyatakan bahwa username dan password sudah benar dan jika benar maka akan masuk ke dalam home atau menu utama;</p>
| + | |
| − | <p style="line-height: 2;text-indent: 1in">- Jika login dengan username admin maka akan masuk ke dalam home admin. Jika login dengan username user maka akan masuk ke dalam home user;</p>
| + | |
| − | <p style="line-height: 2;text-indent: 1in">- Jika salah memasukkan username dan password maka akan ada pesan “Login Anda gagal, silakan ulangi kembali”, klik OK maka akan kembali ke halaman login.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Halaman Admin</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Nama program : Halaman Admin</p>
| + | |
| − | <p style="line-height: 2">Fungsi program : Untuk menampilkan menu pilihan yang terdapat di dalam halaman admin.</p>
| + | |
| − | <p style="line-height: 2">Bahasa Pemrograman : Web Programming (php, html, css).</p>
| + | |
| − | <p style="line-height: 2">Proses Program : Setelah login sebagai Admin, pada home admin pilih salah satu fitur yang terdapat pada menu utama, yaitu terdiri dari:</p>
| + | |
| − | <p style="line-height: 2;text-indent: 1in">Admin, organisasi, jabatan, PTKP, karyawan, asuransi, absen, lembur, pinjaman, gaji, laporan, dan Logout.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Halaman User</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Nama program : Halaman User</p>
| + | |
| − | <p style="line-height: 2">Fungsi program : Untuk menampilkan menu pilihan yang terdapat di dalam halaman user.</p>
| + | |
| − | <p style="line-height: 2">Bahasa Pemrograman : Web Programming (php, html, css).</p>
| + | |
| − | <p style="line-height: 2">Proses Program : Setelah login sebagai User pada halaman user pilih salah satu fitur yang terdapat pada menu utama, yaitu terdiri dari:</p>
| + | |
| − | <p style="line-height: 2;text-indent: 1in">organisasi, jabatan, PTKP, karyawan, asuransi, absen, lembur, pinjaman, gaji, laporan, dan Logout.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Admin</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Nama program : Menu Admin</p>
| + | |
| − | <p style="line-height: 2">Fungsi program : Untuk menampilkan informasi admin.</p>
| + | |
| − | <p style="line-height: 2">Bahasa Pemrograman : Web Programming (php, html, css).</p>
| + | |
| − | <p style="line-height: 2">Proses Program : Setelah login sebagai Admin, klik menu admin, kemudian akan tampil data admin dan tombol untuk tambah admin, edit atau hapus admin. Menu admin hanya bisa di akses oleh admin.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Organisasi</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Nama program : Menu Organisasi</p>
| + | |
| − | <p style="line-height: 2">Fungsi program : Untuk menampilkan informasi Organisasi.</p>
| + | |
| − | <p style="line-height: 2">Bahasa Pemrograman : Web Programming (php, html, css).</p>
| + | |
| − | <p style="line-height: 2">Proses Program : Setelah login, klik menu organisasi, kemudian akan tampil data Organisasi. Apabila masuk sebagai admin maka akan ada tombol untuk menambah, edit atau hapus. Apabila masuk sebagai user maka hanya melihat data organisasi.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Jabatan</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Nama program : Menu Jabatan</p>
| + | |
| − | <p style="line-height: 2">Fungsi program : Untuk menampilkan informasi Jabatan.</p>
| + | |
| − | <p style="line-height: 2">Bahasa Pemrograman : Web Programming (php, html, css).</p>
| + | |
| − | <p style="line-height: 2">Proses Program : Setelah login, klik menu Jabatan kemudian akan tampil data Jabatan. Apabila masuk sebagai admin maka akan ada tombol untuk menambah, edit atau hapus. Apabila masuk sebagai user maka hanya melihat data Jabatan.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu PTKP</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Nama program : Menu PTKP</p>
| + | |
| − | <p style="line-height: 2">Fungsi program : Untuk menampilkan informasi PTKP.</p>
| + | |
| − | <p style="line-height: 2">Bahasa Pemrograman : Web Programming (php, html, css).</p>
| + | |
| − | <p style="line-height: 2">Proses Program : Setelah login klik menu PTKP, kemudian akan tampil data PTKP. Apabila masuk sebagai admin maka akan ada tombol untuk menambah, edit atau hapus. Apabila masuk sebagai user maka hanya melihat data PTKP.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Karyawan</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Nama program : Menu Karyawan</p>
| + | |
| − | <p style="line-height: 2">Fungsi program : Untuk menampilkan informasi Karyawan.</p>
| + | |
| − | <p style="line-height: 2">Bahasa Pemrograman : Web Programming (php, html, css).</p>
| + | |
| − | <p style="line-height: 2">Proses Program : Setelah login klik menu Karyawan, kemudian akan tampil data Karyawan. Apabila masuk sebagai admin maka akan ada tombol untuk menambah, edit atau hapus. Apabila masuk sebagai user maka hanya melihat data Karyawan.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Asuransi</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Nama program : Menu Asuransi</p>
| + | |
| − | <p style="line-height: 2">Fungsi program : Untuk menampilkan informasi Asuransi.</p>
| + | |
| − | <p style="line-height: 2">Bahasa Pemrograma : Web Programming (php, html, css).</p>
| + | |
| − | <p style="line-height: 2">Proses Program: Setelah login klik menu Asuransi, kemudian akan tampil data Asuransi. Apabila masuk sebagai admin maka akan ada tombol untuk menambah atau hapus. Apabila masuk sebagai user maka hanya melihat data Asuransi.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Absensi</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Nama program : Menu Absensi</p>
| + | |
| − | <p style="line-height: 2">Fungsi program : Untuk menampilkan informasi Absensi.</p>
| + | |
| − | <p style="line-height: 2">Bahasa Pemrograman : Web Programming (php, html, css).</p>
| + | |
| − | <p style="line-height: 2">Proses Program : Setelah login klik menu Absensi, kemudian akan tampil data Absensi. Apabila masuk sebagai admin maka akan ada tombol untuk menambah, edit atau hapus. Apabila masuk sebagai user maka hanya melihat data Absensi.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Lembur</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Nama program : Menu Lembur</p>
| + | |
| − | <p style="line-height: 2">Fungsi program : Untuk menampilkan informasi Lembur.</p>
| + | |
| − | <p style="line-height: 2">Bahasa Pemrograman : Web Programming (php, html, css).</p>
| + | |
| − | <p style="line-height: 2">Proses Program : Masuk (klik) menu Lembur, kemudian akan tampil data Lembur. Apabila masuk sebagai admin maka akan ada tombol untuk menambah, edit atau hapus. Apabila masuk sebagai user maka hanya melihat data Lembur.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Pinjaman</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Nama program : Menu Pinjaman</p>
| + | |
| − | <p style="line-height: 2">Fungsi program : Untuk menampilkan informasi Pinjaman.</p>
| + | |
| − | <p style="line-height: 2">Bahasa Pemrograman : Web Programming (php, html, css).</p>
| + | |
| − | <p style="line-height: 2">Proses Program : Setelah login klik menu Pinjaman, kemudian akan tampil data Pinjaman. Apabila masuk sebagai admin maka akan ada tombol untuk menambah, edit atau hapus. Apabila masuk sebagai user maka hanya melihat data Pinjaman.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Gaji</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Nama program : Menu Gaji</p>
| + | |
| − | <p style="line-height: 2">Fungsi program : Untuk menampilkan informasi gaji.</p>
| + | |
| − | <p style="line-height: 2">Bahasa Pemrograman : Web Programming (php, html, css).</p>
| + | |
| − | <p style="line-height: 2">Proses Program : Setelah login klik menu gaji, kemudian akan tampil data gaji. Klik tombol cetak, maka akan tampil slip gaji yang dapat di cetak di mesin printer.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Laporan</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Nama program : Menu Laporan</p>
| + | |
| − | <p style="line-height: 2">Fungsi program : Untuk menampilkan laporan penggajian.</p>
| + | |
| − | <p style="line-height: 2">Bahasa Pemrograman : Web Programming (php, html, css).</p>
| + | |
| − | <p style="line-height: 2">Proses Program : Setelah login klik menu laporan, kemudian akan tampil data laporan penggajian keseluruhan pengeluaran perusahaan selama sebulan.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Logout</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Nama program : Menu Logout</p>
| + | |
| − | <p style="line-height: 2">Fungsi program : Untuk keluar dari program penggajian</p>
| + | |
| − | <p style="line-height: 2">Bahasa Pemrograman : Web Programming (php, html, css).</p>
| + | |
| − | <p style="line-height: 2">Proses Program : Geser mouse ke area icon admin atau user, pilih “Logout” , maka akan keluar dari halaman utama dan kembali ke halaman login yang menandakan bahwa admin atau user telah keluar dari program penggajian.</p></div></ol>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | == Rancangan Prototype ==
| + | |
| − | === Prototype Tampilan Login ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Saat pertama kali mengakses web sistem penggajian maka akan terlihat tampilan login sebagai berikut:</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="300" height="200" style="margin:0px" src="https://lh3.googleusercontent.com/-IKCFLvpcJgo/Vtw-s1trgSI/AAAAAAAAAMg/vejZhBcn4uw/s353-Ic42/login.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 7.0 Prototype Tampilan Login</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Gambar 7.0 Merupakan gambar prototype yang memperlihatkan tampilan form login saat pertama kali mengakses web sistem penggajian. Terdiri dari, label username dan password, kolom pengisian username dan password serta tombol login.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Apabila login gagal akan ada pop up pemberitahuan, dapat dilihat pada gambar prototype berikut.</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="350" height="150" style="margin:0px" src="https://lh3.googleusercontent.com/-jtKVIgRLJX4/Vtw-saiPp9I/AAAAAAAAAMg/QlA3s_baGec/s452-Ic42/login%252520gagal.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 7.1 Prototype Tampilan Login gagal</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | === Prototype Tampilan Halaman Utama (Admin) ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tampilan halaman utama (admin) akan terbuka setelah berhasil login sebagai admin, tampilan halaman utama admin dapat di lihat pada gambar prototype di bawah ini.</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-s3NuB2lqOjE/Vtw-qwQeNaI/AAAAAAAAAMg/qPrneCVy3oI/s512-Ic42/halaman%252520utama%252520admin.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 7.2 Prototype Tampilan Halaman Utama (Admin)</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Gambar 7.2 Memperlihatkan tampilan halaman utama (admin), terdiri dari toggle menu, titel halaman, ikon dan nama admin, tombol logout, logo dan nama perusahaan, daftar menu admin, serta tampilan selamat datang.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | === Prototype Tampilan Halaman Utama (user) ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tampilan halaman utama (user) akan terbuka setelah berhasil login sebagai user, tampilan halaman utama user dapat di lihat pada gambar prototype di bawah ini.</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-gyLf-qaPj4U/Vtw-q8x9_oI/AAAAAAAAAMg/iDR1DcY1If4/s512-Ic42/halaman%252520utama%252520user.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 7.3 Prototype Tampilan Halaman Utama (user)</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Gambar 7.3 Memperlihatkan tampilan halaman utama (user), terdiri dari toggle menu, titel halaman, ikon dan nama user, tombol logout, logo dan nama perusahaan, daftar menu user, serta tampilan selamat datang.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | === Prototype Menu Admin ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tampilan menu admin akan terbuka setelah berhasil login sebagai admin dan mengelik menu admin, tampilan halaman menu admin dapat di lihat pada gambar prototype di bawah ini.</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-HnFe_zwP5d8/Vtw-toL28GI/AAAAAAAAAMY/oFK64InTZus/s512-Ic42/menu%252520admin.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 7.4 Prototype Tampilan halaman Menu Admin</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Gambar 7.4 Memperlihatkan tampilan menu admin. Pada menu admin terdapat tabel yang menampilkan daftar admin, dan tombol untuk tambah data baru admin, edit dan hapus daftar admin, apabila tombol data baru dan edit admin di klik maka akan terlihat tampilan form pengisian atau edit data admin.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − | === Prototype Menu Organisasi ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tampilan menu organisasi akan terbuka setelah berhasil login sebagai admin atau user dan mengelik menu organisasi, akan tetapi hanya admin yang dapat menambah data, edit dan hapus. Tampilan halaman menu organisasi dapat di lihat pada gambar prototype di bawah ini.</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-H5QBcdBuZyY/Vtw-wRPHyAI/AAAAAAAAAMY/57Vgcx_7MJ8/s512-Ic42/menu%252520organisasi.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 7.5 Prototype tampilan halaman menu organisasi</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Apabila tombol data baru atau edit di klik maka akan terlihat tampilan form pengisian atau edit data organisasi.</p></div>
| + | |
| − | | + | |
| − | === Prototype Menu Jabatan ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tampilan menu jabatan akan terbuka setelah berhasil login sebagai admin atau user dan mengelik menu jabatan, akan tetapi hanya admin yang dapat menambah data, edit dan hapus. Tampilan halaman menu jabatan dapat di lihat pada gambar prototype di bawah ini.</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-NtbbY16GVnQ/Vtw-vKSkh7I/AAAAAAAAAMY/M0C3iX17htY/s512-Ic42/menu%252520jabatan.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 7.6 Prototype tampilan halaman menu jabatan</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Apabila tombol data baru atau edit di klik maka akan terlihat tampilan form pengisian atau edit data jabatan.</p></div>
| + | |
| − | | + | |
| − | === Prototype Menu PTKP ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tampilan menu PTKP akan terbuka setelah berhasil login sebagai admin atau user dan mengelik menu PTKP, akan tetapi hanya admin yang dapat menambah data, edit dan hapus. Tampilan halaman menu PTKP dapat di lihat pada gambar prototype di bawah ini.</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-EZxLkZVmEds/Vtw-xqg2fEI/AAAAAAAAAMY/kqIBIc1RmVs/s512-Ic42/menu%252520ptkp.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 7.7 Prototype tampilan halaman menu PTKP</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Apabila tombol data baru atau edit di klik maka akan terlihat tampilan form pengisian atau edit data PTKP.</p></div>
| + | |
| − | | + | |
| − | === Prototype Menu Karyawan ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tampilan menu karyawan akan terbuka setelah berhasil login sebagai admin atau user dan mengelik menu karyawan, akan tetapi hanya admin yang dapat menambah data, edit dan hapus. Tampilan halaman menu karyawan dapat di lihat pada gambar prototype di bawah ini.</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-4bBwNlRVOQM/Vtw-vjUW0II/AAAAAAAAAMY/oOE3qv0ouZ4/s512-Ic42/menu%252520karyawan.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 7.8 Prototype tampilan halaman menu Karyawan</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Apabila tombol data baru atau edit di klik maka akan terlihat tampilan form pengisian atau edit data karyawan.</p></div>
| + | |
| − | | + | |
| − | === Prototype Menu Asuransi ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tampilan menu asuransi akan terbuka setelah berhasil login sebagai admin atau user dan mengelik menu asuransi, akan tetapi hanya admin yang dapat menambah data atau hapus data. Tampilan halaman menu asuransi dapat di lihat pada gambar prototype di bawah ini</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-leSgNUMqPZc/Vtw-uU1abtI/AAAAAAAAAMY/qP9xV4W2Re4/s512-Ic42/menu%252520asuransi.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 7.9 Prototype tampilan halaman menu Asuransi</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Apabila tombol data baru atau edit di klik maka akan terlihat tampilan form pengisian atau edit data Asuransi.</p></div>
| + | |
| − | | + | |
| − | === Prototype Menu Absensi ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tampilan menu absensi akan terbuka setelah berhasil login sebagai admin atau user dan mengelik menu absensi, akan tetapi hanya admin yang dapat menambah data, edit dan hapus. Tampilan halaman menu absensi dapat di lihat pada gambar prototype di bawah ini</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-6-SlyLg-hg8/Vtw-tsf59pI/AAAAAAAAAMY/AGqlLFxt970/s512-Ic42/menu%252520absensi.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 7.10 Prototype tampilan halaman menu Absensi</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Apabila tombol data baru atau edit di klik maka akan terlihat tampilan form pengisian atau edit data Absensi</p></div>
| + | |
| − | | + | |
| − | === Prototype Menu Gaji ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tampilan menu gaji akan terbuka setelah berhasil login sebagai admin atau user dan mengelik menu gaji. Penggajian sudah terhitung secara otomatis oleh sistem. Tampilan halaman menu gaji dapat di lihat pada gambar prototype di bawah ini</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-jniG9_eMdmI/Vtw-vDchE4I/AAAAAAAAAMY/vEM0rP25u9U/s512-Ic42/menu%252520gaji.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 7.11 Prototype tampilan halaman menu Gaji</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Apabila tombol cetak di klik maka akan terlihat tampilan slip gaji. prototype slip gaji dapat dilihat pada gambar di bawah ini</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="600" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-JmBr00wY5po/Vtw-xwJ8oXI/AAAAAAAAAMY/Tzt4cooTsNw/s751-Ic42/slip%252520gaji.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 7.12 Prototype Tampilan slip gaji</p></div>
| + | |
| − | | + | |
| − | === Prototype Menu Laporan ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tampilan menu laporan akan terbuka setelah berhasil login sebagai admin atau user dan mengelik menu laporan. Laporan Penggajian sudah terhitung secara otomatis oleh sistem. Tampilan halaman menu laporan dapat di lihat pada gambar prototype di bawah ini</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-xVAq0y2h6dU/Vtw-wMaS2eI/AAAAAAAAAMY/cPFhSiOtN0s/s512-Ic42/menu%252520laporan.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 7.13 Prototype tampilan halaman menu Laporan</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Data laporan penggajian akan terlihat setelah mengelik tombol tampilkan, dapat dilihat pada gambar di bawah ini</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-DI5wAcTdzes/Vtw-sCVf_DI/AAAAAAAAAMg/-VYFP4xCoiM/s512-Ic42/laporan%252520penggajian.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 7. 14 Prototype Tampilan Laporan Penggajian</p></div>
| + | |
| − | | + | |
| − | == Konfigurasi Sistem Usulan ==
| + | |
| − | === Spesifikasi Hardware ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">1. Processor : Intel Dual Core</p>
| + | |
| − | <p style="line-height: 2">2. Memory (RAM) : 2 GB</p>
| + | |
| − | <p style="line-height: 2">3. Hardisk : 512 GB</p>
| + | |
| − | <p style="line-height: 2">4. Monitor : 17”</p>
| + | |
| − | <p style="line-height: 2">5. Mouse : Optical</p>
| + | |
| − | <p style="line-height: 2">6. Keyboard : PS2</p>
| + | |
| − | <p style="line-height: 2">7. Printer : dot matrix</p></div>
| + | |
| − | | + | |
| − | === Aplikasi Yang Digunakan ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">1. Windows 7 atau lebih tinggi</p>
| + | |
| − | <p style="line-height: 2">2. Web Browser</p>
| + | |
| − | <p style="line-height: 2">3. Server Hosting atau XAMPP</p></div>
| + | |
| − | | + | |
| − | === Hak Akses ===
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">1. Admin</p>
| + | |
| − | <p style="line-height: 2;text-indent: 1in">- Personalia (Bertanggung jawab terhadap input dan output penggajian)</p>
| + | |
| − | <p style="line-height: 2">2. User</p>
| + | |
| − | <p style="line-height: 2;text-indent: 1in">- Akunting (Bertanggung jawab terhadap hasil perhitungan gaji dan pembayaran gaji)</p>
| + | |
| − | <p style="line-height: 2;text-indent: 1in">- Manager (Bertanggung jawab terhadap seluruh proses penggajian)</p></div>
| + | |
| − |
| + | |
| − | | + | |
| − | == Black Box Testing ==
| + | |
| − | | + | |
| − | <div align="Center"><img width="250" height="500" style="margin:0px" src="https://lh3.googleusercontent.com/-ur3dhplTh0U/Vtxjfll8TlI/AAAAAAAAAMo/HmDkKLu9B80/s512-Ic42/Blackbox3.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Tabel 5.0 Tabel Pengujian Black Box</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | == Implementasi ==
| + | |
| − | === Implementasi Program ===
| + | |
| − | ==== Tampilan Halaman Login ====
| + | |
| − | | + | |
| − | <div align="Center"><img width="250" height="200" style="margin:0px" src="https://lh3.googleusercontent.com/-r-kf80HQB_Y/VtxoeuQmwsI/AAAAAAAAAOY/ThCBVxHHxwM/s283-Ic42/Login.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.0 Tampilan Halaman Login</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Pop up Pemberitahuan ketika Login gagal.</p></div>.
| + | |
| − | | + | |
| − | <div align="Center"><img width="350" height="150" style="margin:0px" src="https://lh3.googleusercontent.com/-VvdpBFsCKGU/VtxooNhNn-I/AAAAAAAAAOQ/Mm0ScAbF844/s368-Ic42/login%252520gagal.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.1 Tampilan Pemberitahuan Login Gagal</p></div>
| + | |
| − | | + | |
| − | ==== Tampilan Halaman Utama ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2">Halaman utama admin</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-T0h7qvh2a-0/VtxolXMjdjI/AAAAAAAAAOQ/k1M_aBbBuC4/s912-Ic42/halaman%252520utama%252520admin.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.2 Tampilan Halaman Utama (admin)</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2">Halaman Utama User (Tanpa Menu Admin)</p></div>
| + | |
| − |
| + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-Z7gQuJ7NamU/VtxooPdXOyI/AAAAAAAAAOQ/0LBK_rj8K54/s912-Ic42/halaman%252520utama%252520user.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.3 Tampilan Halaman Utama (User)</p></div>
| + | |
| − | | + | |
| − | ==== Menu Admin ====
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-NXsu3p6yO2M/VtxopmCP_WI/AAAAAAAAAOQ/ihLJNjEB1_M/s912-Ic42/menu%252520admin.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.4 Tampilan Menu Admin</p></div>
| + | |
| − | | + | |
| − | ==== Menu Organisasi ====
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-PZSMgKZ9Uwg/VtxormbKalI/AAAAAAAAAOQ/e6IGUecUTXU/s800-Ic42/menu%252520organisasi.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.5 Tampilan Menu Organisasi</p></div>
| + | |
| − | | + | |
| − | ==== Menu Jabatan ====
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-a-U5XY8hiuw/Vtxyi4VCzWI/AAAAAAAAAOg/4OwqsQ_Vtww/s800-Ic42/menu%252520jabatan.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.6 Tampilan Menu Jabatan</p></div>
| + | |
| − | | + | |
| − | ==== Menu PTKP ====
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-MVVrGBT-_S0/Vtxof7ImtYI/AAAAAAAAAOQ/Vs2aH8DWm9Q/s800-Ic42/data%252520ptkp.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.7 Tampilan Menu PTKP</p></div>
| + | |
| − | | + | |
| − | ==== Menu Karyawan ====
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-MjjRImXsLGA/VtxofQ7_LPI/AAAAAAAAAOQ/EVFcRfloQPo/s800-Ic42/data%252520karyawan.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.8 Tampilan Menu Karyawan</p></div>
| + | |
| − | | + | |
| − | ==== Menu Asuransi ====
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-tetSzCnmaL0/VtxofMMqNcI/AAAAAAAAAOY/mz-hieNLJ-c/s800-Ic42/data%252520asuransi.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.9 Tampilan Menu Asuransi</p></div>
| + | |
| − | | + | |
| − | ==== Menu Absensi ====
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-kRHscsrPwos/VtxopbD_IaI/AAAAAAAAAOQ/KQcVeEx_-9E/s800-Ic42/menu%252520absensi.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.10 Tampilan Menu Absensi</p></div>
| + | |
| − | | + | |
| − | ==== Menu Gaji ====
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-rttMjhzLhsw/VtxoqZxfyOI/AAAAAAAAAOQ/QFFDGd6cfsI/s800-Ic42/menu%252520gaji.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.11 Tampilan Menu Gaji</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Hasil akhir cetak slip gaji</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="600" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/-vKpLG7-l3pg/Vtxos-46SCI/AAAAAAAAAOQ/Uig2J_-V_ZU/s912-Ic42/slip%252520gaji.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.12 Slip Gaji</p></div>
| + | |
| − | | + | |
| − | ==== Menu Laporan ====
| + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-Ststl3Bf-_o/VtxoqklmT6I/AAAAAAAAAOQ/TfHvGdmEG7w/s800-Ic42/menu%252520laporan.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.13 Tampilan Menu Laporan</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tampilan laporan penggajian</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div align="Center"><img width="500" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-4FP1gTIP6QY/VtxoksRJ8qI/AAAAAAAAAOQ/1nnZZxhpDcg/s912-Ic42/laporan%252520gaji.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.14 Tampilan Hasil Laporan Penggajian</p></div>
| + | |
| − | | + | |
| − | ==== Menu Logout ====
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Menu Logout akan terlihat apabila mouse pointer digeser ke area admin atau user</p></div>
| + | |
| − | | + | |
| − | <div align="Center"><img width="300" height="150" style="margin:0px" src="https://lh3.googleusercontent.com/-tT2Rp0lo57A/Vtx36sDV37I/AAAAAAAAAOw/1ypDljt5Wrg/s368-Ic42/logout.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Gambar 8.15 Tampilan Menu Logout</p></div>
| + | |
| − | | + | |
| − | === Schedule ===
| + | |
| − | <ol>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Pembuatan Proposal</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Pada tahap ini dilakukan pembuatan latar belakang masalah, tujuan, manfaat dan juga perumusan masalah secara garis besar sebagai acuan awal penelitian yang dilakukan dalam rentang waktu satu minggu.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Pengumpulan Data</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Pada Tahap ini dilakukan pengumpulan data yang ada pada sistem berjalan untuk dibuatkan sistem yang baru dan programnya.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Analisa Sistem</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Analisa sistem ialah proses menganalisa sistem yang berjalan dan mengadakan konsultasi antara user dengan sistem analis yang membutuhkan waktu sekitar dua minggu.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Perancangan Sistem</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Perancangan sistem merupakan penerapan dari suatu hasil analisa yang telah dilakukan, sehingga menghasilkan suatu rancangan sistem program yang mudah dipahami oleh seorang pembuat program. Perancangan sistem berlangsung selama tiga minggu.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Pembuatan Program</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Setelah perancangan sistem yang baru dibuat maka mulailah programmer membuat program untuk diterapkan pada sistem yang baru.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Test Program</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Setelah program di buat maka dilakukan test program untuk meyakinkan bahwa program yang dibuat bisa berjalan dan sesuai dengan kebutuhan sistem serta keakuratan data bisa terjamin.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Perbaikan Program</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Perbaikan program dilakukan apabila program yang telah dibuat masih terdapat kekurangan atau tidak sesuai dengan yang di inginkan user.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Pelatihan User</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tahap ini mulai dilakukan pelatihan terhadap user atau admin yang akan menggunakan sistem yang baru sebelum sistem tersebut benar-benar dijalankan (Go Life).</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Implementasi</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Setelah kelayakan program telah diketahui, maka langkah selanjutnya dilakukan implementasi program pada perusahaan terkait. Implementasi program berlangsung selama dua minggu.</p></div>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Dokumentasi</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Proses pencatatan atau perekaman terhadap kegiatan yang dilakukan, berlangsung sejak awal, dimulai dari awal kegiatan yaitu pembuatan proposal hingga program diimplementasikan pada pihak stakeholder.</p></div></ol>
| + | |
| − | | + | |
| − | | + | |
| − | <div align="Center"><img width="600" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/-U-_O4ItyNsE/VtxoskNwYtI/AAAAAAAAAOQ/enAs9FpB8B8/s865-Ic42/schedul.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Tabel 6.0 Time Schedule</p></div>
| + | |
| − | | + | |
| − | == Estimasi Biaya ==
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;">
| + | |
| − | <p style="line-height: 2">Pada tabel di bawah ini menjelaskan secara rinci biaya yang di keluarkan pada penelitian yang telah dilakukan serta biaya perlengkapan kebutuhan penunjang sistem apabila sistem yang telah di rancang pada penelitian ini di implementasikan pada perusahaan.</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div align="Center"><img width="600" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/-U-JKW55FfsA/VtxogQwoZdI/AAAAAAAAAOQ/yXbnT5HLJPk/s795-Ic42/estimasi.png"/></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: Center;">
| + | |
| − | <p style="line-height: 2"> Tabel 7.0 Tabel estimasi biaya penelitian dan implementasi</p></div>
| + | |
| − | | + | |
| − | | + | |
| − | =<p style="text-align: center;">'''BAB V'''</p>=
| + | |
| − | | + | |
| − | <div style="font-size: 14pt;font-family: 'times new roman';line-height: 2;text-align: center">'''PENUTUP'''</div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Tujuan dari kesimpulan dan saran adalah untuk mengetahui sejauh mana sistem yang dibuat dan dapat menjadi tolak ukur pengembangan sistem selanjutnya.</p></div>
| + | |
| − | | + | |
| − | <ol>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Kesimpulan</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Berdasarkan dari uraian dan pembahasan yang telah disajikan penulis pada bab-bab sebelumnya, maka penulis mencoba menarik beberapa kesimpulan yang dapat membantu dalam sistem penggajian karyawan pada PT. XYZ.</p></div>
| + | |
| − | | + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Dari hasil analisa yang dilakukan terhadap pelaksanaan seluruh kegiatan yang terkait dalam sistem penggajian yang berjalan, serta pemecahan masalah dalam rancangan sistem yang diusulkan maka penulis dapat menarik beberapa kesimpulan:</p></div>
| + | |
| − | | + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | | + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Dengan dirancangnya sistem penggajian yang menggunakan bahasa pemrograman berbasis WEB dengan tampilan yang user friendly, dapat lebih mempermudah dan meminimalisir kesalahan dalam proses perhitungan gaji karyawan.</li>
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Data dibuat terpusat (menggunakan database MySQL) sehingga data yang ada tidak akan hilang dan kegiatan perhitungan/rekap gaji dapat dilakukan dengan mudah.</li>
| + | |
| − | <li alphabet lower style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Laporan penggajian dibuat otomatis untuk menghitung dan merekap seluruh transaksi penggajian.</li></ol>
| + | |
| − | | + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Saran</li>
| + | |
| − | <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
| − | <p style="line-height: 2">Setelah melakukan pengamatan terhadap sistem penggajian pada PT. XYZ, penulis mempunyai beberapa saran yang perlu disampaikan sebagai berikut:</p></div>
| + | |
| − | | + | |
| − | <ol style="list-style-type:lower-alpha">
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Perlu dilakukan perubahan sistem yang lama berbasis aplikasi Microsoft office, ke sistem yang berbasis web agar mempermudah dan mempersingkat waktu dalam proses perhitungan gaji dan laporan.</li>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">Perlu diadakan pelatihan kepada pengguna (user) yang akan mengunakan sistem tersebut sebagai administrator, agar dapat memanfaatkan dan menguasai sistem yang baru dengan baik.</li></ol>
| + | |
| − | | + | |
| − | </ol>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | = '''Daftar Pustaka''' =
| + | |
| − | <div style="font-size: 12pt;font-family: 'times new roman';line-height: 1.5;text-align: left"><references /></div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | = '''Lampiran''' =
| + | |
| − | | + | |
| − | <ol>
| + | |
| − | | + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">[https://drive.google.com/open?id=0B72jLKum_Hi-VVRfa0hyRzhFaFU Sertifikat Seminar Nasional dan Internasional]</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">[https://drive.google.com/open?id=0B72jLKum_Hi-VVRfa0hyRzhFaFU Kartu Bimbingan Pembimbing I]</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">[https://drive.google.com/open?id=0B72jLKum_Hi-VVRfa0hyRzhFaFU Kartu Bimbingan Pembimbing II]</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">[https://drive.google.com/open?id=0B72jLKum_Hi-VVRfa0hyRzhFaFU Form Validasi Skripsi]</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">[https://drive.google.com/open?id=0B72jLKum_Hi-VVRfa0hyRzhFaFU Form Validasi Sidang]</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">[https://drive.google.com/open?id=0B72jLKum_Hi-VVRfa0hyRzhFaFU Kwitansi Pembayaran Skripsi]</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">[https://drive.google.com/open?id=0B72jLKum_Hi-VVRfa0hyRzhFaFU Kwitansi Pembayaran Sidang dan Raharja Career]</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">[https://drive.google.com/open?id=0B72jLKum_Hi-VVRfa0hyRzhFaFU Sertifikt TOEFL]</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">[https://drive.google.com/open?id=0B72jLKum_Hi-VVRfa0hyRzhFaFU Piagam Pengukuhan PROSPEK]</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">[https://drive.google.com/open?id=0B72jLKum_Hi-VVRfa0hyRzhFaFU Surat Magang]</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">[https://drive.google.com/open?id=0B72jLKum_Hi-VVRfa0hyRzhFaFU Daftar Nilai]</li>
| + | |
| − | <li style="font-size: 120%;font-family: 'times new roman';text-align: justify; line-height: 2;">[https://drive.google.com/open?id=0B72jLKum_Hi-VVRfa0hyRzhFaFU KSTF Terakhir]</li>
| + | |
| − | </ol>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| | | | |
| | | | |
