Si1522488684: Perbedaan revisi

Dari widuri
Lompat ke: navigasi, cari
[revisi tidak terperiksa][revisi tidak terperiksa]
Baris 6: Baris 6:
  
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''[[SKRIPSI]]'''</p></div><br>
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''[[SKRIPSI]]'''</p></div><br>
 +
  
  
 
<div align="center"><img width="200" height="200" style="margin:0px" src="https://lh3.googleusercontent.com/-FOk8ow8Rew8/XT-pZUsZmdI/AAAAAAAAAcI/EOtqmgKwzTQQsl32hQSRo7vkPjp8-9uCwCJoC/w530-h532-n/Logo%2BUniversitas%2BRaharja.jpeg"/></div>
 
<div align="center"><img width="200" height="200" style="margin:0px" src="https://lh3.googleusercontent.com/-FOk8ow8Rew8/XT-pZUsZmdI/AAAAAAAAAcI/EOtqmgKwzTQQsl32hQSRo7vkPjp8-9uCwCJoC/w530-h532-n/Logo%2BUniversitas%2BRaharja.jpeg"/></div>
 +
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''Disusun Oleh :'''</P></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''Disusun Oleh :'''</P></div>
Baris 37: Baris 39:
 
<hr/>
 
<hr/>
 
{{pagebreak}}
 
{{pagebreak}}
 
 
 
<br>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''UNIVERSITAS RAHARJA'''</p></div>
 
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PENGESAHAN SKRIPSI'''</p></div>
 
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''APLIKASI <i>DASHBOARD MONITORING</i> MESIN <i>DRILLING AUTO</i>'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''SEBAGAI IMPLEMENTASI INDUSTRI 4.0 PADA'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''PT INDORACK MULTIKREASI'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disusun Oleh :</p></div>
 
{|table align="center"
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1522488684</div>
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Dadang Nugraha]]</div>
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Fakultas</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sains dan Teknologi</div>
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Program Pendidikan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Strata Satu]]</div>
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Program Studi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Teknik Informatika]]</div>
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Software Engineering]]</div>
 
|}
 
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disahkan Oleh :</p></div>
 
 
<div align="right" style="font-size: 12pt;font-family: 'times new roman'">
 
{| width="100%" align="right"
 
|-
 
| width="60%" | || align="center" | Tangerang, Juli 2019
 
|-
 
|}
 
</div>
 
{|table align="center"
 
|-
 
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Rektor</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Ketua Program Studi</div>
 
|-
 
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">[[Universitas Raharja]]</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Program Studi [[Teknik Informatika]]</div>
 
|-
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|-
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|-
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|-
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|-
 
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Dr. Po. Abas Sunarya, M.Si]])</u></div>|| &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Ruli Supriati]], S.Kom., M.T.I.)</u></div>
 
|-
 
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 000594</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 073009</div>
 
|}
 
 
<hr/>
 
{{pagebreak}}
 
 
 
 
<br>
 
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''UNIVERSITAS RAHARJA'''</p></div>
 
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN PEMBIMBING'''</p></div>
 
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''APLIKASI <i>DASHBOARD MONITORING</i> MESIN <i>DRILLING AUTO</i>'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''SEBAGAI IMPLEMENTASI INDUSTRI 4.0 PADA'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''PT INDORACK MULTIKREASI'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Dibuat Oleh :</p></div>
 
{|table align="center"
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1522488684</div>
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Dadang Nugraha]]</div>
 
|}
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<p style="line-height: 2" style="text-align: center;">Telah disetujui unruk dipertahankan dihadapan Tim Penguji Ujian Komprehensif </p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<p style="line-height: 2" style="text-align: center;">Fakultas Sains dan Teknologi</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<p style="line-height: 2" style="text-align: center;">Program Studi [[Teknik Informatika]]</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<p style="line-height: 2" style="text-align: center;">Konsentrasi [[Software Engineering]]</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disetujui Oleh :</p></div>
 
 
<div align="right" style="font-size: 12pt;font-family: 'times new roman'">
 
{| width="100%" align="right"
 
|-
 
| width="60%" | || align="center" | Tangerang, Juli 2019
 
|-
 
|}
 
</div>
 
 
 
{|table align="center"
 
|-
 
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Pembimbing I</div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Pembimbing II</div>
 
|-
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|-
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|-
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|-
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|-
 
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Sutrisno]], M.Kom.)</u></div>|| &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Dedy Iskandar]], S.kom., MTI)</u></div>
 
|-
 
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 10020</div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 05060</div>
 
|}
 
{{pagebreak}}
 
 
<br>
 
<br>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''UNIVERSITAS RAHARJA'''</p></div>
 
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN DEWAN PENGUJI'''</p></div>
 
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''APLIKASI <i>DASHBOARD MONITORING</i> MESIN <i>DRILLING AUTO</i>'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''SEBAGAI IMPLEMENTASI INDUSTRI 4.0 PADA'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''PT INDORACK MULTIKREASI'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">Dibuat Oleh :</p></div>
 
{|table align="center"
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1522488684</div>
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Dadang Nugraha]]</div>
 
|}
 
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<p style="line-height: 1" style="text-align: center;">Disetujui setelah berhasil dipertahankan dihadapan Tim Penguji Ujian Komprehensif </p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<p style="line-height: 1" style="text-align: center;">Fakultas Sains dan Teknologi</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<p style="line-height: 1" style="text-align: center;">Program Studi [[Teknik Informatika]]</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<p style="line-height: 1" style="text-align: center;">Konsentrasi [[Software Engineering]]</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<p style="line-height: 1" style="text-align: center;">Tahun Akademik 2018/2019</p></div>
 
 
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disetujui Penguji :</p></div>
 
 
<div align="right" style="font-size: 12pt;font-family: 'times new roman'">
 
{| width="100%" align="right"
 
|-
 
| width="60%" | || align="center" | Tangerang, Juli 2019
 
|-
 
|}
 
</div>
 
 
 
{|table align="center"
 
 
|-
 
 
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Ketua Penguji</div>|| &nbsp;
 
 
||<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Penguji I</div> || &nbsp;
 
 
||<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Penguji II</div>
 
 
|-
 
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
 
|-
 
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
 
|-
 
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
 
|-
 
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
 
|-
 
 
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(_______________)</u></div>|| &nbsp;
 
 
|| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(_______________)</u></div>|| &nbsp;
 
 
||<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(_______________)</u></div>
 
 
|-
 
 
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : </div> || &nbsp; ||<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : </div>|| &nbsp;
 
 
|| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : </div>
 
 
|}
 
{{pagebreak}}
 
 
<br>
 
<br>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''UNIVERSITAS RAHARJA'''</p></div>
 
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR KEASLIAN SKRIPSI'''</p></div>
 
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''APLIKASI <i>DASHBOARD MONITORING</i> MESIN <i>DRILLING AUTO</i>'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''SEBAGAI IMPLEMENTASI INDUSTRI 4.0 PADA'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''PT INDORACK MULTIKREASI'''</p></div>
 
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disusun Oleh :</p></div>
 
{|table align="center"
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1522488684</div>
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Dadang Nugraha]]</div>
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Fakultas</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sains dan Teknologi</div>
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Program Pendidikan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Strata Satu]]</div>
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Program Studi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Teknik Informatika]]</div>
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Software Engineering]]</div>
 
|}
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Menyatakan bahwa [[Skripsi]] ini merupakan karya tulis saya sendiri dan bukan merupakan tiruan, salinan, atau duplikat dari [[Skripsi]] yang telah dipergunakan untuk mendapatkan gelar Sarjana Komputer baik di lingkungan [[Universitas Raharja]] maupun di Universitas lain, serta belum pernah dipublikasikan.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.</p></div>
 
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">Tangerang, Juli 2019</p></div>
 
{|table align="center"
 
|-
 
|&nbsp;
 
|-
 
|&nbsp;
 
|-
 
|&nbsp;
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>'''([[Dadang Nugraha]])'''</u></div>
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''NIM : 1522488684'''</div>
 
|}
 
{{pagebreak}}
 
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''ABSTRAKSI'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">PT Indorack Multikreasi juga banyak dikenal sebagai <i> MEMORY </i>. adalah produsen khusus di Penjualan <i>Furniture</i>, dengan partikel dan <i>MDF (Medium Density Board)</i> sebagai bahan utama, PT Indorack Multikreasi telah mengekspor produk ke seluruh dunia dengan pasar utama dari <i>Jepang</i> dan <i>Eropa</i>. Yang beralamat di Jl. Otomen No. 428 Jl. Gatot Subroto Km. 5, Jatiuwung, Cibodas, Kota Tangerang, Banten 15134. Dewasa ini teknologi informasi semakin pesat perkembangannya. Hal ini dapat dibuktikan dengan semakin luas dan beragamnya penggunaan teknologi informasi. Dalam bidang bisnis penggunaan teknologi informasi dapat digunakan sebagai sarana pendukung kinerja bisnis sebuah perusahaan. Dengan adanya teknologi informasi dapat membantu perusahaan dalam melakukan proses analisa data dan pengambilan sebuah keputusan.
 
Dashboard yang memungkinkan para pemegang keputusan mendapat ringkasan informasi penting secara cepat dan mudah sebagai landasan untuk menetapkan keputusan penting bagi perusahaan. Selama penelitian penulis menggunakan beberapa metode antara lain: wawancara, observasi, dan studi pustaka, data yang diperoleh dianalisa dalam bentuk <i>Unified Modeling Language (UML)</i> dengan menggunakan software visual paradigm. Maka dari itu penulis mengambil judul yang berhubungan dengan " Aplikasi <i>Dashboard Monitoring</i> Mesin <i>Drilling Auto</i> Sebagai Implementasi Industri 4.0 Pada PT Indorack Multikreasi " yang dapat membantu para pemegang keputusan mendapatkan ringkasan informasi secara cepat dan mudah sebagai landasan untuk menetapkan keputusan penting bagi perusahaan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><i>Kata Kunci: Sistem, Dashboard Monitoring, Industri 4.0, Komputer</i></p></div>
 
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center; font-style: italic"><p style="line-height: 2">'''ABSTRACT'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">PT Indorack Multikreasi <i> also widely known as MEMORY is the manufacturer specifically in the sale of furniture, with the particles and MDF ( medium density board ) as the main ingredient PT Indorack Multikreasi have export product to the whole world with the main market of japan and europe.lived at Jl.Otomen no. 428 Jl.Gatot subroto. km5, jatiuwung, cibodas, Tangerang, Banten 15134.Today the accelerate. progress in information technologyIt can be proven by the larger and the diversity the use of information technology.In the field of the business of the use of information technology can be used as a means of support business performance of a company.With the technology of information can help the company in conducting the process of data analysis and retrieval of a decision.The dashboard that enables the holder of the decision got a summary of important information quickly and easily as the basis to establish an important decision for the company. During the survey the use writers some method of interview, among others: observation, and the literature study, the data analysis in the form of the unified modeling language (UML) using software visual paradigma.Therefore writer take on titles relating to dashboard “ Application monitoring machine drilling auto as an implementation of 4.0 industry to PT Indorack Multikreasi “ that can help the holders get summary information decision quickly and easily as the to establish for the important decisions.</i></p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><i>Keywords: Systems, Dashboard Monitoring, Industry 4.0, Computers</i></p></div>
 
{{pagebreak}}
 
 
<br>
 
<br>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''KATA PENGANTAR'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> Alhamdulillah, puji dan syukur atas kehadirat Allah SWT yang telah melimpahkan rahmat dan karunianya sehingga penulis dapat menyelesaikan Skripsi dengan judul " APLIKASI <i>DASHBOARD MONITORING</i> MESIN <i>DRILLING AUTO</i> SEBAGAI IMPLEMENTASI INDUSTRI 4.0 PADA PT INDORACK MULTIKREASI </p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tujuan penulisan Laporan [[Skripsi]] ini adalah sebagai syarat dalam menyelesaikan Program Pendidikan Strata 1 Program Studi [[Teknik Informatika]] pada [[Universitas Raharja]].</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Penulis menyadari bahwa tanpa adanya bimbingan dan dorongan dari banyak pihak penulis tidak akan dapat menyelesaikan [[Skripsi]] ini dengan baik dan tepat pada waktunya. Pada kesempatan ini pula penulis menyampaikan ucapan terimakasih kepada : </p></div>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Bapak [[Dr. Po. Abas Sunarya, M.Si]]. selaku Rektor [[Universitas Raharja]].</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Bapak Dr. [[Henderi]], S.Kom., M.Kom. selaku Dekan Fakultas [[Universitas Raharja]].</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Bapak [[Padeli]], M.Kom. selaku Wakil Dekan Fakultas Sains dan Teknologi [[Universitas Raharja]].</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Ibu [[Ruli Supriati]], S.Kom., M.T.I. selaku Ketua Program Studi [[Teknik Informatika]].</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Bapak [[Sutrisno]], M.kom. sebagai Dosen Pembimbing I yang telah memberikan bimbingan dan masukan kepada penulis sehingga Skripsi ini dapat diselesaikan dengan baik.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Bapak [[Dedy Iskandar]], S.kom., MTI. sebagai Dosen Pembimbing II yang telah meluangkan waktunya untuk memberikan bimbingan, masukan dan motivasi kepada penulis.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Bapak Akhmad Habibi S.kom. <i>stakeholder </i>yang telah memberikan kontribusi besar di dalam lancarnya proses penelitin skripsi ini.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Bapak dan Ibu Dosen serta Staff [[Universitas Raharja]] yang telah memberikan bekal ilmu pengetahuan dan motivasi kepada penulis.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Keluarga tercinta yang telah memberikan doa, dukungan moril maupun materil sehingga Skripsi ini dapat terselesaikan dengan baik.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Teman - teman seperjuangan yang selalu ada dan memberikan semangat.</li>
 
</ol>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Penulis menyadari bahwa dalam penulisan Laporan Skripsi Akhir ini masih jauh dari sempurna. Oleh karena itu kritik dan saran yang membangun, penulis harapkan sebagai pemicu untuk dapat berkarya lebih baik lagi. Semoga Laporan ini bermanfaat bagi pihak yang membutuhkan.</p></div>
 
 
<div align="right" style="font-size: 12pt;font-family: 'times new roman'">
 
{| width="100%" align="right"
 
|-
 
| width="60%" | || align="center" | Tangerang, Juli 2019
 
|-
 
| || 
 
|-
 
| || 
 
|-
 
| || 
 
|-
 
| || 
 
|-
 
| ||
 
|-
 
| || 
 
|-
 
| || 
 
|-
 
| ||
 
|-
 
| || 
 
|-
 
| || 
 
|-
 
| || 
 
|-
 
| || 
 
|-
 
| ||
 
|-
 
| || 
 
|-
 
| || 
 
|-
 
| ||
 
|-
 
| width="60%" | || align="center" | <u>([[Dadang Nugraha]])</u>
 
|-
 
| width="60%" | || align="center" | NIM. [[1522488684]]
 
|-
 
|}
 
</div>
 
{{Pagebreak}}
 
__TOC__
 
{{Pagebreak}}
 
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center; text indent: 0.5"><p style="line-height: 2">'''DAFTAR TABEL'''</p></div>
 
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 1 Simbol <i>Use Case Diagramm</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 2 Simbol <i>Class Diagram</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 3 Simbol <i>Sequence Diagram</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 4 Simbol <i>State Chart Diagram</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 5 Simbol <i>Actifity Diagram</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 2.1. Simbol-simbol <i>Diagram Use Case</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 2.2. Simbol-simbol <i>Activity Diagram</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 2.3. Simbol-simbol Class Diagram</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 2.4. Simbol-simbol <i>Squance Diagram</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 3.1. Elitasi Tahap I</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 3.2. Elitasi Tahap II</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 3.3. Elitasi Tahap III</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 3.4. Elitasi Draft Elitasi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 4.1. Spesifikasi Tabel Pegawai</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 4.2. Spesifikasi Tabel <i>Att Log</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 4.3. Spesifikasi Tabel <i>BOP Item</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 4.4. Spesifikasi Tabel <i>BOP Item Detail</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 4.5. Spesifikasi Tabel <i>BOP Parameter</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 4.6. Spesifikasi Tabel <i>BOP OP</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 4.7. Spesifikasi Tabel <i>BOP OP Detail</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 4.8. Spesifikasi Tabel <i>BOP Token User</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 4.9. Spesifikasi Tabel <i>BOP Actual Process</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 4.10. Spesifikasi Tabel <i>Mnfg Machine</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tabel 4.11. Implementasi Kegiatan</li>
 
</ol>
 
{{Pagebreak}}
 
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center; text indent: 0.5"><p style="line-height: 2">'''DAFTAR GAMBAR'''</p></div>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 2.1. Siklus Informasi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 2.2. Kualiatas Informasi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 2.3. Komponen Sistem Informasi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar Gambar 2.4. Sebuah Simbol Kode Batang UPC-A</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 2.5. <i>Warterfall Pressman</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 2.6. Logo <i>CodeIgniter</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 3.1. Struktur Organisasi PT Indorack Multikreasi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 3.2. <i>Use Case Diagram </i>Aktifitas Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 3.3. <i>Activity Diagram</i> Aktifitas Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 3.4. <i>Sequence Diagram </i>Aktifitas Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.1. <i>Use Case Diagram</i> Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi yang diusulkan</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.2. <i>Activity Diagram </i>Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi yang diusulkan</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.3. <i>Sequence Diagram</i> Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi Yang Diusulkan</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.4. <i>Class Diagram </i>Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi Yang Diusulkan</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.5. Site Map Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.6.<i> Prototype </i>Halaman Login Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.7. <i>Prototype</i> Halaman Menu Parameter Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.8. <i>Prototype</i> Halaman Menu Item List Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.9. <i>Prototype</i> Halaman Menu OP Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.10. <i>Prototype</i> Halaman Menu Actual Process Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.11. <i>Prototype</i> Halaman Menu <i>OP Ready To Close</i> Aplikasi <i>Dashboard Monitoring </i>Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.12. <i>Prototype</i> Halaman <i>Dashboard</i> Utama Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.13. Halaman Login Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.14. Halaman Menu Parameter Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.15. Halaman Menu <i>Item Product</i> Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.16. Halaman Menu OP Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.17. Halaman Menu <i>Actual Process </i>Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.18. Halaman Menu<i> OP Ready To Close </i>Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Gambar 4.19. Halaman Menu <i>Dashboard</i> Utama Aplikasi <i>Dashboard Monitoring</i> Biaya Proses Produksi</li></ol>
 
{{pagebreak}}
 
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR SIMBOL'''</p></div>
 
 
<div align="center"><img width="414" height="623" style="margin:0px" src="https://lh3.googleusercontent.com/-RzgxHRQr5Qg/XWYiqqID1DI/AAAAAAAAAgw/t4SPALCy38cHgNM4ViuA3sdHsojaQyC1gCJoC/w530-h580-n/Use%2BCase%2BDiagram.png">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''Tabel 1. Simbol Use Case Diagram'''</p></div>
 
 
<div align="center"><img width="402" height="189" style="margin:0px" src="https://lh3.googleusercontent.com/-AzlRBlWdFLU/XWYh8bE_60I/AAAAAAAAAf4/cfWP0I57-c83yFC4vtz1CAlU1CvQ_rfmgCJoC/w530-h494-n/Simbol%2BClass%2BDiagram.png"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''Tabel 2. Simbol Class Diagram</p></div>
 
 
<div align="center"><img width="403" height="303" style="margin:0px" src="https://lh3.googleusercontent.com/-P_Icm2cE404/XWYiEnxwBJI/AAAAAAAAAf0/dbSXm2McKgMw3Em2gqqanOVxhjPmj5W8gCJoC/w530-h530-n/Simbol%2BSequence%2BDiagram.png"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''Simbol Sequence Diagram</p></div>
 
 
<div align="center"><img width="403" height="303" style="margin:0px" src="https://lh3.googleusercontent.com/-8QWPEcY6JdM/XWYiLK4CmSI/AAAAAAAAAf0/d1wqxtKc2uQMZQ3JzQGuHRkS1rY4K6QzwCJoC/w530-h504-n/Simbol%2BState%2BChart%2BDiagram.png"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''Tabel 4. Simbol State Chart Diagram</p></div>
 
 
<div align="center"><img width="403" height="303" style="margin:0px" src="https://lh3.googleusercontent.com/-VxuqSlr9xgk/XWYhw9Cgo9I/AAAAAAAAAf8/mfFKaTH50tck487RqGr16IOEZZ0DvI7_gCJoC/w530-h630-n/Simbol%2BActifity%2BDiagram.png"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''Tabel 5. Simbol Actifity Diagram</p></div>
 
{{pagebreak}}
 
 
=<div style="font-family: 'times new roman'; text-align: center">'''BAB I'''</div>=
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENDAHULUAN'''</div>
 
 
 
==Latar Belakang==
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dewasa ini teknologi informasi semakin pesat perkembangannya. Hal ini dapat dibuktikan dengan semakin luas dan beragamnya penggunaan teknologi informasi. Dalam bidang bisnis penggunaan teknologi informasi dapat digunakan sebagai sarana pendukung kinerja bisnis sebuah perusahaan. Dengan adanya teknologi informasi dapat membantu perusahaan dalam melakukan proses analisa data dan pengambilan sebuah keputusan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam membuat keputusan para eksekutif membutuhkan informasi yang mudah dimengerti, dan sesuai dengan kebutuhan. Salah satu teknologi yang dapat memberikan solusi terhadap kebutuhan penyajian data dan informasi kedalam bentuk visual yang menarik dan mudah dimengerti adalah <i>dashboard</i>.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><i>Dashboard</i> yang memungkinkan para pemegang keputusan mendapat ringkasan informasi penting secara cepat dan mudah sebagai landasan untuk menetapkan keputusan penting bagi perusahaan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">PT Indorack Multikreasi merupakan perusahaan <i>Furniture (MEMORY GROUP)</i> yang terletak di Jl. Otomen No. 428 Jl. Gatot Subroto Km. 5, Jatiuwung, Cibodas, Kota Tangerang, Banten 15134. Saat ini PT Indorack Multikreasi <i>(MEMORY GROUP)</i> telah menggunakan teknologi mesin produksi. Pelaporan data biaya proses produksi yang masih manual 2 sehingga menyulitkan pihak perusahaan dalam melakukan analisis terhadap biaya proses produksi.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Proses pembuatan laporan yang sesuai dengan keinginan pihak eksekutif perusahaan seringkali membutuhkan waktu yang cukup lama, hal ini dikarenakan proses pembuatan laporan harus melalui banyak tahapansehingga menghasilkan sebuah informasi, seperti melakukan input data manual dan merekap nya ke dalam excel, melakukan filterisasi data, melakukan pengelompokkan data, melakukan analisa terhadap data, memilih informasi yang diperlukan berdasarkan kebutuhan, serta membuat visualisasi dari informasi yang telah didapatkan. Hal ini mengakibatkan proses pembuatan keputusan yang dilakukan oleh pihak eksekutif manajemen menjadi kurang maksimal. Untuk itu dibutuhkan sebuah sistem yang dapat melakukan otomatisasi dan pertukaran data terhadap teknologi mesin ke dalam bentuk visual data, dengan memanfaatkan teknologi internet sehingga dapat terimplementasinya industri 4.0 yang menghasilkan pabrik cerdas. Yang di mana data dari mesin bisa langsung di transfer ke server dan langsung di olah oleh <i>system</i> dan di tampilkan langsung ke dalam <i>dashboard</i>.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk dapat menangani masalah tersebut diperlukan teknologi informasi yang dapat mengatasinya yaitu <b>“Aplikasi <i>Dashboard Monitoring</i> Mesin <i>Drilling Auto</i> Sebagai Implementasi Industri 4.0 Pada PT Indorack Multikreasi”</b>, yang dapat membantu para pemegang keputusan mendapatkan ringkasan informasi secara cepat dan mudah sebagai landasan untuk menetapkan keputusan penting bagi perusahaan.</p></div>
 
 
==Rumusan Masalah==
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan latar belakang masalah yang telah diuraikan sebelumnya, maka rumusan masalah dalam pembangunan sistem informasi ini adalah sebagai berikut:</p></div>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Bagaimana cara monitoring biaya proses produksi secara realtime?</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Bagaimana cara merancang dan mengimplementasikan sebuah aplikasi dashboard monitoring biaya proses produksi yang ditampilkan secara menarik, akurat dan mudah di mengerti?</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Apakah dengan adanya sistem yang baru dapat menghasilkan informasi yang cepat dan berguna bagi perusahaan?</li></ol>
 
 
 
==Ruang Lingkup==
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Adapun ruang lingkup dari penelitian ini mencakup beberapa hal, diantaranya:</p></div>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sebagai studi kasus maka PT Indorack Multikreasi dipilih sebagai perusahaan yang akan menerapkan aplikasi yang dibangun nantinya.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penggunaan alat barcode yang nantinya di jelaskan hanya sebatas proses komunikasi pengambilan data dari kartu pengantar proses produksi (kp3) ke database.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penelitian yang dilakukan hanya sampai pada perancangan dan implementasi aplikasi dashboard monitoring biaya proses produksi.</li></ol>
 
 
 
==Tujuan dan Manfaat==
 
===Tujuan===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tujuan dari tugas akhir ini adalah sebagai berikut:</p></div>
 
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Dalam implementasi sebuah dashboard monitoring biaya proses produksi di PT Indorack Multikreasi dapat menampilkan informasi dalam bentuk visual.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Untuk mendukung dan mempermudah pengamatan kinerja baik dari sisi operator mesin ataupun output biaya proses produksi.</li>
 
</ol>
 
 
===1.4.2. Manfaat===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Manfaat dari tugas akhir ini adalah sebagai berikut:</p></div>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Manager plant dapat melakukan analisis terhadap kinerja operator dan mesin produksi dari data yang tersimpan di dalam database dalam bentuk visual.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Dapat digunakan sebagai informasi pendukung dalam rangka pengambilan keputusan oleh para pemimpin perusahaan dan solusi untuk meningkatkan output produksi perusahaan.</li>
 
</ol>
 
 
==Metode Penelitian==
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Metode yang digunakan dalam langkah ini penulis melakukan beberapa cara untuk mendapatkan informasi yang dapat dikumpulkan sebagai bahan penelitian diantaranya, yaitu:</p></div>
 
===Metode Pengumpulan Data===
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pengamatan (Observation)<br>Penulis melakukan pengamatan langsung pada lokasi penelitian yaitu pada PT Indorack Multikreasi guna untuk mendapatkan data yang sedang diteliti, dengan melakukan analisa dan evaluasi terhadap masalah yang berkaitan dengan topik yang akan dibahas, dengan jangka waktu satu
 
bulan.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Wawancara (Interview)<br> Untuk menambah informasi yang lebih jelas penulis melakukan wawancara langsung kepada stakeholders yaitu kepada Manager Plant perusahaan atau karyawan.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode Kepustakaan (Library Research)<br> Metode ini sangat penting dan strategis bagi penulis, karena disini penulis berusaha mendapatkan bahan dan sumber dari buku-buku serta dokumen-dokemen yang berkaitan dengan permasalahan laporan Skripsi ini.</li></ol>
 
 
===Metode Analisa Sistem===
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Analisa data merupakan suatu kegiatan yang dimulai dari proses awal dalam mempelajari serta mengevaluasi suatu bentuk permasalahan. Pada tahap ini dalam analisa sistem terdapat langkah-langkah dasar yang harus dilakukan, yaitu;</p></div>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><i>Identify</i>, yaitu mengidentifikasi masalah pada PT Indorack Multikreasi diantaranya bagaimana pelaporan biaya proses produksi.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><i>Understand</i>, yaitu memahami sistem yang ada dengan cara pengamatan langsung pada PT Indorack Multikreasi dan melalui wawancara kepada stakeholders.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><i>Analize</i>, yaitu menganalisa sistem yang sedang berjalan.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><i>Report</i>, yaitu membuat laporan hasil analisa tentang kebutuhan dan masalah pada sistem yang sedang berjalan serta memberi saran untuk menyelesaikan permasalahan tersebut.</li>
 
</ol>
 
 
===Metode Perancangan Sistem===
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><b>Rancangan Model</b><br>Di dalam penelitian ini, penulis mengusulkan metode rancangan model yang berorientasi objek dengan menggunakan UML <i>(Unified Modeling Language)</i> yaitu menggunakan software Visual Paradigm for UML 10.0 Enterprise Edition.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><b>Rancangan Program</b><br>Di dalam pembuatan program penulis menggunakan model <i>waterfall</i> sebagai acuan tahapan-tahapan membuat program.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><b>Bahasa Pemrograman</b><br>Dalam membuat sistem ini penulis menggunakan bahasa pemrograman <i>PHP, CSS, HTML5, dan Javascript</i>.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><i><b>Library</b></i><br><i>Library</i> yang digunakan adalah <i>Codeigniter, JQuery dan Chart JS.</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><b>Editor</b><br>Untuk pembuatan aplikasi penulis membuat dengan <i>tool Sublime text 3.</i></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><b>Desain</b><br>Penulis membuat desain menggunakan tool Adobe Photoshop CS 6.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><b>Database</b><br>Data base yang digunakan menggunakan MySQL.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><b>Browser</b><br>Browser yang digunakan menggunakan <i>Google Chrome</i>.</li>
 
</ol>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada metode ini penulis melakukan metode perancangan menggunakan metode<i> UML (Unified Modeling Language) </i>karena dengan menggunakan metode UML, rekayasa dan pengembangan perngkat dapat dilakukan dengan fokus pada pengembangan perangkat lunak.</p></div>
 
 
===Metode Prototype===
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Prototype merupakan salah sau metode yang dikembangkan untuk digunakan menyelesaikan masalah kesalah pahaman antara user dan analisis yang timbul akibat user tidak mampu mendefinisikan secara jelas kebutuhannya, dengan metode prototypeing ini developer dan user dapat saling berinteraksi selama pembuatan sistem.</p></div>
 
 
==Sistematika Penulisan==
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk mempermudah dan menjelaskan dalam pembahasan masalah, penulis menyusun laporan Skripsi menjadi beberapa sub bab dengan sistematika penyampaian sebagai berikut:</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB I  PENDAHULUAN'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bab ini menjelaskan secara umum tentang latar belakang, rumusan masalah, ruang lingkup, tujuan dan manfaat penulisan, metode penelitian serta sistematika penulisan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB II  LANDASAN TEORI'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bab ini membahas mengenai teori-teori pendukung penganalisaan dan literature review. Landasan teori terdiri dari teori umum dan teori khusus. Pada teori umum merupakan teori yang umum yang digunakan sebagai acuan, yaitu mengenai konsep dasar sistem, konsep dasar data dan informasi, konsep dasar sistem informasi, konsep dasar analisa sistem, konsep dasar database, konsep dasar internet. Sedangkan teori khusus merupakan teori penunjang secara teknis yang digunakan sebagai acuan, yang terdiri dari pengertian <i>UML</i>.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB III  SISTEM BERJALAN'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bab ini membahas masalah dan Gambaran Umum, Sejarah singkat Perusahaan, Struktur Organisasi dan fungsinya, serta wewenang dan tanggung jawab pada perusahaan, analisa masukan, analisa proses, analisa keluaran, analisa kebutuhan, <i>prototype</i>.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB IV  RANCANGAN SISTEM YANG DIUSULKAN'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bab ini Berisikan elisitasi tahap I, elisitasi tahap II, elisitasi tahap III, <i>final draft elisitasi</i>, dan <i>prototype</i> yang menggambarkan seluruh rancangan sistem baru yang diusulkan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB V  PENUTUP'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bab ini berisi tentang kesimpulan hasil analisa dari penelitian dan menjawab dari tujuan penelitian yang diajukan, serta saran-saran yang dapat penulis berikan supaya permasalahan yang dihadapi dapat terselesaikan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''DAFTAR PUSTAKA'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''LAMPIRAN-LAMPIRAN'''</p></div>
 
 
{{pagebreak}}
 
 
=<div style="font-family: 'times new roman'; text-align: center">'''BAB II'''</div>=
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div>
 
 
==Teori Umum==
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Teori umum adalah teori-teori yang dipakai sebagai landasan untuk teori-terori lainnya:</p></div>
 
 
===Konsep Dasar Sistem===
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Definisi Sistem</b><br>Menurut <ref name="Marshall2014">Marshall B. Romney (2014), Sistem adalah serangkaian dua atau lebih komponen yang saling terkait dan berinteraksi untuk mencapai tujuan.</ref></p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut <ref name="Romney2015">Romney (2015) sistem adalah serangkaian dua atau lebihkomponen yang saling terkait dan berinteraksi untuk mencapai suatu tujuan</ref>.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut <ref name="Mulyadi2016">Mulyadi (2016) Sistem pada dasarnya adalah sekelompok unsur yang erat berhubungan satu dengan lainnya, yang berfungsi bersamasama untuk mencapai tujuan tertentu</ref>.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari pendapat yang dikemukakan di atas dapat disimpulkan bahwa sistem adalah suatu kupulan atau kelompok dari elemen atau komponen yang saling berhubungan atau saling berinteraksi dan saling bergantung satu sama lain untuk mencapai tujuan tertentu.</p></div>
 
</li>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Karakteristik Sistem</b></p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a. Batasan Sistem<br>Batasan sistem merupakan daerah yang membatasi antara suatu sistemdengan sistem lainnya atau dengan lingkungan luarnya.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b. Lingkungan Luar Sistem<br>Lingkungan luar dari suatu sistem adalah apapun diluar batas dari sistem yang mempengaruhi operasi sistem.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">c. Masukan Sistem<br>Masukkan sistem adalah energi yang dimasukkan kedalam sistem supaya sistem dapat berjalan dan diproses untuk mendapatkan keluaran dari sistem.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">d. Keluaran Sistem<br>Keluaran sistem adalah energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">e. Komponen Sistem<br>Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, yang artinya saling bekerjasama membentuk suatu kesatuan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">f. Penghubung Sistem<br>Penghubung merupakan media yang menghubungkan antara satu subsistem dengan subsistem yang lainnya.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">g. Pengolahan Sistem<br>Suatu sistem dapat mempunyai suatu bagian pengolah atau sistem itu sendiri sebagai pengolahnya. Pengolah yang akan merubah masukan menjadi keluaran.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">h. Sasaran Sistem<br>Suatu sistem mempunyai sasaran atau tujuan, kalau sistem tidak mempunyai sasaran maka sitem tidak akan ada. Suatu sistem dikatakan berhasil bila mengenai sasaran atau tujuannya.</p></div>
 
</ol>
 
 
===Konsep Dasar Data dan Informasi===
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Definisi Data</b><br>Data adalah sesuatu yang belum mempunyai arti bagi penerimanya dan masih memerlukan adanya suatu pengolahan. Data bisa berujut suatu keadaan, gambar, suara, huruf, angka, matematika, bahasa ataupun simbolsimbol lainnya yang bisa kita gunakan sebagai bahan untuk melihat lingkungan, obyek, kejadian ataupun suatu konsep.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Informasi merupakan hasil pengolahan dari sebuah model, formasi, organisasi, ataupun suatu perubahan bentuk dari data yang memiliki nilai tertentu, dan bisa digunakan untuk menambah pengetahuan bagi yang menerimanya. Dalam hal ini, data bisa dianggap sebagai obyek dan informasi adalah suatu subyek yang bermanfaat bagi penerimanya. Informasi juga bisa disebut sebagai hasil pengolahan ataupun pemrosesan data.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Data bisa merupakan jam kerja bagi karyawan perusahaan. Data ini kemudian perlu diproses dan diubah menjadi informasi. Jika jam kerja setiap karyawan kemudian dikalikan dengan nilai per-jam, maka akan dihasilkan suatu nilai tertentu. Jika gambaran penghasilan setiap karyawan kemudian dijumlahkan, akan menghasilkan rekapitulasi gaji yang harus dibayar oleh perusahaan. Penggajian merupakan informasi bagi pemilik perusahaan. Informasi merupakan hasil proses dari data yang ada, atau bisa diartikan sebagai data yang mempunyai arti. Informasi akan membuka segala sesuatu yang belum diketahui. </p></div>
 
</li>
 
</ol>
 
 
===Konsep Dasar Sistem Informasi===
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Definisi Informasi</b><br>Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk suatu kegiatan untuk menyelesaikan suatu sasaran tertentu.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Informasi adalah hasil pengolahan data yang memiliki manfaat atau belum memiliki arti guna.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Data adalah fakta-fakta, perkiraan, atau pendapat yang tidak atau belum memiliki arti guna.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Prosedure adalah urutan dari prosedur-prosedur yang bekerja melibatkan beberapa orang di dalam satu atau lebih departemen untuk menyelesaikan suatu permasaalahan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sistem Informasi adalah jaringan kerja dari prosedur-prosedur yang saling berhubungan / bekerja sama untuk melakukan suatu kegiatan guna
 
menyelesaikan suatu masalah yang memeilki manfaat atau nilai guna bagi orang yang membutuhkannya.</p></div>
 
</li>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Definisi Informasi</b><br>Sistem dapat diklasifikasikan menjadi beberapa bagian, yaitu:</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sistem abstrak (abstract system) dan sistem fisik. System abstract adalah system yang tidak bisa dilihat secara fisik atau system yang berisi gagasan atau konsep. Contohnya system teologi yang berisi gagasan tentang hubungan manusia dan Tuhan. Sistem fisik adalah system yang secara fisik dapat dilihat. Contohnya system komputer, system sekolah dan lain-lain.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sistem alamiah (natural system) dan sistem buatan manusia(human made system). System alamiah adalah system yang terjadi karena alam. Misalnya system tata surya, system peredaran darah dalam tubuh manusia. System buatan adalah system yang dibuat oleh manusia. Misalnya system komputer dan system mobil.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sistem tertentu (deterministic system) dan sistem tak tentu(probabilistik system). System tertentu adalah system yang operasinya dapat diprediksi secara tepat. Misalnya system komputer. Sedangkan system tak tentu adalah system yang tidak dapat diramal dengan pasti. Misalnya system persediaan dan system arisan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sistem tertutup (close system) dan sistem terbuka (open system).
 
System tertutup adalah system yang tidak bertukar materi, informasi atau energi dengan lingkungan atau sistem yang tidak terpengaruh oleh
 
lingkungan. Misalnya reaksi kimia dalam tabung yang terisolasi. Sedangakan system terbuka adalah system yang terpengaruh oleh
 
lingkungannya. Misalnya system perusahaan dagang yang terpengaruh oleh permintaan pasar.</p></div>
 
</li>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Karakteristik sistem</b><br>Sistem memiliki karakteristik atau sifat-sifat tertentu, yaitu:</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>a. Komponen (componens)</b><br>Terdiri dari sejumlah yang saling berinteraksi, dan bekerja samamembentuk satu kesatuan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>b. Batas Sistem (boundary)</b><br>Merupakan daerah yang membatasi suatu sistem dengan sistem lainnya dengan lingkungan luarnya.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>c. Lingukungan luar sistem (environments)</b><br>Adalah apapun diluar batas dari sistem yang mempengaruhi operasisistem.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>d. Penghubung (interface)</b><br>Merupakan media penghubung antara sub sistem, yang memungkinkan sumber-sumber daya mengalir dari suatu sub sistem ke sub sistem
 
lainnya.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>e. Masukan (input)</b><br>Adalah energi yang dimasukkan ke dalam sistem, yang dapat berupa masukan perawatan dan masukan sinyal.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>f. Keluaran (output)</b><br>Adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>g. Pengolahan (process)</b><br>Suatu sistem yang merupakan suatu bagian pengolah yang merubah masukan menjadi keluaran.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>h. Sasaran (objectivitas) atau tujuan (goals)</b><br>Tujuan itu sebuah arah yang diinginkan dalam mencapai sesuatu yang diharapkan perusahaan dan biasanya implementasinya berupa narasi bukan nilai akhir. Sebuah sasaran akhir yang ingin dicapai dari sebuah objective / tujuan yang telah ada, sehingga target biasanya selalu berafiliasi atau berhubungan dengan objective secara sederhana dapat saya simpulkan bahwa target adalah pasangan dari tujuan.</p></div>
 
</li>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Dasar - dasar informasi</b><br>Informasi ibarat darah yang mengalir di dalam tubuh suatu organisasi:</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>a. Siklus Informasi</b><br>Data merupakan bentuk yang masih mentah yang belum dapat bercerta banyak, sehingga perlu diolah lebih lanjut. Data diolah melalui suatu model untuk dihasilkan informasi. Informasi yang ada diperlukan sebagai dasar pertimbangan para pengelola organisasi dalam mengambil keputusan manajerial strategis.</p></div>
 
<div align="center"><img width="300" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-BGvSdBzfc-w/XWcx4BtE6LI/AAAAAAAAAhg/oHGATULryNMQLGL0Yim5gXevTcSsjaBagCJoC/w530-h428-n/Siklus%2BInformasi.png"/></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: center;text-indent: 0.5in"><b>Gambar 2.1. Siklus Informasi</b></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. Data (ditangkap) / pengumpulan data</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. Input</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">3. Pengolahan data (proses)</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">4. Output / Informasi</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">5. Penerima / Distribusi</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">6. Keputusan</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">7. Hasil Tindakan</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>b. Kualitas Informasi</b><br>Kualitas informasi tergantung kepada 3 hal, yaitu:</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. Akurat -> bebas dari kesalahan</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. Tepat waktu -> inormasi tidak boleh terlambat</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">3. Relevan -> memiliki manfaat untuk pemakainya</p></div>
 
</li>
 
<div align="center"><img width="300" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-9ik_WVWE33w/XWc4Dfp5cLI/AAAAAAAAAiI/mXmuTpE59joA7GrVk-hxLqjGOebSDFVbgCJoC/w530-h447-n/Kualitas%2BInformasi.png">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''Gambar 2.2. Kualitas Informasi'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Selain 3 hal diatas kualitas informasi juga ditentukan oleh:</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. Informasi tersebut dapat dipercaya</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. Ekonomis</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">3. Efisien<br></p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>c. Nilai Informasi</b></p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Nilai dari informasi (value of infromation) ditentukan dari dua hal, yaitu:<br></p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. Manfaat</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. Biaya</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Informasi dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya mendapatkannya, selain itu juga dapat diukur dengan evektifitasnya. Pengukuran nilai informasi biasanya dihubungkan dengan analisis cost, efectivitas atau cost benefit.</p></div>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Konsep sistem Informasi</b></p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>a. Komponen Sistem Informasi</b><br>Sistem informasi terdiri dari blok-blok atau komponen – komponen,
 
yaitu:</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a) Blok Hardware, mencakup piranti-piranti fisik seperti komputer dan printer.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b) Blok Software (program), sekumpulan instruksi yang memungkinkan hardware untuk dapat memproses data.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">c) Blok Brainware, semua orang yang bertanggung jawab dalam pengembangan system informasi, pemprosesan dan penggunaan keluaran system informasi.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">d) Blok Basis Data (database), kumpulan table, hubungan dan lain-lain yang berkaitan dengan penyimpanan data.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">e) Blok Jaringan komputer & komunikasi Data, system penghubung yang memungkinkan sumber dipakai secara bersama atau diakses oleh sejumlah pemakai.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">f) Prosedur, sekumpulan aturan yang dipakai untuk mewujudkan pemprosesan dan pembangkitan keluaran yang dikehendaki.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-lqIdeIM2ffI/XWdJQcltrJI/AAAAAAAAAjE/UmVFjZ6h73INIbC0V93mpWhI3jSe6gFOACL0BGAs/w530-h345-n/Komponen%2BSistem%2BInformasi.png">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''Gambar 2.3. Komponen Sistem Informasi'''</p></div>
 
===Konsep Dasar Database===
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Definisi Database</b><br>Menurut <ref name="Connoly2013">Connoly dan Begg (2013), database adalah kumpulan data yang saling berhubungan secara logikal serta deskripsi dari data tersebut, yang dirancang untuk memenuhi kebutuhan informasi suatu organisasi</ref>.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut <ref name="karoenke2013">Kroenke dan Auer (2013), database adalah kumpulan data yang saling berhubungan dan struktur lainnya</ref>. Dari definisi di atas dapat disimpulkan bahwa database adalah suatu tempat penyimpanan data yang saling berhubungan dan struktur lainya beserta dengan deskripsi data
 
tersebut yang dirancang untuk memenuhi kebutuhan informasi.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>2. Definisi Tabel</b><br><ref name="Anhar2013_1">(Anhar, 2013)Tabel adalah komponen paling utama dalam membuat Website, pada saat pembuatan sebuah halaman web, tabel dijadikan sebagai media yang berfungsi sebagai kerangka untuk meletakkan komponen-komponen isi web. Sehingga dapat meninggalkan pengguna tabel dalam sebuah design web </ref>. Selain sebagai kerangka kerja, tabel juga dijadikan sebagai media untuk merapihkan semua content (isi web) yang ada di dalam halaman web. Jadi sebagai seorang web master atau designer web kita tidak akan dapat meninggalkan tabel, karena tabel dapat dikatakan sebuah komponen HTML yang diharuskan dalam pembuatan Website.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>3. Definisi Record</b><br><ref name="Anhar2013">(Anhar, 2013) Record adalah data yang isinya merupakan satu kesatuan seperti Nama User dan Password. Setiap keterangan yang mencakup Nama User dan Password dinamakan satu record. Setiap record diberi nomor yang disebut nomor record (Record Number). .</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>4. Definisi Fields</b><br><ref name="Anhar2013">(Anhar, 2013) Fields adalah sub bagian dari Record. Dari contoh isi record di atas, maka terdiri dari 2 fields, yaitu: fields Nama User dan Password</ref>.</p></div>
 
</li>
 
</ol>
 
===Konsep Dasar Internet===
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Definisi Internet</b><br>Menurut <ref name="Ahmad2013">Ahmadi dan Hermawan (2013), Internet adalah komunikasi jaringan komunikasi global yang menghubungkan seluruh komputer di dunia meskipun berbeda sistem operasi dan mesin<ref>.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut <ref name="TemasMedia">Termas Media, interconnection network (internet) adalah sistem global dari seluruh jaringan komputer yang saling terhubung.</ref> Internet berasal dari bahasa latin "inter" yang berarti "antara". Internet merupakan jaringan yang terdiri dari milyaran komputer yang ada di seluruh dunia. Internet melibatkan berbagai jenis komputer serta topologi jaringan yang berbeda. Dalam mengatur integrasi dan komunikasi jaringan, digunakan standar protokol internet yaitu TCP/IP. TCP bertugas untuk memastikan bahwa semua hubungan bekerja dengan baik, sedangkan IP bertugas untuk mentransmisikan paket data dari satu komputer ke komputer lainya.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Wikipedia, Internet adalah seluruh jaringan komputer yang saling terhubung menggunakan standar sistem global Transmission Control Protocol/Internet Protocol (TCP/IP) sebagai protokol pertukaran paket packet switching communication protocol) untuk melayani miliaran pengguna di seluruh dunia. Rangkaian internet yang terbesar ini dinamakan Internet. Cara menghubungkan rangkaian dengan kaidah ini dinamakan internetworking (antarjaringan).</p></div>
 
</li>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Sejarah Internet</b><br>Internet merupakan jaringan komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat pada tahun 1969, melalui proyek ARPA yang disebut ARPANET (Advanced Research Project Agency Network), di mana mereka mendemonstrasikan bagaimana penggunaan hardware dan software komputer yang berbasis UNIX, dimana dengan menggunakan proyek tersebut kita bisa melakukan komunikasi dalam jarak
 
yang tidak terhingga melalui saluran telepon.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Proyek ARPANET merancang bentuk jaringan, kehandalan, seberapa besar informasi dapat dipindahkan, dan akhirnya semua standar yang mereka tentukan menjadi cikal bakal pembangunan protokol baru yang sekarang dikenal sebagai Transmission Control Protocol/Internet Protocol
 
(TCP/IP).</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tujuan awal dibangunnya proyek itu adalah untuk keperluan militer. Pada saat itu Departemen Pertahanan Amerika Serikat (US Department of Defense) membuat sistem jaringan komputer yang tersebar dengan menghubungkan komputer di daerah-daerah vital untuk mengatasi masalah bila terjadi serangan nuklir dan untuk menghindari terjadinya informasi terpusat yang apabila terjadi perang sehingga dapat dengan mudah dihancurkan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada mulanya ARPANET hanya menghubungkan 4 situs saja yaitu Stanford Research Institute, University of California, Santa Barbara, University of Utah, di mana mereka membentuk satu jaringan terpadu pada tahun 1969, dan secara umum ARPANET diperkenalkan pada bulan Oktober 1972. Tidak lama kemudian proyek ini berkembang pesat di seluruh daerah, dan semua universitas di negara tersebut ingin bergabung, sehingga ARPANET kesulitan untuk mengaturnya.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Oleh sebab itu ARPANET dipecah manjadi dua, yaitu "MILNET" untuk keperluan militer dan "ARPANET" baru yang lebih kecil untuk keperluan non-militer seperti, universitas-universitas. Gabungan kedua jaringan akhirnya dikenal dengan nama DARPA Internet yang kemudian
 
disederhanakan menjadi Internet.</p></div>
 
</li>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Pengenalan WEB Secara Umum</b><br>World Wide Web atau WWW atau juga dikenal dengan WEB adalah salah satu layanan yang didapat oleh pemakai computer yang terhubung ke internet. Web ini menyediakan informasi bagi pemakai computer yang terhubung ke internet dari sekedar informasi “sampah” atau informasi yang tidak berguna sama sekali sampai informasi yang serius; dari informasi yang gratisan sampai informasi yang komersial. Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman(hyperlink).</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. Menurut <ref name="Suwanto">Suwanto Raharjo S. Si, M. Kom, Web merupakan salah satu layanan internet yang paling banyak digunakan dibanding dengan layanan lain seperti ftp, gopher, news atau bahkan email.</ref></p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. Menurut <ref name="Wahana">Wahana Komputer, Web adalah formulir komunikasi interaktif yang digunakan pada sutu jaringan komputer.</ref></p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">3. Menurut <ref name="Ataufik">A. Taufiq Hidayatullah, Web adalah bagian paling terlihat sebagai jaringan terbesar dunia, yakni internet.</ref></p></div>
 
</li>
 
</ol>
 
==Teori Khusus==
 
===Konsep Dasar Dashboard===
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Definisi Dashboard</b><br><ref name="RonalR"> (Ronald R, 2010) Dashboad adalah sebuah koleki data inormasi yang digunakan untuk melakukan evaluasi performa dan memastikan tercapainya tujuan dari sebuah operasi .</ref></p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><ref name="Stephen">(Stephen Few, 2006) Dashboard adalah tampilan visual dari informasi yang paling penting diperlukan untuk memahami dan mengelola satu atau lebih bidang organisasi yang diatur pada satu layar komputer sehingga dapat dipantau dengan mudah .</ref></p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari pengertian di atas, maka sebuah dashboard dashboad harus dapat mendukung proses monitoring secara visual seperti:</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. Melihat gambar besar informasi.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. focus pada item tertentu yang memiliki informasi penting.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">3. Dapat melakukan drill ke informasi tambahan yang diperlukan untuk proses keputusan.</p></div>
 
</li>
 
</ol>
 
===Membuat Dashboard yang efektif===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Komunikasi visual akan efektif bila diselaraskan dengan cara manusia melihat dan berfikir. Dengan kata lain, agar dapat bekerja secara efektif dashboard harus dapat dengan mudah dipahami dan dimengerti oleh pengguna. (Henry Dafid Thoreau, 2006) Hal yang penting pada proses perancangan esain adalah kesederhanaan desain.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Ketika merancanga dashboard informasi yang ditampilkan hanya yang benar-benar dibutuhkan, menyederhanakan informasi tanpa harus menurunkan makna dari informasi tersebut, dan menampilkannya menggunakan mekanisme tampilan visual yang dengan dibaca dan dipahami.</p></div>
 
===Barcode===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sebuah kode batang atau kode palang (bahasa Inggris: barcode) adalah suatu kumpulan data optik yang dibaca mesin. Sebenarnya, kode batang ini mengumpulkan data dalam lebar (garis) dan spasi garis paralel dan dapat disebut sebagai kode batang atau simbologi linear atau 1D (1 dimensi). Tetapi juga memiliki bentuk persegi, titik, heksagon dan bentuk geometri lainnya di dalam gambar yang disebut kode matriks atau simbologi 2D (2 dimensi). Selain tak ada garis, sistem 2D sering juga disebut sebagai kode batang.</p></div>
 
<div align="center"><img width="200" height="200" style="margin:0px" src="https://lh3.googleusercontent.com/-BioWOKqkxgg/XWda1_ookTI/AAAAAAAAAj4/fR55tYExhoMESE2pmA3qB0CZ3sPaeCSBgCJoC/w530-h389-n/Sebuah%2BSimbol%2BKode%2BBatang%2BUPC-A.png">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''Gambar 2.4. Sebuah Simbol Kode Batang UPC-A.'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''(sumber: https://id.wikipedia.org/wiki/Kode_batang)'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Kode batang dapat dibaca oleh pemindai optik yang disebut pembaca kode batang atau dipindai dari sebuah gambar oleh perangkat lunak khusus. Di Jepang, kebanyakan telepon genggam memiliki perangkat lunak pemindai untuk kode 2D, dan perangkat sejenis tersedia melalui platform smartphone. Pada tahun 1932, Wallace Flint membuat sistem pemeriksaan barang di perusahaan retail. Awalnya, teknologi kode batang dikendalikan oleh perusahaan retail, lalu diikuti oleh perusahaan industri. Lalu pada tahun 1948, pemilik toko makanan lokal meminta Drexel Institute of Technology di Philadelphia, untuk membuat sistem pembacaan informasi produk selama checkout secara otomatis.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Kemudian Bernard Silver dan Norman Joseph Woodland, lulusan Drexel patent application, bergabung untuk mencari solusi. Woodland mengusulkan tinta yang sensitif terhadap sinar ultraviolet. Prototipe ditolak karena tidak stabil dan mahal. Tangal 20 Oktober 1949 Woodland dan Silver berhasil membuat prototipe yang lebih baik. Akhirnya pada tanggal 7 Oktober 1952, mereka mendapat hak paten dari hasil penelitian mereka. 1966: Pertama kalinya kode batang dipakai secara komersial adalah pada tahun 1970 ketika Logicon Inc. membuat Universal Grocery Products
 
Identification Standard (UGPIC).</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Perusahaan pertama yang memproduksi perlengkapan kode batang untuk perdagangan retail adalah Monach Marking. Pemakaian di dunia industri pertama kali oleh Plessey Telecommunications. Pada tahun 1972, Toko Kroger di Cincinnati mulai menggunakan bull’s-eye code. Selain itu, sebuah komite dibentuk dalam grocery industry untuk memilih kode standar yang akan digunakan di industry.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada awalnya pembaca kode batang yaitu scanner atau pemindai dibangun dengan mengandalkan cahaya yang tetap dan satu photosensor yang secara manual digosokkan pada kode batang. Kode batang scanner dapat digolongkan menjadi tiga katagore berdasarkan koneksi ke komputer, yaitu: Jenis RS-232 kode batang scanner. Jenis ini membutuhkan program khusus untuk mentransfer data input ke program aplikasi. Jenis lain adalah bercode yang menghubungkan antara komputer dan PS 2 atau AT keyboard dengan menggunakan kabel adaptor. Jenis ketiga adalah USB kode batang scanner, yang merupakan lebih modern dan lebih mudah diinstal perangkat daripada RS-232 scanner, karena scanner kode batang ini memiliki keuntungan yaitu tidak membutuhkan kode atau program untuk mentransfer data input ke program aplikasi, ketika anda melacak kode batang datanya dikirim ke komputer seakan-akan telah mengetik pada keyboard.</p></div>
 
 
===Unified Modeling Language (UML)===
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Definisi Unified Modeling Language (UML)</b><br> Unified Modeling Language (UML) adalah salah satu standar bahasa yang banyak digunakan di dunia industri untuk mendefinisikan requirement, membuat analisis dan desain, serta menggambarkan arsitektur dalam pemrograman berorientasi objek. UML merupakan bahasa visual untuk pemodelan dan komunikasi mengenai sebuah sistem dengan menggunakan diagram dan teks-teks pendukung.</p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">UML muncul karena adanya kebutuhan pemodelan visual untuk menspesifikasikan, menggambarkan, membangun, dan dokumentasi dari sistem perangkat lunak. UML hanya berfungsi untuk melakukan pemodelan. Jadi penggunaan UML tidak terbatas pada metodologi tertentu, meskipun pada kenyataannya UML paling banyak digunakan pada metodologi berorientasi objek (Rosa A.S dan M. Shalahudin, 2014).</p></div>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Sejarah UML</b><br> Bahasa pemrograman berorientasi objek yang pertama dikembangkan dikenal dengan nama Simula - 67 yang dikembangkan pada tahun 1967. Perkembangan aktif dari pemrograman berorientasi objek mulai menggeliat ketika berkembangnya bahasa pemrograman Smalltalk pada awal 1980-an yang kemudian diikuti dengan perkembangan bahasa pemrograman berorientasi objek yang lainnya seperti C objek, C++, Eiffel, dan CLOS.</p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sekitar lima tahun setelah Smalltalk berkembang, maka berkembang pula metode pengembangan berorientasi objek. Karena banyaknya metodologi-metodologi yang berkembang pesat saat itu, maka muncullah ide untuk membuat sebuah bahasa yang dapat dimengerti semua orang. Maka dibuat bahasa yang merupakan gabungan dari beberapa konsep, seperti konsep Object Modeling Technique (OMT) dari Rumbaugh dan Booch (1991), konsep The Classes, Responsibilities, Collaborators (CRC) dari Rebecca Wirfs-Brock (1990), konsep pemikiran Ivar Jacobson, dan beberapa konsep lainnya dimana James R. Rumbaigh, Grady Booch, dan Ivar Jacobson bergabung dalam sebuah perusahaan yang bernama Rational Software Corporation menghasilkan bahasa yang disebut dengan Unified Modeling Language (UML).</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada tahun 1996, Object Management Group (OMG) mengajukan proposal agar adanya standarisasi pemodelan berorientasi objek dan pada bulan September 1997 UML diakomodasi oleh OMG sehingga sampai saat ini UML telah memberikan kontribusinya yang cukup besar di dalam metodologi berorientasi objek dan hal-hal yang terkait di dalamnya (Rosa A.S dan M. Shalahudin, 2014).</p></div>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Diagram UML</b><br>Rosa A.S dan M. Shalahudin (2014:140), pada UML terdiri dari 13 macam diagram yang dikelompokkan dalam 3 kategori. Berikut ini penjelasan singkat dari pembagian kategori tersebut.</p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. Structure diagram, yaitu kumpulan diagram yang digunakan untuk menggambarkan suatu struktur statis dari sistem yang dimodelkan. Structure diagram terdiri dari class diagram, object diagram, component diagram, composite structure diagram, package diagram dan deployment diagram.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. Behavior diagram yaitu kumpulan diagram yang digunakan untuk menggambarkan kelakuan sistem atau rangkaian perubahan yang terjadi pada sebuah sistem. Behavior diagram terdiri dari Use case diagram, Aktivity diagram, State Machine System.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">3. Interaction diagram yaitu kumpulan diagram yang digunakan untuk menggambarkan interaksi sistem dengan sistem lain maupun interaksi antar subsistem pada suatu sistem. Interaction diagram terdiri dari Sequence Diagram, Communication Diagram, Timing Diagram, Interaction Overview Diagram.</p></div>
 
</ol>
 
 
===Unified Modeling Language (UML)===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><ref name="rosa"> Rosa dan M. Shalahudin (2014), use case atau diagram use casemerupakan pemodelan untuk kelakuan (behavior) sistem informasi yang akan dibuat. Use case mendeskripsikan sebuah interaksi antara satu atau lebih aktor dengan sistem informasi yang akan dibuat. Secara kasar, use case digunakan untuk mengetahui fungsi apa saja yang ada di dalam sebuah sistem informasi dan siapa saja yang berhak menggunakan fungsi-fungsi itu.</ref></p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut adalah simbol-simbol yang ada pada diagram use case:</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''Tabel 2.1. Simbol-simbol diagram use case'''</p></div>
 
<table border="0" align="center">
 
<tr>
 
<td><img src="https://lh3.googleusercontent.com/-DcUuEX2xxWs/XWiMLTSqMqI/AAAAAAAAAkw/IS8TjxdxNK0Fx4xe1ORssR8OWEK0rxX6QCJoC/w530-h511-n/Tabel%2B2.1.%2BSimbol-simbol%2Bdiagram%2Buse%2Bcase.png" /></td>
 
</tr>
 
<tr>
 
<td><img src="https://lh3.googleusercontent.com/-_Wm8se5v3nM/XWiNZ4cijcI/AAAAAAAAAlY/UYnMxB5iz4crWqfqEHfH9rxG1eIi6bNEgCJoC/w530-h163-n/Tabel%2B2.1.%2BSimbol-simbol%2Bdiagram%2Buse%2Bcase_lanjutan1.png" /></td>
 
</tr>
 
<tr>
 
<td><img src="https://lh3.googleusercontent.com/-im7zQFbCwjU/XWicqcVIqdI/AAAAAAAAAlw/HG59JbOTHW0FWTag01A3A6stxM8gLhgggCJoC/w530-h655-n/Tabel%2B2.1.%2BSimbol-simbol%2Bdiagram%2Buse%2Bcase_lanjutan2.png" /></td>
 
</tr>
 
<tr>
 
<td><img src="https://lh3.googleusercontent.com/-wyaJ5IEclFE/XWid-Nd4C_I/AAAAAAAAAmY/CvRnRA_el0Io23zCIVHc_Qncr8EdweTJQCJoC/w530-h807-n/Tabel%2B2.1.%2BSimbol-simbol%2Bdiagram%2Buse%2Bcase_lanjutan4.png" /></td>
 
</tr>
 
<tr>
 
<td><img src="https://lh3.googleusercontent.com/-tv08YNKRZRo/XWieEzeoQRI/AAAAAAAAAmw/0zhNqS1hsAo6JbfHDzm3Pr8qEINVgt0egCJoC/w530-h777-n/Tabel%2B2.1.%2BSimbol-simbol%2Bdiagram%2Buse%2Bcase_lanjutan5.png" /></td>
 
</tr>
 
<tr  align="center">
 
<td><b>Sumber: Rosa A.S dan M. Shalahudin (2014)</b></td>
 
</tr>
 
</table>
 
 
===Activity Diagram===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><ref name="msalahudin">Rosa dan M. Shalahudin (2014:161), diagram aktivitas atau activity diagram menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah sebuah sistem atau proses bisnis atau menu yang ada pada perangkat lunak. Yang perlu di perhatikan disini adalah bahwa diagram aktivitas menggambarkan aktivitas sistem bukan apa yang dilakukan aktor, jadi aktivitas yang dapat dilakukan oleh sistem.</ref></p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut adalah simbol-simbol yang ada pada diagram aktivitas:</p></div>
 
<table border="0" align="center">
 
<tr  align="center">
 
<td><b>Tabel 2.2. Simbol-simbol activity diagram</b></td>
 
</tr>
 
<tr>
 
<td><img src="https://lh3.googleusercontent.com/-Ew_S6W4RspQ/XWil9VfJtZI/AAAAAAAAAnk/GPfaAoR18aUkj0E5VPFRpHK1JlghI0d9QCJoC/w530-h298-n/Tabel%2B2.2.%2BSimbol-simbol%2Bactivity%2Bdiagram.png" /></td>
 
</tr>
 
<tr  align="center">
 
<td><b>Sumber: Rosa A.S dan M. Shalahudin (2014:162)</b></td>
 
</tr>
 
</table>
 
 
===Class Diagram===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><ref name="rosam">Rosa dan M. Shalahudin (2014:141), diagram kelas atau class diagram menggambarkan struktur sistem dari segi pendefinisian kelaskelas yang akan dibuat untuk membangun sistem. Kelas memiliki apa yang disebut atribut dan method atau operasi</ref>. Berikut penjelasan atribut dan method:</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. Atribut merupakan variable-variabel yang dimiliki oleh suatu kelas.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. Operasi atau method adalah fungsi-fungsi yang dimiliki oleh suatu kelas.</p></div>
 
 
<table border="0" align="center">
 
<tr  align="center">
 
<td>Berikut adalah simbol-simbol yang ada pada diagram kelas:</td>
 
</tr>
 
<tr  align="center">
 
<td><b>Tabel 2.3. Simbol-simbol class diagram</b></td>
 
</tr>
 
<tr>
 
<td><img src="https://lh3.googleusercontent.com/-PplOhGyvkmk/XWjAI6LWXXI/AAAAAAAAAoM/rRLR0l-nQ6ApBDSgncx4JyKu1Oa8IM6sgCJoC/w530-h411-n/Tabel%2B2.3.%2BSimbol-simbol%2Bclass%2Bdiagram.png" /></td>
 
</tr>
 
<tr align="center">
 
<td><b>Sumber: Rosa A.S dan M. Shalahudin (2014)</b></td>
 
</tr>
 
</table>
 
 
===Sequence Diagram===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><ref name="Rosadansshalahudin">Rosa dan M. Shalahudin (2014:165), diagram sekuen menggambarkan kelakuan objek pada use case dengan mendeskripsikan waktu hidup objek dengan massage yang dikirimkan dan diterima antar objek.</ref> Oleh karena itu untuk menggambarkan diagram sekuen maka harus diketahui objek-objek yang terlibat dalam sebuah use case beserta metode-metode yang dimiliki kelas yang diinstansiasi menjadi objek itu. Membuat diagram sekuen juga dibutuhkan untuk melihat skenario yang ada pada use case. Banyaknya diagram sekuen yang harus digambar adalah minimal sebanyak pendefinisian use case yang memiliki proses sendiri atau yang penting semua use case yang telah didefinisikan interaksi jalannya pesan sudah dicakup dalam diagram sekuen sehingga semakin banyak use case yang didefinisikan maka diagram sekuen yang harus dibuat juga semakin banyak.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Berikut adalah simbol-simbol yang ada pada diagram sekuen:</p></div>
 
<table border="0" align="center">
 
<tr  align="center">
 
<td><b>Tabel 2.4. Simbol-simbol sequence diagram</b></td>
 
</tr>
 
<tr>
 
<td><img src="https://lh3.googleusercontent.com/-jWpNWIK-P7U/XWjChl01iCI/AAAAAAAAAo0/twoR1ikjV24gVfsys_VPMSGNJGTmPeoUgCJoC/w530-h253-n/Tabel%2B2.4.%2BSimbol-simbol%2Bsequence%2Bdiagram.png" /></td>
 
</tr>
 
<tr align="center">
 
<td><b>Sumber: Rosa A.S dan M. Shalahudin (2014)</b></td>
 
</tr>
 
</table>
 
===Hyper Text Markup Language (HTML)===
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Definisi Hyper Text Markup Language</b><br>Winarno dan Ali Zaki (2014:1) Hyper Text Markup Language (HTML) adalah sebuah bahasa untuk menampilkan konten di web. HTML sendiri adalah bahasa pemrograman yang bebas, artinya tidak dimiliki oleh siapapun, pengembangannya dilakukan oleh banyak orang di banyak negara dan bisa dikatakan sebagai sebuah bahasa yang dikembangkan bersamasama secara global. </p></div>
 
</li>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Struktur Dasar HTML</b><br>Winarno dan Ali Zaki (2014:3), Elemen HTML dimulai dengan tag awal, yang diikuti dengan isi elemen dan tag akhir. Tag terakhir termasuk simbol/diikuti oleh tipe elemen, misalnya </HEAD>. Sebuah elemen HTML dapat bersarang di dalam elemen lainnya. Sebuah dokumen HTML standar terlihat seperti ini:. </p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;">
 
<html><br>
 
<head><br>
 
<title>Ini judul document HTML</title><br>
 
</head><br>
 
<body>Teks ini adalah teks yang muncul di Body dari dokumen</body><br>
 
</html>
 
</div>
 
</li>
 
</ol>
 
 
===PHP===
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Definisi PHP</b><br><ref name="winoro">Winarno dan Ali Zaki (2014), PHP adalah sebuah bahasa pemrograman web berbasis server (server-side) yang mampu memparsing kode PHP dari kode web dengan ekstensi .php, sehingga menghasilkan tampilan website yang dinamis di sisi client (browser).</ref> PHP adalah bahasa
 
script yang sangat cocok untuk pengembangan web dan dapat dimasukkan ke dalam HTML.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><ref name="subeki2013">Subekti, Ichsan Risnandar, Hafni S.S., dan Teguh N (2013), PHP (Hypertext Preprocessing) merupakan bahasa pemrograman yang biasa digunakan untuk membuat halaman HTML. File .php yang dibuat akan diproses di dalam server, sedangkan halaman yang akan dikirim ke browser pengunjung hanyalah tampilan HTML-nya. Dengan PHP, halaman website yang dibuat akan menjadi dinamis, yakni dapat selalu berubah tanpa harus mengubah isi website secara manual. Informasi akan diproses ulang oleh web server sehingga akan didapatkan isi paling mutakhir dari halaman web.</ref></p></div>
 
</li>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>Kelebihan PHP</b><br><ref name="winaro">Winarno dan Ali Zaki (2014:49), PHP banyak dipakai oleh banyak orang adalah perangkat lunak bebas (open source) yang dirilis di bawah lisensi PHP. Artinya untuk menggunakan bahasa pemrograman ini gratis, bebas, dan tidak terbuka.</ref> Untuk web, PHP adalah bahasa scripting yang bisa dipakai untuk tujuan apapun. Di antaranya cocok untuk pengembangan aplikasi web berbasis server (server-side) dimana PHP nantinya dijalankan di server web. Setiap kode PHP akan dieksekusi oleh runtime PHP, hasilnya adalah kode PHP yang dinamis tergantung kepada script PHP yang dituliskan. PHP dapat digunakan dibanyak server web, sistem operasi, dan platform. Selain itu digunakan juga di sistem manajemen database relasional (RDBMS). Semuanya ini bisa diperoleh gratis, dan Grup PHP menyediakan kode sumber lengkap bagi pengguna untuk membangun, menyesuaikan, dan mengutak-atik sesuai fungsi yang mereka inginkan.</p></div>
 
</li>
 
</ol>
 
 
===MySQL===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">MySQL adalah sebuah software database. MySQL merupakan tipe data relasional yang artinya MySQL menyimpan datanya dalam bentuk tabel-tabel yang saling berhubungan (Edy Winarno dan Ali Zaki, 2014:102).</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><ref name="ichsan">Subekti, Ichsan Risnandar, dan Hanafi S.S (2013:92), MySQL merupakan basis data yang bersifat open source sehingga banyak digunakan di dunia. Ada dua cara untuk menggunakan MySQL </ref>yaitu:</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. Menggunakan console / command line atau PHP. Kita harus hafal perintah- perintah dalam MySQL. Interface yang digunakan hanya textbased.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. Menggunakan PHPMyAdmin, dapat diakses dengan alamat http://alamatwebsite/phpmyadmin. apabila digunakan localhost maka alamat http://localhost/phpmyadmin atau di 127.0.0.1/phpmyadmin. 2. Menggunakan PHPMyAdmin, dapat diakses dengan alamat http://alamatwebsite/phpmyadmin. apabila digunakan localhost maka alamat http://localhost/phpmyadmin atau di 127.0.0.1/phpmyadmin. Penggunaan PHPMyAdmin lebih mudah digunakan karena menggunakan interface yang lebih mudah dipahami</p></div>
 
 
===CSS===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Subekti dan Teguh N (2013:39), CSS (Cascading Style Sheets) adalah kumpulan aturan-aturan pemformatan yang mengontrol tampilan konten dalam sebuah halaman web. Terdapat tiga jenis CSS, yaitu:</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. Inline style sheet: kita cukup menambahkan atribut style di tag yang ingin kita berikan pemformatan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. Internal style sheet: kita meletakkan aturan pemformatan dengan CSS dibagi <head> dari html dengan tambahan tag <style>.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">3. External style sheet: kita memisahkan antar file CSS dengan file HTMLnya.</p></div>
 
 
 
===XAMPP===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Petrus F.S. dan Teguh N (2013:53), XAMPP adalah suatu program yang digunakan sebagai server untuk mengeksekusi fungsi yang ada dalam halaman website yang kita buat sekaligus menampilkan halaman website tersebut agar bisa diakses oleh user.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Hidayatullah dan Jauhari K.K. (2014:127), XAMPP adalah fasilitas untuk banyak sistem operasi seperti Windows, Linux, Mac, dan Solaris yang memungkinkan sebuah web dinamis bisa diakses secara local menggunakan web server local. Kata XAMPP sendiri terdiri dari:</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. X yang berarti Cross Platform karena XAMPP bisa dijalankan di Windows, Linux, Mac, dan Solaris.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. A yang berarti Apache sebagai web-server-nya.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">3. M yang berarti MySQL sebagai Database Management System (DBMS)</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">4. PP yang berarti PHP dan Perl sebagai bahasa yang didukungnya.</p></div>
 
 
===JavaScript===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Winarno dan Ali Zaki (2014:129), JavaScript adalah bahasa scripting client side yang sangat popular, karena bisa dipakai di HTML, web, untuk server, PC, laptop, tablet, ponsel, dan lainnya. Hampir semua programmer web menggunakan JavaScript untuk memberi efek pemrograman di halaman. JavaScript tidak hanya berdiri sendiri, tapi JavaScript juga menjadi dasar yang bisa digunakan untuk teknologi lainnya seperti Ajax, jQuery, dan jQuery Mobile.</p></div>
 
 
===Metode Waterfall===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Pressman (2015:42), model waterfall adalah model klasik yang bersifat sistematis, berurutan dalam membangun software. Nama
 
model ini sebenarnya adalah “Linear Sequential Model”. Model ini sering disebut juga dengan “classic life cycle” atau metode waterfall. Model ini termasuk ke dalam model generic pada rekayasa perangkat lunak dan pertama kali diperkenalkan oleh Winston Royce sekitar tahun 1970 sehingga sering dianggap kuno, tetapi merupakan model yang paling banyak dipakai dalam Software Engineering (SE). Model ini melakukan pendekatan secara sistematis dan berurutan. Disebut dengan waterfall karena tahap demi tahap yang dilalui harus menunggu selesainya tahap sebelumnya dan berjalan berurutan.</p></div>
 
 
<table border="0" align="center">
 
<tr  align="center">
 
<td>Fase-fase dalam Waterfall Model menurut referensi Pressman:</td>
 
</tr>
 
<tr>
 
<td><img src="https://lh3.googleusercontent.com/-w2M8kXdivzQ/XWjQajpED4I/AAAAAAAAApc/fsYVQaoKhbAnelJ1gweMlYlsWjdrAUIAACJoC/w530-h144-n/Fase-fase%2Bdalam%2BWaterfall%2BModel.png" /></td>
 
</tr>
 
<tr align="center">
 
<td><b>Gambar 2.5. Waterfall Pressman (Pressman, 2015:42)</b></td>
 
</tr>
 
</table>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify; text-indent: 0.5in"><p style="line-height: 2">1. Communication (Project Initiation & Requirements Gathering)<br>Sebelum memulai pekerjaan yang bersifat teknis, sangat
 
diperlukan adanya komunikasi dengan customer demi memahami dan mencapai tujuan yang ingin dicapai. Hasil dari komunikasi tersebut adalah inisialisasi proyek, seperti menganalisis permasalahan yang dihadapi dan mengumpulkan data-data yang diperlukan, serta membantu mendefinisikan fitur dan fungsi software. Pengumpulan data-data tambahan bisa juga diambil dari jurnal, artikel, dan internet.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. Planning (Estimating, Scheduling, Tracking)<br>Tahap berikutnya adalah tahapan perencanaan yang menjelaskan tentang estimasi tugas-tugas teknis yang akan dilakukan, resiko- resiko yang dapat terjadi, sumber daya yang diperlukan dalam membuat sistem, produk kerja yang ingin dihasilkan, penjadwalan kerja yang akan dilaksanakan, dan tracking proses pengerjaan sistem.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">3. Modeling (Analysis & Design)<br>Tahapan ini adalah tahap perancangan dan permodelan arsitektur sistem yang berfokus pada perancangan struktur data, arsitektur software, tampilan interface, dan algoritma program. Tujuannya untuk lebih memahami gambaran besar dari apa yang akan dikerjakan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">4. Construction (Code & Test)<br>Tahapan Construction ini merupakan proses penerjemahan bentuk desain menjadi kode atau bentuk/bahasa yang dapat dibaca oleh mesin. Setelah pengkodean selesai, dilakukan pengujian terhadap sistem dan juga kode yang sudah dibuat. Tujuannya untuk
 
menemukan kesalahan yang mungkin terjadi untuk nantinya diperbaiki.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">5. Deployment (Delivery, Support, Feedback)<br>Tahapan Deployment merupakan tahapan implementasi software ke customer, pemeliharaan software secara berkala, perbaikan software, evaluasi software, dan pengembangan software berdasarkan umpan balik yang diberikan agar sistem dapat tetap berjalan dan berkembang sesuai dengan fungsinya. (Pressman, 2015:17)</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tahapan Deployment merupakan tahapan implementasi software ke customer, pemeliharaan software secara berkala, perbaikan software, evaluasi software, dan pengembangan software berdasarkan umpan balik yang diberikan agar sistem dapat tetap berjalan dan berkembang sesuai dengan fungsinya. (Pressman, 2015:17)</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dengan demikian, metode waterfall dianggap pendekatan yang lebih cocok digunakan untuk proyek pembuatan sistem baru dan juga pengembangan software dengan tingkat resiko yang kecil serta waktu pengembangan yang cukup lama. Tetapi salah satu kelemahan paling mendasar adalah menyamakan pengembangan hardware dan software dengan meniadakan perubahan saat pengembangan. Padahal, error diketahui saat software dijalankan, dan perubahan-perubahan akan sering terjadi.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Keuntungan menggunakan metode waterfall adalah prosesnya lebih terstruktur, hal ini membuat kualitas software baik dan tetap terjaga. Dari
 
sisi user juga lebih menguntungkan, karena dapat merencanakan dan menyiapkan kebutuhan data dan proses yang diperlukan sejak awal.
 
Penjadwalan juga menjadi lebih menentu, karena jadwal setiap proses dapat ditentukan secara pasti. Sehingga dapat dilihat jelas target penyelesaian pengembangan program. Dengan adanya urutan yang pasti, dapat dilihat pula perkembangan untuk setiap tahap secara pasti. Dari sisi lain, model ini merupakan jenis model yang bersifat dokumen lengkap sehingga proses pemeliharaan dapat dilakukan dengan mudah.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Kelemahan menggunakan metode waterfall adalah bersifat kaku, sehingga sulit melakukan perubahan di tengah proses. Jika terdapat kekurangan proses/prosedur dari tahap sebelumnya, maka tahapan pengembangan harus dilakukan mulai dari awal lagi. Hal ini akan memakan waktu yang lebih lama. Karena jika proses sebelumnya belum selesai sampai akhir, maka proses selanjutnya juga tidak dapat berjalan. Oleh karena itu, jika terdapat kekurangan dalam permintaan user maka proses pengembangan harus dimulai kembali dari awal. Karena itu, dapat dikatakan proses pengembangan software dengan metode waterfall bersifat lambat.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Kelemahan menggunakan metode waterfall adalah bersifat kaku, sehingga sulit melakukan perubahan di tengah proses. Jika terdapat kekurangan proses/prosedur dari tahap sebelumnya, maka tahapan pengembangan harus dilakukan mulai dari awal lagi. Hal ini akan memakan waktu yang lebih lama. Karena jika proses sebelumnya belum selesai sampai akhir, maka proses selanjutnya juga tidak dapat berjalan. Oleh karena itu, jika terdapat kekurangan dalam permintaan user maka proses pengembangan harus dimulai kembali dari awal. Karena itu, dapat dikatakan proses pengembangan software dengan metode waterfall bersifat lambat.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Kelemahan lainnya menggunakan metode waterfall adalah membutuhkan daftar kebutuhan yang lengkap sejak awal. Tetapi, biasanya jarang sekali customer yang dapat memenuhi itu. Untuk menghindari pengulangan tahap dari awal, user harus memberikan seluruh prosedur, data, dan laporan yang diinginkan mulai dari tahap awal pengembangan. Tetapi pada banyak kondisi, user sering melakukan permintaan di tahap pertengahan pengembangan sistem. Dengan metode ini, maka development harus dilakukan mulai lagi dari tahap awal. Karena development disesuaikan dengan desain hasil user pada saat tahap pengembangan awal. Di sisi lain, user tidak dapat mencoba sistem sebelum sistem benar-benar selesai. Selain itu, kinerja personil menjadi kurang optimal karena terdapat proses menunggu suatu tahap selesai terlebih dahulu. Oleh karena itu, seringkali diperlukan personil yang “multi-skilled” sehingga minimal dapat membantu pengerjaan untuk tahapan berikutnya. (Pressman, 2015:42-43)</p></div>
 
 
===CodeIgniter===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hakim (2013:8) CodeIgniter adalah sebuah framework PHP yang dapat membantu mempercepat developer dalam pengembangan aplikasi web berbasis PHP dibanding jika menulis semua kode program dari awal.</p></div>
 
<table border="0" align="center">
 
<tr>
 
<td><img src="https://lh3.googleusercontent.com/-ap4zDAEcWsg/XWjYneXbhzI/AAAAAAAAAqE/L6SO_x7pdGQuKLxdOly-ll-9QRztoODPgCJoC/w530-h399-n/Logo%2BCodeIgniter.png" /></td>
 
</tr>
 
<tr align="center">
 
<td><b>Gambar 2.6. Logo CodeIgniter</b></td>
 
</tr>
 
</table>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">CodeIgniter pertama kali dibuat oleh Rick Ellis, CEO Ellislab, Inc. (http://ellislab.com), sebuah perusahaan yang memproduksi CMS (Content
 
Management System) yang cukup handal, yaitu Expression Engine (http://www.expressionengine.com). Saat ini, CodeIgniter dikembangkan oleh Expression Engine Development Team.</p></div>
 
 
===Elisitasi===
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hidayati dalam Guritno, dkk (302:2013), 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>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">Elisitasi tahap I, yaitu berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.</p></div>
 
</li>
 
<li>
 
<div style="font-size: 12pt;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></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">a. M pada MDI itu artinya Mandatory (Penting). Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">b. 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 handal.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">c. I pada MDI itu artinya Inessential. Maksudnya bahwa requirement tersebut bukanlah bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem.</p></div>
 
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2"><b>Elisitasi tahap III</b><br>, merupakan hasil penyusutan dari elisitasi tahap II
 
dengan cara mengeliminasi semua requirement yang optionnya I pada
 
metode MDI. Selanjutnya semua requirement yang tersisa
 
diklasifikasikan kembali melalui metode TOE, yaitu sebagai berikut:</p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
a. T artinya Tehnikal, maksudnya bagaimana tata cara/tehnik pembuatan
 
requirement tersebut dalam sistem yang diusulkan?</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
b. O artinya Operasional, maksudnya bagaimana tata cara penggunaan
 
requirement tersebut dalam sistem yang akan dikembangkan?</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
c. E artinya Ekonomi, maksudnya berapakah biaya yang diperlukan
 
guna membangun requirement tersebut didalam sistem?
 
Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu:</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu:</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
a) High (H): Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit serta biayanya mahal. Sehingga requirement tersebut harus dieliminasi.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
b) Middle (M): Mampu untuk dikerjakan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
c) Low (L): Mudah untuk dikerjakan</p></div>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
<b>Elisitasi final draft</b>, merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.</p></div>
 
</li>
 
</ol>
 
 
===Konsep Dasar Literature Review===
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
<b>Definisi Literature Review</b></p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Uraian tentang teori, temuan, dan bahan penelitian lainnya yang diperoleh dari bahan acuan untuk dijadikan landasan kegiatan penelitian
 
untuk menyusun kerangka pemikiran yang jelas dari perumusan masalah yang ingin diteliti.</p></div>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
<b>Jenis Penelitian</b></p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Metode penelitian kualitatif sering disebut metode penelitian naturalistik karena penelitiannya dilakukan pada kondisi yang alamiah,
 
disebut juga sebagai metode etnografi. Penelitian kualitatif dilakukan pada objek alamiah yang ber-kembang apa adanya, tidak dimanipulasi oleh peneliti dan kehadiran peneliti tidak begitu mempengaruhi dinamika pada objek tersebut.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Penelitian kualitatif instrumennya adalah peneliti itu sendiri. Menjadi instrumen, maka peneliti harus memiliki bekal teori dan wawasan
 
luas, sehingga mampu bertanya, menganalisis, memotret, dan mengkonstruksi situasi sosial yang diteliti menjadi lebih jelas dan bermakna. Penelitian ini merupakan penelitian deskriptif kualitatif. Menurut Sugiyono (2013:15), menjelaskan bahwa:</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Metode penelitian kualitatif merupakan metode penelitian yang berlandas-kan pada filsafat positivisme, digunakan untuk meneliti pada kondisi obyek yang alamiah, (sebagai lawannya adalah eksperimen) dimana peneliti adalah sebagai instrumen kunci, pengambilan sampel sumber data dilakukan secara purposive dan snowbaal, teknik pengumpulan dengan trianggulasi, analisis data bersifat induktif/kualitatif, dan hasil penelitian kualitatif lebih menekan makna dari pada generalisasi.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Metode deskriptif adalah suatu metode dalam meneliti status sekelompok manusia, suatu objek, kondisi, sistem pemikiran ataupun peristiwa pada masa sekarang. Tipe penelitian ini berusaha menerangkan fenomena sosial tertentu. Penelitian dapat dibedakan menjadi beberapa
 
jenis, berdasarkan kriteria pem-bedaan antara lain fungsi akhir dan pendekatannya.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Menurut Singarimbun (2013:4), “penelitian deskriptif dimaksudkan untuk pengukuran yang cermat terhadap fenomena sosial tertentu, misalnya perceraian, pengangguran, keadaan gizi, preferensi terhadap politik tertentu dan lain-lain”.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Penelitian deskriptif biasanya mempunyai dua tujuan, untuk mengetahui per-kembangan fisik tertentu dan mendeskripsikan secara
 
terperinci fenomena sosial tertentu. Menurut Sugiono (2013:4-5), mengenai jenis-jenis metode penelitian dapat diklarifikasikan berdasar tujuan dan tingkat kealamiahan objek yang di teliti.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Menurut Sukmadinata (2013:53-60), penelitian kualitatif adalah penelitian yang digunakan untuk mendeskripsikan dan menganalisis
 
fenomena, peristiwa, aktivitas sosial, sikap, kepercayaan, presepsi, dan orang secara individual maupun kelompok. Sukmadinata (2013:18),
 
menyatakan bahwa penelitian deskriptif bertujuan mendefinisikan suatu keadaan atau fenomena secara apa adanya. Berdasarkan uraian di atas dapat disimpulkan bahwa jenis penelitian ini meng-gunakan penelitian kualitatif karena analisis datanya berupa kata-kata tertulis atau lisan dan mempertimbangkan pendapat orang lain yang bisa disebut dengan narasumber.</p></div>
 
</ol>
 
 
==Penelitian Sebelumnya (Literature Review)==
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Banyak penelitian yang sebelumnya dilakukan mengenai sistem informasi dashboard monitoring. Dalam upaya pengembangan sistem informasi dashboard monitoring, kita perlu melakukan studi pustaka sebagai salah satu penerapan metode penelitian yang akan dilakukan. Contohnya mengidentifikasi kesenjangan (identify gaps), menghindari pemuatan ulang, mengidentifikasi metode yang pernah dilakukan, meneruskan penelitan sebelumnya, serta mengetahui orang lain dan area penelitian sama bidang ini.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
1. Penelitian ini dilakukan oleh haryanti, eva (2008) berjudul “Information Dashboard Untuk Monitoring Kinerja Organisasi” penelitian ini
 
membahas upaya untuk membantu proses mengelola kinerja organisasi yang saat ini sistem yang digunakan masih manual dengan menggunakan buku register.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
2. Penelitian ini dilakukan oleh Junaidi A, (2016) berjudul “Dashboard Sistem Informasi Support Maintenance” penelitian ini membahas upaya
 
dapat mengurangi kerusakan komputer dan hasilnya untuk memberikan solusi bagi karyawan perlu informasi yang cepat dan terstruktur. Untuk
 
memecahkan masalah yang berkaitan dengan pembuatan website dengan kerangka CodeIgniter dan MySQL untuk pengolahan databasenya.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
3. Penelitian ini dilakukan oleh Rahardja, U., Pratama, Deddy., dan Susanti,
 
Ely (2018) berjudul “Implementasi Viewboard Dalam Mendukung Penyebaran Informasi Dengan Penyajian Artificial Informatics Pada Perguruan Tinggi” penelitian ini membahas kemampuan Teknologi Informasi (TI) telah dapat meningkatkan efektivitas, efisiensi, daya saing, dan mendukung kegiatan manajerial organisasi. Di sini dibahas tentang penerapan aplikasi Viewboard untuk institusi suatu pendidikan sebagai modul pembantu pimpinan dalam membuat keputusan strategis. Aplikasi Viewboard dikembangkan berdasarkan database yang sudah ada pada sistem yang lain sebagai data warehouse. Dalam penerapannya, aplikasi Viewboard dibangun menggunakan bahasa pemrograman PHP untuk front-office interface dengan konsep Artificial Informatics sebagai hasil sajian dari olahan query database. Aplikasi Viewboard telah diuji coba untuk mengukur statistik overview kemahasiswaan pada Perguruan Tinggi Raharja sebagai tempat pengembangan dan penelitian Viewboard dilakukan. Hasil akhir pengujian menunjukkan bahwa Viewboard dapat menarik olahan data dari berbagai repository database yang sudah ada dan menampilkan informasi bersifat critical dengan penyajian karakteristik dari Artificial Informatics.</p></div>
 
{{pagebreak}}
 
 
=<div style="font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''ANALISA SISTEM YANG BERJALAN'''</div>
 
 
==Analisa Organisasi==
 
 
===Gambaran Umum===
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
PT Indorack Multikreasi juga banyak dikenal sebagai MEMORY adalah produsen khusus di Penjualan Furniture, dengan partikel dan MDF (Medium Density Board) sebagai bahan utama, PT. Indorack Multikreasi telah mengekspor produk ke seluruh dunia dengan pasar utama dari Jepang dan Eropa.</p></div>
 
 
===Gambaran Umum===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
PT. Indorack Multikreasi atau juga banyak dikenal sebagai MEMORY didirikan pada September 1993 yang didirikan oleh Fredy Mulyanto yang berlokasi di Jl. Raya Serang KM 5, Jln. Otomen No. 428 Jati uwung Tangerang dengan No NPWP 01.981.300.5-402.000 dan mulai per tanggal 01 April 2012 berubah menjadi 01.981.300.5-415.000.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
PT. Indorack Multikreasi merupakan perusahaan yang bergerakdibidang furniture knock down yang terdiri dari 2000 karyawan yang bekerja diseluruh 4 pabrik utama di Tangerang dan Batam. Hasil produksi dari PT. Indorack Multikreasi seperti meja TV, meja komputer, lemari,
 
tempat tidur.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
PT. Indorack Multikreasi adalah salah satu perusahaan dari Indonesia yang mengekspor hasil produksinya ke negara - negara Eropa, Asia, dan Australia. Untuk saat ini PT Indorack Multikreasi mencoba melebarkan sayap pemasarannya melalui penjualan via website dimana
 
sebelumnya bekerja sama selama 2 tahun dengan PT Rakuten Indonesia (http://www.rakuten.co.id) dalam memasarkan produk furniturenya dengan
 
nama KLIK-TOFU (http://www.rakuten.co.id/shop/klik-tofu), namun setelah PT Indorack Multikreasi mulai dikenal oleh masyarakat terutama
 
para pengguna internet, PT Indorack Multikreasi mencoba membangun websitenya sendiri dan memutus hubungan kerjasamanya dengan PT Rakuten Indonesia dengan mengganti nama KLIK-TOFU menjadi MEMORY (http://www.memory-diy.com).</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Dimana pada web ini PT. Indorack Multikreasi melayani pembelian secara online dengan minimal pembelian 1 produk furniture yang telah di display pada katalog website. Dimana sebelumnya PT. Indorack Multikreasi hanya melayani pembelian dengan batas MOQ (Minimal Order Quantity) pada wilayah dan jenis produk tertentu.</p></div>
 
 
===Visi dan Misi Perusahaan===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Visi PT Indorack Multikreasi adalah “Menjadi produsen furniture knock down berkualitas di Dunia."</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Misi PT Indorack Multikreasi adalah “Menghasilkan furniture berkualitas dengan desain yang menarik dan harga yang terjangkau untuk semua rumah dan semua ruangan di seluruh penjuru dunia."</p></div>
 
 
===Struktur Organisasi Perusahaan===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Struktur organisasi sangat penting bagi PT. Indorack Multikreasi karena agar perusahaan dapat berjalan dengan baik. Dengan demikian para karyawan dapat mengetahui tugas masing-masing, tanggung jawab serta wewenang individu tersebut. Struktur organisasi PT. Indorack Multikreasi sebagai berikut:</p></div>
 
<table border="0" align="center">
 
<tr>
 
<td><img src="https://lh3.googleusercontent.com/-NAxES6UZkyI/XWk2ppmprnI/AAAAAAAAAqs/vwFWC486d_Q3HyMjZf3ml5RXMWWUf0xXQCJoC/w530-h336-n/Struktur%2BOrganisasi%2BPT%2BIndorack%2BMultikreasi.png" /></td>
 
</tr>
 
<tr align="center">
 
<td><b>Gambar 3.1. Struktur Organisasi PT Indorack Multikreasi</b></td>
 
</tr>
 
</table>
 
 
===Tujuan dan Fungsi Instansi yang Terkait===
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
SMRD (Sales Marketing dan R&D)</p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Bertanggung jawab untuk menciptakan, memasarkan dan menjual produk yang kepada customer di seluruh dunia dengan desain yang modern dan fungsional.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
a. Sales & Marketing</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Bertanggung jawab untuk memasarkan, menjual produk dan melayani pelanggan, yang di bagi menjadi 4 wilayah yaitu Japan, Francis, Dunia, Indonesia. Untuk di Indonesia PT. Indorack Multikreasi mulai melebarkan sayap pemasarannya melalui penjualan via website.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
b. Research & Development</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Bertanggung jawab untuk menganalisa atau meneliti bahan baku baru, dan teknik perakitan, mendesain produk dan menghitung biaya pembuatan produk, yang semuanya dalam visi global SMRD.</p></div>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
MNFG (Manufacturing)</p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Bertanggung jawab dalam proses produksi, mengolah bahan baku menjadi sebuah produk furniture yang berkualitas dengan metode produksi yang efisien.</p></div>
 
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
SCMF (PPC, Inventory & Logistics, Purchasing, Warehouse)</p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Bertanggung jawab untuk membeli bahan yang diperlukan untuk produksi dan menyimpan stok barang jadi.</p></div>
 
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
OPRL (HRD & GA, Accounting & Finance, IT)</p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Bertanggung jawab untuk mencari dan melatih sumber daya manusia yang terampil, disiplin dan berkualitas. Membuat laporan data, transaksi, serta aktivitas, Mengatur kecepatan dan ketepatan dalam sistem informasi.</p></div>
 
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
PLNT</p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Bertanggung jawab untuk bekerja sama dengan MNFG untuk proses produksi, SCMF untuk pembelian bahan baku dan barang jadi, OPRL untuk sumber daya manusia, yang semuanya bermanfaat bagi SMRD untuk menjual produk dengan harga fleksibel dan kompetitif.</p></div>
 
</ol>
 
 
==Prosedur Sistem Laporan Aktifitas biaya proses produksi==
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Prosedur sistem diperlukan untuk memenuhi kebutuhan akan data suatu sistem yang sedang berjalan disuatu perusahaan atau instansi. Prosedur sistem yang sedang berjalan berikut ini merupakan prosedur data disposisi laporan biaya proses produksi adalah sebagai berikut:</p></div>
 
<ol>
 
<li><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Admin membuat template planning biaya proses produksi.</p></div></li>
 
<li><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Admin membuat parameter mesin, operator dan flow proses.</p></div></li>
 
<li><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Admin print kartu pengantar proses produksi..</p></div></li>
 
<li><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Operator mencatat aktifitas dan waktu proses produksi.</p></div></li>
 
<li><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Admin merekap catatan proses produksi</p></div></li>
 
<li><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Leader melakukan membuat laporan actual biaya proses produksi.</p></div></li>
 
</ol>
 
 
===Use Case Diagram Aktifitas Biaya Proses Produksi===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Use case Diagram menggambarkan siapa saja aktor yang melakukan prosedur dalam sistem serta fungsi-fungsi (proses) yang terlibat dalam transformasi pada sistem tersebut.</p></div>
 
 
<table border="0" align="center">
 
<tr>
 
<td><img src="https://lh3.googleusercontent.com/-THgJ3QuLwuA/XWk9cGVu4LI/AAAAAAAAArU/_uZdLgaQdc4_3uhL4tIoYF-3IE1pQFpsQCJoC/w530-h485-n/Use%2BCase%2BDiagram%2BAktifitas%2BBiaya%2BProses%2BProduksi.png" /></td>
 
</tr>
 
<tr align="center">
 
<td><b>Gambar 3.2. Use Case Diagram Aktifitas Biaya Proses Produksi</b></td>
 
</tr>
 
</table>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Berdasarkan gambar 3.2. Use Case Diagram diatas terdapat:</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
a. 1 sistem yang berjalan pada PT Indorack Multikreasi</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
b. 3 aktor yang melakukan kegiatan, yaitu admin yang membuat planing dan rekap aktual proses, operator sebagai pencatat proses produksi dan leader membuat laporan aktual proses produksi.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
c. 5 use case yang biasa dilakukan oleh aktor, yaitu membuat planing BOP (bill of process) atau planning biaya proses produksi yang melakukan kegiatan pembuatan parameter mesin, operator, flow proses dan time base yang nanti nya menjadi kp3. Print kp3 (kartu pengantar proses produksi) yang nantinya sebagai acuan operator untuk melakukan produksi, catat aktual proses produksi, rekap aktual proses waktu produksi dan buat laporan aktual proses produksi.</p></div>
 
 
===Activity Diagram Sistem Berjalan===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Activity Diagram ini untuk menggambarkan rangkaian aliran aktifitas baik proses bisnis maupun use case. Dapat juga digunakan untuk
 
memodelkan action yang akan dilakukan saat sebuah operasi dieksekusi, dan memodelkan hasil dari action tersebut.</p></div>
 
 
<table border="0" align="center">
 
<tr>
 
<td><img src="https://lh3.googleusercontent.com/-3o_G9quno24/XWk_DTJ8NqI/AAAAAAAAAr8/WsVDuLw5tvUCvyrlHH4B5znXABFAWheKgCJoC/w530-h465-n/Activity%2BDiagram%2BPelaporan%2BAktifitas%2BBiaya%2BProses%2BProduksi.png" /></td>
 
</tr>
 
<tr align="center">
 
<td><b>Gambar 3.3. Activity Diagram Pelaporan Aktifitas Biaya Proses Produksi</b></td>
 
</tr>
 
</table>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Berdasarkan Gambar 3.3 Activity Diagram diatas terdapat :</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
a. 3 vertical swimlane, yang mempunyai 3 partition yaitu: admin, operator dan leader.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
b. 1 initial node yaitu, pada partition admin.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
c. 1 activity final node yaitu pada leader.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
d. 5 action yaitu buat planning bop (bill of process) atau biaya proses produksi, print kp3 (kartu pengantar proses produksi) yang dilakukan oleh admin sebagai panduan operator untuk melakukan proses produksi, catat aktual proses produksi oleh operator, rekap aktual proses produksi dan buat laporan aktual proses produksi oleh leader.</p></div>
 
 
===Sequence Diagram Sistem Yang Berjalan===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Dari keterangan di atas dapat digambarkan dengan sequence diagram mengenai laporan produksi mesin drilling auto, sehingga dengan diagram ini dapat menggambarkan pergerakan sebuah objek dan pesan yang terjadi di dalam sistem laporan biaya proses produksi.</p></div>
 
<table border="0" align="center">
 
<tr>
 
<td><img src="https://lh3.googleusercontent.com/-ev5DHU4vdBA/XWmo-Ise3xI/AAAAAAAAAsk/_ZbSVlqH3y4NVZJ963Cx8F7jhF6iJ5cYwCJoC/w530-h262-n/Sequence%2BDiagram%2BAktifitas%2BBiaya%2BProses%2BProduksi.png" /></td>
 
</tr>
 
<tr align="center">
 
<td><b>Gambar 3.4. Sequence Diagram Aktifitas Biaya Proses Produksi</b></td>
 
</tr>
 
</table>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Berdasarkan Gambar 3.4 Sequence Diagram diatas terdapat :</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
a. 3 Actor antarmuka yang berinteraksi dengan Lifeline, yaitu: admin, operator dan leader.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
b. Lifeline antarmka yang berinteraksi dengan 3 actor, yaitu: Planning BOP (bill of process), kp3 (kartu pengantar proses produksi) dan laporan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
c. 4 message yang menjadi spesifikasi dari komunikasi antar objek yang memuat informasi-informasi tentang aktifitas yang terjadi yang dilakukan oleh admin, operator dan leader.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
d. 1 Return Message pesan yang mewakili lewatnya informasi kembali ke admin dari pesan sebelumnya berhubungan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
e. Sebagai objek laporan yang diakhiri.</p></div>
 
 
===Analisa Masukan, Proses dan Keluaran===
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
<b>Analisa Masukan</b></p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Agar suatu sistem berjalan dengan semestinya diperlukan masukan-masukan yang terdiri dari dokumen-dokumen yang merupakan bukti adanya transaksi. Data masukannya adalah sebagai
 
berikut:</p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
<table border="0" align="justify">
 
<tr>
 
<td>a.</td>
 
<td>Nama Data</td>
 
<td>:</td>
 
<td>File Parameter Product</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Alias</td>
 
<td>:</td>
 
<td>FPP</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Sumber</td>
 
<td>:</td>
 
<td>Parameter Product</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Tujuan</td>
 
<td>:</td>
 
<td>Sebagai acuan dasar mesin dan setting</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Media</td>
 
<td>:</td>
 
<td>Komputer dalam bentuk excel</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Frekuensi</td>
 
<td>:</td>
 
<td>Setiap product memiliki 1 file acuan parameter.</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Keterangan</td>
 
<td>:</td>
 
<td>Sebagai parameter acuan dasar mesin, setting,prosess, gap, speed dan operator.</td>
 
</tr>
 
 
<tr>
 
<td>b.</td>
 
<td>Nama Data</td>
 
<td>:</td>
 
<td>File Item Product</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Alias</td>
 
<td>:</td>
 
<td>FIP</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Fungsi</td>
 
<td>:</td>
 
<td>Untuk acuan item product yang mau di produksi.</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Sumber</td>
 
<td>:</td>
 
<td>Data Item Product</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Tujuan</td>
 
<td>:</td>
 
<td>Sebagai acuan dasar item yang mau di prosess</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Media</td>
 
<td>:</td>
 
<td>Komputer dalam bentuk excel</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Frekuensi</td>
 
<td>:</td>
 
<td>Setiap product mempunyai item dengan pin yang berbeda.</td>
 
</tr>
 
<tr>
 
<td></td>
 
<td>Keterangan</td>
 
<td>:</td>
 
<td>Sebagai acuan data item product yang terdiri dari plant, pin item, item name, color dan volume.</td>
 
</tr>
 
</table>
 
</p></div>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
<b>Analisa Proses</b></p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Saat ini sistem yang sedang berjalan pada proses pembuatan dan pengembalian. Proses yang terjadi adalah sebagai berikut:</p></div>
 
</li>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
<table border="0" align="justify">
 
<tr>
 
<td>a.</td>
 
<td>Nama Data</td>
 
<td>:</td>
 
<td>File Master OP</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Alias</td>
 
<td>:</td>
 
<td>FPP</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>No_proses</td>
 
<td>:</td>
 
<td>1</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Masukan</td>
 
<td>:</td>
 
<td>FMOP</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Keluaran</td>
 
<td>:</td>
 
<td>FMOP _ACC</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Ringkasan Proses</td>
 
<td>:</td>
 
<td>File master OP di buat dari data parameter dan data item product yang sudah dibuat.</td>
 
</tr>
 
 
<tr>
 
<td>b.</td>
 
<td>Nama Data</td>
 
<td>:</td>
 
<td>Print KPK3</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>No_proses</td>
 
<td>:</td>
 
<td>1</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Masukan</td>
 
<td>:</td>
 
<td>PKP3</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Keluaran</td>
 
<td>:</td>
 
<td>PKP3 _ACC</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>PKP3 _ACC</td>
 
<td>:</td>
 
<td>sebagai acuan operator untuk melakukan produksi perkomponen.</td>
 
</tr>
 
</table>
 
</p></div>
 
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
<b>Analisa Keluaran</b></p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Keluaran dari sistem monitoring biaya proses produksi adalah berupa dokumen atau data sebagai laporan. File yang digunakan dalam analisa keluaran adalah sebagai berikut:</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
<table border="0" text-align: justify>
 
<tr>
 
<td>a.</td>
 
<td>Nama Data</td>
 
<td>:</td>
 
<td>Laporan Manual Harian Produksi</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Alias</td>
 
<td>:</td>
 
<td>LMHP_ACC</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Fungsi</td>
 
<td>:</td>
 
<td>Untuk mendata laporan harian produksi</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Sumber</td>
 
<td>:</td>
 
<td>Sub machine</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Keluaran</td>
 
<td>:</td>
 
<td>FMOP _ACC</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Tujuan</td>
 
<td>:</td>
 
<td>Output kinerja operator dan mesin</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Media</td>
 
<td>:</td>
 
<td>Buku manual harian produksi.</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Frekuensi</td>
 
<td>:</td>
 
<td>Setiap aktifitas operator di catat di dalam laporan buku harian.</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Format</td>
 
<td>:</td>
 
<td>Lampiran 1</td>
 
</tr>
 
 
<tr>
 
<td>b.</td>
 
<td>Nama Data</td>
 
<td>:</td>
 
<td>Ceklist per 30 drilling</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Alias</td>
 
<td>:</td>
 
<td>CP30D_ACC</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Fungsi</td>
 
<td>:</td>
 
<td>Untuk mengecek kedalaman lubang bor, jarak antara bor, dan diameter lubang bor.</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Sumber</td>
 
<td>:</td>
 
<td>Sub machine</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Tujuan</td>
 
<td>:</td>
 
<td>Ketepatan pengeboran</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Media</td>
 
<td>:</td>
 
<td>Kertas.</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Frekuensi</td>
 
<td>:</td>
 
<td>Pengecekan semua ceklist 30 sebelum melakukan pengeboran.</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Format</td>
 
<td>:</td>
 
<td>Lampiran 2</td>
 
</tr>
 
</table>
 
</p></div>
 
</li>
 
</ol>
 
 
==Konfigurasi Sistem Berjalan==
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
<table border="0">
 
<tr>
 
<td>1.</td>
 
<td>Perangkat Keras (Hardware)</td>
 
<td></td>
 
<td></td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Processor</td>
 
<td>:</td>
 
<td>Pentium Dual Core</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Monitor</td>
 
<td>:</td>
 
<td>LCD 14”</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>RAM</td>
 
<td>:</td>
 
<td>2 GB</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Harddisk</td>
 
<td>:</td>
 
<td>320 GB</td>
 
</tr>
 
 
<tr>
 
<td>2.</td>
 
<td>Perangkat Lunak (Software)</td>
 
<td></td>
 
<td></td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Windows 10 Profesional</td>
 
<td></td>
 
<td></td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Microsoft Office 365</td>
 
<td></td>
 
<td></td>
 
</tr>
 
 
<tr>
 
<td>3.</td>
 
<td>Brainware (Pengguna)</td>
 
<td></td>
 
<td></td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Karyawan</td>
 
<td></td>
 
<td></td>
 
</tr>
 
</table>
 
</p></div>
 
 
 
==Permasalahan Yang Dihadapi==
 
===Analisa Kebutuhan===
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Desain sistem yang akan dibuat memerlukan beberapa kebutuhan data masukan, kebutuhan data keluaran dan kebutuhan antar muka. Tujuan analisis kebutuhan adalah untuk menentukan spesifikasi fungsi, kemampuan serta fasilitas dari program. Analisis kebutuhan juga bermanfaat sebagai dasar evaluasi setelah program sesuai disusun.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
1. Kebutuhan data masukan <br>PT Indorack Multikreasi ini membutuhkan beberapa masukan data diantaranya adalah data laporan manual harian produksi.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
2. Kebutuhan data keluaran <br> Data keluaran adalah data yang dihasilkan dari data masukan yang telah diolah. Adapun output yang dihasilkan yaitu: jumlah output dan timebase dari hasil produksi.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
3. Kebutuhan proses <br> Proses pemasukan data dengan sangat mudah dan cepat yang dilakukan oleh admin dan operator serta data yang ada dapat terurut dengan rapi secara otomatis dan terintegrasi satu sama lain, yang di mana secara realtime dikirimkan ke dalam system dan langsung di tampilkan ke dalam dashboard sehingga data bisa langsung di monitoring terhadap kinerja operator dan proses produksi secara keseluruhan.</p></div>
 
 
===Analisa Masalah===
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Proses pembuatan laporan harus melalui banyak tahapan sehingga menghasilkan sebuah informasi, seperti melakukan input data ke dalam excel, melakukan filterisasi data, melakukan pengelompokkan data, melakukan analisa terhadap data, memilih informasi yang diperlukan berdasarkan kebutuhan, serta membuat visualisasi dari informasi yang telah didapatkan. Sehingga proses pengolahan data yang lama dan mengakibatkan proses pembuatan keputusan yang dilakukan oleh pihak eksekutif manajemen menjadi kurang maksimal.</p></div>
 
</li>
 
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Laporan yang kurang menarik dan susah di mengerti oleh management.</p></div>
 
</li>
 
 
<li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Laporan yang diterima oleh management membutuhkan waktu lama.</p></div>
 
</li>
 
</ol>
 
 
==Alternatif Pemecahan Masalah==
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Setelah melaksanakan penelitian, Peneliti mencoba memberikan alternatif pemecahan masalah kepada PT Indorack Multikreasi terhadap permasalahan yang dihadapi. Alternatif tersebut diantaranya adalah dengan membangun aplikasi dashboard monitoring biaya proses produksi. Dimana dengan dibangunnya aplikasi dashboard monitoring biaya proses produksi, laporan biaya proses produksi bisa langsung di lihat di aplikasi dashboard sehingga data bisa langsung di monitoring terhadap kinerja operator dan proses produksi secara keseluruhan, serta didukung aplikasi berbasis web sehingga dapat diakses dimana saja dan waktunya pun tidak terbatas.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Adapun untuk membangun Aplikasi Dashboard Monitoring Biaya Proses Produksi tersebut penulis mengusulkan dua cara, yaitu:</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
1. Membangun dengan bahasa pemrograman ASP untuk prosesnya dan untuk data penyimpanannya menggunaka database SQLServer.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
2. Membangun dengan bahasa pemrograman PHP dan untuk data penyimpanannya menggunaka database MySQL. Untuk pembuatan laporan yang menarik bisa ditampilkan dalam bentuk dashboard menggunakan library Chart JS.</p></div>
 
 
==User Requirment==
 
===Elisitasi Tahap I===
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
wawancara dengan bagian umum. Untuk membuat aplikasi dashboard monitoring biaya proses produksi yang terkomputerisasi. Berikut lampiran
 
Elisitasi Tahap I yang telah dibuat:</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''Tabel 3.1. Elisitasi Tahap I</p></div>
 
 
<table style="margin-left: auto; margin-right: auto;" border="1" width="600" cellspacing="0" cellpadding="1">
 
<tr style="background-color: #949494;">
 
<td colspan="2" width="526">
 
<p><strong><em>Functional</em></strong></p>
 
</td>
 
</tr>
 
<tr style="background-color: #949494;">
 
<td rowspan="2" width="53">
 
<p><strong>No</strong></p>
 
</td>
 
<td width="471">
 
<p><strong>Analisa Kebutuhan</strong></p>
 
</td>
 
</tr>
 
<tr style="background-color: #949494;">
 
<td width="471">
 
<p><strong>Saya ingin Sistem Dapat</strong></p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>1</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Login</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>2</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Pilihan Plant</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>3</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Pilihan Mesin</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>4</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu List Mesin</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>5</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Parameter</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>6</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Import Parameter</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>7</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Detail Parametr</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>8</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Edit Parameter</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>9</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Delete Parameter</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>10</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Update Parameter</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>11</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Download Template Parameter</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>12</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>13</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Import Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>14</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Detail Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>15</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Edit Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>16</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Delete Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>17</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Update Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>18</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Import Flow Process</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>19</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Download Template Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>20</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Download Template Flow Process</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>21</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>22</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Import Master OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>23</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Detail Master OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>24</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Edit Master OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>25</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Delete Master OP uct</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>26</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Update Master OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>27</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Download Template Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>28</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Manu Create Master OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>29</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Manu Actual Process</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>30</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu OP Ready Close</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>31</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Detail OP Ready Close</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>32</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Week</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>33</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>34</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Overall Progress</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>35</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Machine Used</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>36</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Time base Used</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>37</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Loses</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>38</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Normal Working</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>39</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Over</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>40</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Time Base</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>41</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Grafik Progress OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>42</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Grafik Machine Used In Hour</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>43</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Grafik Time Base Used In Hour</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>44</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Grafik Bagian</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>45</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan This Week OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>46</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Next Week OP</p>
 
</td>
 
</tr>
 
<tr style="background-color: #949494;">
 
<td colspan="2" width="526">
 
<p><strong><em>Non Functional</em></strong></p>
 
</td>
 
</tr>
 
<tr style="background-color: #949494;">
 
<td width="53">
 
<p><strong>No</strong></p>
 
</td>
 
<td width="471">
 
<p><strong>Saya ingin Sistem Dapat</strong></p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>1</p>
 
</td>
 
<td width="471">
 
<p>Mempunyai tampilan menarik</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>2</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan data dengan grafik</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>3</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan sistem yang user friendly (mudah dipahami user).</p>
 
</td>
 
</tr>
 
</table>
 
 
===Elisistasi Tahap II===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
 
Gambar 3.1. diatas merupakan gambar dari Elisitasi Tahap 1, yang disusun berdasarkan hasil wawancara penulis dengan stake holder mengenai seluruh rancangan Aplikasi Dashboard Monitoring Biaya Proses Produksi pada PT Indorack Multikreasi.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''Tabel 3.2. Elisitasi Tahap II</p></div>
 
 
<table style="margin-left: auto; margin-right: auto;" border="1" width="600" cellspacing="0" cellpadding="1">
 
<tr style="background-color: #949494;">
 
<td colspan="2" width="346">
 
<p><strong><em>Functional</em></strong></p>
 
</td>
 
<td style="text-align: center;" rowspan="3" width="55">
 
<p><strong>M</strong></p>
 
</td>
 
<td style="text-align: center;" rowspan="3" width="45">
 
<p><strong>D</strong></p>
 
</td>
 
<td style="text-align: center;" rowspan="3" width="54">
 
<p><strong>I</strong></p>
 
</td>
 
</tr>
 
<tr style="background-color: #949494;">
 
<td rowspan="2" width="51">
 
<p><strong>No</strong></p>
 
</td>
 
<td width="293">
 
<p><strong>Analisa Kebutuhan</strong></p>
 
</td>
 
</tr>
 
<tr style="background-color: #949494;">
 
<td width="293">
 
<p><strong>Saya ingin Sistem Dapat</strong></p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>1</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Menu Login</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>2</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Menu Pilihan Plant</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>3</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Menu Pilihan Mesin</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>4</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Menu List Mesin</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>5</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Menu Parameter</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>6</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Import Parameter</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>7</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Detail Parameter</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>8</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Edit Parameter</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>9</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Delete Parameter</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>10</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Update Parameter</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>11</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Menu Download Template Parameter</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>12</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan menu create siswa</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>13</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Menu Item Product</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>14</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Import Item Product</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>15</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Detail Item Product</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>16</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Edit Item Product</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>17</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Delete Item Product</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>18</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Menu Import Flow Process</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>19</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Menu Download Template Item Product</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>20</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Menu Download Template Flow Process</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>21</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Menu OP</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>22</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Import Master OP</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>23</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Detail Master OP</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>24</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Edit Master OP</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>25</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Delete Master OP uct</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>26</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Update Master OP</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>27</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Menu Download Template Item Product</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>28</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Manu Create Master OP</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>29</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Manu Actual Process</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>30</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Menu OP Ready Close</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>31</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Detail OP Ready Close</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>32</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Dashboard Week</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>33</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Dashboard OP</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>34</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Dashboard Overall Progress</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>35</p>
 
</td>
 
<td width="293">
 
<p>MMenampilkan Dashboard Machine Used</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>36</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Dashboard Time base Used</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>37</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Dashboard Loses</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>38</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Dashboard Normal Working</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>39</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Dashboard Over</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>40</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Dashboard Time Base</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>41</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Grafik Progress OP</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>42</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Grafik Machine Used In Hour</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>43</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Grafik Time Base Used In Hour</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>44</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Grafik Bagian</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>45</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan This Week OP</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>46</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan Next Week OP</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
<tr style="background-color: #949494;">
 
<td colspan="2" width="346">
 
<p><strong><em>Non Functional</em></strong></p>
 
</td>
 
<td width="55">
 
<p><strong><em>&nbsp;</em></strong></p>
 
</td>
 
<td width="45">
 
<p><strong><em>&nbsp;</em></strong></p>
 
</td>
 
<td width="54">
 
<p><strong><em>&nbsp;</em></strong></p>
 
</td>
 
</tr>
 
<tr style="background-color: #949494;">
 
<td width="51">
 
<p><strong>No</strong></p>
 
</td>
 
<td width="293">
 
<p><strong>Saya ingin Sistem Dapat</strong></p>
 
</td>
 
<td width="55">
 
<p><strong>&nbsp;</strong></p>
 
</td>
 
<td width="45">
 
<p><strong>&nbsp;</strong></p>
 
</td>
 
<td width="54">
 
<p><strong>&nbsp;</strong></p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>1</p>
 
</td>
 
<td width="293">
 
<p>Mempunyai tampilan menarik</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>2</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan data dengan grafik</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>3</p>
 
</td>
 
<td width="293">
 
<p>Menampilkan sistem yang user friendly (mudah dipahami user).</p>
 
</td>
 
<td style="text-align: center;" width="55">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="45">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="54">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
</table>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;"><p style="line-height: 2">Keterangan:</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;"><p style="line-height: 2">M (Mandatory): Dibutuhkan / penting</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;"><p style="line-height: 2">D (Desirable): Diinginkan / tidak terlalu penting </p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;"><p style="line-height: 2">I (Inessential): Diluar sistem / dieliminasi</p></div>
 
 
===Elisistasi Tahap III===
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan Elisitasi Tahap II diatas, dibentuklah Elisitasi Tahap III yang diklasifikasikan kembali dengan menggunakan metode TOE dengan opsi HML. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE.</p></div>
 
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">(T) artinya Technical, maksudnya bagaimana tata cara / tehnik pembuatan requirement tersebut dalam sistem yang diusulkan.</p></div>
 
</li>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">(O) artinya Operasional, maksudnya bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan.</p></div>
 
</li>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">(E) artinya Ekonomi, maksudnya berapakah biaya yang diperlukan guna membangun requirement tersebut di dalam sistem.</p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><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></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b) Middle (M): Mampu untuk dikerjakan.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">c) Low (L): Mudah untuk dikerjakan.</p></div>
 
 
</ol>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''Tabel 3.3. Elisitasi Tahap III</p>
 
</div>
 
 
<table style="margin-left: auto; margin-right: auto;" border="1" width="600" cellspacing="0" cellpadding="1">
 
 
<tr style="background-color: #949494;">
 
<td rowspan="2" width="51">
 
<p><strong>No</strong></p>
 
</td>
 
<td width="211">
 
<p><strong>Feasibility</strong></p>
 
</td>
 
<td style="text-align: center;" colspan="4" width="82">
 
<p><strong>T</strong></p>
 
</td>
 
<td style="text-align: center;" colspan="3" width="87">
 
<p><strong>O</strong></p>
 
</td>
 
<td style="text-align: center;" colspan="3" width="86">
 
<p><strong>E</strong></p>
 
</td>
 
</tr>
 
<tr style="background-color: #949494;">
 
<td width="250">
 
<p><strong>Risk</strong></p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="28">
 
<p><strong>L</strong></p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p><strong>M</strong></p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p><strong>H</strong></p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p><strong>L</strong></p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p><strong>M</strong></p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p><strong>H</strong></p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p><strong>L</strong></p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p><strong>M</strong></p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p><strong>H</strong></p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>1</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Menu Login</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>2</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Menu Pilihan Plant</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>3</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Menu Pilihan Mesin</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>4</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Menu List Mesin</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>5</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Menu Parameter</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>6</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Import Parameter</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>7</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Detail Parameter</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>8</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Edit Parameter</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>9</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Delete Parameter</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>10</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Update Parameter</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>11</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Menu Download Template Parameter</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>12</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Menu Item Product</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>13</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Import Item Product</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>14</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Detail Item Product</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>15</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Edit Item Product</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>16</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Delete Item Product</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>17</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Update Item Product</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>18</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Menu Import Flow Process</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>19</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Menu Download Template Item Product</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>20</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Menu Download Template Flow Process</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>21</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Menu OP</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>22</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Import Master OP</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>23</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Detail Master OP</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>24</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Edit Master OP</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>25</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Delete Master OP uct</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>26</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Update Master OP</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>27</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Menu Download Template Item Product</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>28</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Manu Create Master OP</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>29</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Manu Actual Process</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>30</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Menu OP Ready Close</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>31</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Detail OP Ready Close</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>32</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Dashboard Week</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>33</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Dashboard OP</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>34</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Dashboard Overall Progress</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>35</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Dashboard Machine Used</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>36</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Dashboard Time base Used</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>37</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Dashboard Loses</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>38</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Dashboard Normal Working</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>39</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Dashboard Over</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>40</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Dashboard Time Base</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>41</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Grafik Progress OP</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>42</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Grafik Machine Used In Hour</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>43</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Grafik Time Base Used In Hour</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>44</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Grafik Bagian</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>45</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan This Week OP</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>46</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan Next Week OP</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
 
 
<tr style="background-color: #949494;">
 
<td colspan="12">
 
<p><strong>Non Functional</strong></p>
 
</td>
 
</tr>
 
<tr style="background-color: #949494;">
 
<td colspan="2">
 
<p><strong>Saya ingin sistem dapat :</strong></p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="28">
 
<p><strong>L</strong></p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p><strong>M</strong></p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p><strong>H</strong></p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p><strong>L</strong></p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p><strong>M</strong></p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p><strong>H</strong></p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p><strong>L</strong></p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p><strong>M</strong></p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p><strong>H</strong></p>
 
</td>
 
</tr>
 
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>1</p>
 
</td>
 
<td width="211">
 
<p>Mempunyai tampilan menarik</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>2</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan data dengan grafik</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="51">
 
<p>3</p>
 
</td>
 
<td width="211">
 
<p>Menampilkan sistem yang user friendly (mudah dipahami user).</p>
 
</td>
 
<td style="text-align: center;" colspan="2" width="23">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="28">
 
<p>&radic;</p>
 
</td>
 
<td style="text-align: center;" width="27">
 
<p>&nbsp;</p>
 
</td>
 
</tr>
 
</table>
 
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;"><p style="line-height: 2">Keterangan:</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;"><p style="line-height: 2">T(''Technical''): L: Low</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;"><p style="line-height: 2">O (''Operational''): M: Middle </p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;"><p style="line-height: 2">E (''Economic''): H: High</p></div>
 
 
===Final Draft Elisitasi===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Final draft elisitasi merupakan bentuk akhir dari tahap - tahap elisitasi yang dapat dijadikan acuan dan dasar pengembangan sistem yang akan dibentuk. Berikut penulis lampirkan Diagram Final Draft Elisitasi.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''Tabel 3.4. Final Draft Elisitasi</p></div>
 
 
<table style="margin-left: auto; margin-right: auto;" border="1" width="600" cellspacing="0" cellpadding="1">
 
<tr style="background-color: #949494;">
 
<td colspan="2" width="526">
 
<p><strong><em>Functional</em></strong></p>
 
</td>
 
</tr>
 
<tr style="background-color: #949494;">
 
<td rowspan="2" width="53">
 
<p><strong>No</strong></p>
 
</td>
 
<td width="471">
 
<p><strong>Analisa Kebutuhan</strong></p>
 
</td>
 
</tr>
 
<tr style="background-color: #949494;">
 
<td width="471">
 
<p><strong>Saya ingin Sistem Dapat</strong></p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>1</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Login</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>2</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Pilihan Plant</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>3</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Pilihan Mesin</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>4</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu List Mesin</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>5</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Parameter</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>6</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Import Parameter</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>7</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Detail Parametr</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>8</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Edit Parameter</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>9</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Delete Parameter</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>10</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Update Parameter</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>11</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Download Template Parameter</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>12</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>13</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Import Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>14</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Detail Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>15</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Edit Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>16</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Delete Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>17</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Update Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>18</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Import Flow Process</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>19</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Download Template Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>20</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Download Template Flow Process</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>21</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>22</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Import Master OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>23</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Detail Master OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>24</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Edit Master OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>25</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Delete Master OP uct</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>26</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Update Master OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>27</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu Download Template Item Product</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>28</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Manu Create Master OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>29</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Manu Actual Process</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>30</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Menu OP Ready Close</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>31</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Detail OP Ready Close</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>32</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Week</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>33</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>34</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Overall Progress</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>35</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Machine Used</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>36</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Time base Used</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>37</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Loses</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>38</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Normal Working</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>39</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Over</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>40</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Dashboard Time Base</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>41</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Grafik Progress OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>42</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Grafik Machine Used In Hour</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>43</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Grafik Time Base Used In Hour</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>44</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Grafik Bagian</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>45</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan This Week OP</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>46</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan Next Week OP</p>
 
</td>
 
</tr>
 
<tr style="background-color: #949494;">
 
<td colspan="2" width="526">
 
<p><strong><em>Non Functional</em></strong></p>
 
</td>
 
</tr>
 
<tr style="background-color: #949494;">
 
<td width="53">
 
<p><strong>No</strong></p>
 
</td>
 
<td width="471">
 
<p><strong>Saya ingin Sistem Dapat</strong></p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>1</p>
 
</td>
 
<td width="471">
 
<p>Mempunyai tampilan menarik</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>2</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan data dengan grafik</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" width="53">
 
<p>3</p>
 
</td>
 
<td width="471">
 
<p>Menampilkan sistem yang user friendly (mudah dipahami user).</p>
 
</td>
 
</tr>
 
</table>
 
<table style="margin-left: auto; margin-right: auto;" border="1" width="600" cellspacing="0" cellpadding="1">
 
<tr>
 
<td colspan="3" width="526">
 
<p style="text-align: center;">Penyusun,</p>
 
<p style="text-align: center;">&nbsp;</p>
 
<p style="text-align: center;">&nbsp;</p>
 
<p style="text-align: center;">(<u>Dadang Nugraha</u>)</p>
 
<p style="text-align: center;">NIM: 1522488684</p>
 
</td>
 
</tr>
 
<tr>
 
<td colspan="3" width="526">
 
<p style="text-align: center;">Mengetahui,</p>
 
</td>
 
</tr>
 
<tr>
 
<td colspan="2" width="262">
 
<p style="text-align: center;">Pembimbing I</p>
 
<p style="text-align: center;">&nbsp;</p>
 
<p style="text-align: center;">&nbsp;</p>
 
<p style="text-align: center;">(<u>Sutrisno, M.kom.</u>)</p>
 
</td>
 
<td width="262">
 
<p style="text-align: center;">Pembimbing II</p>
 
<p style="text-align: center;">&nbsp;</p>
 
<p style="text-align: center;">&nbsp;</p>
 
<p style="text-align: center;">(<u>Dedy lskandar, S.kom., MTI.</u>)</p>
 
</td>
 
</tr>
 
<tr>
 
<td colspan="3" width="526">
 
<p style="text-align: center;">Menyetujui,</p>
 
</td>
 
</tr>
 
<tr>
 
<td style="text-align: center;" colspan="2" width="262">
 
<p><em>Stakeholder</em></p>
 
<p>&nbsp;</p>
 
<p>&nbsp;</p>
 
<p>(<u>Akhmad Habibi</u>)</p>
 
<p>&nbsp;</p>
 
</td>
 
<td style="text-align: center;" width="262">
 
<p>Ketua Program Studi</p>
 
<p>&nbsp;</p>
 
<p>&nbsp;</p>
 
<p>(<u>Ruli Supriati, S.Kom,, M.T.I.</u>)</p>
 
</td>
 
</tr>
 
</table>
 
{{pagebreak}}
 
 
 
=<div style="font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>
 
 
==Usulan Prosedur Aplikasi Dashboard Monitoring Biaya Proses Produksi==
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setelah mengadakan penelitian dan analisa sistem yang berjalan maka selanjutnya akan dibahas mengenai rancangan usulan sistem yang
 
akan dibangun. pada pembahasan BAB III telah dijelaskan, dimana dibutuhkan aplikasi berbasis web yang dibangun menggunakan 2 (dua) cara, yaitu:</p></div>
 
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Membangun dengan bahasa pemrograman ASP (Active Server Pages) untuk prosesnya dan untuk data penyimpanannya menggunaka data base SQLServer.</p></div>
 
</li>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Membangun dengan bahasa pemrograman PHP dan untuk data penyimpanannya menggunaka data base MySQL. Untuk pembuatan laporan yang menarik bisa ditampilkan dalam bentuk dashboard menggunakan chart js.</p></div>
 
</li>
 
</ol>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk alternatif yang pertama yaitu menggunakan bahasa pemrograman ASP kekurangannya adalah berlisensi jadi implementasi
 
aplikasinya berbayar dan penulispun belum mengerti bahasa pemrogramannya, jadi lebih baik memakai bahasa pemrograman PHP disamping free juga sudah banyak dukungan oleh beberapa browser untuk menampilkannya. Untuk data base penulis memilih MySQL dari pada SQL Server karena data yang diteliti tidak terlalu besar.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Adapun prosedur yang baru adalah:</p></div>
 
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Prosedur pembuatan kp3 (kartu pengantar proses produksi) Admin meng upload data parameter (excel) ke sistem, admin meng upload data flow proses produksi (excel) ke sistem, admin create BOP (bill of process), admin print kp3 (kartu pengantar proses produksi) include barcode.</p></div>
 
</li>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Prosedur pengambilan data hasil aktifitas biaya proses produksi Operator produksi melakukan proses produksi dengan panduan kp3 dengan proses awal start dan finish menggunaan scan barcode kp3 perkomponen dan otomatis muncul waktu proses yang langsung di transfer ke system dan data langsung di tampilkan ke dalam dashboard.</p></div>
 
</li>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Prosedur pembuatan laporan aktifitas biaya laporan produksi Kp3 yang sudah di scan start dan finish datanya secara realtime langsung di transfer ke server dan di olah oleh system dan langsung di tampilkan kedalam dashboard sehingga leader bisa langsung meng access aplikasi dashboard monitoring.</p></div>
 
</li>
 
</ol>
 
 
==Diagram Rancangan Sistem==
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan prosedur diatas, penulis tuangkan ke dalam bentuk UML (Unified Modeling Language) dalam penggambaran sehingga alur proses yang baru terlihat jelas secara visual. Adapun diagram yang digunakan, yaitu use case diagram, sequence diagram dan state diagram, activity diagram.</p></div>
 
 
===Diagram Rancangan Sistem===
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Use Case Diagram Aplikasi Dashboard Monitoring Biaya Proses Produksi yang di usulkan.</p></div>
 
</li>
 
</ol>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-nnpVWKXaOIg/XWpfpbWv8cI/AAAAAAAAAtc/3AQupTgYf0Uc-KQgY69VXC-5No7AfF0AgCJoC/w530-h634-n/Use%2BCase%2BDiagram%2BAplikasi%2BDashboard%2BMonitoring%2BBiaya%2BProses.png"/><br>'''Gambar 4.1. Use Case Diagram Aplikasi Dashboard Monitoring Biaya Proses Produksi yang diusulkan.</div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setelah membuat use case diagram dan sudah mengetahui fungsionalitas masingmasing use case. Sekarang waktunya untuk menjabarkan alur kinerja atau step-step tiap use case melalui skenario.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-j-N_jejNkfE/XWpptKlTxkI/AAAAAAAAAt0/JZUJ9nn0PRY69S6waRhOHKeq8jvCrvB0gCJoC/w530-h919-n/Use%2BCase%2BDiagram%2BAplikasi%2BDashboard%2BMonitoring%2BBiaya%2BProses_1.png"/></div>
 
 
===ActivityDiagram===
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Activity Diagram Aplikasi Dashboard Monitoring Biaya Proses Produksi yang diusulkan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-7l6mh3moYBw/XWpqiSDpT5I/AAAAAAAAAuY/WUbWDist9n8lDIBxBze_A1nXau6j8cHCgCJoC/w530-h338-n/Activity%2BDiagram%2BAplikasi%2BDashboard%2BMonitoring%2BBiaya.png"/><br>'''Gambar 4.2. Activity Diagram Aplikasi Dashboard Monitoring Biaya Proses Produksi yang diusulkan.</div>
 
 
===Diagram Rancangan Sistem===
 
<ol>
 
<li>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sequence Diagram Aplikasi Dashboard Monitoring Biaya Proses produksi yang diusulkan.</p></div>
 
</li>
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-FpuwusKaj6I/XWptOaOzMSI/AAAAAAAAAvE/5iAv_F9k9pouK7bxeR1l7qw1cFbit1mjACJoC/w530-h242-n/Sequence%2BDiagram%2BAplikasi%2BDashboard%2Bmonitoring%2BBiaya.png"/><br>'''Gambar 4.3. Sequence Diagram Aplikasi Dashboard monitoring Biaya Proses produksi yang diusulkan.</div>
 
</ol>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan Gambar 4.4. Sequence Diagram aplikasi dashboard monitoring biaya prose produksi yang di usulkan.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. 3 life line antar muka yang saling berinteraksi yaitu: Planning BOP (bill of process) atau biaya proses produksi, kp3 (kartu pengantar proses produksi) dan dashboard sebagai media monitoring.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. 3 actor yang melakukan kegiatan yaitu admin yang melakukan upload data parameter, upload data produk alur proses, create BOP (bill of process) dan print kp3 (kartu pengantar proses produksi) Operator melakukan scan barcode perkomponen sebagai awal dan akhir proses produksi. Dan terakhir leader melakuan monitoring dashboard sebagai acuan laporan.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">3. 6 message hubungan antar objek yang satu dengan objek lainnya yang mempunyai nilai.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan Gambar 4.2. Use Case Diagram Aplikasi Dashboard Monitoring biaya Proses Produksi PT Indorack Multikreasi yang diusulkan terdapat.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. 1 initial node, sebagai awal objek.</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. 6 action state, dari sistem yang mencerminkan eksekusi dari suatu aksi yaitu: Upload data parameter berbentuk file excel ke system, upload data produk alur proses berbentuk file excel ke system, create BOP (bill of process), sehingga bisa print kp3, scan barcode percomponen yang dilakukan oleh operator sebagai awal start dan finish proses, dan terakhir leader melakukan monitoring dashboard.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">4. 3 vertical swimelane.</p></div>
 
 
==Rancangan Basis Data==
 
===Class Diagram Aplikasi Dashboard Monitoring Biaya Proses Produksi===
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-K2G1CJZlCS4/XWpu0xnKGvI/AAAAAAAAAvs/OBXO7aVbI_khGJ6dcwjWNOxdrohG_SnKwCJoC/w530-h374-n/Class%2BDiagram%2BAplikasi%2BDashboard%2BMonitoring%2BBiaya%2BProses%2BProduksi.png"/><br>'''Gambar 4.4. Class Diagram Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
===Spesifikasi Basis Data===
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada spesipikasi basis data ini akan ditunjukan mengenai table-tabel yang akan digunakan:</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<table border="0">
 
<tr>
 
<td>1.</td>
 
<td>Table pegawai</td>
 
<td></td>
 
<td></td>
 
</tr>
 
<tr>
 
<td></td>
 
<td>Nama File</td>
 
<td>:</td>
 
<td>pegawai</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Media</td>
 
<td>:</td>
 
<td>hardisk</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Primary Key</td>
 
<td>:</td>
 
<td>pegawai_id</td>
 
</tr>
 
</table>
 
</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.1. Spesifikasi Tabel pegawai <br>
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-3JHBTJIQooA/XWpyoxjcJbI/AAAAAAAAAwU/OLn5PnY8RvIvtetooQb9p_Aek2fiquw7gCJoC/w530-h810-n/Tabel%2B4.1.%2BSpesifikasi%2BTabel%2Bpegawai.png" /></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<table border="0">
 
<tr>
 
<td>2.</td>
 
<td>Table att_log</td>
 
<td></td>
 
<td></td>
 
</tr>
 
<tr>
 
<td></td>
 
<td>Nama File</td>
 
<td>:</td>
 
<td>log attendance</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Media</td>
 
<td>:</td>
 
<td>hardisk</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Primary Key</td>
 
<td>:</td>
 
<td>sn, scan_date, pin</td>
 
</tr>
 
</table>
 
</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.2. Spesifikasi Tabel att_log <br>
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-Eg6rYSmrnkE/XWpzV0oFXCI/AAAAAAAAAw0/u290bcnFj4ATfSnbggAl_Jdu__tTRyaNACJoC/w530-h431-n/Tabel%2B4.2.%2BSpesifikasi%2BTabel%2Batt_log.png" /></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<table border="0">
 
<tr>
 
<td>3.</td>
 
<td>Table bop_item</td>
 
<td></td>
 
<td></td>
 
</tr>
 
<tr>
 
<td></td>
 
<td>Nama File</td>
 
<td>:</td>
 
<td>bop_item</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Media</td>
 
<td>:</td>
 
<td>hardisk</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Primary Key</td>
 
<td>:</td>
 
<td>id_item</td>
 
</tr>
 
</table>
 
</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.2. Spesifikasi Tabel att_log <br>
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-kxpVvXObuJs/XWp0AeCgD6I/AAAAAAAAAxg/OpGrSp-qG6wJUfGXlR_Hz5ukyDbdWhNIwCJoC/w530-h389-n/Tabel%2B4.3.%2BSpesifikasi%2BTabel%2Bbop_item.png" /></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<table border="0">
 
<tr>
 
<td>4.</td>
 
<td>Table bop_item_detail</td>
 
<td></td>
 
<td></td>
 
</tr>
 
<tr>
 
<td></td>
 
<td>Nama File</td>
 
<td>:</td>
 
<td>bop_item_detail</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Media</td>
 
<td>:</td>
 
<td>hardisk</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Primary Key</td>
 
<td>:</td>
 
<td>id_fp</td>
 
</tr>
 
</table>
 
</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.4. Spesifikasi Tabel bop_item_detail <br>
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-Os75zkgND9A/XWp2XcHjsUI/AAAAAAAAAyQ/ad90X2zFWBwof-M3ApwZVm3HOSj0_buwgCJoC/w530-h175-n/Tabel%2B4.4.%2BSpesifikasi%2BTabel%2Bbop_item_detail.png" /></div>
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-8WU5C5SIF7A/XWp23BFVuQI/AAAAAAAAAys/dU9aaU1HmJkJPqgGWrvPhlKqrN6oMC72gCL0BGAs/w530-h516-n/Tabel%2B4.4.%2BSpesifikasi%2BTabel%2Bbop_item_detail_1.png" /></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<table border="0">
 
<tr>
 
<td>5.</td>
 
<td>Table bop_parameter</td>
 
<td></td>
 
<td></td>
 
</tr>
 
<tr>
 
<td></td>
 
<td>Nama File</td>
 
<td>:</td>
 
<td>bop_parameter</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Media</td>
 
<td>:</td>
 
<td>hardisk</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Primary Key</td>
 
<td>:</td>
 
<td>parameter_id</td>
 
</tr>
 
</table>
 
</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.5. Spesifikasi Tabel bop_parameter<br>
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-HiJq4EKDitY/XWp3iW5dFJI/AAAAAAAAAzU/hNJWEri26n4tEUhUN86ukilBRwE_-hlpACL0BGAs/w530-h262-n/Tabel%2B4.5.%2BSpesifikasi%2BTabel%2Bbop_parameter.png" /></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<table border="0">
 
<tr>
 
<td>6.</td>
 
<td>Table bop_op</td>
 
<td></td>
 
<td></td>
 
</tr>
 
<tr>
 
<td></td>
 
<td>Nama File</td>
 
<td>:</td>
 
<td>bop_op</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Media</td>
 
<td>:</td>
 
<td>hardisk</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Primary Key</td>
 
<td>:</td>
 
<td>op</td>
 
</tr>
 
</table>
 
</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.6. Spesifikasi Tabel bop_op<br>
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-MN8wFKuoTLQ/XWp5sl90b3I/AAAAAAAAA0I/1bdpjs_HUVQVLd0iCOz1zQz4LYTrX92CgCJoC/w530-h731-n/Tabel%2B4.6.%2BSpesifikasi%2BTabel%2Bbop_op.png" /></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<table border="0">
 
<tr>
 
<td>7.</td>
 
<td>Table bop_op_detail</td>
 
<td></td>
 
<td></td>
 
</tr>
 
<tr>
 
<td></td>
 
<td>Nama File</td>
 
<td>:</td>
 
<td>bop_op_detail</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Media</td>
 
<td>:</td>
 
<td>hardisk</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Primary Key</td>
 
<td>:</td>
 
<td>detail_id</td>
 
</tr>
 
</table>
 
</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.7. Spesifikasi Tabel bop_op_detail<br>
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-a7RW3939vT0/XWp7BnnwppI/AAAAAAAAA0s/CnMn7VVvcrcNlPbB8vwxV-jvUG1VvVWPQCJoC/w530-h891-n/Tabel%2B4.7.%2BSpesifikasi%2BTabel%2Bbop_op_detail.png" /></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<table border="0">
 
<tr>
 
<td>8.</td>
 
<td>Table bop_token_user</td>
 
<td></td>
 
<td></td>
 
</tr>
 
<tr>
 
<td></td>
 
<td>Nama File</td>
 
<td>:</td>
 
<td>bop_token_user</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Media</td>
 
<td>:</td>
 
<td>hardisk</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Primary Key</td>
 
<td>:</td>
 
<td>id_token</td>
 
</tr>
 
</table>
 
</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.8. Spesifikasi Tabel bop_token_user<br>
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-SLCmcGU91TQ/XWp8VrkVvHI/AAAAAAAAA1Y/QfLCkEXdem0CwkNhx1ChPKMJCSdi2ivkQCJoC/w530-h301-n/Tabel%2B4.8.%2BSpesifikasi%2BTabel%2Bbop_token_user.png" /></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<table border="0">
 
<tr>
 
<td>9.</td>
 
<td>Table bop_actual_process</td>
 
<td></td>
 
<td></td>
 
</tr>
 
<tr>
 
<td></td>
 
<td>Nama File</td>
 
<td>:</td>
 
<td>bop_actual_process</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Media</td>
 
<td>:</td>
 
<td>hardisk</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Primary Key</td>
 
<td>:</td>
 
<td>id_ap</td>
 
</tr>
 
</table>
 
</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.9. Spesifikasi Tabel bop_actual_process<br>
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-LK4qJCJyjUE/XWp86ZtHLzI/AAAAAAAAA18/XyGrE8PJPDITrfkoAL8OdSD3V_eAPM0ggCJoC/w530-h557-n/Tabel%2B4.9.%2BSpesifikasi%2BTabel%2Bbop_actual_process.png" /></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<table border="0">
 
<tr>
 
<td>10.</td>
 
<td>Table mnfg_machine</td>
 
<td></td>
 
<td></td>
 
</tr>
 
<tr>
 
<td></td>
 
<td>Nama File</td>
 
<td>:</td>
 
<td>mnfg_machine</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Media</td>
 
<td>:</td>
 
<td>hardisk</td>
 
</tr>
 
 
<tr>
 
<td></td>
 
<td>Primary Key</td>
 
<td>:</td>
 
<td>id_token</td>
 
</tr>
 
</table>
 
</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.10. Spesifikasi Tabel mnfg_machine<br>
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-RFLYUGWXLAw/XWqAQVcEDpI/AAAAAAAAA4w/PNs3IGaxvZ8mP0bLjojwr1xIJ_41Cv4NgCJoC/w530-h883-n/Tabel%2B4.10.%2BSpesifikasi%2BTabel%2Bmnfg_machine.png" /></div>
 
 
==Rancangan Tampilan==
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
1. Site Map Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-IO5nk4_WM5c/XWqBlehVubI/AAAAAAAAA5M/jTBQZj-xIVccSrSrt_8ZGuKmpZMy60EFQCL0BGAs/w530-h336-n/1.%2BSite%2BMap%2BAplikasi%2BDashboard%2BMonitoring%2BBiaya%2BProses%2BProduksi.png" /> <br>'''Gambar 4.5. Site Map Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
2.Prototype desain untuk halaman login</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-6992AOiHUxE/XWqFJevV2WI/AAAAAAAAA8c/rt_IjcHcsQIJmaRi5VP9HZI4PGOD4Ni2wCJoC/w530-h382-n/8.%2BPrototype%2Bdesain%2Bmenu%2Butama%2BDashboard.png" /> <br>'''Gambar 4.6. Prototype Halaman Login Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
3. Prototype desain menu halaman parameter</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-OvO07-xOM90/XWqEfkkt_NI/AAAAAAAAA6c/GiRuSqiifncq4wubcd3lHvy2WDEUQMWXwCJoC/w530-h373-n/3.%2BPrototype%2Bdesain%2Bmenu%2Bhalaman%2Bparameter.png" /> <br>'''Gambar 4.7. Prototype Halaman Menu Parameter Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
4. Prototype desain menu Item product</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-GwEqDpjCIcs/XWqEnd5CXlI/AAAAAAAAA80/SJNITG9mS6c0TqfSK7nASqsq4HBLMVxiACJoC/w530-h371-n/4.%2BPrototype%2Bdesain%2Bmenu%2BItem%2Bproduct.png" /> <br>'''Gambar 4.8. Prototype Halaman Menu Item List Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
5. Prototype desain menu OP</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-lwLPnFwpFb0/XWqEyE9L73I/AAAAAAAAA9I/bPl9UGs6ePcFnhYcVFAIbIYfPGuMhGMPgCJoC/w530-h373-n/5.%2BPrototype%2Bdesain%2Bmenu%2BOP.png" /> <br>'''Gambar 4.9. Prototype Halaman Menu OP Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
6. Prototype desain menu Actual Process</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-rrj1ucP0o_4/XWqE4nbTDDI/AAAAAAAAA84/tjD90YW3zTQh8e5lJnvyllUWHC559FZjwCJoC/w530-h373-n/6.%2BPrototype%2Bdesain%2Bmenu%2BActual%2BProcess.png" /> <br>'''Gambar 4.10. Prototype Halaman Menu Actual Process Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
7. Prototype desain menu OP Ready To Close</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-UTESjLgG73I/XWqFBg_TJJI/AAAAAAAAA80/zraLaSTzT5cBGmHlftTxgWe2ruzI2qRIACJoC/w530-h376-n/7.%2BPrototype%2Bdesain%2Bmenu%2BOP%2BReady%2BTo%2BClose.png" /> <br>'''Gambar 4.11. Prototype Halaman Menu OP Ready To Close Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
8. Prototype desain menu utama Dashboard</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-6992AOiHUxE/XWqFJevV2WI/AAAAAAAAA80/0w7lrArba-kGSwzc2A6Dmuf6U03cA3m-wCJoC/w530-h382-n/8.%2BPrototype%2Bdesain%2Bmenu%2Butama%2BDashboard.png" /> <br>'''Gambar 4.12. Prototype Halaman Dashboard Utam Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
 
==Implementasi Sistem Yang Diusulkan==
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
Spesifikasi system yang diusulkan meliputi:</div>
 
 
===Spesifikasi Hardware===
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<table border="0">
 
<tr>
 
<td>1.</td>
 
<td>Processor</td>
 
<td>:</td>
 
<td>Core 2</td>
 
</tr>
 
<tr>
 
<td>2.</td>
 
<td>Monitor</td>
 
<td>:</td>
 
<td>LCD 14”</td>
 
</tr>
 
 
<tr>
 
<td>3.</td>
 
<td>RAM</td>
 
<td>:</td>
 
<td>2 GB</td>
 
</tr>
 
 
<tr>
 
<td>4.</td>
 
<td>Harddisk</td>
 
<td>:</td>
 
<td>320 GB</td>
 
</tr>
 
 
<tr>
 
<td>5.</td>
 
<td>Koneksi</td>
 
<td>:</td>
 
<td>LAN atau Modem (3,6 Mbps)</td>
 
</tr>
 
</table>
 
</p></div>
 
 
===Spesifikasi Software===
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<table border="0">
 
<tr>
 
<td>1.</td>
 
<td>Windows 10 Profesionalrocessor</td>
 
</tr>
 
<tr>
 
<td>2.</td>
 
<td>Xampp</td>
 
</tr>
 
 
<tr>
 
<td>3.</td>
 
<td>Google Chrome</td>
 
</tr>
 
</table>
 
</p></div>
 
 
===Brainware===
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<table border="0">
 
<tr>
 
<td>1.</td>
 
<td>Admin</td>
 
</tr>
 
<tr>
 
<td>2.</td>
 
<td>Operator</td>
 
</tr>
 
 
<tr>
 
<td>3.</td>
 
<td>Leader</td>
 
</tr>
 
</table>
 
</p></div>
 
 
===Schedule Implementasi===
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
Rancangan Implementasi dapat digambarkan sebagai berikut : </p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
1. Mengumpulkan data</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
Proses pengumpulan data digunakan sebagai perancangan sistem, sehingga data apa saja yang diperlukan dapat dianalisa dan dibuatkan sistem programnya</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
2. Analisa Sistem</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
Menganalisa aktifitas mesin produksi yang dijadikan informasi data diterapkan dalam suatu sistem yang dibutuhkan.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
3. Perancangan Sistem</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
Perancangan sistem ini dilakukan guna memenuhi kebutuhan untuk menghasilkan informasi yang dibutuhkan.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
4. Pembuatan Program</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
Dalam hal ini pembuatan program dilakukan secara bertahap dengan perlahan tapi pasti. Memasukan coding yang akan dieksekusi oleh komputer sesuai dengan yang dibutuhkan oleh User.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
5. Tes Program</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
Pengetesan program dilakukan untuk mengetahui kesalahan-kesalahan yang ada. Dan untuk memastikan kebenaran dalam penulisan kode program kedalam komputer..</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
6. Perbaikan Program</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
Menambahkan atau mengurangi point-point tertentu yang tidak diperlukan sehingga program benar-benar dapat dioptimalkan sesuai dengan kebutuhan user.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
7. Dokumentasi</p></div>
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
Berbentuk catatan-catatan penting yang dilakukan selama melakukan perancangan sistem hingga selesai. Dan ketika sistem berjalan masih tetap diperlukan dokumentasi yang suatu saat akan diperlukan.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.5. Site Map Aplikasi Dashboard Monitoring Biaya Proses Produksi <br>
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-eB_DSIZvMXA/XWqKCtnykSI/AAAAAAAAA-M/UJUR7c1S3AoH1fzUgStG8FexVXQar407gCJoC/w530-h417-n/Tabel%2B4.11.%2BImplementasi%2BKegiatan.png" /></div>
 
 
===Tampilan Program===
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">1. Tampilan halaman login<br></div>
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-t0y0U11zPfA/XWqLjEdaRjI/AAAAAAAAA-0/-57dC83Z4d89jGrSt2-1AtTl-xsOG7PSACJoC/w530-h272-n/1.%2BTampilan%2Bhalaman%2Blogin.png" /><br>'''Gambar 4.13. Halaman Login Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">2. Tampilan menu parameter<br></div>
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-W-QkFsIRq9k/XWqME1cCTJI/AAAAAAAAA_w/R1sfyC71LHs4sU7Xr5nFBEKhcKuyj8jgACJoC/w530-h271-n/2.%2BTampilan%2Bmenu%2Bparameter.png" /><br>'''Gambar 4.14. Halaman Menu Parameter Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">3. Tampilan menu Item Product<br></div>
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-WtIlftMxI3A/XWqMZUM05bI/AAAAAAAABCA/UHNmQnq-EOYK5OBF4AAxyNEOOzSKjs1-gCJoC/w530-h271-n/3.%2BTampilan%2Bmenu%2BItem%2BProduct.png" /><br>'''Gambar 4.15. Halaman Menu Item Product Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">4. Tampilan Menu OP<br></div>
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-88NaGVoitNU/XWqMg0keJlI/AAAAAAAABCE/gRH8SlBaYAMVEhX-R0Lw8mRSpm3jfSy5ACJoC/w530-h273-n/4.%2BTampilan%2BMenu%2BOP.png" /><br>'''Gambar 4.16. Halaman Menu OP Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">5. Tampilan menu Actual Process</div>
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-JpjmslnQL8E/XWqMqTD0ouI/AAAAAAAABCM/HtSG1Xoatkk8RLOucdM0wNGfwmtUQPhhACJoC/w530-h273-n/5.%2BTampilan%2Bmenu%2BActual%2BProcess.png" /><br>'''GGambar 4.17. Halaman Menu Actual Process Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">6. Tampilan menu OP Ready To Close<br></div>
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-5HiGCm27tAg/XWqMxUsS8yI/AAAAAAAABCA/V53yHpbeA18384fekhNw6wplSj6jqWX4wCJoC/w530-h272-n/6.%2BTampilan%2Bmenu%2BOP%2BReady%2BTo%2BClose.png" /><br>'''Gambar 4.18. Halaman Menu OP Ready To Close Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">7. Tampilan menu Dashboard Utama Aplikasi Dashboard Monitoring Biaya Proses Produksi<br></div>
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">
 
<img style="margin:0px" src="https://lh3.googleusercontent.com/-YE60_tx-F84/XWqM6tovFqI/AAAAAAAABCA/_DrJBB7Z2lYvKDYmXs3pU1ifVA2gwKlTwCJoC/w530-h274-n/7.%2BTampilan%2Bmenu%2BDashboard%2BUtama%2BAplikasi%2BDashboard%2BMonitoring.png" /><br>'''Gambar 4.19. Halaman Menu Dashboard Utama Aplikasi Dashboard Monitoring Biaya Proses Produksi</div>
 
 
{{pagebreak}}
 
 
=<div style="font-family: 'times new roman'; text-align: center">'''BAB V'''</div>=
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENUTUP'''</div>
 
==Kesimpulan==
 
==Kesimpulan Terhadap Rumusan Masalah==
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setelah mempelajari permasalahan yang dihadapi tentang pelaporan biaya proses produksi pada rumusan masalah, maka dapat ditarik beberapa kesimpulan sebagai berikut:</p></div>
 
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Berdasarkan hasil pembuatan skripsi cara untuk monitoring biaya proses produksi secara realtime yaitu dengan membuat aplikasi dashboard yang dimana prosedur yang baru operator produksi melakukan proses produksi dengan panduan kp3 dengan proses awal start dan finish menggunaan scan barcode perkomponen dan otomatis muncul waktu proses yang langsung di transfer ke system dan data langsung di tampilkan ke dalam dashboard sehingga status biaya proses produksi terupdate secara realtime.</li>
 
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Berdasarkan hasil pembuatan skripsi untuk merancang aplikasi
 
dashboard monitoring biaya proses produksi dibuat dengan menggunakan database MySQL untuk penyimpanan data transaksi sehingga data terintegrasi dengan baik. Agar proses pemanggilan data dapat dengan mudah oleh user maka dibuat dengan bahasa pemrograman PHP, Codeigniter dan untuk menampilkan dashboard dengan HTML, CSS, Laravel dan library chart js.</li>
 
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Dengan sistem yang baru ini sangat membantu terlebih sistem yang sebelumnya masih menggunakan pelaporan manual berupa input data laporan kp3 melalui excel, yang di mana sekarang sudah menggunakan sistem input data melalui scan barcode dan data langsung di transfer via jaringan ke server yang selanjutnya data diolah menjadi dashboard sehingga proses pengolahan data lebih cepat .</li>
 
</ol>
 
 
===Kesimpulan Terhadap Tujuan dan Manfaat Penelitian===
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Dengan membangun aplikasi dashboard monitoring biaya proses
 
produksi dapat dengan mudah dalam melihat aktifitas mesin produksi, meminimalisir kesalahan input data serta merpercepat pelaporan agar aktifitas proses produksi bisa langsung termonitoring.</li>
 
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Dengan menampilkan hasil laporan dalam bentuk dashboard management lebih mudah dalam menilai laporan.</li>
 
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Dengan adanya sistem yang baru admin tidak perlu lagi membuat dan menyimpan laporan di komputer karena data bisa langsung di lihat di dashbaord sehingga memory penyipanan tidak membengkak.</li>
 
</ol>
 
 
===Kesimpulan Terhadap Metode Penelitian===
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan hasil pada metode penelitian yang telah dilakukan, dimana pada saat wawancara dengan Departemen MNFG bahwa membutuhkan sebuah sistem yang dapat dengan mudah mengolah data menjadi informasi sehingga data yang begitu banyakpun dapat dengan cepat untuk dijadikan sebuah laporan.</p></div>
 
 
==Saran==
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan hasil penelitian ini, peneliti memberikan saran sebagai berikut:</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. Bagi perusahaan <br>
 
Perusahaan dituntuk untuk semakin meningkatkan kualitas produk terutama dari sistem operasionalnya yang diharapkan bisa menjadi pembeda dan menjadi kekuatan pada kualitas produk yang berdampak terhadap persepsi konsumen yang baik dalam membuat keputusan order. Perusahaan tidak hanya mementingan sistem yang baik dan modern tetapi juga harus dibarengi dengan kemampuan sdm di lapangan sehingga sistem dan hasil sesuai dengan keinginan.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. Bagi peneliti selanjutnya <br>
 
Saran bagi peneliti selanjutnya hendaknya dilakukan penelitian lanjutan yang sejenis dengan penelitian ini dengan cara memperluas plant penelitian, ataupun bisa juga menggabungkan beberapa plant di cabang agar bisa terpusat dalam satu aplikasi sehingga data bisa termonitoring dalam satu sistem.</p></div>
 
 
{{pagebreak}}
 
 
=<div style="font-family: 'times new roman'; text-align: center">'''DAFTAR PUSTAKA'''</div>=
 
<div style="font-size: 12pt;font-family: 'times newroman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"></p>
 
<references/>
 
</div>
 
{{Pagebreak}}
 
 
[[Category: Skripsi 2018/2019]]
 

Revisi per 20 September 2019 06.49

APLIKASI DASHBOARD MONITORING MESIN DRILLING AUTO

SEBAGAI IMPLEMENTASI INDUSTRI 4.0 PADA

PT INDORACK MULTIKREASI


SKRIPSI




Disusun Oleh :


NIM
: 1522488684
NAMA


FAKULTAS SAINS DAN TEKNOLOGI

PROGRAM STUDI TEKNIK INFORMATIKA

KONSENTRASI SOFTWARE ENGINEERING

UNIVERSITAS RAHARJA

TANGERANG

(2018/2019)

Contributors

Admin, Danuconnect