TA1611394083: Perbedaan revisi

Dari widuri
Lompat ke: navigasi, cari
[revisi tidak terperiksa][revisi tidak terperiksa]
(←Membuat halaman berisi '<div style="-khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; unselectable:on;">...')
 
Baris 1: Baris 1:
<div style="-khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; unselectable:on;">
+
<br>
 
+
 
+
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI KEAGENAN UMROH'''</p></div>
+
<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI KEAGENAN UMROH'''</P></div>
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''PADA PT SEROJA ERA WISATA '''</p></div>
+
<p style="line-height: 1">'''PADA PT SEROJA ERA WISATA'''</P></div>
 +
</div>
  
 +
<br/>
  
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 1">'''TUGAS AKHIR'''</P></div>
+
<p style="line-height: 1">'''[[TUGAS AKHIR]]'''</p>
 +
</div>
  
 +
<br/>
  
<div align="center"><img width="170" height="170" style="margin:0px" src="https://lh3.googleusercontent.com/kaN3J_kr34Mo5XuWogqKHDdzTKKj0JoxDD0SOaapF-VHWUPptBK_uQAVkvS9PRPEVQZxbKvGxaQlc1yfXbaR9U-K_2ltUFnOfz-H=s512-no"/></div>
+
<div align="center"><img width="160" height="155" style="margin:0px" src="https://raharja.ac.id/wp-content/uploads/2019/06/logo_universitas_raharja.png"/></div>
 +
<br/>
  
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;line-height: 1">
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+
<p>'''Disusun Oleh :'''</p>
<p style="line-height: ">'''Disusun Oleh :'''</P></div>
+
</div>
 
+
{|table align="center" style="font-size: 14pt;font-family: 'times new roman';text-align: left"
{|table align="center"
+
 
|-
 
|-
|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[ELI NUR AIDA|ELI NUR AIDA]]'''</div>
+
|'''NIM'''||: '''1611394083'''
 
|-
 
|-
|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NIM'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''1611394083'''</div>
+
|'''NAMA'''||: '''[[ELI NUR AIDA|ELI NUR AIDA]]'''
 
|}
 
|}
 +
<br/>
  
 +
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;line-height: 1">
 +
<p>'''FAKULTAS [[SAINS DAN TEKNOLOGI]]'''</p>
 +
<p>'''PROGRAM STUDI [[MANAJEMEN INFORMATIKA]]'''</p>
 +
<p>'''KONSENTRASI [[SISTEM INFORMASI MANAJEMEN | SISTEM INFORMASI MANAJEMEN]]'''</p>
 +
<p>'''[[Universitas Raharja|UNIVERSITAS RAHARJA]]'''</p>
 +
<p>'''[[Tangerang|TANGERANG]]'''</p>
 +
<p>'''TA. 2019/2020'''</p>
 +
</div>
 +
{{pagebreak}}
  
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+
<hr width="100%">
<p style="line-height: 1">'''[[SAINS DAN TEKNOLOGI|FAKULTAS SAINS DAN TEKNOLOGI]]'''</p></div>
+
<br>
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+
<p style="line-height: 1">'''[[MANAJEMEN INFORMATIKA|PROGRAM STUDI MANAJEMEN INFORMATIKA]]'''</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+
<p style="line-height: 1">'''[[SISTEM INFORMASI MANAJEMEN|KONSENTRASI SISTEM INFORMASI MANAJEMEN]]'''</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+
<p style="line-height: 1">'''[[Universitas Raharja|UNIVERSITAS RAHARJA]]'''</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+
<p style="line-height: 1">'''TANGERANG'''</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+
<p style="line-height: 1">'''TA. 2019/2020'''</p></div>
+
  
 +
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''[[Universitas Raharja|UNIVERSITAS RAHARJA]]'''</p></div>
  
{{pagebreak}}<hr/>
+
<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">
+
&nbsp;
<p style="line-height: 2">'''UNIVERSITAS RAHARJA'''</p></div>
+
  
 +
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI E-MENU SEBAGAI '''</P></div>
 +
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''MEDIA PEMESANAN MAKANAN DAN MINUMAN PADA'''</P></div>
 +
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''KAFE RUTE 15 TANGERANG'''</P></div>
  
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disusun Oleh:</p></div>
<p style="line-height: 2">'''LEMBAR PENGESAHAN TUGAS AKHIR'''</p></div>
+
  
 
+
{|table align="center" style="font-size: 12pt;font-family: 'times new roman';text-align: left"
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 2" style="text-align: center;">'''PERANCANGAN SISTEM INFORMASI KEAGENAN UMROH'''</p></div>
+
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 2" style="text-align: center;">'''PADA PT SEROJA ERA WISATA '''</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">: 1611394083</div>
+
|NIM||: 1612493114
 
|-
 
|-
|<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">: [[ELI NUR AIDA|ELI NUR AIDA]]</div>
+
|Nama||: [[Pengguna:Rizky_amalia| Rizky Amalia]]
|-
+
|<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">: Diploma III</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">: Manajemen 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">: ''SISTEM INFORMASI MANAJEMEN''</div>
+
 
|}
 
|}
 +
<br>
  
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;line-height: 2">
 
+
<p>Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif</p>
 +
<p>Fakultas Sains dan Teknologi</p>
 +
<p>Program Studi [[Sistem_Informasi| Sistem Informasi]]</p>
 +
<p>Konsentrasi [[Business Intelligence| Business Intelligence]]</p>
 +
</div>
 +
<br/>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disahkan Oleh :</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disahkan Oleh :</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><p style="line-height: 2">Tangerang, 2020</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><p style="line-height: 2">Tangerang, 2020</p></div>
 
+
{|table align="center" style="font-size: 12pt;font-family: 'times new roman';text-align: center
 
+
 
+
{|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>
+
|Rektor|| &nbsp; || &nbsp; || &nbsp; || &nbsp; ||Dekan Fakultas ||&nbsp; || &nbsp; || &nbsp; ||Ketua Program Studi ||
 
|-
 
|-
| <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>
+
|[[Universitas Raharja]]|| &nbsp; || &nbsp; || &nbsp; || &nbsp; ||[[SAINS DAN TEKNOLOGI|Sains Dan Teknologi]] &nbsp; || &nbsp; || &nbsp; || &nbsp; ||[[Sistem Informasi]]
 
|-
 
|-
 +
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 +
 
|-
 
|-
 +
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 +
 
|-
 
|-
 +
 
|&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>([[Dedeh Supriyanti]], S.Kom, M.T.I)</u></div>
+
 
 +
|<u>([[Dr._Po._Abas_Sunarya,_M.Si|Dr. Po. Abas Sunarya,M.Si]])</u>|| &nbsp; || &nbsp; || &nbsp; || &nbsp; ||<u>([[Sugeng_Santoso|Sugeng Santoso M.Kom]])</u>|| &nbsp; || &nbsp; || &nbsp; || &nbsp; <u>([[Desy_Apriani_S.Kom.,M.T.I| Desy Apriani, S.Kom.,M.T.I]])</u>
 
|-
 
|-
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 000063</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 020001</div>
+
|NIP : 000603|| &nbsp; || &nbsp; || &nbsp; || &nbsp; ||NIP :006095 || &nbsp; || &nbsp; || &nbsp; ||NIP :073009
 
|}
 
|}
 +
{{pagebreak}}
  
  
{{pagebreak}}<hr/>
+
<hr width="100%">
 +
<br>
 +
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''[[Universitas Raharja|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">
+
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 2">'''UNIVERSITAS RAHARJA'''</p></div>
+
<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI E-MENU SEBAGAI MEDIA'''</P></div>
 
+
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 1">'''PEMESANAN MAKANAN DAN MINUMAN PADA '''</P></div>
<p style="line-height: 2">'''LEMBAR PERSETUJUAN PEMBIMBING'''</p></div>
+
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
 
+
<p style="line-height: 1">'''KAFE RUTE 15 TANGERANG'''</P>
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
</div>
<p style="line-height: 2" style="text-align: center;">'''PERANCANGAN SISTEM INFORMASI KEAGENAN UMROH'''</p></div>
+
<br/>
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 2" style="text-align: center;">'''PADA PT SEROJA ERA WISATA'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 2">Dibuat Oleh :</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"
 
{|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">: 1611394083</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1612493114</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">: [[ELI NUR AIDA|ELI NUR AIDA]]</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">: [[Pengguna:Rizky_amalia | RIZKY AMALIA]]
 
|}
 
|}
 +
<br/>
  
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;line-height: 2">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p>Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif</p>
<p style="line-height: 2" style="text-align: center;">Telah disetujui untuk dipertahankan di hadapan Tim Penguji Ujian Komprehensif</p></div>
+
<p>Fakultas [[Sains dan Teknologi]]</p>
 
+
<p>Program Studi [[Sistem Informasi]]</p>
 
+
<p>Konsentrasi [[ Business_Intelligence | Business Intelligence]]</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
</div>
<p style="line-height: 2" style="text-align: center;">Fakultas Sains dan Teknologi</p></div>
+
<br/>
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 2" style="text-align: center;">Program Studi Manajemen Informatika</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 2">Konsentrasi ''Sistem Informasi Manajemen''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 2">Disetujui Oleh :</p></div>
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 2" style="text-align: center;"></p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">Disetujui Oleh :</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">Disetujui Oleh :</p></div>
Baris 154: Baris 137:
 
<p style="line-height: 1" style="text-align: right;">Tangerang, 2020</p></div>
 
<p style="line-height: 1" style="text-align: right;">Tangerang, 2020</p></div>
 
{|table align="center"
 
{|table align="center"
 +
|-lk
 +
| <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>
 
|-
 
|-
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Pembimbing I</div>|| &nbsp;
+
|&nbsp; || &nbsp; || &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; || &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>([https://widuri.raharja.info/index.php?title=Rano_Kurniawan Rano Kurniawan],  M.Kom)</u></div>|| &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([https://widuri.raharja.info/index.php?title=Mulyati Mulyati],  S.E, M.M, M.Pd)</u></div>
 
|-
 
|-
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Ulis Bella]],S.Kom.,M.T.I)</u></div>|| &nbsp;
+
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : </div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID: </div>
||<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[H. Suhada]], S.Ag.,M.Pd.I )</u></div>
+
|-
+
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 17006</div> || &nbsp;
+
|| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 15023</div>
+
 
|}
 
|}
  
 +
{{pagebreak}}
 +
<hr width="100%">
 +
<br>
 +
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''[[Universitas Raharja|UNIVERSITAS RAHARJA]]'''</p></div>
  
{{pagebreak}}<hr/>
+
<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: 16pt;font-family: 'times new roman';text-align: center;">
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI E-MENU SEBAGAI MEDIA'''</P></div>
<p style="line-height: 2">'''UNIVERSITAS RAHARJA'''</p></div>
+
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
 
+
<p style="line-height: 1">'''PEMESANAN MAKANAN DAN MINUMAN PADA'''</P></div>
 
+
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 1">'''KAFE RUTE 15 TANGERANG'''</P>
<p style="line-height: 2">'''LEMBAR PERSETUJUAN DEWAN PENGUJI'''</p></div>
+
</div>
 
+
<br/>
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 2">'''PERANCANGAN SISTEM INFORMASI KEAGENAN UMROH '''</p></div>
+
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 2">'''PADA PT SEROJA ERA WISATA '''</p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
Baris 197: Baris 175:
 
{|table align="center"
 
{|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">: 1611394083</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1612493114</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">: [[ELI NUR AIDA|ELI NUR AIDA]]</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">: [[ Pengguna:Rizky_amalia | RIZKY AMALIA]]</div>
 
|}
 
|}
 +
<br/>
  
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;line-height: 2">
 +
<p>Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif</p>
 +
<p>Fakultas [[Sains dan Teknologi]]</p>
 +
<p>Program Studi [[Sistem Informasi]]</p>
 +
<p>Konsentrasi [[Business_Intelligence]]</p>
 +
</div>
 +
<br/>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 1">Disetujui setelah berhasil dipertahankan dihadapan Tim Penguji Ujian Komprehensif</p></div>
+
<p style="line-height: 2">Tahun Akademik 2019/2020</p></div>
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 2">Fakultas Sains dan Teknologi</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 2">Program Studi Manajemen Informatika</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 2">Konsentrasi ''Sistem Informasi Manajemen''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 2">TA. 2019/2020</p></div>
+
 
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
Baris 224: Baris 196:
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
<p style="line-height: 1" style="text-align: right;">Tangerang, Februari 2020</p></div>
+
<p style="line-height: 1" style="text-align: center;">Tangerang,24 Januari 2020</p></div>
  
 
{|table align="center"
 
{|table align="center"
Baris 247: Baris 219:
 
|| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID :__________ </div>
 
|| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID :__________ </div>
 
|}
 
|}
 
  
 
{{pagebreak}}<hr/>
 
{{pagebreak}}<hr/>
  
 +
<hr width="100%">
 +
<br>
  
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''[[Universitas Raharja|UNIVERSITAS RAHARJA]]'''</p></div>
<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">
+
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 2">'''LEMBAR KEASLIAN TUGAS AKHIR'''</p></div>
+
<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI E-MENU SEBAGAI MEDIA '''</P></div>
 
+
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
 
+
<p style="line-height: 1">'''PEMESANAN MAKANAN DAN MINUMAN PADA'''</P></div>
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 2">'''PERANCANGAN SISTEM INFORMASI MANAJEMEN '''</p></div>
+
<p style="line-height: 1">'''KAFE RUTE 15 TANGERANG'''</P>
 
+
<br/>
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 2">'''PADA PT SEROJA ERA WISATA'''</p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2">Dibuat Oleh :</p></div>
+
<p style="line-height: 2">Disusun Oleh :</p></div>
  
 
+
{|table align="center" style="font-size: 12pt;font-family: 'times new roman';text-align: left"
{|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">: 1611394083</div>
+
|NIM||: 1612493114
 
|-
 
|-
|<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">: [[ELI NUR AIDA|ELI NUR AIDA]]</div>
+
|Nama||: [[Pengguna:Rizky_amalia | RIZKY AMALIAI]]
 
|-
 
|-
|<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>
+
|Fakultas||: [[Sains dan Teknologi]]
 
|-
 
|-
|<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 1</div>
+
|Program Pendidikan||: [[Strata I]]
 
|-
 
|-
|<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>
+
|Program Studi||: [[Business Intelligence]]
 
|-
 
|-
|<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>
+
|Konsentrasi||: [[Sistem Informasi]]
 
|}
 
|}
 
+
<br/>
 
+
 
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2">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 baik di lingkungan Universitas Raharja maupun di Universitas lain serta belum pernah dipublikasikan.</p></div>
+
<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">
 
<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>
 
<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 align="right" style="font-size: 12pt;font-family: 'times new roman'">
 
<div align="right" style="font-size: 12pt;font-family: 'times new roman'">
Baris 300: Baris 266:
 
{| width="100%" align="right"
 
{| width="100%" align="right"
 
|-
 
|-
| width="60%" | || align="center" | Tangerang, 2020<br/>
+
| width="60%" | || align="center" | Tangerang, 20 Januari 2020
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||
 
|-
 
|-
| ||
+
| ||
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| width="60%" | || align="center" | '''<u>[[AYU NURHAYATI|AYU NURHAYATI]]</u>'''
+
| width="60%" | || align="center" | '''<u>[[Pengguna:Rizky_amalia|RIZKY AMALIA
 +
]]</u>'''
 
|-
 
|-
| width="60%" | || align="center" | '''NIM. 152249003'''
+
| width="60%" | || align="center" | '''NIM. 1612493114'''
 
|-
 
|-
 
|}
 
|}
Baris 343: Baris 310:
  
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: right;"><p style="line-height: 2">'')*Tandatangan dibubuhi materai 6.000;</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;"><p style="line-height: 2">'')*Tandatangan dibubuhi materai 6.000;</p></div>
  
 +
{{pagebreak}}
  
{{pagebreak}}<hr/>
+
<hr width="100%">
 +
<br>
  
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">ABSTRAKSI</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center; line-height: 1">
 +
<p>ABSTRAKSI</p>
 +
</div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1">
 +
<p>  
 +
Seiring dengan berkembangnya kemajuan teknologi informasi dalam era globalisasi saat ini, mau tidak mau pelaku bisnis harus segera mengikuti perkembangan zaman. Namun, pada kenyataannya masih banyak pelaku bisnis yang belum meng-upgrade sistem mereka ke sistem komputerisasi. Pada kafe Rute 15 kegiatan  pemesanan makanan dan minumannya masih dilakukan secara manual, yaitu dengan menggunakan kertas dan pelanggan harus mengantarkan sendiri kertas itu sampai ke kasir untuk segera dilakukan proses pengolahan menu. Hal in tentunya kurang efektif dan efisien. Dengan memanfaatkan teknologi, peneliti merancang sebuah e-menu untuk memudahkan pemesanan makanan dan minuman pada Kafe Rute 15. Peneliti menggunakan metode analisis BMC (Business Model Canvas) untuk menganalisis bisnis yang sedang berjalan dan menggunakan bahasa HTML, CSS, Javascript, dan PHP dalam membangun e-menu serta PhpMyadmin sebagai database. Dengan adanya system aplikasi e-menu ini dapat membantu pelanggan serta karyawan kafe dalam melakukan kegiatan pemesanan makanan dan minuman.
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">Setiap lini kehidupan sekarang ini membutuhkan segala akses yang berhubungan dengan teknologi, tak terkecuali salah satunya adalah Instansi Pemerintah. Dalam hal pengelolaan informasinya kepada masyarakat di era modern sekarang ini, sangat membutuhkan peranan teknologi, yaitu dengan membuat sebuah sistem informasi. Salah satu bagian yang membutuhkan sistem informasi tersebut adalah pengajuan pembuatan Kartu Identitas Anak (KIA). KIA yang digunakan untuk mendata setiap anak yang berusia 0 (nol) sampai 17 (tujuh belas) tahun kurang satu hari ini, bermanfaat untuk mendata setiap anak yang berada di wilayah Kota Tangerang, dimana Dinas Kependudukan Dan Pencatatan Sipil Kota Tangerang ini mengalami beberapa masalah dalam pengelolaan data kependudukan anak ini. Sehingga, DISDUKCAPIL memerlukan sebuah sistem informasi yang dapat membantu untuk mengelola pengajuan KIA ini agar lebih akurat dan terjamin keamanan datanya. Peneliti menganalisa bahwa diperlukannya sebuah sistem informasi online yang sesuai perkembangan zaman untuk memudahkan pihak-pihak terkait dalam mengajukan KIA juga mengurangi penggunaan kertas sebagai bentuk pencegahan Globalisasi dengan berbasis Website. Peneliti mengusulkan penelitian pembuatan sistem ini menggunakan metode pengumpulan data diantaranya adalah dengan melakukan observasi, wawancara dan studi pustaka dengan Analisa sistem menggunakan Analisa PIECES yang mana rancangan sistemnya menggunakan UML untuk menganalisa kebutuhan sistem.  Sistem informasi ini dibuat dengan Framework CodeIgniter dengan pengujian sistem menggunakan metode Black Box Testing. Selain itu, integrasi database menggunakan MySQL. Hasil sistem usulan ini nantinya diharapkan dapat dipergunakan dan diterapkan oleh Pihak DISDUKCAPIL untuk selanjutnya dikembangan dan diproses sesuai kebutuhan.
+
</p>
</p></div>
+
</div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1">
 +
<p>Kata Kunci : E-Menu, Pemesanan, Bisnis
 +
</p>
 +
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 1"><b>Kata Kunci : <i>Sistem Informasi, Registrasi Kartu Identitas Anak, UML, PIECES.</i></b></p></div>
 
  
 +
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center; line-height: 1">
 +
<p>''ABSTRACT''</p>
 +
</div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1">
 +
<p><i>
 +
Along with the development of information technology advancements in the current era of globalization, like it or not, businesses must immediately follow the times. But in reality there are still many business people who have not upgraded their systems to computerized systems. At the Route 15 cafe food and beverage ordering activities are still done manually, that is by using paper and customers must deliver the paper themselves to the cashier to immediately do the processing of the menu. This is certainly less effective and efficient. By utilizing technology, researchers designed an e-menu to facilitate ordering food and drinks at Cafe Route 15. The researcher used the BMC (Business Model Canvas) analysis method to analyze businesses that were running and used HTML, CSS, Javascript, and PHP in building e-menu and PhpMyadmin as a database. It is hoped that this research can help customers and cafe employees in conducting food and beverage ordering activities.
  
  
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
</i></p>
<p style="line-height: 2"><i>''ABSTRACT''</i></p></div>
+
</div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1">
 +
<p><i>Keywords: E-Menu, Ordering, Business </i></p>
 +
</div>
 +
{{pagebreak}}
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1"><i>Each line of life today needs all access which related with technology, no excepted is the Government Agencies. In terms of management information to the public in this modern era, in desperate need of the role of technology, that is to create an information system. One part that requires the submission of information systems manufacture is Child Identity Card (KIA). KIA used to log every child aged 0 (zero) to 17 (seventeen) years less one day, useful to record each child residing in the city of Tangerang, where the Department of Population and Civil Registration Tangerang City has had some problems in The child population data management. thus, DISDUKCAPIL requires an information system that can help to manage the filing of this KIA to be more accurate and guaranteed data security. Researchers analyzed they need for an online information system according to the times to facilitate the parties in filing KIA also reduce the use of paper as a form of prevention-based Website Globalization. Researchers propose research making this system by using the data collection methods including by doing observation, interviews, and literature study with using PIECES Analysis system which design system using UML to analyze the needs of the system. The information system is made with CodeIgniter Framework with testing the system using the method of Black Box Testing. In addition, using a MySQL database integration. The results of this proposed system will later be expected to be used and implemented by DISDUKCAPIL Parties to be further developed and processed as they needed.</i></p></div>
+
<hr width="100%">
 
+
<br>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 1"><i>Keywords: Information Systems, Registration of a Child Identity Card, UML, PIECES.</i></p></div>
+
 
+
{{pagebreak}}<hr/>
+
  
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''KATA PENGANTAR'''</div>
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''KATA PENGANTAR'''</div>
 
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2">Puji syukur alhamdulillah, penulis panjatkan kehadirat Allah SWT yang telah melimpahkan segala rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat menyelesaikan laporan Skripsi dengan judul “IMPLEMENTASI APLIKASI PENGAJUAN KARTU IDENTITAS ANAK PADA DISDUKCAPIL KOTA TANGERANG”</p></div>
+
<p style="line-height: 2"> Alhamdulillah puji dan syukur atas kehadirat Allah SWT yang telah melimpahkan rahmat dan karunianya sehingga peneliti dapat menyelesaikan Skripsi dengan judul “'''PERANCANGAN SISTEM INFORMASI E-MENU SEBAGAI MEDIA PEMESANAN MAKANAN DAN MINUMAN PADA KAFE RUTE 15 TANGERANG'''”. </p>
 +
</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2">Tujuan penulisan Laporan Skripsi ini adalah sebagai syarat dalam menyelesaikan Program Pendidikan Strata Satu (S1) Program Studi Teknik Informatika pada Universitas Raharja.</p></div>
+
<p style="line-height: 2">Tujuan penulis Laporan Skripsi ini adalah sebagai syarat dalam menyelesaikan Program Pendidikan Strata 1 Program Studi Sistem Informasi pada Universitas Raharja.</p>
 +
</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2">Tanpa adanya bimbingan dan dorongan dari banyak pihak penulis tidak akan dapat menyelesaikan Skripsi ini dengan baik dan tepat pada waktunya. Pada kesempatan ini penulis ingin menyampaikan terima kasih kepada :</p></div>
+
<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>
<ol>
+
</div>
<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>
+
<ol style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Dr. Henderi, S.Kom., M.Kom. selaku Wakil Rektor
+
<li>Bapak Dr. Po. Abas Sunarya, M.Si. selaku Rektor Universitas Raharja.</li>
Universitas Raharja.</li>
+
<li>Bapak [https://widuri.raharja.info/index.php?title=Sugeng_Santoso Sugeng Santoso] M.Kom. selaku Dekan Fakultas Sains dan Teknologi..</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Sugeng Santoso, M.Kom selaku Dekan Fakultas Sains dan Teknologi Universitas Raharja.</li>
+
<li>Ibu [https://widuri.raharja.info/index.php?title=Desy_Apriani_S.Kom.,M.T.I Desy Apriani ] S.Kom, M.T.I selaku Ketua Program Studi Sistem Informasi.</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>Bapak [https://widuri.raharja.info/index.php?title=Rano_Kurniawan Rano Kurniawan],M.Kom selaku Dosen Pembimbing I yang senantiasa memberikan waktunya untuk memberikan bimbingan kepada penulis</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Junaidi, M.Kom. sebagai Dosen Pembimbing I </li>
+
<li>Ibu [https://widuri.raharja.info/index.php?title=Mulyati Mulyati], S.E, M.M, M.Pd selaku Dosen Pembimbing II yang senantiasa memberikan waktunya untuk memberikan bimbingan kepada penulis</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Rano Kurniawan, M.Kom. sebagai Dosen Pembimbing II.</li>
+
<li>Ibu Tia selaku stakeholder yang telah memberikan kontribusi besar di dalam lancarnya proses penelitin skripsi ini.
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dimas selaku stakeholder yang telah memberikan kontribusi dalam kelancaran proses penelitin skripsi ini.</li>
+
<li>Bapak dan Ibu Dosen serta Staff Universitas Raharja yang telah memberikan bekal ilmu pengetahuan dan motivasi kepada penulis.
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu Siti Novy Romlah, SST.,M.Epid, Selaku KaProdi D3 Kebidanan di STIKes Widya Dharma Husada Tangerang yang selalu memberilam saran dan masukan yang begitu berarti bagi penulis.</li>
+
        <li>Keluarga tercinta yang telah memberikan doa, dukungan moril maupun materil sehingga Skripsi ini dapat terselesaikan dengan baik
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak dan Ibu Dosen Universitas Raharja yang telah memberikan ilmu pengetahuan kepada penulis.</li>
+
        <li>Teman - teman seperjuangan yang selalu ada dan memberikan semangat.        
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Keluarga tercinta yang telah memberikan doa, serta dukungan secara moril maupun materil khususnya Mama, Papa, Adik serta saudara dan sepupu yang selalu memberikan motivasi.</li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Teman - teman seperjuangan yang selalu memberi saran dan semangat khususnya teman-teman organisasi yang ada di FUMMRI, HIMTIF, BEM, dan seluruh bagian dari KBM Raharja yang tidak bisa saya sebutkan satu persatu.</li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Para sahabat yang selalu memberikan doa dan support dalam menyelesaikan laporan skripsi ini yang tidak bisa saya sebutkan satu persatu</li>
+
 
</ol>
 
</ol>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;line-height: 2">
<p style="line-height: 2">Penulis menyadari bahwa dalam penulisan Laporan Skripsi ini masih jauh dari sempurna. Oleh karena itu kritik dan saran yang membangun, penulis harapkan sebagai pemicu untuk dapat berkarya lebih baik lagi. Penulis berharap semoga tulisan ini dapat bermanfaat bagi para pembaca, khususnya rekan-rekan mahasiswa/i di Universitas Raharja.</p></div>
+
<p>Penulis menyadari bahwa dalam penulisan Laporan Skripsi 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>
  
 
<div align="right" style="font-size: 12pt;font-family: 'times new roman'">
 
<div align="right" style="font-size: 12pt;font-family: 'times new roman'">
Baris 400: Baris 380:
 
{| width="100%" align="right"
 
{| width="100%" align="right"
 
|-
 
|-
| width="60%" | || align="center" | Tangerang, Januari 2020
+
| width="60%" | || align="center" | Tangerang, 20 Januari 2020
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||
 
|-
 
|-
| ||
+
| ||
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| ||
+
| ||
 
|-
 
|-
| ||
+
| ||  
 
|-
 
|-
| width="60%" | || align="center" | '''<u>[[AYU NURHAYATI]]</u>'''
+
| width="60%" | || align="center" | '''<u>[[Pengguna:Rizky_amalia|RIZKY AMALIA]]</u>'''
 
|-
 
|-
| width="60%" | || align="center" | '''NIM. 1522490003'''
+
| width="60%" | || align="center" | '''NIM. 1612493114'''
 
|-
 
|-
 
|}
 
|}
Baris 443: Baris 423:
  
 
{{pagebreak}}<hr/>
 
{{pagebreak}}<hr/>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;line-height:1.5;">
 
__TOC__
 
__TOC__
 +
</div>
 +
 
{{pagebreak}}<hr/>
 
{{pagebreak}}<hr/>
  
<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>
+
{| class="wikitable"
 +
|-
 +
| <div style="font-size: 14pt;font-family: 'times new roman'; text-align: center"><p style="line-height:2">'''DAFTAR TABEL'''</p></div>
  
<ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 3.1  SWOT Faktor Internal
+
<p style="line-height:1.5">[[#t31|Tabel 3.1. Analisa PIECES]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 3.Analisa SWOT Faktor Eksternal
+
<p style="line-height:1.5">[[#t32|Tabel 3.2. Elisitasi Tahap I]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 3.Elisitasi Tahap I
+
<p style="line-height:1.5">[[#t33|Tabel 3.3. Elisitasi Tahap II]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 3.Elisitasi Tahap II
+
<p style="line-height:1.5">[[#t34|Tabel 3.4. Elisitasi Tahap III]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 3.5 Elisitasi Tahap III
+
<p style="line-height:1.5">[[#t35|Tabel 3.5. Final draft elisitasi]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 3.6 Final Draft Elisitasi
+
<p style="line-height:1.5">[[#t41|Tabel 4.1. Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 4.1 ''Perbedaan Sistem Berjalan dengan Sistem Usulan''
+
<p style="line-height:1.5">[[#t41|Tabel 4.2. Analisis SWOT Sistem Yang Diusulkan]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 4.2 Tabel Fasilitas
+
<p style="line-height:1.5">[[#t43|Tabel 4.3. Matriks SWOT Yang Diusulkan]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 4.3 Tabel Form Keluhan
+
<p style="line-height:1.5">[[#t44|Tabel 4.4. Tabel Struktur Barang]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 4.4 Tabel Tabel Jenjang
+
<p style="line-height:1.5">[[#t45|Tabel 4.5. Tabel Struktur Data Pejabat]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 4.5 Tabel Mahasiswa
+
<p style="line-height:1.5">[[#t46|Tabel 4.6. Tabel Struktur Data Pesanan]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 4.6 Tabel Pelayanan 
+
<p style="line-height:1.5">[[#t47|Tabel 4.7. Tabel Struktur Data Profil]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 4.7 Tabel Program
+
<p style="line-height:1.5">[[#t48|Tabel 4.8. Tabel Struktur Data Riwayat]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 4.8 Tabel 4.8 Tabel User
+
<p style="line-height:1.5">[[#t49|Tabel 4.9. Tabel Struktur Data Satuan]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 4.9 Tabel User 
+
<p style="line-height:1.5">[[#t410|Tabel 4.10. Tabel Struktur Data User]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 4.10 Tabel 4.10 Black Box Testing Pada Menu Form Keluhan
+
<p style="line-height:1.5">[[#t411|Tabel 4.11. Tabel Black Box Testing]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 4.11 TTabel 4.11 Schedule Implementasi
+
<p style="line-height:1.5">[[#t412|Tabel 4.12. Tabel Time Schedule]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tabel 4.12 Tabel 4.12 Estimasi Biaya
+
<p style="line-height:1.5">[[#t413|Tabel 4.13. Tabel Estimasi Biaya]]</p>
</ol>
+
</div>
 +
|}
  
 
{{pagebreak}}<hr/>
 
{{pagebreak}}<hr/>
  
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''DAFTAR GAMBAR'''</p></div>
+
{| class="wikitable"
<ol>
+
|-
 +
| <div style="font-size: 14pt;font-family: 'times new roman'; text-align: center"><p style="line-height:2">'''DAFTAR GAMBAR'''</p></div>
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 3.1 Struktur Organisasi STIKes Widya Dharma Husada Tangerang
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 3.2 Use Case Diagram Sistem Berjalan
+
<p style="line-height:1.5">[[#g31|Gambar 3.1. Struktur Organisasi]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 3.3 Activity Diagram Sistem Berjalan
+
<p style="line-height:1.5">[[#g32|Gambar 3.2. Use Case Diagram Sistem Yang Berjalan]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 3.4 Sequence Diagram Sistem Berjalan
+
<p style="line-height:1.5">[[#g33|Gambar 3.3. Activity Diagram Sistem Yang Berjalan]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 3.5 Dokumen Masukan
+
<p style="line-height:1.5">[[#g34|Gambar 3.4. Sequence Diagram Sistem Yang Berjalan]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.1 Use Case Diagram Usulan
+
<p style="line-height:1.5">[[#g41|Gambar 4.1. UseCase sistem yang diusulkan]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.2 Activity Diagram Usulan Admin
+
<p style="line-height:1.5">[[#g41|Gambar 4.2. Sequence Diagram User]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.3 Activity Diagram Usulan Mahasiswa
+
<p style="line-height:1.5">[[#g43|Gambar 4.3. Activity Diagram Admin]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.4 Activity Diagram Usulan Ketua STIKes
+
<p style="line-height:1.5">[[#g44|Gambar 4.4. Class Diagram Teknisi]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.5 Sequence Diagram Usulan Admin
+
<p style="line-height:1.5">[[#g45|Gambar 4.5. Tampilan Menu Login]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.6 Sequence Diagram Usulan Mahasiswa
+
<p style="line-height:1.5">[[#g46|Gambar 4.6. Tampilan Halaman Utama Admin]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.7 Sequence Diagram Sistem Ketua STIKes
+
<p style="line-height:1.5">[[#g47|Gambar 4.7. Tampilan Halaman Utama Staf Gudang]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.8 Class Diagram yang Diusulkan
+
<p style="line-height:1.5">[[#g48|Gambar 4.8. Tampilan Daftar Obat]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.9 Tampilan Halaman Login
+
<p style="line-height:1.5">[[#g49|Gambar 4.9. Tampilan Utama Marketing]]</p>
 
+
<p style="line-height:1.5">[[#g410|Gambar 4.10. Tampilan Daftar Permintaan]]</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.10 Tampilan Halaman Menu Dashboard
+
</div>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.11 Tampilan Halaman Menu Fasilitas
+
|}
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.12 Tampilan Halaman Menu Jenjang
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.13 Tampilan Halaman Menu Mahasiswa
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.14 Tampilan Halaman Menu Pelayanan
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.15 Tampilan Halaman Menu Program
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.16 Tampilan Halaman  Menu User
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.17 Tampilan Halaman Menu Laporan Form Keluhan Admin
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.18 Tampilan Halaman Menu  Form Keluhan Mahasiswa
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: left;line-height: 2">Gambar 4.19 Tampilan Halaman Menu  History Keluhan
+
</ol>
+
  
 
{{pagebreak}}<hr/>
 
{{pagebreak}}<hr/>
Baris 505: Baris 484:
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center; text indent: 0.5"><p style="line-height: 2">'''DAFTAR SIMBOL'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center; text indent: 0.5"><p style="line-height: 2">'''DAFTAR SIMBOL'''</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''I. SIMBOL USE CASE DIAGRAM'''</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR SIMBOL USE CASE DIAGRAM'''</p></div>
<div align="center"><img style="margin:0px" src="https://i.postimg.cc/JhpMM8VV/Screenshot-860.png"/></div>
+
<div align="center"><img style="margin:0px" src="https://i.postimg.cc/RFkYTbvv/simbol-usecase.png"/></div>
  
<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''II. SIMBOL ACTIVITY DIAGRAM'''</p></div>
+
{{pagebreak}}<hr/>
<div align="center"><img style="margin:0px" src="https://i.postimg.cc/qRQL1m3G/Screenshot-863.png"/></div>
+
  
<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''III. SIMBOL SEQUENCE DIAGRAM '''</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR SIMBOL ACTIVITY DIAGRAM'''</p></div>
<div align="center"><img style="margin:0px" src="https://i.postimg.cc/bw2mqH7z/Screenshot-862.png"/></div>
+
<div align="center"><img style="margin:0px" src="https://i.postimg.cc/3wwzrvLQ/simbol-activity.png"/></div>
  
<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''IV. SIMBOL CLASS DIAGRAM'''</p></div>
+
 
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR SIMBOL SEQUENCE DIAGRAM'''</p></div>
 +
<div align="center"><img style="margin:0px" src="https://i.postimg.cc/85J3MVQy/simbol-sequence.png"/></div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR SIMBOL CLASS DIAGRAM'''</p></div>
 
<div align="center"><img style="margin:0px" src="https://i.postimg.cc/HLPRrkKc/simbol-class.png"/></div>
 
<div align="center"><img style="margin:0px" src="https://i.postimg.cc/HLPRrkKc/simbol-class.png"/></div>
  
 
{{pagebreak}}<hr/>
 
{{pagebreak}}<hr/>
  
 
+
=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB I'''</div>=
=<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>
 
<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 new roman'; text-align: left;">'''Latar Belakang'''</div>==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height: 2">Kebutuhan pada zaman ini yang berhubungan dengan informasi sangatlah dibutuhkan dan penting untuk diketahui guna memperbaharui wawasan serta pengetahuan yang dimiliki setiap individu maupun kelompok. Setiap individu maupun kelompok ini, membutuhkan berbagai informasi yang relevan, berdasarkan fakta, serta tepat waktu. Namun dalam implementasi yang terdapat di lapangan masih belum sesuai dengan yang ingin didapat atau belum tercapai seperti yang diinginkan, karena kurangnya wadah yang berhubungan dengan sistem informasi yang sesuai perkembangan zaman dan dibutuhkan oleh instansi swasta atau pemerintah ini. Saat ini, segala bentuk pekerjaan hampir keseluruhan menggunakan perlengkapan teknologi, Salah satunya adalah komputer sebagai penunjang pekerjaan agar mencapai hasil yang optimal.</p></div>
+
<p style="line-height:2"> Teknologi Informasi sekarang ini merupakan komponen penting dalam kehidupan manusia. Manusia dapat melakukan berbagai jenis pekerjaan dengan lebih mudah jika dibantu oleh teknologi informasi. Dengan adanya system yang sudah terkomputerisasi yang baik dapat memberi kemudahan bagi siapapun terutama bagi perusahaan atau bisnis besar. Teknologi informasi bisa masuk ke berbagai bidang bisnis, salah satunya dibidang kuliner yaitu Kafe.  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
.</p></div>
<p style="line-height: 2">Memasuki era Industri 4.0 di Indonesia untuk menjawab berbagai tantangan ini seluruh organisasi baik perusahaan, instansi pemerintah, instansi pendidikan, dan lain sebagainya memerlukan adanya Teknologi dalam setiap kegiatan yang ingin dilaksanakan guna mencapai tujuan yang diinginkan, salah satunya lewat internet yang dimanfaatkan untuk segala hal <i>(Internet Of Things)</i>. Salah satu instansi yang menggunakan manfaat teknologi menggunakan computer yang ada di wilayah Kota Tangerang adalah Dinas Kependudukan dan Pencatatan Sipil. Untuk memenuhi segala kebutuhan masyarakat, Dinas Kependudukan dan Pencatatan Sipil ini menggunakan Sistem Desentralisasi untuk mengolah informasinya agar tidak terpaku hanya pada satu instansi atau terpusat dengan membagi informasi tersebut melalui kecamatan dan keluruhan sesuai dengan instruksi dari Walikota Kota Tangerang.  Untuk mengolah data yang terdapat pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang memerlukan pengelolaan dan penataan data yang masuk secara efektif dan efesien agar tertata dengan baik, sistematis, rapi serta dapat terjaga keamanan datanya.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Dalam hal tersebut instansi pemerintah ini memanfaatkan fasilitas teknologi yang dulunya dikelola secara manual dengan semakin cepatnya perkembangan zaman, kini penggunaan untuk mengolah berbagai data tersebut menggunakan sistem yang telah terkomputerisasi. Salah satu program pengolahan data yang dilaksanakan secara desentralisasi oleh Dinas Kependudukan dan Pencatatan Sipil adalah dalam pengajuan pembuatan Kartu Identitas Anak (KIA) melalui kelurahan.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berdasarkan hasil observasi dan wawancara peneliti dengan salah satu pegawai bagian IT instansi pemerintah tersebut, Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang sendiri telah memiliki aplikasi informasi  berbasis Web yang berisi informasi seputar identitas Dinas Kependudukan dan Pencatatan Sipil, visi, misi, tujuan, serta informasi lainnya yang hanya bertujuan untuk memperkenalkan kepada masyarakat tentang profil instansi pemerintah tersebut. Sedangkan, untuk sistem pengajuan pembuatan Kartu Identitas Anak (KIA) masih berbentuk sederhana karena ada beberapa kendala yang terjadi disebabkan oleh sistem yang belum ter-update sesuai dengan kebutuhan yang diharapkan dan keamanan dalam pengolahan data tersebut belum terjamin dengan baik dan aman, sehingga sistem yang dijalankan sekarang belum mencapai hasil yang optimal.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Oleh karena hal tersebut, peneliti menganalisa bahwa diperlukan adanya pembentukan sistem pengajuan pembuatan Kartu Identitas Anak (KIA) yang dapat memudahkan pihak pegawai maupun masyarakat untuk mengajukan pembuatan kartu tersebut agar dalam prosesnya lebih efektif dan efisien.</p></div>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height: 2">Berdasarkan latar belakang yang telah diuraikan di atas, peneliti mengambil judul skripsi '''“Implementasi Aplikasi Pengajuan Kartu Identitas Anak Pada Disdukcapil Kota Tangerang”.'''</p></div>
+
<p style="line-height:2"> Kafe merupakan suatu usaha yang bergerak di bidang kuliner yang menyediakan makanan dan minuman agar pelanggan mendapatkan kebutuhan yang di inginkan dengan  suasana santai dan nyaman. Beberapa kafe  menyediakan fasilitas yang menarik dan nyaman guna membuat pelanggan menjadi betah  dan kemungkinan besar akan kembali lagi kesana.
 +
. </p></div>
  
==Rumusan Masalah==
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p style="line-height:2"> Kafe Rute 15 adalah salah satu kafe yang terletak di kawasan Pasar Lama Kota Tangerang. Letak Kafe ini sangat strategis, sehingga tak heran jika banyak customer berdatangan untuk menikmati menu yang tersedia pada di kafe ini. Bukan hanya letaknya saja  yang strategis  yang membuat kafe ini ramai pengunjung, tetapi ornamen-ornamen  kafe yang membuat pengunjung merasa tertarik untuk mengunjungi kafe ini. Kafe ini memiliki ornamen yang unik, yaitu ornamen rute jalanan. Di dalam kafe ini terdapat ornamen-ornamen rute jalanan, dan terdapat juga kolam ikan yang membuat suasana menjadi hidup. Ditambah ada live music di setiap malamnya, sehingga membuat pengunjung merasa betah berada di kafe ini.
 +
</P>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan Latar Belakang yang telah diuraikan, maka diperoleh rumusan masalah, sebagai berikut :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<ol>
+
Selain bertujuan untuk mencari keuntungan, sebuah kafe juga dituntut untuk dapat memberikan kualitas pelayanan yang baik kepada para pelanggan. Salah satu hal yang dapat menunjang kualitas pelayanan dalam sebuah restoran adalah proses pemesanan (order). Pemesanan yang ada pada kafe Rute 15 masih manual, yaitu masih menggunakan kertas untuk media pemesanannya. Waiter memberikan kertas kepada pelanggan yang baru masuk ke kafe Rute 15 lalu pelanggan diantarkan ke meja yang kosong lalu melakukan pemesanan. Pelanggan disuruh mengisi sendiri pesanan yang ingin dipesan, terkadang tulisan pelanggan kurang jelas sehingga sering terjadinya kesalahan pada penginputan menu yang ada dikasir. Pelanggan mengantarkan sendiri kertas pesanannya ke kasir untuk segera diproses, dan saat itu juga pelanggan membayar pesanannya. Kasir langsung mencetak pesanan pelanggan , dan langsung memberikan cetakan menu berupa kertas kepada chef. Hal ini tentunya masih kurang efektif dan efisien.
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bagaimana sistem pengajuan pembuatan kartu identitas anak yang sedang berjalan saat ini pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang?
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Apakah sistem pengajuan pembuatan kartu identitas anak pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang sudah berjalan efektif dan efisien?
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bagaimana merancang aplikasi pengajuan pembuatan kartu identitas anak pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang agar lebih efektif dan efisien?
+
</ol>
+
  
==Ruang Lingkup==
+
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height: 2">Untuk mempermudah penyusunan skripsi ini, peneliti memfokuskan ruang lingkup pada bagaimana sistem informasi pengajuan Kartu Identitas Anak (KIA) pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang dalam proses pengolahan data yang ingin mendaftarkan diri untuk pembuatan kartu tersebut sampai proses tercetaknya kartu tersebut serta pembuatan laporan.</p></div>
+
  Berdasarkan latar belakang yang telah dijelaskan, maka penelitian ini dilakukan agar permasalahan yang telah dijelaskan diatas bisa teratasi, maka dalam penulisan skripsi peneliti mengambil judul ''' “PERANCANGAN SISTEM INFORMASI E-MENU SEBAGAI MEDIA PEMESANAN MAKANAN DAN MINUMAN PADA KAFE RUTE 15 TANGERANG ”. ''' </div>
 +
</div>
  
==Tujuan Penelitian==
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rumusan Masalah'''</div>==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height: 2">Dalam penelitian haruslah memiliki tujuan, agar penelitian ini sesuai dengan keinginan maka dibuatlah tujuan penelitian dalam penulisan skripsi ini, sebagai berikut:</p></div>
+
<p style="line-height:2"> Berdasarkan latar belakang yang sudah dipaparkan di atas, peneliti menemukan permasalahan sebagai berikut:
 +
</p></div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengetahui kendala yang dialami dalam proses pengajuan Kartu Identitas Anak (KIA) pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang.
+
<li style="text-align: justify;line-height: 2;"> Bagaimana system pemesanan menu yang sedang berjalan saat ini ?
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengefektifkan proses pengajuan pembuatan kartu identitas anak pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang.
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membangun sebuah sistem aplikasi pengajuan pembuatan kartu identitas anak yang lebih efektif dan efisien pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang.
+
<li style="text-align: justify;line-height: 2;"> Apakah system pemesanan menu pada Kafe Rute 15 sudah efektif dan efisien?
 +
<li style="text-align: justify;line-height: 2;"> Bagaimana merancang sistem pemesanan menu berbasis website pada Kafe Rute 15?
 
</ol>
 
</ol>
 +
</div>
  
==Manfaat Penelitian==
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Ruang Lingkup Penelitian'''</div>==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height: 2">Dari hasil penelitian yang dilaksanakan ini, diharapkan akan memberikan manfaat bagi Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang, sebagai berikut :</p></div>
+
<p style="line-height:2"> Untuk memfokuskan penelitian pada pokok permasalahan yang dirumuskan, maka peneliti membuat batasan permasalahan. Adapun batasan masalah dalam penelitian ini hanya meliputi :
 +
</p>
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Teridentifikasinya kelebihan dan kekurangan pada sistem yang sedang berjalan saat ini dalam pengajuan Kartu Identitas Anak (KIA) pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang.
+
<li> Website pemesanan menu yang ingin dibuat hanya dapat digunakan pada lokasi Kafe Rute 15 Pasar Lama Tangerang  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Meningkatkan efektivitas dan efesiensi kinerja pegawai Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang.
+
<li> Website pemesanan menu ini hanya berfokus pada pemesanan menu makanan dan minuman saja.
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Memudahkan proses pengajuan Kartu Identitas Anak (KIA) dengan cepat dan akurat pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang.
+
<li> Website pemesanan menu ini menampilkan daftar menu makanan, yang bisa dilihat pelanggan untuk melakukan pemesanan menu.
 
</ol>
 
</ol>
 +
</div>
  
==Metode Penelitian==
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tujuan dan Manfaat Penelitian'''</div>==
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
<p style="line-height: 2">Metode adalah cara kerja pikir dalam memahami suatu objek, di dalamnya terkandung cara teknis bagaimana mengisi atau melakukan hasil dari pemahaman tersebut. Untuk mendapatkan data yang dapat menunjang penelitian ini, peneliti menggunakan beberapa metode di antaranya metode pengumpulan data, metode analisis sistem, metode perancangan sistem, dan metode pengujian sistem. Adapun metode-metode tersebut akan dipaparkan di bawah ini: </p></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tujuan Penelitian'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p style="line-height:2"> Penelitian ini memiliki hubungan dengan rumusan masalah serta terdapat kesimpulan penelitian sebagai jawaban dari rumusan masalah dan tujuan penelitian. Tujuan penelitian dilakukan agar penelitian lebih terarah dan sesuai dengan rumusan masalah yang sudah ditetapkan. Tujuan penelitian ini sebagai berikut:  
 +
</p>
  
===Metode Pengumpulan Data===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Untuk mengumpulkan data-data yang dibutuhkan dalam penelitian laporan skripsi ini, peneliti melakukan metode-metode sebagai berikut:</p></div>
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">'''Metode Observasi <i>(Observation Method)</i>'''
+
<li> Untuk memudahkan pelanggan dalam melakukan pemesanan makanan pada Kafe Rute 15.
<p font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Metode observasi ini akan dilakukan dengan cara melakukan pengamatan secara langsung pada Dinas Kependudukan & Catatan Sipil Jl. Perintis Kemerdekaan No. 1 Gedung Ketenagakerjaan Lantai I dan III Kota Tangerang - Banten untuk mengumpulkan data-data dan melihat langsung sistem monitoring untuk pembuatan Kartu Identitas Anak (KIA) yang berjalan saat ini dan mempelajari prosedur dari proses pendataan pembuatan Kartu Identitas Anak (KIA).</p>
+
<li> Mengetahui bagaimana sistem pemesana menu yang sedang berjalan pada Kafe Rute 15 Pasar Lama Tangerang.
 +
<li> Merancang sistem informasi pemesanan menu berbasis website untuk memudahkan proses pemesanan menu
 +
</ol>
 +
</div>
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">'''Metode Wawancara <i>(Interview Method)</i>'''
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Manfaat Penelitian'''</div>===
<p font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Wawancara merupakan suatu metode pengumpulan data yang dilakukan dengan tanya jawab dengan pihak-pihak yang tekait. Pada penelitian ini Peneliti melakukan wawancara dengan 1 (satu) stakeholder, yaitu Bapak Dimas selaku Admin IT.</p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p style="line-height:2"> Penelitian yang dilakukan ini tentunya memiliki manfaat, beberapa diantaranya: </p>
 +
<ol>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Memberikan informasi menu yang tersedia kepada pelanggan secara detail.
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Memudahkan waiter dalam mencatat pemesanan pelanggan.
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">'''Metode Pustaka <i>(Literature Method)</i>'''
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Memberikan informasi total harga menu yang dipesan pelanggan sebelum melakukan kegiatan transaksi dikasir.
<p font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Selain melakukan observasi dan wawancara, peneliti juga melakukan pencarian data dengan metode studi putaka. Dalam metode ini, peneliti berusaha untuk melengkapi data-data yang diperoleh dengan membaca dan mempelajari dari buku-buku, laporan penelitian, jurnal ilmiah, serta melakukan pencarian melalui media internet.</p>
+
 
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Mengurangi penggunaan kertas  berlebih ''(pepperless)''.  
 
</ol>
 
</ol>
 +
</div>
  
===Metode Analisa Sistem ===
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Penelitian'''</div>==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Pengumpulan Data'''</div>===
<p style="line-height: 2">Metode analisa sistem yang digunakan oleh peneliti dalam penyusunan skripsi ini adalah sebagai berikut :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
  
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Analisa <i>PIECES</i>
+
<p style="line-height:2"> Metode pengumpulan data yang dipakai dalam penelitian terdiri dari langkah – langkah berikut: </p>
<p font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Analisa PIECES adalah metode analisis sebagai dasar untuk memperoleh pokok-pokok permasalahan yang lebih spesifik. Dalam menganalisis sebuah sistem biasanya akan dilakukan terhadap beberapa aspek antara lain adalah kinerja <i>(Performance)</i>, informasi <i>(Information)</i>, ekonomi <i>(Economics)</i>, kontrol <i>(Control)</i>, efisiensi <i>(Efficiency)</i> dan pelayanan <i>(Service)</i>. Dari analisis ini biasanya didapatkan beberapa masalah utama. Hal ini penting karena biasanya yang muncul dipermukaan bukan masalah utama, tetapi hanya gejala dari masalah utama saja. Setelah peneliti menganalisa dengan metode tersebut, maka peneliti juga melakukan analisa terhadap prosedur system berjalan dan menggambarkannya menggunakan diagram UML <i>(usecase diagram, activity diagram, sequence diagram, class diagram)</i>, selanjutnya peneliti membuat elisitasi yang terdiri dari elisitasi tahap 1, elisitasi tahap 2, elisitasi tahap 3 dan final draft elisitasi. Pembuatan elisitasi tersebut sudah disesuaikan dengan kebutuhan sistem.</p>
+
</ol>
+
  
===Metode Perancangan Sistem===
+
<li style="text-align: justify;line-height: 2;">Metode Observasi<p style="line-height: 2"> Metode Observasi adalah metode yang digunakan untuk mendapatkan data dengan cara melakukan pengamatan langsung ke tempat penelitian yaitu Kafe Rute 15 sebagai lokasi untuk dilakukannya observasi. Dengan metode ini peneliti dapat mengamati berbagai hal yang ada di perusahaan tersebut dan meminta data yang diperlukan sebagai bahan untuk menulis laporan penelitian.
 +
</p></li>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="text-align: justify;line-height: 2;">Metode Wawancara<p style="line-height: 2"> Dalam penulisan laporan Sksripsi ini, peneliti juga menggunakan metode wawancara. Dengan metode ini peneliti melakukan tanya jawab dengan stakeholder pada kafe rute 15 untuk mendapatkan informasi yang lebih lengkap mengenai aplikasi yang akan di rancang.
<p style="line-height: 2">Pada metode perancangan ini peneliti akan menggambarkan sistem menggunakan UML <i>(Unified Modelling Language)</i> berdasarkan hasil analisis yang ada sehingga menghasilkan model baru yang diusulkan. Dalam penelitian ini peneliti menggunakan tahapan diagram UML <i>(Unified Modelling Language)</i> yang diantaranya sebagai berikut :</p></div>
+
</p></li>
  
<ol>
+
<li style="text-align: justify;line-height: 2;">Metode Studi Pustaka (''Library Research'')<p style="line-height: 2"> Metode studi pustaka merupakan metode pengumpulan data – data yang berkaitan dengan penelitian melalui buku – buku, jurnal, dan referensi dari internet.  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><i>Use Case</i> Diagram adalah rancangan sistem dari beberapa atau seluruh aktor dan <i>use case</i> dengan tujuan mengenali interaksi mereka dalam satu sistem.
+
.</p></li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><i>Activity</i> Diagram adalah rangkaian aliran dari aktivitas digunakan untuk mendeskripsikan aktivitas yang dibentuk dalam suatu operasi sehingga dapat juga digunakan untuk aktivitas lainnya seperti use case atau interaksi.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><i>Sequence</i> Diagram adalah gambaran kolaborasi dinamis antara sejumlah objek dan untuk menunjukan rangkaian pesan yang dikirim antar objek juga interaksi antar objek, sesuatu yang terjadi pada titik tertentu pada eksekusi sistem.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><i>Class</i> Diagram adalah gambaran rancangan struktur dan deskripsi class dan objek beserta hubungan antara pewarisan, asosiasi dan lain-lain.
+
 
</ol>
 
</ol>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
</div>
<p style="line-height: 2">Dalam penelitian ini, peneliti juga menggunakan beberapa tool berupa software, yaitu sebagai berikut :</p></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Analis '''</div>===
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Visual Paradigm for UML Enterprises Edition 8, merupakan <i>software</i> yang akan digunakan untuk men-design dan membuat suatu model diagram.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><i>Framework</i> CodeIgniter adalah bahasa pemrograman yang akan digunakan.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">XAMPP Version 3.2.2 adalah <i>tool</i> yang menyediakan paket perangkat lunak ke dalam satu buah paket.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">MySQL adalah <i>database</i> yang akan digunakan.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sublime Text 3 adalah <i>software</i> yang digunakan sebagai text editor untuk membuat <i>design</i> web.
+
</ol>
+
  
===Metode Pengembangan Sistem===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p style="line-height:2"> Peneliti menggunakan metode ''Business Model Canvas model (BMC)'' bisnis yang menggambarkan dasar pemikiran tentang bagaimana organisasi menciptakan, memberikan, dan sebagai aktivitas pendukung yang membantu secara keseluruhan dengan menyediakan dukungan yang diperlukan bagi berlangsungnya aktivitas –aktivitas yang dilakukan secara berkelanjutan.
 +
</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Perancangan Sistem'''</div>===
<p style="line-height: 2">Dalam skripsi ini, metode pengembangan sistem yang digunakan peneliti adalah menggunakan metode SDLC. SDLC <i>(Systems Development Life Cycle)</i>, (Siklus Hidup Pengembangan Sistem) atau Systems Life Cycle (Siklus Hidup Sistem), dalam rekayasa sistem dan rekayasa perangkat lunak adalah proses pembuatan dan pengubahan sistem serta model dan metodologi yang digunakan untuk mengembangkan sistem. SDLC juga merupakan pola yang diambil untuk mengembangkan sistem perangkat lunak yang terdiri dari tahap-tahap: rencana <i>(planning)</i>, analisis <i>(analysis)</i>, desain <i>(design)</i>, implementasi <i>(implementation)</i>, uji coba <i>(testing)</i> dan pengelolaan <i>(maintenance)</i>.</p></div>
+
  
===Metode <i>Testing</i>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Metode pengujian sistem yang digunakan peneliti adalah Metode <i>Black Box Testing</i>. <i>Blackbox Testing</i> adalah metode uji coba yang memfokuskan pada keperluan fungsional <i>software</i> karena itu, uji coba <i>blackbox</i> memungkinkan pengembangan dalam <i>software</i> untuk membuat himpunan kondisi input atau data uji yang akan menguji fungsional dan output suatu program. Metode pengujian <i>blackbox</i> digunakan untuk menemukan kesalahan dalam beberapa kategori, di antaranya fungsi-fungsi yang salah satu hilang, kesalahan tampilan luar, kesalahan <i>output</i>, kesalahan dalam struktur atau akses <i>database eksternal,</i>.</p></div>
+
  
==Sistematika Penulisan==
+
<p>Metode perancangan yang dipilih oleh penulis dalam penelitian skripsi ini adalah ''UML (Unified Modelling Language)''. Dengan menggunakan aplikasi berupa Visual Paradigm UML 15.2 Community Edition, diantaranya yang digunakan ''Usecase Diagram, Activity Diagram, Sewuence Diagram, dan Class Diagram''. Selain itu juga digunakan bahasa pemrograman PHP serta menggunakan database MySQL. ''Software ''pendukung yang digunakan seperti XAMPP dan ''text editor'' Sublime dalam mendesain web yang dibuat. </p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
</div>
<p style="line-height: 2">Untuk mempermudah dalam menyusun laporan Skripsi ini maka, peneliti mengelompokkan penulisan Skripsi ini dalam beberapa bab penulisan, yaitu sebagai berikut :</p></div>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Pengujian'''</div>===
'''BAB I PENDAHULUAN'''</div>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height: 2">Pada bab ini berisi tentang penjelasan latar belakang penulisan, perumusan masalah, tujuan dan manfaat penelitian, ruang lingkup penelitian, metode penelitian, metode analisa, metode perancangan, metode pengembangan sistem, metode testing yang digunakan serta sistematika penulisan skripsi.</p></div>
+
<p style="line-height:2"> Peneliti menggunakan ''Black Box Testing'' sebagai metode pengujian untuk website yang akan dirancang. Metode ini menguji detail-detail dari aplikasi yang dibuat, seperti tampilan aplikasi, fungsi-fungsi dan kesesuaian alur fungsi dengan proses yang diinginkan.
 +
</p></div>
 +
 
 +
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Sistematika Penulisan'''</div>==
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p style="line-height:2"> Untuk mempermudah peneliti dalam membuat penyusunan laporan dan pembahasan secara sistematis, maka penulisan Skripsi ini terdiri dari beberapa sub bab dengan sistematika penulisan sebagai berikut:
 +
</p>
 +
</div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
'''BAB II LANDASAN TEORI'''</div>
+
<p style="line-height:2">'''BAB I &emsp; PENDAHULUAN'''</p>
 
+
<p style="line-height:2;">     Bab ini membahas tentang informasi umum dari akar permasalahan yang ada diantaranya latar belakang, rumusan masalah, ruang lingkup penelitian, tujuan dan manfaat penelitian, dan sistematika penulisan.
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
</p></div>
<p style="line-height: 2">Bab ini berisi gambaran yang membahas mengenai sistem secara teoritis yang dikutip dari buku berupa pengertian yang berhubungan dengan tema penelitian.</p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
'''BAB III ANALISA SISTEM YANG BERJALAN'''</div>
+
<p style="line-height:2">'''BAB II &emsp; LANDASAN TEORI'''</p>
 +
<p style="line-height:2;"> Bab ini berisikan teori yang berupa pengertian maupun definisi yang diambil dari kutipan buku yang berkaitan dengan penyusunan laporan skripsi serta beberapa literature review yang berhubungan dengan penelitian.
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Pada bab ini, peneliti menguraikan tentang gambaran umum mengenai Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang, sejarah singkat, struktur organisasi instansi pemerintah, serta wewenang dan tanggung jawab pada organisasi, analisis rancangan diagram sistem pengajuan kartu identitas anak mulai dari <i>use case</i> diagram, <i>activity</i> diagram, <i>sequence</i> diagram, analisis permasalahan sistem, analisis kebutuhan sistem, solusi yang diberikan, <i>user requirement</i> menggunakan elisitasi tahap 1, 2, 3 dan final draft elisitasi sebagai landasan men-desain sistem.</p></div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
'''BAB IV RANCANGAN SISTEM YANG DIUSULKAN'''</div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
</p></div>
<p style="line-height: 2">Bab ini terdiri dari tahapan penelitian, perancangan dan hasilnya. Baik secara kualitatif, kuantitatif, pengujian sistem, pembuatan sistem, pembahasan hasil sistem yang digunakan, evaluasi dari sistem yang dibuat, dan impelementasi sistem.</p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
'''BAB V PENUTUP'''</div>
+
<p style="line-height:2">'''BAB III &emsp; ANALISA SISTEM BERJALAN'''</p>
 +
<p style="line-height:2;"> Bab ini membahas tentang gambaran umum instansi, tata laksana sistem yang berjalan, permasalahan yang dihadapi, alternatif pemecahan masalah, user requirement yang terdiri dari 4 (empat) tahap elisitasi, yakni elisitasi tahap I, elisitasi tahap II, elisitasi tahap III, serta final draft elisitasi.
 +
.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
<p style="line-height: 2">Pada bab ini berisi kesimpulan dan saran dari seluruh penelitian yang telah dilakukan. Kesimpulan mengemukakan masalah yang ada pada penelitian serta hasil dari penyelesaian penelitian yang bersifat analisis obyektif. Sedangkan, saran berisi masukan dari peneliti sebagai tindak lanjut untuk perbaikan dan kemajuan instansi di masa mendatang.</p></div>
+
<p style="line-height:2">'''BAB IV &emsp; RANCANGAN SISTEM YANG DIUSULKAN'''</p>
 +
<p style="line-height:2;"> Bab ini menjelaskan rancangan sistem yang diusulkan pada Kafe Rute 15, yang meliputi Usecase Diagram, Activity Diagram, Sequence Diagram, dan Class Diagram, spesifikasi basis data, tampilan program dan pengujian system menggunakan Blackbox Testing.
 +
</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
<p style="line-height: 2">
+
<p style="line-height:2">'''BAB V &emsp; PENUTUP'''</p>
'''DAFTAR PUSTAKA'''</p></div>
+
<p style="line-height:2;"> Pada bab ini berisi tentang kesimpulan hasil dari penelitian dan menjawab dari tujuan penelitian yang diajukan serta saran – saran seputar pengembangan sistem kedepan sesuai kebutuhan stakeholder yang diperlukan untuk melakukan perbaikan dimasa yang akan datang.
 +
.</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
<p style="line-height: 2">
+
<p style="line-height:2">'''DAFTAR PUSTAKA'''</p>
'''LAMPIRAN'''</p></div>
+
 
+
{{Pagebreak}}<hr/>
+
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 +
<p style="line-height:2">'''DAFTAR 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">'''BAB II'''</div>=
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div>
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div>
  
==Teori Umum==
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Teori Umum'''</div>==
  
===Konsep Dasar Sistem===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;"> '''Konsep Dasar Sistem'''</div>===
  
====Definisi Sistem====
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Sistem'''</div>====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
 
 +
<p> Menurut Tyoso (2016:1) <ref name="Tyoso"> Tyoso, Jaluanto Sunu Punjul.Sistem Informasi Manajemen Ed.11.Yogyakarta.Deepublish, 2016. </ref>  “Sistem merupakan suatu kumpulan dari komponen – komponen yang membentuk satu kesatuan”, sedangkan Anggraeni (2016:23) <ref name="Anggeraini_E"> Anggraeni, E.Y.  Pengantar Sistem Informasi.Yogyakarta.Cv Andi Offset 2016. </ref> mendefinisikan sistem sebagai “Sekumpulan elemen yang saling terkait/terpadu yang dimaksudkan untuk mencapai suatu tujuan”. Sementara, menurut Ruli Supriati dkk dalam Jurnal Sensi (2018:91) <ref name="Rully"> Supriati, Ruli, Agus Salim Saputra dan Siti Shuhaibatul Islamiah. “Aplikasi Sistem Pengiriman Barang Ekspor Berbasis Web Pada PT. Tuntex Gar-ment Indonesia Tangerang Guna Meningkatkan Mutu Proses Pengiriman Ekspor Barang.”. Jurnal Sensi. Vol 4 nomor 1 . 2018 </ref> , menjelaskan bahwa “Sistem dapat didefinisikan dengan cara mengumpulkan, memproses, menyimpan, menganalisis, menyebarkan informasi untuk tujuan tertentu. seperti sebuah system informasi terdiri atas input (data, instruksi) dan output (laporan, kalkulasi)”.
 +
.</p>
 +
<p> Berdasarkan penjelasan para ahli diatas, dapat disimpulkan bahwa system adalah sekumpulan komponen atau elemen yang saling berkaitan dan system jugga memiliki input dan output. </p>
 +
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Karakteristik Sistem'''</div>====
<p style="line-height: 2">Menurut Diding Kusnady dan Ardiman Siregar dalam Jurnal Juripol Vol.1 No.1 (2018:10)<ref name="Kusnadydkk2018">Kusnady, Diding dan Ardiman Siregar. 2018. Sistem Informasi Biaya Pendidikan (BPP) pada Politeknik Ganesha Medan Berbasis Web. Medan: Jurnal Institusi Politeknik Ganesha Medan Vol.1 No.1.</ref>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
“Sistem berasal dari bahasa Yunani, yaitu <i>“Systema”</i>, yang artinya sekumpulan objek yang bekerja bersama-sama menghasilkan metode, prosedur, teknik yang digabungkan dan diatur sedemikian rupa sehingga menjadi satu kesatuan yang berfungsi untuk mencapai suatu tujuan”.</p></div>
+
<p style="line-height:2">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
Menurut Jogiyanto yang dikutip oleh  dalam jurnal Informatika Mulawarman (2016:24) <ref name="jogiyanto">Priyo Sutopo, Dedy Cahyadi, Zainal Arifin. 2016. Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web.Kalimantan.Jurnal Informatika Mulawarman Vol.11 No.1-Februari. 2016</ref> sistem mempunyai karakteristik atau sifat sifat tertentu, yaitu  : </p>
<p style="line-height: 2">Menurut Eka Iswandy dalam Jurnal Teknoif Vol.3 No.2 (2015: 72)<ref name="Iswandy2015">Iswandy, Eka. 2015. Sistem Penunjang Keputusan Untuk Menentukan Penerimaan Dana Santunan Sosial Anak Nagari Dan Penyalurannya Bagi Mahasiswa Dan Pelajar Kurang Mampu Di Kenagarian Barung-Barung Balantai Timur. Jurnal TEKNOIF. Vol 3 (2), 72.</ref>, “Sebuah sistem terdiri dari berbagai unsur yang saling melengkapi dalam mencapai tujuan dan sasaran”.</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 Mulyati dkk, dalam jurnal ICIT Vol. 04 No. 02 (2018:119)<ref name="Mulyatidkk2018">Mulyati, Rasyid Tarmizi dan Angga Panugali. 2018. Sistem Informasi Absensi Berbasis Web Pada Badan Penanggulangan Bencana Daerah Kota Tangerang. Jurnal ICIT. 4(2).</ref>, “sistem didefinisikan sebagai serangkaian tindakan yang saling berhubungan dan berkaitan untuk melakukan dan mencapai tugas bersama-sama”.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berdasarkan definisi yang dipaparkan diatas, definisi sistem adalah sekumpulan atau serangkaian unsur unsur yang digabung menjadi satu kesatuan untuk mencapai tujuan dan sasaran bersama – sama.</p></div>
+
 
+
====Karakteristik Sistem====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hutahaean, J. (2015:3-5)<ref name ="Hutahean2015"> Hutahaean, J. 2015. “Konsep Sistem Informasi.” Jakarta: Deepublish.</ref>, mengatakan bahwa supaya sistem itu dikatakan sistem yang baik harus memiliki beberapa karateristrik sistem sebagai berikut:</p></div>
+
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p><li> Komponen </p>
<p style="line-height: 2">Komponen Sistem <i>(Components System)</i> Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, yang artinya saling bekerja sama membentuk satu kesatuan. Komponen-komponen sistem tersebut dapat berupa suatu subsistem. Setiap subsistem memiliki sifat dari sistem yang menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan.
+
<p> Komponen sistem suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, yang artinya saling bekerjasama membentuk satu kesatuan. Komponen komponen sistem atau elemen – elemen sistem dapat berupa suatu subsistem atau bagian – bagian dari sistem. </p>
</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Batasan Sistem <i>(Boundary System)</i> Ruang lingkup sistem merupakan daerah yang membatasi antar sistem dengan sistem yang lain atau sistem dengan lingkungan luarnya, batasan sistem ini memungkinkan suatu sistem dipandang sebagai satu kesatuan yang tidak dapat dipisahkan.
+
</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Lingkungan Luar Sistem <i>(Environtment System)</i> Bentuk apapun yang ada di luar ruang lingkup atau batasan sistem yang mempengaruhi operasi sistem tersebut disebut lingkungan luar sistem, lingkungan luar sistem ini dapat bersifat menguntungkan dan dapat juga bersifat merugikan sistem tersebut. Dengan demikian, lingkungan luar tersebut harus tetap dijaga dan dipelihara, lingkungan luar yang merugikan harus dikendalikan, jika tidak akan mengganggu kelangsungan hidup sistem tersebut.
+
</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Penghubung Sistem <i>(Interface System)</i> Media yang menghubungkan sistem dengan subsistem lain disebut penghubung sistem atau <i>interface</i>, penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem lain. Bentuk keluaran dari satu subsistem akan menjadi masukan untuk subsistem lain melalui penghubung tersebut, dengan demikian dapat terjadi suatu integrasi sistem yang membentuk suatu kesatuan.
+
</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Masukan Sistem <i>(Input System)</i> Energi yang dimasukkan ke dalam sistem disebut masukkan sistem, yang dapat berupa pemeliharaan <i>(maintenance input)</i> dan sinyal <i>(signal Input)</i>. Contoh: di dalam suatu unit sistem komputer program adalah maintenance input yang digunakan untuk mengoperasikan komputernya dan "data" adalah signal input untuk diolah menjadi informasi.
+
</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Pengolahan Sistem <i>(Processing System)</i> Suatu sistem dapat mempunyai suatu proses yang akan mengubah masukkan menjadi keluaran, contohnya adalah sistem akuntansi. Sistem ini akan mengolah data transaksi menjadi laporan-laporan yang dibutuhkan oleh pihak manajemen.
+
</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Keluaran Sistem <i>(Output System)</i> Hasil energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna, keluaran ini merupakan masukkan bagi subsistem yang lain seperti sistem informasi. Keluaran yang dihasilkan adalah informasi, informasi ini dapat digunakan sebagai masukkan untuk pengambilan keputusan atau hal-hal yang menjadi input bagi subsistem lain.
+
</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Sasaran <i>(Objective)</i> atau Tujuan <i>(Goals)</i> Suatu sistem memiliki tujuan dan sasaran yang pasti dan bersifat deterministic, jika suatu sistem tidak memiliki sasaran maka operasi sistem tidak ada gunanya. Suatu sistem dikatakan berhasil bila mengenai sasaran atau tujuan yang telah direncanakan.
+
</p>
+
</li>
+
</ol>
+
  
====Klasifikasi Sistem====
+
<p><li> Batasan Sistem </p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hutahaean, J. (2015:6-7)<ref name ="Hutahean2015"> Hutahaean, J. 2015. “Konsep Sistem Informasi.” Jakarta: Deepublish.</ref>, sistem dapat diklasifikasikan sebagai berikut:</p></div>
+
<p> Batasan system adalah daerah yang membatasi antara suatu system dengan system yang lainnya atau dengan lingkungan luarnya. </p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"><strong>Sistem Abstrak dan Sistem Fisik</strong>. Sistem abstrak merupakan sistem yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik, misalnya sistem teologi. Sedangkan sistem fisik diartikan sebagai sistem yang nampak secara fisik sehingga setiap mahluk dapat melihatnya, misalnya sistem komputer.
+
</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"><strong>Sistem Alamiah dan Sistem Buatan Manusia</strong>. Sistem alamiah merupakan sistem yang terjadi melalui proses alam, tidak dibuat oleh manusia, misalnya sistem tata surya, sistem galaksi, dan lain-lain. Sedangkan sistem buatan manusia merupakan sistem yang dirancang oleh manusia. Sistem buatan yang melibatkan interaksi manusia, misalnya sistem akuntansi, sistem informasi, dan lain-lain.
+
</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"><strong>Sistem Deterministik dan Sistem Probabilistik</strong>. Sistem deterministik merupakan sistem yang beroperasi dengan tingkah laku yang sudah dapat diprediksi. Interaksi bagian-bagiannya dapat dideteksi dengan pasti sehingga keluaran dari sistem dapat diramalkan, misalnya sistem komputer, adalah contoh sistem yang tingkah lakunya dapat dipastikan berdasarkan program-program komputer yang dijalankan. Sedangkan sistem probabilistik merupakan sistem yang kondisi masa depannya tidak dapat diprediksi karena mengandung unsur probabilitas, misalnya sistem manusia.
+
</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2"><strong>Sistem Terbuka dan Sistem Tertutup</strong>. Sistem terbuka merupakan sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya. Lebih sepesifik dikenal juga yang disebut dengan sistem terotomasi, yang merupakan bagian dari sistem buatan manusia dan berinteraksi dengan kontrol oleh satu atau lebih komputer sebagai bagian dari sistem yang digunakan dalam masyarakat modern. Misalnya sistem kebudayaan manusia. Sedangkan sistem tertutup merupakan sistem yang tidak berhubungan dan tidak terpengaruh dengan lingkungan luarnya. Secara teoritis sistem tersebut ada, tetapi kenyataannya tidak ada sistem yang benar- benar tertutup, yang ada hanyalah <i>relatively closed system</i> (secara relatif tertutup, tidak benar-benar tertutup). secara otomatis dan terbuka hanya untuk pengaruh yang baik.
+
</p>
+
</li>
+
</ol>
+
  
===Konsep Dasar Data Dan Informasi===
+
<p><li>Lingkungan Luar Sistem (environment) </p>
 +
<p>Lingkungan daru suatu system adalah apapun diluar batas dari system yang mempengaruhi operasi system. </p>
  
====Definisi Data====
+
<p><li> Penghubung system (interface)</p>
 +
<p>Penghubung system adalah media penghubun antara satu subsistem dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem lainnya. </p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p><li>Masukan system (input) </p>
<p style="line-height: 2">Menurut Ajika Pamungkas (2017:1), <ref name="Ajika2017">Pamungkas, Canggih Ajika. 2017. Pengantar dan Implementasi Basis Data.Yogyakarta: Deepublish.</ref>
+
<p> Masukan system merupakan energy yang dimasukan ke dalam system. Masukan dapat berupa perawatan (maintenance input) dan masukan sinyal (signal input).
data merupakan nilai yang merepresentasikan deskripsi dari suatu objek atau kejadian. Informasi merupakan hasil dari pengolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian-kejadian nyata yang digunakan untuk pengambilan keputusan.</p></div>
+
</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Kris H. Timotius (2017:63)<ref name="Kris2017">H. Timotius, Kris. 2017. Pengantar Metodologi Penelitian Pendekatan Manajemen Pengetahuan untuk Perkembangan Pengetahuan. Yogyakarta: Andi.</ref>, menerangkan bahwa “data adalah nilai dari fakta keberadaan sesuatu atau keadaan yang dapat diamati, diukur, dan dihitung. Data adalah kumpulan datum. Data tidak otomatis memberikan informasi yang bermanfaat. Data perlu dianalisis, diklasifikasikan, diseleksi, dipilah-pilah sehingga menjadi bermakna”.</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 Adyanata Lubis (2016:1)<ref name="Adyanata2016">Lubis, Adyanata. 2016. Basis Data Dasar. Yogyakarta: Deepublish.</ref>, menerangkan bahwa “data adalah fakta-fakta yang menggambarkan suatu kejadian yang sebenarnya pada waktu tertentu”.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Dari definisi yang dipaparkan diatas data adalah nilai dan fakta yang mendeskripsikan suatu keadaan tertentu yang dapat digunakan sebagai informasi penting disebuah diskusi baik individu ataupun kelompok.</p></div>
+
  
====Definisi Informasi====
+
<p><li> Keluaran system (output)</p>
 +
<p>Keluaran system adalah hasil dari energy yang diolah dan diklasifikasikan menjadi keluaran  yang berguna dari sisa pembuangan.
 +
</p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p><li> Pengolahan system </p>
<p style="line-height: 2">Menurut Lusyani Sunarya, Ogi Dermawan, dkk. Vol 2 No 1 (2016): SENSI JOURNAL<ref name="Lusyanidkk2016">Sunarya Lusyani, Ogi Dermawan, dkk. 2016. “Desain Media <i>Sign System</i> dan
+
<p>Pengolahan sistem dapat mempunyai suatu bagian pengolah yang akan merubah masukan menjadi keluaran.
Himbauan sebagai Penunjang Informasi pada Yayasan Perguruan Islam Attaqwa”. Malang:Universitas Brawijaya.</ref>
+
</p>
, dalam jurnal berjudul “Desain Media <i>Sign System</i> dan Himbauan sebagai Penunjang Informasi pada Yayasan Perguruan Islam Attaqwa”. Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimannya, informasi disebut juga data yang diproses atau data yang memiliki arti.</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 Handoko (2016:83)<ref name="Handoko2016">Handoko. 2016. Pemanfaatan Windows API untuk sistem informasi AMIK Cipta Darma Surakarta. Palembang : Seminar Nasional Teknologi Informasi, Bisnis dan Desain. STMIK PalCOmtech.</ref>, informasi merupakan data yang telah diolah menjadi bentuk yang berguna bagi penerimanya dan nyata, berupa nilai yang dapat dipahami didalam keputusan sekarang maupun masa depan.</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 Hafizar dkk, dalam Jurnal SENSI Vol. 03 No. 02 (2017:192)<ref name="Hafizardkk2017">Hafizar, Khozin Yuliana dan Muh Afiffudin. 2017. Perancangan Sistem
+
Informasi Pendataan Karyawan Pada Perusahaan Jasa Berbasis Web. Jurnal SENSI. 3(2).</ref>, informasi adalah fakta yang telah diolah dengan cara tertentu yang menggambarkan suatu kejadian nyata untuk diolah agar dapat dipahami dan digunakan dalam pengambilan suatu keputusan.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berdasarkan definisi diatas informasi adalah data dan fakta yang diperoleh dalam suatu kejadian yang nyata untuk diolah agar dapat dimengerti dan dipahami maksudnya.</p></div>
+
  
====Kualitas Informasi====
+
<p><li>Sasaran system </p>
 +
<p>Sasaran suatu system pasti mempunyai tujuan atau sasaran. Jika suatu system tidak mempunyai sasaran, maka operasi system tidak akan ada gunanya.
 +
</p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
</ol>
<p style="line-height: 2">Menurut Sutabri yang dikutip oleh Muhamad Muslihudin dan Oktafianto (2016:10)<ref name="Muslihudindkk2016">Muslihudin, Muhammad dan Oktavianto. 2016. Analisis dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML. Yogyakarta: CV. Andi Offset.</ref>, mengemukakan bahwa kualitas dari suatu informasi tergantung dari tiga hal, yaitu:</p></div>
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Informasi harus akurat <i>(Accurate)</i>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Informasi harus bebas dari kesalahan dan tidak bias atau menyesatkan. Akurat juga berarti bahwa informasi harus jelas mencerminkan maksudnya.</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tepat Waktu <i>(Timelines)</i>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Informasi yang sampai pada si penerima tidak boleh terlambat, informasi yang sudah usang tidak akan mempunyai nilai lagi. Karena informasi merupakan landasan di dalam pengambilan keputusan.</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Relevan <i>(Relevance)</i>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Informasi tersebut memiliki manfaat untuk pemakainya. Relevansi informasi untuk setiap orang, satu dengan lainnya adalah berbeda.
+
</p>
+
 
</div>
 
</div>
</ol>
 
  
====Nilai Informasi====
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Klasifikasi  Sistem'''</div>====
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hutahaean, J. (2015:12-13)<ref name ="Hutahean2015"> Hutahaean, J. 2015. “Konsep Sistem Informasi.” Jakarta: Deepublish.</ref>, bahwa nilai informasi ditemtukan oleh dua hal, yaitu manfaat dan biaya mendapatkannya. Suatu informasi dikatakan lebih bernilai jika manfaatnya lebih efektif dibandingkan dengan biaya mendapatkannya. Biaya informasi terdiri dari:</p></div>
+
<p style="line-height:2">Menurut Mustakini yang di kutip oleh Ruhul Amin (2017:2))<ref name="mustakini,">Ruhul Amin, 2017. Rancang bangun Sistem Informasi penerimaan siswa baru pada SMK Budhi Warman 1 Jakarta.  Jurnal ilmu pengetahuan dan teknologi komputer.” Vol.2 No.3.</ref>, mengatakan Sistem dapat diklasifikasikan dari beberapa sudut pandang, diantaranya adalah sebagai berikut:.</p>
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li><p>Sistem Abstrak ''(Abstract System)'' </p>
<p style="line-height: 2">Biaya perangkat keras : merupakan biaya tetap atau biaya tertanam dan akan meningkat untuk tingkat – tingkat mekanisasi yang lebih tinggi.</p>
+
<p>Sistem diklasifikasikan sebagai sistem abstrak ''(abstract system)'' dan sistem fisik ''(physical system)''. Sistem abstrak adalah sistem yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik. Misalnya sistem teologia, yaitu sistem yang berupa pemikiran-pemikiran hubungan antara manusia dengan Tuhan. Sistem fisik merupakan sistem yang ada secara fisik. Misalnya sistem komputer, sistem akutansi, sistem produksi dan lain sebagainya. </p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li><p>Sistem Alamiah ''(Natural System)'' </p>
<p style="line-height: 2">Biaya untuk analisis : merupakan biaya tertanam, dan biasanya akan meningkat sesuai dengan tingkat mekanisasi yang lebih tinggi.</p>
+
<p>Sistem diklasifikasikan sebagai sistem alamiah ''(natural system)'' dan sistem buatan manusia ''(human made system)''. Sistem alamiah adalah sistem yang terjadi melalui proses alam, tidak dibuat manusia. Misalnya sistem perputaran bumi. Sistem buatan manusia adalah sistem yang dirancang oleh manusia. Sistem buatan manusia yang melibatkan interaksi antara manusia dengan mesin disebut dengan human-machine sistem atau ada yang menyebut dengan man-machine sistem. Sistem informasi merupakan contoh manmachine sistem, karena menyangkut penggunaan komputer yang berinteraksi dengan manusia. </p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li><p> Sistem Tertentu ''(probabilitas System)''</p>
<p style="line-height: 2">Biaya untuk tempat dan ''factor control'' lingkungan : Biaya ini setengah berubah / semivariabel. Biasanya biaya ini meningkat sesuai dengan tingkat mekanisasi yang tinggi.</p>
+
<p>Sistem diklasifikasikan sebagai sistem tertentu dan sistem tak tentu ''(probabilitas system)''. Sistem tertentu beroperasi dengan tingkah laku yang sudah dapat diprediksi interaksi diantara bagian-bagiannya dapat dideteksi dengan pasti. Sehingga keluaran dari sistem dapat diramalkan. Sistem komputer adalah contoh dari sistem interaksi yang tingkah lakunya dapat dipastikan berdasarkan program-program yang dijalankan. Sistem tak tentu adalah sistem yang kondisi masa depannya tidak dapat diprediksikan karena mengandung unsur probabilitas. </p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<li><p> Sistem Tertutup ''(Close System'')</p>
<p style="line-height: 2">Biaya perubahan : Biaya ini merupakan biaya tertanam dan meliputi setiap jenis perubahan dari suatu metode ke metode yang lain.</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Biaya operasi : Biaya ini pada dasarnya merupakan biaya variable dan meliputi biaya macam–macam pegawai, pemeliharaan fasilitas dan sistem.</p></ol>
+
  
====Jenis-jenis Informasi====
+
<p> Sistem diklasifikasikan sebagai sistem tertutup ''(close system)'' dan sistem terbuka ''(open system)''. Sistem tertutup merupakan sistem yang tidak berhubungan dan tidak terpengaruh dengan lingkungan luarnya. Sistem ini bekerja secara otomatis tanpa adanya turut campur tangan dari pihak luarnya. Secara teoritis sistem tertutup ini ada, tetapi kenyataannya tidak ada sistem yang benar-benar tertutup, yang ada hanyalah relatively closed sistem (secara relatif tertutup,tidak benar-benar tertutup). Sistem terbuka adalah sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya. Sistem ini menerima masukan dan menghasilkan keluaran untuk lingkungan luar atau subsistem yang lainnya. Karena sistem sifatnya terbuka dan terpengaruh oleh lingkungan luarnya, maka system harus mempunyai suatu sistem pengendalian yang baik. Sistem yang baik harus dirancang sedemikian rupa, sehingga secara relatif tertutup karena sistem tertutup akan bekerja secara otomatis dan terbuka hanya untuk pengaruh yang baik saja.
 +
</p>
 +
  </ol>
 +
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Suryana dkk. dalam Jurnal CCIT Vol. 9 No. 1. (2015:80)<ref name="Lusyani2015">Lusyani, Sunarya., Po. Abas Sunarya dan Jasmine Daara Assyifa. 2015. Keefektifan Media Komunikasi Visual sebagai Penunjang Promosi pada Perguruan Tinggi Raharja. Ejournal STIMIK Raharja. 9(1).</ref>, informasi dalam manajemen diklasifikasikan berdasarkan aspek-aspek, yang diantaranya adalah:</p></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Informasi'''</div>===
<ol>
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Informasi'''</div>====
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height: 2">Informasi berdasarkan persyaratan. Suatu Informasi harus memenuhi persyaratan sebagaimana dibutuhkan oleh manajer dalam rangka pengambilan keputusan yang harus segera dilakukan.</p>
+
<p>Menurut Wulan Ayu dan Ilham Perdana (2017)  yang mengutip pendapat R. Kelly Rainer dan Efraim Turban (2009) <ref name ="wulan">Ayu, Wulan dan Ilham Perdana. 2017. Perancangan Sistem Informasi Rekrutmen Dan Seleksi Karyawan Berbasis Web Di PT. Qwords Company International. Jurnal Manajemen Indonesia. Vol.3, No.14. Hal.247-258. </ref>, informasi adalah data yang telah diproses sehingga memiliki arti dan nilai kepada penerima informasi tersebut. Sementara itu menurut Khozin Yuliana dalam Jurnal SENSI Vol 3. No. 2 : 192) (2017 <ref name ="khozin">  Harfizar, Khozin Yuliana dan Muh Afiffudin. 2017. Perancangan Sistem Informasi Pendataan Karyawan Pada Perusahaan Jasa Berbasis Web. Tangerang: Jurnal SENSI Vol.3 No.2.</ref> menjelaskan bahwa Informasi adalah Fakta yang telah diolah dengan cara tertentu yang menggambarkan suatu kejadian nyata untuk diolah agar dapat dipahami dan digunakan dalam pengambilan suatu keputusan”.
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Informasi berdasarkan dimensi waktu dibagi menjadi dua, yaitu:
+
</p>  
<ol style="list-style:lower-alpha">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Informasi masa lalu, adalah mengenai peristiwa lampau yang meskipun jarang di pergunakan, namun dalam penyimpanan pada data storage perlu disusun secara rapi dan teratur.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Informasi Masa Kini, adalah informasi mengenai peristiwa-peristiwa yang terjadi sekarang.
+
</ol></ol>
+
  
===Konsep Dasar Sistem Informasi===
+
<p> Menurut Muslihudin, dkk (2016:9) <ref name="muslihudin"> Muhamad Muslihudin, Oktafianto. 2016 Analisis Dan Perancangan Sistem Informasi Menggunakan Model Terstruktur Dan Uml. Jakarta: Penerbit Andi (Hal. 9). </ref> Informasi merupakan data yang diolah menjadi bentuk yang berguna untuk membuat keputusan. Informasi berguna untuk mebuat keputusan karena informasi menurunkan ketidak pastian (atau meningkatkan kepastian). Informasi menjadi penting karena berdasarkan informasi itu para pengelola dapat mengetahui kondisi objektif perusahaannya. Informasi tersebut merupakan hasil pengolahan data atau fakta yang dikumpulkan dengan metode ataupun cara-cara tertentu”.  </p>
  
====Definisi Sistem Informasi====
+
<p> Berdasarkan penjelasan para tokoh diatas dapat disimpulkan bahwa informasi adalah data yang sudah diolah atau diproses sehingga memiliki arti dan nilai kepada penerima informasi tersebut.  </p>
 +
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Karakteristik Informasi'''</div>====
<p style="line-height: 2">Menurut Rahayu dalam Jurnal SENSI Vol. 4 No. 1 (2018:3)<ref name="Rahayu2018">Rahayu, Sri., Ai Ratna Sari dan Tri Sendra Saputra. 2018. Analisa Sistem Informasi Pengelolaan Keuangan Pada UPT Dinas Pendidikan Kecamatan Neglasari Kota Tangerang. Jurnal SENSI. 4(1)</ref>, sistem infomasi merupakan elemen-elemen yang saling berinteraksi secara sistematis dan teratur untuk menciptakan dan membentuk aliran informasi yang akan mendukung pembuatan keputusan dan melakukan kontrol terhadap jalannya perusahaan.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Purba (2016:48)<ref name="Purba2016">Purba, Minda Mora. 2016. Penerapan E-Bisnis Dalam Sistem Informasi Pemesanan Kamar Hotel. Jurnal Sistem Informasi Universitas Suryadarma. 3(1).</ref>, Sistem Informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporan-laporan yang diperlukan.</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 Hutahaean (2015:13)<ref name="Hutahean2015">Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Yogyakarta: Deepublish.</ref>, sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengelolaan transaksi harian, mendukung operasi, bersifat manajerial, dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang dibutuhkan.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berdasarkan definisi yang dipaparkan diatas dapat disimpulkan bahwa sistem informasi adalah suatu sistem yang ada didalam suatu organisasi yang merupakan elemen – elemen  saling berinteraksi secara sistemastis.</p></div>
+
  
====Komponen Sistem Informasi====
+
<p> Menurut Krismiaji (2015:15), <ref name="krismiaji"> Krismiaji. 2015. Sistem Informasi Akuntansi. Yogyakarta. UPP STIM YKPN. </ref> agar bermanfaat, informasi harus memiliki kualitas atau karakteristik sebagai berikut:</p>
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Hutahaean (2015:13)<ref name="Hutahean2015">Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Yogyakarta: Deepublish.</ref>, “Sistem informasi terdiri dari komponen-komponen yang disebut dengan istilah blok bangunan <i>(building block)</i>”, yaitu: </p></div>
+
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Blok Masukan <i>(Input Block)</i>
+
<p><li> Relevan : Menambah pengetahuan atau nilai bagi para pembuat keputusan, dengan cara mengurangi ketidakpastian, menaikan kemampuan untuk memprediksi, atau menegaskan/membenarkan ekspektasi semula. </p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Input mewakili data yang masuk kedalam sistem informasi. Input disini termasuk metode-metode dan media yang digunakan untuk menangkap data yang akan dimasukkan, yang dapat berupa dokumen dasar.</p></div>
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Blok model <i>(Model block)</i>
+
<p><li>Dapat Dipercaya : Bebas dari kesalahan atau bias dan secara akurat menggambarkan kejadian atau aktivitas organisasi. </p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Blok ini terdiri dari kombinasi prosedur, logika dan metode matematik yang akan memanipulasi data input dan data yang tersimpan di basis data dengan cara yang sudah tertentu untuk menghasilkan keluaran yang sudah diinginkan.</p></div>
+
<p><li> Lengkap : Tidak menghilangkan data penting yang dibutuhkan oleh para pemakai.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Blok keluaran <i>(Output block)</i>
+
<p><li>Tepat Waktu : Disajikan pada saat yang tepat untuk mempengaruhi proses pembuatan keputusan. </p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Produk dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem.</p></div>
+
<p><li>Mudah Dipahami : Disajikan dalam format yang mudah dimengerti. </p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Blok teknologi  <i>(Technology block)</i>
+
<p> <li> Dapat Diuji Kebenarannya : Memungkinkan dua orang yang kompeten untuk menghasilkan informasi yang sama secara independen. </p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Teknologi digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian diri secara keseluruhan. Teknologi terdiri dari unsur utama :</p></div>
+
<ol style="list-style:lower-alpha">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Teknisi <i>(humanware atau brainware)</i>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Perangkat lunak <i>(software)</i>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Perangkat keras <i>(hardware)</i>
+
</ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Blok basis data  <i>(Database block)</i>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk memanipulasinya.</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Blok Kendali  <i>(Control block)</i>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Banyak faktor yang dapat merusak sistem informasi, misalnya bencana alam, api, temperatur tinggi, air, debu, kecurangan-kecurangan, kejanggalan sistem itu sendiri, kesalahan-kesalahan, ketidakefisienan, sabotase dan sebagainya. Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah atau bila terlanjur terjadi kesalahan dapat langsung diatasi.</p></div>
+
</ol>
+
  
====Tujuan Sistem Informasi====
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Menurut Nina Rahayu dkk (2017:44)<ref name="Ninadkk2017">Rahayu, Nina dkk. 2017. “SWOT Analysis Recruitment: PT Indo Taichen Textile Industry”. Jurnal Semnasteknomedia Vol 5 No 1.</ref>, tujuan dari sistem informasi adalah menghasilkan informasi dari bentuk data yang diolah menjadi bentuk yang berguna bagi para pemakainya.</p></div>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kegunaan <i>(Usefulness)</i>. Sistem harus menghasilkan informasi yang akurat, tepat waktu, dan relevan untuk pengambilan keputusan manajemen dan personil operasi di dalam organisasi.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Ekonomi <i>(Economic)</i>. Semua bagian komponen sistem termasuk laporan-laporan, pengendalian-pengendalian, mesin-mesin harus menyumbang suatu nilai manfaat setidak-tidaknya sebesar biaya yang dibutuhkan.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Keandalan <i>(Realibility)</i>. Keluaran sistem harus mempunyai tingkatan ketelitian yang tinggi dan sistem itu sendiri harus mampu beroperasi secara efektif bahkan pada waktu komponen manusia tidak hadir atau saat komponen mesin tidak beroperasi secara temporer.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pelayanan Langganan <i>(Customer Service)</i>. Sistem harus memberikan pelayanan dengan baik atau ramah kepada para pelanggan. Sehingga sistem tersebut dapat diminati oleh para pelanggannya.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kesederhanaan <i>(Simplicity)</i>. Sistem harus cukup sederhana sehingga terstruktur dan operasinya dapat dengan mudah dimengerti dan prosedurnya mudah diikuti.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Fleksibilitas <i>(Fleksibility)</i>. Sistem harus cukup fleksibel untuk menangani perubahan-perubahan yang terjadi, kepentingannya cukup beralasan dalam kondisi dimana sistem beroperasi atau dalam kebutuhan yang diwajibkan oleh organisasi.
 
 
</ol>
 
</ol>
 +
</div>
  
===Konsep Dasar Website===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Data'''</div>===
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Data'''</div>====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
  
====Definsi Website====
+
<p>Eka Iswandy dalam jurnal TEKNOIF (2015:73) <ref name="iswandy"> Iswandy, Eka. 2015. Sistem Penunjang Keputusan Untuk Menentukan Penerimaan Dana Satuan Social Anak Nagari Dan Penyalurannya Bagi Mahasiswa dan Pelajar Kurang Mampu di Kenagarian Barung-Barung Balai Timur. Jurnal TEKNOIF. Vol. 3 nomor 2, Oktober 2015. </ref>  mengatakan bahwa “Data adalah semua yang belum mempunyai penerimanya dan masih memerlukan adanya suatu pengolahan. </p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p>Di sisi lain Martono dkk mengatakan dalam Jurnal CCIT (2016:231)<ref name="martono1"> Martono, Kartika dan Putri Aulia. 2017. “Aplikasi Jenjang Sosial Pendataan Kartu Keluarga Berbasis Web”. Jurnal CCIT. Vol. 10 nomor 2, Agustus 2017. </ref>
<p style="line-height: 2">Menurut Zufria dan Azhari dalam Jurnal Sistem Informasi Vol.1 No.1 (2017:52)<ref name="Zufriadkk2017">Zufria, Ilka dan M. Hasan Azhar. 2017. <i>Web-Based Applications in Calculation of Family Heritage (Science of Faroidh)</i>. Medan: Jurnal Sistem Informasi. Vol.1, No.1: 50-60.</ref>, memberi penjelasan bahwa “<i>website</i> merupakan kumpulan-kumpulan informasi yang tersedia di internet, supaya dapat diakses di seluruh dunia selama masih terhubung dengan jaringan internet”.</p></div>
+
bahwa “Data adalah deskripsi tentang benda, kejadian, aktivitas dan transaksi, yang tidak mempunya makna atau tidak terpengaruh serta langsung kepada pemakai.</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Sibero dalam Hidayat (2017:91)<ref name="Sibero2017">] Hidayat, Rahmat. 2017. Aplikasi Penjualan Jam Tangan Secara Online Studi Kasus: Toko JAMBORESHOP. Bekasi: Jurnal Teknik Komputer. Vol.3, No.2:90-96.</ref>, menerangkan bahwa “<i>Website</i> adalah suatu sistem yang berkaitan dengan dokumen digunakan sebagai media untuk menampilkan teks, gambar, multimedia dan lainnya pada jaringan internet.”</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 Rezky Kemala Siregar, dkk (2018)<ref name="Rezky2018">Siregar, Rezky Kemala. 2018. Analisis Kualitas Website Ruangguru.com Menggunakan Metode Webqual 4.0 dan Ipa (Importance Performance Analysis). eProceedings of Management. Vol.5 Page 1203.</ref>, “<i>Website</i> merupakan sebuah fasilitas yang menawarkan ruang bincang, email, maupun pesan instan dimana pengguna internet dapat menjelajahi <i>World Wide Web</i> dengan menggunakan <i>software browser</i> untuk mendapatkan berbagai macam informasi, hiburan maupun untuk kepentingan bisnis”.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berdasarkan definisi yang dipaparkan diatas dapat disimpulkan bahwa <i>website</i> adalah sebuah sistem yang memfasillitasi para pemakainya mengenai berbagai macam informasi yang terhubung dengan jaringan internet.</p></div>
+
  
===Konsep Dasar Aplikasi===
+
<p> Berdasarkan pengertian dari para ahli diatas, dapat disimpulkan bahwa data adalah sesuatu kejadian atau fakta yang harus perlu diolah terlebih dahulu agar bisa tercipta sebuah informasi </p>
 +
</div>
  
====Definsi Aplikasi====
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Sistem Informasi'''</div>===
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Sistem Informasi'''</div>====
<p style="line-height: 2">Menurut H. Mustakini dalam Jurnal Algoritma Vol. 14 No. 1 (2016:408)<ref name="Mustakinidkk2016">Priana, Isan dan Leni Fitriani. 2016. Perancangan Aplikasi Perangkat Lunak Pengelolaan Data Bank Sampah Di PT. Inpower Karya Mandiri Garut. Garut : Jurnal Algoritma. Vol.14 No.1:407-413.</ref>, “Aplikasi adalah penggunaan dalam suatu komputer, instruksi <i>(instruction)</i> atau pernyataan <i>(statement)</i> yang disusun sedemikian rupa sehingga komputer dapat memproses <i>input</i> menjadi <i>output</i>”.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Aplikasi menurut Ai Musrifah dan Ega Mutia (2017)<ref name="Aidkk2017">Musrifah. Ai, dan Ega Mutia. 2017. PEMBUATAN APLIKASI PENGELOLAAN PROPOSAL DI UNIT KEGIATAN PENGELOLA (UPK) KECAMATAN MANDE BERBASIS DESKTOP. Jurnal MJI. Vol. 9 No. 1, Juni 2017.</ref>, “adalah <i>software</i> yang dibuat oleh suatu perusahaan komputer untuk mengerjakan tugas-tugas tertentu, misalnya Microsoft Word, Microsoft Excel. Aplikasi berasal dari kata <i>application</i> yang artinya penerapan lamaran penggunaan”.</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 Azmi dalam Jurnal Sains dan Informatika Vol. 1 No. 2 (2015:48)<ref name="Azmidkk2015">Andini, Mia dan, Khairul Anwar Hafizd. 2015. “Perencanaan Dan Pembuatan Aplikasi Alumni Siswa:Studi Kasus SMK-SPP Negeri Pelaihari”. Kalimantan Selatan:Jurnal Sains Dan Informatika. Vol.1 No.2:48-57.</ref>, “Secara historis, aplikasi adalah <i>software</i> yang dikembangkan oleh 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">Berdasarkan definisi yang dipaparkan para ahli diatas bahwa aplikasi adalah apa yang digunakan dalam suatu komputer untuk memproses <i>input</i> menjadi <i>output</i>.</p></div>
+
  
===Konsep Dasar Analisa Sistem===
+
<p>Elisabet dan Rita, 2017 <ref name="elisabet"> Anggeraini, Elisabet Yunaeti dan Rita Ervani. 2017. Astah – Pengantar Sistem Informasi. Yogyakarta: CV Andi Offset. </ref>
 +
mengatakan bahwa Sistem informasi adalah suatu kombinasi teratur dari hardware, software, jaringan komunikasi dan sumber daya data yang mengumpulkan, mengubah, dan menyebarkan informasi dalam sebuah organisasi. </p>
  
====Definsi Analisa Sistem====
+
<p> Menurut Euis Sitinur Aisyah dalam Jurnal Sensi (2017:24) <ref name="euis">Aisyah, Euis Sitinur, Novi Nur Atika, Rere Intan Fandiny. 2017. Rancang Bangun Sistem Informasi Penjualan Ekspor Studi Kasus PT. Istem. Jurnal Sensi. Vol. 3 nomor 1, Februari 2017. </ref>
 +
, “Sistem Informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporan-laporan yang diperlukan. </p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p>Berdasarkan pengertian para ahli diatas, system informasi adalah suatu kombinasi dari software, hardware, jaringan komunikasi dan sumber daya data yang bisa digunakan untuk pengolahan transaksi harian yang mendukung fungsi operasi organisasi. </p>
<p style="line-height: 2">Menurut Suryadi dan Emi dalam Jurnal CCIT Vol. 9 No. 3 (2016:270)<ref name="Supriyadidkk2016">Suryadi, and Emi. 2016. “Sistem Pendukung Keputusan Pemilihan Kendaraan dalam Mendistribusikan Zakat, Infak dan Sedekah”. STMIK Raharja. Jurnal CCIT  Vol. 9 No. 3.</ref>, berpendapat bahwa analisis sistem merupakan penguraian dari suatu sistem yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan atau hambatan yang terjadi dari kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.</p></div>
+
</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Ardi Pramono dalam Jurnal Transformatika (2017:88)<ref name="Ardi2017">Pramono Ardi. 2017. “Aplikasi <i>Mobile Augmented Reality</i> Berbasis <i>Vuforia</i> Dan <i>Unity</i> Pada Pengenalan Objek 3D”. Universitas Semarang Jurnal Transformatika, volume 14, nomor 2, januari 2017.</ref>, menyatakan bahwa: Analisis sistem bertujuan untuk memahami masalah yang sedang dihadapi dengan sistem yang ada saat ini, sehingga diharapkan dengan mengetahui masalah-masalah tersebut, kita bisa merancang suatu sistem baru yang akan menyelesaikan atau paling tidak mengurangi masalah-masalah yang ada.</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 Maniah dan Dini Hamidin (2017:7)<ref name="Maniah2017">Maniah dan Dini Hamdini. 2017. Analisa Dan Perancangan Sistem Informasi Pembahasan Secara Praktis Dengan Contoh Kasus. Yogyakarta: Deepublish.</ref>, analisa sistem yaitu, memahami sistem yang rumit kemudian melakukan modifikasi dengan beberapa cara.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Dari definisi para ahli diatas bahwa definisi Analisa sistem adalah penguraian dari masalah sistem yang dihadapi dengan melakukan penyelesaian melalui beberapa cara.</p></div>
+
  
====Tahapan-Tahapan Analisa Sistem====
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Komponen Sistem Informasi'''</div>====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p> Menurut Hutahaean (2015:13-15), <ref name="hutahaen"> Hutahaean, Konsep Sistem Informasi. Yogyakarta: Deepublish, 2015. </ref> Sistem informasi terdiri dari komponen-komponen yang disebut dengan istilah blok bangunan (building block), yaitu: </p>  
<p style="line-height: 2">Menurut Hanif (2017:47)<ref name="Hanif2017">Hanif. 2017. Analisis dan Perancangan Sistem Informasi Untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern. Yogyakarta: CV Andi Offset.</ref>, dalam bukunya berjudul “Analisis Dan Perancangan Sistem Informasi Untuk Keunggulan Bersaing Perusahaan Dan Organisasi Modern”, Tahapan analisis sistem terdiri dari:</p></div>
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Analisis Kelemahan
+
<p style="line-height: 2">Analisis dilakukan untuk mengidentifikasi kelemahan-kelemahan pada proses-proses bisnis yang ada dan memastikan sistem baru bisa mengatasi kelemahan-kelemahan ini.</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Analisis Kebutuhan Sistem Baru
+
<p style="line-height: 2">Analisis kebutuhan baru didefinisika dan diajukan.</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Studi Kelayakan
+
<p style="line-height: 2">Kebutuhan yang sudah disusun dan didefinisikan diuji kelayakannya dengan beberapa uji kelayakan seperti kelayakan eknis, operasional, ekonomi, hukum, organisasional dan jadwal.</p>
+
</ol>
+
  
===Konsep Dasar Perancangan Sistem===
 
 
====Definisi Perancangan Sistem====
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Menurut Indraswuri, I. D, yang dikutip Mulyati dkk dalam Jurnal CCIT (2018:119)<ref name="Mulyati2018">Mulyati., Rasyid Tarmizi dan Angga Panugali. 2018. Sistem Informasi Absensi Berbasis Web pada Badan Penanggulangan Bencana Daerah Kota Tangerang.Jurnal CCIT. Tangerang: Perguruan Tinggi Raharja. Vol.4 No.2 –Agustus 2018. ISSN : 2356-5195.</ref>, yang menyatakan bahwa “Perancangan sistem adalah termasuk bagaimana mengorganisasi sistem ke dalam subsistem-subsistem, perangkat keras, perangkat lunak serta prosedur-prosedur”.</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 Josi dalam Jurnal UISU Vol. 2 No. 1 (2017:69)<ref name="Josi2017">Josi. Ahmat. 2017.Perancangan Aplikasi Penggajian Pada Perguruan Tinggi (Studi Kasus Sekolah Tinggi Xyz). Universitas Islam Sumatera Utara. Jurnal UISU Vol. 2 No. 1</ref>, “Perancangan Sistem ialah suatu kondisi dimana pengembang membuat skema aplikasi yang akan dibangun, yang didasarkan pada hasil dari analisis”.</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 Alison McKay dkk dalam <i>International Journal Of Computer Integrated Manufacturing</i> (2016:237-250)<ref name="Allisondkk2016">McKay, Alison, George N Stiny, Alan de Pennington. <i>Principles for the definition of design structures. International Journal of computer integrated manufacturing.</i> Volume 29, 2016 Issue 3. Pages 237-250.</ref>, <i>“Engineering design is an important early stage of the innovation processes that deliver new products to markets where societal challenges are addressed and wealth generated. High-quality engineering design information is critical to the effective and efficient manufacture, production and through-life support of such products. The emerging discipline of engineering design informatics brings together ICT (Information and Communications Technology) and engineering design to support the creation of well-founded engineering information support systems”.</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">Berdasarkan beberapa pendapat diatas dapat disimpulkan bahwa definisi Perancangan Sistem adalah suatu cara untuk mengembangkan sistem yang berdasarkan hasil analisa sistem.</p></div>
 
 
====Tujuan Perancangan Sistem====
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Menurut Iswandy (2015:72)<ref name="Iswandy2015">Iswandy, Eka. 2015. “Sistem Penunjang Keputusan Untuk Menentukan Penerimaan Dana Santunan Sosial Anak Nagari Dan Penyalurannya Bagi Mahasiswa Dan Pelajar Kurang Mampu Di Kenagarian Barung-Barung Balantai Timur”. Jurnal TEKNOIF Vol. 3(2), 72.</ref>, “Pada umumnya tujuan melakukan suatu perancangan sistem informasi adalah:”</p></div>
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Untuk memenuhi kebutuhan pemakai sistem informasi.
+
<p><li>Blok Masukan ''(Input Block)'' </p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Untuk memberikan gambaran yang jelas dan rancang bangun lengkap kepada pemrogram komputer dan ahli teknik lain yang terlibat.
+
<p>Input mewakili data yang masuk ke dalam sistem informasi. Input disini termasuk metode-metode dan media yang digunakan untuk menangkap data yang akan dimasukkan, yang dapat berupa dokumen dasar.
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Untuk mendukung pengolahan pelaporan manajemen dan mendukung perusahaan.
+
</p>
 +
<p><li>Blok Model ''(Model Block)'' </p>
 +
<p>Blok ini terdiri dari kombinasi prosedur, logika, dan metode matematik yang akan memanipulasi data input dan data yang tersimpan di dalam basis data dengan cara yang sudah tertentu untuk menghasilkan keluaran yang sudah diinginkan. </p>
 +
<p><li> Blok Keluaran ''(Output Block)''</p>
 +
<p>Produk dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem.</p>
 +
<p><li> Blok Teknologi ''(Technology Block)''</p>
 +
<p>Teknologi digunakan untuk menerima input, menjalankan model, menyimpan, dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian diri secara keseluruhan.
 +
Teknologi terdiri dari 3 (tiga) unsur utama : </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Teknisi ''(Humanware dan Brainware)''</p>
 +
<p><li>Perangkat Lunak ''(Software)''</p>
 +
<p><li> Perangkat Keras ''(Hardware)''</p>
 
</ol>
 
</ol>
 +
<p><li>Blok Basis Data ''(Database Block)''</p>
 +
<p>Blok basis data merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk memanipulasinya.</p>
 +
<p><li>Blok Kendali ''(Control Block)'' </p>
 +
<p>Banyak faktor yang dapat merusak sistem informasi, misalnya bencana alam, api, temperatur tinggi, air, debu, kecurangan-kecurangan, kejanggalan sistem itu sendiri, kesalahan-kesalahan, ketidakefisienan, sabotase, dan lain sebagainya. Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah atau bila terlanjur terjadi kesalahan dapat diatasi.</p>
 +
</ol>
 +
</div>
  
===Konsep Dasar <i>Database</i>===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Analisis Sistem'''</div>===
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Analisis Sistem'''</div>====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
  
====Definisi <i>Database</i>====
+
<p>Analisis Sistem menurut C. Laudon dan P. Laudon dalam Astuti dan Joni (2017:516) <ref name="joni"> Dui dan Joni. 2017. Analisis dan Perancangan Sistem Informasi Simpan Pinjam pada Koperasi Pegawai Negeri IAIN Sultan Thaha Saifuddin Jambi. Jambi: Jurnal Manajemen Sistem Informasi. Vol. 2, No. 2, ISSN: 2528-0082.</ref> adalah penyambung utama antara kelompok sistem informasi dengan seluruh organisasi, tugas analis sistem untuk mengartikan masalah bisnis dan kualifikasi menjadi kebutuhan informasi dan sistem”. </p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<P>Analisis Sistem menurut Suryadi dalam Jurnal CCIT VoL. 9 No.03 (2016:270) <ref name="suryani"> Suryadi. Emi. 2016. “Sistem Pendukung Keputusan Pemilihan Kendaraan Dalam Mendistribusikan Zakat, Infak dan Sedekah”. Yogyakarta: STMIK AMIKOM Yogyakarta. Jurnal CCIT. Vol. 9 No. 3, Agustus 2016.</ref> , merupakan penguraian dari suatu sistem yang utuh kedalam bagian-bagian komponennya dengan tujuan untuk mengidentifikasi dalam mengevaluasi  hambatan-hambatan yang terjadi dari kebutuhan yang diharapkan sehingga dapat diusulkan untuk perbaikan yang lebih baik”. </P>  
<p style="line-height: 2">Menurut Anhar (2016:19)<ref name="Anhar2016">Anhar. 2016. Kumpulan Sourch Code Visual Basic 6.0 untuk Skripsi. Jakarta: PT Elex Media Komputindo.</ref>, “<i>Database</i> (basis data) dapat diartikan sebagai suatu pengorganisasian data dengan bantuan komputer, yang memungkinkan dapat diakses dengan mudah dan cepat.”</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 Sri Rahayu, dkk dalam Jurnal CCIT Vol.9 No.1 (2015:54)<ref name="Sri2015">Rahayu, Sri, dkk.2015. Perancangan Aplikasi Absensi Peserta Bimbingan Belajar Berbasis Web dengan menggunakan Framework YII. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN: 1978-8282. Vol.9 No.1-September 2015.</ref>, “<i>Database</i> adalah kumpulan data yang terintegrasi dan diatur sedemikian rupa sehingga data tersebut dapat dimanipulasi, diambil, dan dicari secara cepat”.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Indrajani (2015:70)<ref name="Indrajani2015">Indrajani. 2015. Database Design. Jakarta : PT Elex Media Komputindo.</ref>, basis data adalah kumpulan data yang saling berhubungan secara logis dan didesain untuk mendapatkan data yang dibutuhkan oleh suatu organisasi.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berdasarkan pendapat para ahli diatas basis data <i>(database)</i> adalah kumpulan data yang saling berhubungan secara logis dan diatur sedemikian rupa oleh suatu organisasi.</p></div>
+
  
====Pengguna <i>Database</i>====
+
<p> Sedangkan menurut Dede Bachtiar dan Atikah dalam Jurnal Sisfotek Global (2015:72), <ref name ="dede"> Bachtiar, Dede., dan Atikah. 2015. Sistem Informasi Dashboard Kependudukan di Kelurahan Manis Jaya Kota Tangerang. Jurnal Sisfotek Global. Vol. 5 nomor 1, Maret 2015. </ref> “Analisis Sistem adalah langkah-langkah melakukan analisa sstem yang akan dirancang serta melakukan penelitian terhadap kebutuhan-kebutuhan sistem dan apa saja kekurangannya”. </p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p>Dari penjelasan diatas dapat ditarik kesimpulan bahwa analisis system adalah langkah langkah anlisisa sistam yang akan dirancang serta mengartiikan masalah bisnis dan kualifikasi menjadi kebutuhan informasi dan system.</p>
<p style="line-height: 2">Berdasarkan cara berinteraksi dengan sistem, pengguna basis data dibedakan sebagai berikut (Anhar, 2016:20)<ref name="Anhar2016">Anhar. 2016. Kumpulan Sourch Code Visual Basic 6.0 untuk Skripsi. Jakarta: PT Elex Media Komputindo.</ref>, yaitu :</p></div>
+
</div>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><i>Database Administrator</i> adalah orang yang mendefinisikan basis data, mengatur hak-hak akses, melakukan perawatan dan koreksi terhadap basis data.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Programmer Aplikasi adalah pengguna yang berinteraksi dengan basis data, dengan membuat antarmuka yang digunakan untuk manipulasi basis data.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><i>Sophisticated User</i>. Pengguna yang ahli, maksudnya adalah pengguna yang mengakses langsung ke mesin basis data menggunakan bahasa non-prosedural.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><i>Specialized User</i>. Pengguna yang mempunyai keahlian dibidang tertentu, maksudnya adalah pengguna ini memakai basis data untuk membangun program aplikasi sesuai bidang keahliannya.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><i>Naveuser</i>. Pengguna yang memiliki pengetahuan komputasi dan basis data secara terbatas. Pengguna ini berinteraksi dengan basis data melalui program aplikasi yang sudah disediakan.
+
</ol>
+
  
===Konsep Dasar <i>Testing</i> (Pengujian)===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Website'''</div>===
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Website'''</div>====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
  
====Definisi <i>Testing</i> (Pengujian)====
+
<p> Menurut Ruli Dkk dari jurnal SENSI(2018),<ref name="rulidkk">Ruli Supriati, Agus Salim Saputra, dan Siti Shuhaibatul Islamiah. 2018. “Aplikasi Sistem Pengiriman Barang Ekspor Berbasis Web Pada PT. Tuntex Garment Indonesia Tangerang Guna Meningkatkan Mutu Proses Pengiriman Ekspor Barang”. Tangerang: Jurnal SENSI. Vol.4, No.1 Februari 2018 </ref> Website didefinisikan sebagai sistem dengan informasi yang disajikan dalam bentuk teks, gambar, suara, dan lainnya yang tersimpan dalam sebuah server web yang disajikan dalam bentuk hypertext.</p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p>Sementara itu Menurut Abdulloh (2018:1) <ref name="rohi"> Abdullah, Rohi. 2018. 7 IN 1 Pemrograman Web Untuk Pemula. Jakarta : PT Elex Media Komputindo. Jakarta.
<p style="line-height: 2">Menurut Maimunah dkk dalam jurnal CSRID Vol 8, No 1 (2016)<ref name="Maimunah2016">Maimunah, Illamsyah dan Muhammad Ilham. 2016. Rancang Bangun Aplikasi Penjualan Furniture Online Pada Mitra Karya Furniture. STMIK RAHARJA : CSRID Journal. 8(1):26.</ref>, <i>testing</i> merupakan pengujian program yang mengutamakan pengujian terhadap kebutuhan fungsi.</p></div>
+
</ref> “Website atau disingkat web, dapat diartikan sekumpulan halaman yang terdiri atas beberapa halaman yang berisi informasi dalam bentuk data digital, baik berupa teks, gambar, video, audio, dan animasi lainnya yang disediakan melalui jalur koneksi internet”.  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
Konsep Dasar Website</p>
<p style="line-height: 2">Menurut Martono dalam Jurnal Sistem Komputer Vol. 5 No. 1 (2015:26)<ref name="Martono2015">Martono, Kurniawan Teguh. 2015. “Pengembangan Game Dengan Menggunakan Game Engine Game Maker”. Jurnal Sistem Komputer. 5(1).</ref>, mengatakan bahwa <i>Testing</i> merupakan tahap pengujian dari prototype yang sudah dihasilkan.</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 Mustaqbal dalam Jurnal JITTER Vol. 1 No. 3 (2015:1)<ref name="Mustaqbal2015">Mustaqbal, M. Sidi. dkk. 2015. Pengujian Aplikasi Menggunakan <i>Black Box Testing Boundary Value Analysis</i> (Studi Kasus : Aplikasi Prediksi Kelulusan SNMPTN). Bandung : Jurnal JITTER. 1(3).</ref>, Pengujian adalah suatu proses pelaksanaan suatu program dengan tujuan menemukan suatu kesalahan.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berdasarkan definisi para ahli diatas bahwa <i>Testing</i> (pengujian) adalah tahap dalam proses pengujian untuk menemukan kekurangan dari sistem yang dibuat.</p></div>
+
  
 +
<p>Berdasarkan pengertian diatas, dapat disimpulkan bahwa website adalah sistem informasi yang berisi informasi bentuk digital, yang disajikan dalam bentuk hypertext. </p>
  
==Teori Khusus==
+
</div>
  
===Konsep Dasar Kartu Identitas Anak (KIA)===
+
=====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Jenis-Jenis Website'''</div>=====
 
+
<p> Menurut Abdullah (2018:1-2) <ref name="rohi"> Abdullah, Rohi. 2018. 7 IN 1 Pemrograman Web Untuk Pemula. Jakarta : PT Elex Media Komputindo. Jakarta.
====Definisi Dasar Kartu Identitas Anak (KIA)====
+
</ref> Jenis website dibagi menjadi 3 yaitu website statis, dinamis dan interaktif.</p>
 
+
<ol style="list-style-type:lower-alpha">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p><li>Website Statis yaitu jenis website yang isinya tidak diperbarui secara berkala, sehingga isinya dari waktu ke waktu akan selalu tetap.</p>
<p style="line-height: 2">Menurut hukumonline.com (2019)<ref name="Hukum2019">https://www.hukumonline.com/pusatdata/detail/lt5bd96b5e9e94d/node/758/perpres-no-96-tahun-2018-persyaratan-dan-tata-cara-pendaftaran-penduduk-dan-pencatatan-sipil (Diakses tanggal 19 Oktober 2019)</ref>, yang diambil dari Peraturan Menteri Dalam Negeri Nomor 2 Tahun 2016, Kartu Identitas Anak (KIA) adalah identitas resmi anak sebagai bukti diri anak yang berusia kurang dari 17 tahun dan belum menikah yang diterbitkan oleh Dinas Kependudukan dan Pencatatan Sipil Kabupaten/Kota.</p></div>
+
<p><li>Website Dinamis yaitu jenis website yang isinya terus diperbaharui secara berkala oleh pengelola atau penulis website.</p>
 
+
<p><li>Website Interaktif pada dasarnya termasuk dalam kategori website dinamis, dimana isi informasinya selalu diperbaharui dari waktu ke waktu.</p>
====Jenis-Jenis Kartu Identitas Anak (KIA)====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Kartu Identitas Anak (KIA) terbagi menjadi 3 (tiga) jenis, yaitu sebagai berikut :</p></div>
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">KIA untuk anak-anak Negara Indonesia (“WNI”) usia 0 (nol) sampai kurang dari 5 (lima) tahun. Berdasarkan PERMENDAGRI No. 2 Tahun 2016 BAB III Pasal 3 Ayat 1 dan 2<ref name="Permendagri2016">https://dukcapil.kalbarprov.go.id/c_/uploads/permendagri-2-2016.pdf (Di akses tanggal 22 Oktober 2019).</ref>, jika anak kurang dari 5 (lima) tahun telah memiliki akta kelahiran tetapi belum memiliki KIA, persetujuan KIA dilakukan setelah memenuhi persyaratan:
+
<ol style="list-style:lower-alpha">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">fotocopy kutipan akta kelahiran;
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kartu Keluarga (KK) asli orang tua / wali; dan
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kartu Tanda Penduduk elektronik (KTP-el) asli kedua orang tuanya / wali.
+
</ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">KIA untuk anak-anak penduduk asli yang memiliki izin tinggal tetap usia 5 (lima) hingga usia 17 (tujuh belas) tahun  kurang satu hari dan belum kawin. Berdasarkan PERMENDAGRI No. 2 Tahun 2016 BAB III Pasal 3 Ayat 3<ref name="Permendagri2016">https://dukcapil.kalbarprov.go.id/c_/uploads/permendagri-2-2016.pdf (Di akses tanggal 22 Oktober 2019).</ref>, KIA untuk anak usia 5 (lima) tahun sampai dengan usia 17 (tujuh belas) tahun kurang satu hari, dengan persyaratan:
+
<ol style="list-style:lower-alpha">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">fotocopy kutipan akta kelahiran;
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kartu Keluarga (KK) asli orang tua / wali; dan
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kartu Tanda Penduduk elektronik (KTP-el) asli kedua orang tuanya / wali.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pas foto anak ukuran dua kali lipat 2x3 (dua) lembar
+
</ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Untuk anak orang asing, Dinas menerbitkan KIA baru berdasar pada PERMENDAGRI No. 2 Tahun 2016 BAB III Pasal 8<ref name="Permendagri2016">https://dukcapil.kalbarprov.go.id/c_/uploads/permendagri-2-2016.pdf (Di akses tanggal 22 Oktober 2019).</ref>, dilakukan setelah pemohon memenuhi persyaratan:
+
<ol style="list-style:lower-alpha">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">fotocopy paspor dan izin tinggal tetap;
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">KK asli orang tua; dan
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">KTP-el asli kedua orang tuanya.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pas foto Anak berwarna ukuran 2 x 3 sebanyak 2 (dua) lembar untuk usia 5 (lima) tahun hingga 17 (tujuh belas) tahun kurang satu hari.
+
</ol>
+
</ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Adapun masa berlaku bagi pembuatan Kartu Identitas Anak yang tertuang dalam PERMENDAGRI No. 2 Tahun 2016 BAB III Pasal 7 dan 9<ref name="Permendagri2016">https://dukcapil.kalbarprov.go.id/c_/uploads/permendagri-2-2016.pdf (Di akses tanggal 22 Oktober 2019).</ref>, adalah sebagai berikut:</p></div>
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Masa berlaku KIA baru untuk anak kurang dari 5 (lima) tahun adalah sampai anak berusia 5 (lima) tahun.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Masa berlaku KIA untuk anak diatas 5 (lima) tahun adalah sampai anak berusia 17 (tujuh belas) tahun kurang satu hari.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Masa berlaku KIA Anak Orang Asing sama dengan izin tinggal tetap orang tuanya.
+
 
</ol>
 
</ol>
  
====Tujuan Kartu Identitas Anak (KIA)====
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Teori Khusus'''</div>==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Pemesanan'''</div>===
<p style="line-height: 2">Menurut Peraturan Menteri Dalam Negeri No. 2 Tahun 2016 BAB II Pasal 2<ref name="Permendagri2016">https://dukcapil.kalbarprov.go.id/c_/uploads/permendagri-2-2016.pdf (Di akses tanggal 22 Oktober 2019).</ref>Pemerintah menerbitkan KIA bertujuan untuk meningkatkan pendataan, perlindungan dan pelayanan publik serta sebagai upaya memberikan perlindungan dan pemenuhan hak konstitusional warga negara.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
  
===Konsep Dasar Pelayanan===
+
<p>Menurut Kamus Bahasa Indonesia, Pesan adalah kata baku dari pemesanan yang memiliki arti Hendak memberi agar dikirim. Pesanan adalah barang yang di pesan. Jadi pemesanan adalah proses, pembuatan atau cara memesan.</p>
 +
</div>
  
====Definisi Pelayanan====
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar E-Menu'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p>Menurut Martono dalam JURNAL ILMIAH MEDIA SISFO Vol. 12, No. 1, (2018:1037). <ref name="martono2"> Martono, M. (2018). “Pembuatan Aplikasi E-Menu (Electronic Menu) Berbasis Website Dan Android”. Jurnal Ilmiah Media Sisfo, 12(1), 1036-1046. </ref>
<p style="line-height: 2">Menurut Paramita dalam <i>Journal Of Management</i> (2016:5)<ref name="Paramita2016">Sulistiyani, Leonardo budi hasiolan & M. Mukeri Warso. 2016. Analisis Pengaruh Indeks Kepuasan Masyarakat Terhadap Pelayanan Publik di Kelurahan Pudak Payung Kecamatan Banyumanik. Kota semarang: <i>Journal Of Management</i>. Volume 2 No.2 Maret 2016.</ref>“Pengaruh keanekaragaman Produk, Kualitas Pelayanan Dan <i>Store Atmosphere</i> Terhadap <i>Impulse Buying</i> Di Butik Cassanova Semarang” Pelayanan adalah suatu kegiatan atau urutan kegiatan yang terjadi dalam interaksi langsung antara seseorang dengan orang lain atau dengan mesin secara fisik dan menyediakan kepuasan pelanggan.</p></div>
+
“E-Menu (Electronic Menu) merupakan sebuah aplikasi yang bertujuan untuk memudahkan pemilik rumah makan untuk mengelola bisnis kulinernya dan juga mempermudah seluruh proses transaksi yang ada dalam rumah makan dengan menggunakan media elektronik seperti smartphone atau komputer sehingga tidak lagi menggunakan media dan metode konvensional seperti kertas pada umumnya namun telah beralih ke media digital”.</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
</div>
<p style="line-height: 2">Menurut Primandana (dalam Utami : 2015)<ref name="Primanda2015">Utami, Ida Ayu Inten Surya. dan I Made Jatra. 2015. Pengaruh Kualitas Pelayanan Terhadap Kepuasan Pelanggan Restoran Baruna Sanur. E-Jurnal Manajemen Unud. Vol.4 No.7.</ref>, Mengatakan bahwa Jasa atau Pelayanan merupakan salah satu bentuk jasa yang ditawarkan kepada para konsumennya. Jasa merupakan suatu kinerja penampilan, tidak berwujud dan cepat hilang, lebih dapat dirasakan, serta para konsumen lebih dapat berpartisipasi aktif dalam proses mengkonsumsi jasa 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">Sedangkan, menurut Kamus Besar Bahasa Indonesia (2019)<ref name="KBBI2019">Kamus Besar Bahasa Indonesia (KBBI), Pelayanan, Diakses pada tanggal 29 Oktober 2019, http://kbbi.web.id/pelayanan</ref>, Pelayanan merupakan perihal atau cara melayani atau usaha melayani kebutuhan orang lain dengan memperoleh imbalan uang atau jasa.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berdasarkan definisi yang dipaparkan diatas pelayanan adalah suatu kegiatan dalam bentuk jasa untuk melayani guna mencapai kepuasan pelanggan.</p></div>
+
  
===Konsep Dasar Analisa <i>PIECES</i>===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar UML (Unified Modelling Language)'''</div>===
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi UML (Unified Modelling Language)'''</div>====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
  
====Definisi Analisa <i>PIECES</i>====
+
<p> Ary Budi Warsito dkk <ref name="ary"> Warsito, Budi Ary, Muhamad Yusup dan Moh. Iqbal Awi Makaram. 2015. Perancangan SIS+ Menggunakan Metode YII Framework Pada Perguruan Tinggi Raharja. Jurnal CCIT. Vol. 8 nomor 2, Januari 2015</ref> dalam Jurnal CCIT (2015 :29 mengatakan bahwa ''“UML (Unified Modelling Language)'' adalah himpunan struktur data teknik untuk permodelan desain program berorientasi objek (Object Oriented Programming) serta aplikasinya. UML adalah metodologi untuk mengembangkan system OOP dan sekelompok perangkat tool untuk mendukung pengembangan system tersebut. </p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p> Sementara itu menurut Jayachandran dan Anbumani (2017:1067) <ref name="jayacandra"> Jayachandran, K., dan P. Anbumani. 2017. Voice Based Email for Blind People”. International Journal of Advance Research, Ideas and Innovation in Technology. Vol. 3 No. 3. </ref> , ''The Unified Modeling Language (UML) is a general purpose modeling language in the field of software engineering, which is designed to provide a standard way to visualize the design of a system'' </p>
<p style="line-height: 2">Menurut Taufiq dikutip Oleh Soleh dkk dalam Jurnal SNiF(2017:123)<ref name="Taufiq2017">Oleh Sole, Febby Astriza & Vischa Arrofiv Hamid. 2017. “Analisa Masalah Sistem Informasi Penggajian Menggunakan Metode Pieces Di SMK Am Ma’mur”. Jurnal Seminar Nasional Informatika (SNIf) Vol. 1, No. 1, pp. 121-127.</ref>, Analisa PIECES merupakan analisa yang melihat sistem dari <i>Performance, Information/Data, Economic, Control/Security, Efficiency, dan Service.</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">Menurut Priyanto dan Fanji (2017:188)<ref name="Priyanto2017">Priyanto, A., dan Pati, F. U. S. A. 2017. Perancangan Aplikasi Penerjemah Bahasa Indonesia Ke Bahasa Jawa Untuk Media Bantu Belajar Siswa SMK Salafiyah Berbasis Android. IJNS-Indonesian Journal on Networking and Security. 6(4).</ref>, analisa PIECES merupakan analisis yang digunakan untuk menganalisa tentang kinerja, informasi, ekonomi, pengendalian, efisiensi, dan pelayanan dari sistem lama dan sistem baru yang dibuat.</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 Widiati (2016:106)<ref name="Widiati2016">Widiati, Sholihah, Ina., dkk. 2016. Penerapan Kerangka Kerja Zachman Untuk Merancang Sistem Informasi Monitoring Produksi. Palembang : Seminar Nasional Teknologi Informasi, Bisnis dan Desain 2016. STMIK PalComtech.</ref>, analisa PIECES adalah analisa yang melihat sistem dari <i>Performance, Information, Economic, Control, Security, Efficiency, dan Service.</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">Berdasarkan definisi yang dipaparkan diatas Analisa PIECES adalah analisis yang digunakan untuk menganalisa dan melihat sistem dari <i>Performance, Information, Economic, Control, Security, Efficiency, dan Service.</i></p></div>
+
  
====Komponen Analisa <i>PIECES</i>====
+
<p>UML merupakan bahasa visual dalam pemodelan yang memungkinkan pengembang sistem membuat sebuah blueprint yang dapat menggambarkan visi mereka tentang sebuah sistem dalam format standar, mudah dimengerti dan menyediakan mekanisme untuk mudah dikomunikasikan dengan pihak lain. </p>
 +
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Diagram UML (Unified Modelling Language)'''</div>====
<p style="line-height: 2">Menurut Tri Munfarida dan Yuli Astuti (2017:16)<ref name="Trimunfarida2017">Munfarida, Tri, and Yuli Astuti. 2017. “Implementasi Daily Activity Monitoring System (DAMS) pada CV. Jogja Media Telematika”. STMIK Pelita Nusantara Medan: Jurnal Mantik Penusa 21.1.</ref>, Analisa PIECES merupakan analisa yang melihat sistem dari <i>Performance, Information/Data, Economic, Control/Security, Efficiency, dan Service.</i></p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p> Menurut Retnoningsih (2015:26), <ref name="retnoningsih"> Retnoningsih, Endang. 2015. Sistem Informasi Simpanan Dan Pembiayaan Pada Baitul Maal Wat Tamwil (Bmt) Al-Multazam Kabupaten Tegal. Jurnal Ijse Tahun 2015 Volume 3 No 2. </ref> '' “Unifield Modeling Language (UML)'' adalah bahasa pemodelan untuk pembangunan perangkat lunak yang dibangun dengan menggunakan teknik pemrograman berorientasi objek”. UML merupakan bahasa visual untuk pemodelan dan komunikasi mengenai sebuah sistem dengan menggunakan diagram dan teks pendukung. Diagram-diagram yang terdapat dalam UML : </p>
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Analisis Kinerja <i>(Performance)</i>
+
<p><li> ''Usecase Diagram'' </p>
<p style="line-height: 2">Kinerja merupakan bagian pendukung dalam kelancaran proses kerja dalam suatu perusahaan. Kinerja perusahaan sangat tergantung pada sumber daya manusia dan sumber daya alat atau sarana dan prasarana yang ada dalam perusahaan. Kinerja yang dimaksud adalah kinerja sistem. Kinerja dapat diukur dari <i>throughput</i> dan <i>respond time</i>. <i>Throughtput</i> adalah jumlah dari pekerjaan yang dilakukan suatu sistem tertentu. <i>Respond time</i> adalah rata-rata waktu yang tertunda diantara dua pekerjaan ditambah dengan waktu respon untuk menangani pekerjaan tersebut.</p>
+
<p>Merupakan pemodelan untuk behavior sistem informasi yang akan dibuat. Use case digunakan untuk mengetahui fungsi apa saja yang ada dalam sebuah sistem informasi dan siapa saja yang berhak menggunakan fungsi-fungsi itu.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Analisis Informasi <i>(Information)</i>
+
<p><li> ''Activity Diagram'' </p>
<p style="line-height: 2">Informasi merupakan salah satu faktor yang penting, karena informasi merupakan titik awal untuk mengoreksi keadaan dalam organisasi. Kualitas dari sebuah informasi <i>(quality of information)</i> tergantung dari 3 (tiga) hal, yaitu informasi harus akurat <i>(acurate)</i>, tepat pada waktunya <i>(timely basis)</i>, dan relevan <i>(relevance)</i>. Jika informasi yang diproses bisa lebih cepat, akurat, dan relevan tentunya akan memberikan keputusan bisnis yang baik untuk kemajuan perusahaan.</p>
+
<p>Menggambarkan ''workflow'' atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada pada perangkat lunak.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Analisis Ekonomi <i>(Economic)</i>
+
<p><li>''Class Diagram'' </p>
<p style="line-height: 2">Analisis ekonomi merupakan sistem dalam pengurangan dan keuntungan yang akan didapat dari sistem yang baru. Peningkatan terhadap kebutuhan ekonomis mempengaruhi pengendalian biaya dan peningkatan manfaat. Dilihat dari pemanfaatan biaya sistem lama tersebut dinilai kurang ekonomis.</p>
+
<p>Menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. </p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Analisis Kendali <i>(Control)</i>
+
<p><li>''Sequence Diagram'' </p>
<p style="line-height: 2">Analisis kendali, yaitu bagaimana sistem tersebut dapat mencegah atau mendeteksi kesalahan sistem, menjamin keamanan data dari akses yang tidak diijinkan, dan pengamanan dari kerusakan. Di dalam proses <i>monitoring</i> atau pencatatan perlu adanya kontrol yang dilakukan oleh pihak pemilik terhadap semua proses yang dilakukan oleh karyawannya.</p>
+
<p>Menggambarkan kelakuan objek pada use case dengan mendeskripsikan waktu hidup objek dan ''message'' yang dikirimkan dan diterima antar objek.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Analisis Efisiensi <i>(Effisiency)</i>
+
<p><li>''Component Diagram'' </p>
<p style="line-height: 2">Efisiensi ini erat hubunganya dengan input, yaitu bagaimana sumber daya yang ada dapat digunakan seminimal mungkin sehingga tidak terjadi pemborosan waktu, energi serta menekan biaya pengeluaran.</p>
+
<p>Menunjukkan organisasi dan ketergantungan diantara kumpulan komponen dalam sebuah sistem. ''Component diagram'' fokus pada komponen sistem yang dibutuhkan dan ada didalam sistem.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Analisis Pelayanan <i>(Service)</i>
+
<p><li>''Deployment Diagram'' </p>
<p style="line-height: 2">Fokus dari analisis pelayanan adalah peningkatan terhadap pelayanan yang dihasilkan sistem dapat memberikan kemudahan dan kenyamanan dalam menyelesaikan pekerjaan untuk memperoleh informasi.</p>
+
<p>Menunjukkan konfigurasi komponen dalam proses eksekusi aplikasi.</p>
 
</ol>
 
</ol>
 +
<p>Berdasarkan definisi diatas dapat disimpulkan ''Unified Modeling Language (UML)'' merupakan suatu teknik pemodelan atau metode yang dapat digunakan
 +
dalam perancangan program dengan  membuat visualisasi sistem yang akan dibuat </p>
  
===Konsep Dasar <i>System Development Life Cycle</i>===
+
</div>
  
====Definisi <i>System Development Life Cycle</i>====
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Konsep Dasar Sublime</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p> Menurut Faridl (2015:3), <ref name="faridl"> Faridl, Miftah. 2015.Fitur Dahsyat Sublime Text 3”. Surabaya: LUG STIKOM.</ref> “Sublime text adalah teks editor berbasis Python, sebuah teks editor yang elegan, kaya fitur, cross platform, mudah dan simpel yang cukup terkenal di kalangan developer (pengembang), penulis dan desainer. Para programmer biasanya menggunakan sublime text untuk menyunting source code yang sedang ia kerjakan. Sampai saat ini sublime text sudah mencapai versi 3”. </p>
<p style="line-height: 2">Menurut Pressman dalam Jurnal Telematika Vol. 8 No. 2 (2015:70)<ref name="Pressman2015">Al Fatta, Hanif dan Robert Marco. 2015. “Analisis Pengembangan Dan Perancangan Sistem Informasi Akademin Smart Berbasis Cloud Computing Pada Sekolah Menengah Umum Negeri (SMUN) Di Daerah Istimewa Yogyakarta”. Yogyakarta : Jurnal Telematika. Vol.8 No.2:63-91.</ref>, dalam membangun suatu rekayasa piranti lunak diperlukan tahap-tahap. System Development Life Cycle (SDLC) meliputi beberapa tahap, yaitu:</p></div>
+
</div>
<ol>
+
<li style="font-size: 12pt;font-family:'times new roman';text-align:justify;line-height: 2;">Rekayasa Sistem
+
<p style="line-height: 2">Karena software merupakan bagian dari suatu sistem, maka dimulai dengan penetapan semua sistem elemen dan mengalokasikan beberapa bagiannya ke dalam usulan pada software kemudian menggabungkan semua level sistem dengan melakukan pengkajian dari level atas dalam pendesainan dan analisis.</p>
+
<li style="font-size: 12pt;font-family:'times new roman';text-align:justify;line-height: 2;">Analisis Kebutuhan Software
+
<p style="line-height: 2">Merupakan  proses mengerti tentang domain informasi, fungsi, kinerja dan tatap muka  pada software.</p>
+
<li style="font-size: 12pt;font-family:'times new roman';text-align:justify;line-height: 2;">Desain
+
<p style="line-height: 2">Pada desain prinsipnya  adalah mengubah kebutuhan menjadi <em>software </em>yang layak dari segi kualitas  sebelum proses pengkodean. </p>
+
<li style="font-size: 12pt;font-family:'times new roman';text-align:justify;line-height: 2;">Pengkodean
+
<p style="line-height: 2">Proses  pengkodean yaitu mengubah ke dalam bentuk yang dapat dibaca oleh mesin.</p>
+
<li style="font-size: 12pt;font-family:'times new roman';text-align:justify;line-height: 2;">Pengetesan   
+
<p style="line-height: 2">Proses yang  memastikan semua kalimat dalam program telah dilakukan pengetesan sehingga  memberikan <em>input </em>sesuai dengan yang diinginkan.</p>
+
<li style="font-size: 12pt;font-family:'times new roman';text-align:justify;line-height: 2;">Pemeliharaan
+
<p style="line-height: 2">Software akan mengalami perubahan  setelah dikirim ke pengguna, maka proses pemeliharaan dilakukan dengan  menerapkan setiap langkah daur hidup sebelumnya disertai dengan perbaikan.</p>
+
</ol>
+
  
===Konsep Dasar <i>Unified Modelling Language</i>===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Konsep Dasar XAMPP</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<P>Menurut Nurcholish (2018:23).<ref name="nurcholish"> Nurcholish, Ahmad., 2018. “Membangun Database Arsip Persuratan Menggunakan Pemrograman Php Dan Mysql: Studi Kasus Pada Kantor Balai Taman Nasional Gunung Rinjani”. Sukabumi: Cv Jejak (Jejak Publisher). pp. 23.</ref>  “XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program apache, HTTP server, MYSQL database, dan penerjemah bahasa yang ditulis dengan bahasa program PHP dan Perl”.</P>
  
====Definisi <i>Unified Modelling Language</i>====
+
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Konsep Dasar HTML </div>===
<p style="line-height: 2"><i>According to Fergus. U. Onu & Chinelo. V. Umeakuka In International Journal of Computer Applications Technology and Research Vol: 5 Issue: 8 (2016:506)</i><ref name="Fergusdkk2016">Onu, Fergus U and Umeakuka, Chinelo V. 2016. Object Oriented Programming (OOP) Approach to the Development of Student Information Management System. International Journal of Computer Applications Technology and Research. Vol.5 Issue.8:504-508.</ref>, <i>“A UML is a standard modeling Language to model thereal world in the fieldof software engineering. A UML diagramis a partial graphical view of a model of a system under design, implementation, or already in existence. UML diagram is made up of graphical elements, UML nodes connected with edges (flows) that represent elements system model. The UML model of the system might also contain other documentation such as use cases written as texts”.</i></p></div>
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Definisi HTML </div>====
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Vani dalam <i>International Research Journal of Engineering and Technology Vol. 2 No. 5 (2015:1213)</i><ref name="Vani2015">Vani. M. L. V. Roopa., Kumari. M. Chandrika., Priya. M. Hari., dan Harika. N. 2015. “An Effective Language for Object Oriented Design-UML(Unified Modeling Language)”. India: Institute of Engineering & Technology.</ref>, <i>The UML is a language for visualizing, specifying, constructing, documenting the artifacts of a software-intensive system.</i> (UML adalah bahasa untuk memvisualisasikan, menentukan, membuat, mendokumentasikan artefak dari sistem perangkat lunak yang intensif).</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 Mulyani (2017:42)<ref name="Mulyani2017">Sri Mulyani. 2017. Analisis dan Perancangan Sistem Informasi Manajemen Keuangan Daerah: Notasi Pemodelan Unified Modeling Language (UML). Bandung: Abdi Sistematika.</ref>, UML <i>(Unifed Modeling Language)</i> adalah sebuah teknik pengembangan sistem yang meggunakan bahasa grafis sebagai alat untuk pendokumentasian dan melakukan spesifikasi pada sistem.</p></div>
+
  
====Jenis-Jenis <i>Unified Modelling Language</i>====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p> Menurut Abdullah Rohi (2018:7) <ref name="rohi"> Abdullah, Rohi. 2018. 7 IN 1 Pemrograman Web Untuk Pemula. Jakarta : PT Elex Media Komputindo. Jakarta. </ref> HTML merupakan singkatan dari Hypertext Markup Language yaitu bahasa standar web yang dikelola penggunanya oleh W3C (World Wide Web Consortium) berupa tag- tag yang menyusun setiap elemen dari website. HTML berperan sebagai penyusun struktur halaman website yang menempatkan setiap elemen website sesuai layout yang diinginkan. </p>
 +
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Konsep Dasar HTML 5 </div>====
<p style="line-height: 2">Menurut Mulyani (2017:244)<ref name="Mulyani2017">Sri Mulyani. 2017. Analisis dan Perancangan Sistem Informasi Manajemen Keuangan Daerah: Notasi Pemodelan Unified Modeling Language (UML). Bandung: Abdi Sistematika.</ref>, Diagram-diagram yang terdapat pada UML sangat banyak, berikut ini beberapa diagram yang sering digunakan dalam pengembangan sistem.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<ol>
+
<li style="font-size: 12pt;font-family:'times new roman';text-align:justify;line-height: 2;"><i>Use Case Model</i>
+
<p style="line-height: 2">Use Case Model merupakan kumpulan diagram dan text yang saling bekerja sama untuk mendokumentasikan bagaimana <i>user</i> (aktor) berinteraksi dengan sistem.</p>
+
<li style="font-size: 12pt;font-family:'times new roman';text-align:justify;line-height: 2;">Class Diagram
+
<p style="line-height: 2">Class Diagram adalah diagram yang digunakan untuk mempresentasikan kelas, komponen-komponen kelas dan hubungan antara masing-masing kelas.</p>
+
<li style="font-size: 12pt;font-family:'times new roman';text-align:justify;line-height: 2;">Object Diagram
+
<p style="line-height: 2">Object Diagram adalah diagram yang digunakan untuk menggambarkan dan mempresentasikan objek dan hubungan antar objek tersebut.</p>
+
<li style="font-size: 12pt;font-family:'times new roman';text-align:justify;line-height: 2;">Activity Diagram
+
<p style="line-height: 2">Activity Diagram memiliki kemampuan untuk melakukan percabangan aktivitas.</p>
+
<li style="font-size: 12pt;font-family:'times new roman';text-align:justify;line-height: 2;">Sequence Diagram   
+
<p style="line-height: 2">Sequence Diagram adalah diagram yang menggambarkan interaksi antar objek. Sequence Diagram secara khusus menjabarkan behavior sebuah skenario tunggal.</p>
+
<li style="font-size: 12pt;font-family:'times new roman';text-align:justify;line-height: 2;">Collaboration Diagram
+
<p style="line-height: 2">Collaboration Diagram hampir sama dengan sequence diagram, bahkan ada beberapa pendapat yang mengatakan bahwa collaboration diagram merupakan pengganti (substitusi) dari sequence diagram.</p>
+
<li style="font-size: 12pt;font-family:'times new roman';text-align:justify;line-height: 2;">Statechart Diagram
+
<p style="line-height: 2">Statechart Diagram adalah teknik umum yang digunakan untuk menggambarkan alur sebuah sistem. Berbagai bentuk <i>statechart</i> telah ada sejak tahun 1960-an dan pemodelan berorientasi objek adalah yang paling awal mengadopsinya untuk menampilkan alur sistem.</p>
+
<li style="font-size: 12pt;font-family:'times new roman';text-align:justify;line-height: 2;">Component Diagram
+
<p style="line-height: 2">Component Diagram adalah diagram yang menggambarkan dan merepresentasikan model fisik dari implementasi sistem <i>(software)</i> seperti misalnya model arsitektur hardware dan integrasi dan distribusi implementasi <i>software</i> pada arsitektur <i>hardware</i> yang sudah ditetapkan.</p>
+
<li style="font-size: 12pt;font-family:'times new roman';text-align:justify;line-height: 2;">Deployment diagram
+
<p style="line-height: 2">Deployment diagram adalah diagram yang mempresentasikan model fisik dari <i>hardware</i> serta integrasi dan distribusi <i>software</i> pada arsitektur <i>hardware</i> tersebut.</p>
+
</ol>
+
  
===Konsep Dasar <i>Framework</i>===
+
<p> Menurut Hidayat (2015:14), <ref name="hidayat"> Hidayat, Argi Noor. 2015. Belajar HTML Kelas Ringkas. Bogor: Bisakimia. </ref> “HTML5 ini adalah standar baru dari HTML, yang dikembangkan oleh ''World Wide Web Consortium (W3C)'' dan ''Web Hypertext Application Technology Working Group (WHATWG).”'' </p>
 +
</div>
  
====Definisi <i>Framework</i>====
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Konsep Dasar HTML CSS </div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p> Menurut Abdullah Rohi (2018:45) <ref name="rohi"> Abdullah, Rohi. 2018. 7 IN 1 Pemrograman Web Untuk Pemula. Jakarta : PT Elex Media Komputindo. Jakarta.</ref> CSS adalah singkatan dari Cascading Style Sheet yaitu dokumen web yang berfungsi mengatur elemen HTML dengan berbagai property yang tersedia sehingga dapat tampil dengan berbagai gaya yang diinginkan. Sebagian orang menganggap CSS bukan termasuk salah satu bahasa pemrograman karena memang strukturnya yang sederhana, hanya berupa kumpulan – kumpulan aturan yang mengatur ''style'' elemen HTML. </p>
 +
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Konsep Dasar Bootstrap</div>===
<p style="line-height: 2">Menurut I Ketut Suharsana dalam jurnal sistem dan informatika (2016:21)<ref name="Ketut2016">Ketut Suharsana,I,IGP Wirarama Wedashwara Wirawan, Ni Luh Ayu Kartika Yuniastari S. 2016. Implementasi Model View Controller Dengan Framework Codeigniter Pada E-Commerce Penjualan Kerajinan Bali. Jurnal sistem dan informatika Vol. 11, No. 1, Nopember 2016.</ref>, Menjelaskan bahwa “<i>Framework</i> merupakan kerangka kerja yang memudahkan <i>programmer</i> untuk membuat aplikasi dengan <i>library</i> fungsi-fungsi yang sudah diorganisasikan untuk dapat membuat suatu program dengan cepat”.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p>Menurut Abdulloh Rohi (2018:261) <ref name="rohi"> Abdullah, Rohi. 2018. 7 IN 1 Pemrograman Web Untuk Pemula. Jakarta : PT Elex Media Komputindo. Jakarta.</ref> . “Bootstrap merupakan salah satu framework CSS paling populer dari sekian banyak framework CSS yang ada. Bootstrap memungkinkan desain sebuah web menjadi responsif sehingga dapat dilihat dari berbagai macam ukuran device dengan tampilan tetap menarik”.</p>
<p style="line-height: 2">Menurut Raharjo (2015:2)<ref name="Raharjo2015">Raharjo, Budi. 2015. Belajar Otodidak Framework CodeIgniter. Bandung: Informatika.</ref>, <i>Framework</i> adalah suatu kumpulan kode berupa pustaka <i>(library)</i> dan alat <i>(tool)</i> yang dipadukan sedemikian rupa menjadi satu kerangka kerja <i>(framework</i>) guna memudahkan dan mempercepat proses pengembangan aplikasi web.</p></div>
+
</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berdasarkan pendapat para ahli diatas <i>Framework</i> adalah kerangka kerja berisi kumpulan script yang disusun untuk membuat aplikasi yang mempercepat proses dan memudahkan <i>programmer.</i></p></div>
+
  
===Konsep Dasar <i>CodeIgniter</i>===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Konsep Dasar PHP</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p>Menurut Sri Rahayu dkk dalam CCIT Journal Vol. 9 No. 1 (2015:52), <ref name="srirahayu"> Rahayu, Sri, Muhamad Yusup, dan Shinta Puspita Dewi. 2015. “Perancangan Aplikasi Absensi Peserta Bimbingan Belajar Berbasis Web Dengan Menggunakan Framework YII”. CCIT Journal Vol. 9 No. 1 - September 2015 ISSN:1978-8282. Tangerang: Perguruan Tinggi Raharja.</ref> “PHP adalah bahasa server – side scripting yang menyatu dengan HTML untuk membuat halaman web dinamis”. </p>
 +
</div>
  
====Definisi <i>CodeIgniter</i>====
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Konsep Dasar Analisis BMC</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p> Menurut Alexander Osterwalder & Yves Pigneur (2014 : 13), <ref name="alex"> Alexander Asterwalder & Yves Pigneur, 2014, Business Model Generation. Cetakan ke-6, alih Bahasa Natalia Ruth Sihandrini, Jakarta: PT.Alex Media Komputindo Kelompok Gramedia, Anggota IKAPI.</ref>  “bisnis model canvas” adalah Bahasa yang sama untuk menggambarkan, memvisualisasikan, me-nilai dan mengubah model bisnis”. Sedangkan definisi model bisnis adalah sebuah model bisnis menggambarkan dasar pemikiran tentang bagaimana organisasi menciptakan, memberikan, dan menangkap nilai.Kanvas model bisnis terdiri dari atas 9 (Sembilan) blok bangunan memperlihatkan bagaimana perusahaan menghasilkan uang. Sembilan blok bangunan diatas terdiri dari : </p>
 +
<ol>
 +
<li><p>''Customers Segments –CS'' (segmen pelanggan).</p>
 +
<li><p>''Value Propositions–VP'' (proposisi nilai).</p>
 +
<li><p>''Chanels –CH'' ( saluran).</p>
 +
<li><p>''Customer Relationships'' (hubungan pelanggan).</p>
 +
<li><p>''Revenue Streams'' (arus pendapatan).</p>
 +
<li><p>''Key Resources'' (sumber daya utama).</p>
 +
<li><p>''Key Activities'' (aktivitas kunci).</p>
 +
<li><p>''Key Partnerships'' (kemitraan utama).</p>
 +
<li><p>''Cost Structure'' (Struktur Biaya).</p>
 +
</ol>
 +
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Konsep Dasar Black Box Testing</div>===
<p style="line-height: 2">Menurut I Ketut Suharsana dalam jurnal sistem dan informatika (2016:22)<ref name="Ketut2016">Ketut Suharsana,I,IGP Wirarama Wedashwara Wirawan, Ni Luh Ayu Kartika Yuniastari S. 2016. Implementasi Model View Controller Dengan Framework Codeigniter Pada E-Commerce Penjualan Kerajinan Bali. Jurnal sistem dan informatika Vol. 11, No. 1, Nopember 2016.</ref>, Menjelaskan bahwa “<i>CodeIgniter</i> adalah sebuah <i>framework</i> yang digunakan untuk membuat sebuah aplikasi berbasis web yang disusun dengan menggunakan bahasa <i>PHP</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">Menurut Raharjo (2015:3)<ref name="Raharjo2015">Raharjo, Budi. 2015. Belajar Otodidak Framework CodeIgniter. Bandung: Informatika.</ref>, <i>CodeIgniter</i> adalah <i>framework</i> web untuk bahasa pemrograman PHP, yang dibuat oleh Rick Ellis pada tahun 2006, penemu dan pendiri EllisLab.</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 Bertha Sidik (2018:2)<ref name="Bertha2018">Bertha Sidik. 2018. Framework Codeigniter Membangun Pemrograman Berbasis Web dengan Berbagai Kemudahan & Fasilitas Codeigniter 3. Bandung: Informatika.</ref>, <i>Codeigniter</i> (CI) adalah <i>framework</i> pengembangan aplikasi <i>(application development framework)</i> dengan menggunakan PHP, suatu kerangka pembuatan program dengan menggunakan PHP. Pengembangan dapat langsung menghasilkan program dengan cepat, dengan mengikuti kerangka kerja untuk membuat yang telah disiapkan oleh <i>framework</i> CI 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">Dari pendapat para ahli diatas dapat disimpulkan bahwa <i>CodeIgniter</i> adalah <i>framework</i> yang menggunakan Bahasa pemgrograman PHP untuk membuat dan mengembangkan pembuatan web guna memudahkan para <i>programmer.</i></p></div>
+
  
===Konsep Dasar Sublime Text===
+
<p>Menurut Kumar dkk (2015:33) <ref name="kumar"> Kumar, Manish, Santosh Kumar Singh, Dr. R. K. Dwivedi.2015. “A Comparative Study Of  Black Box Testing Techniques.  International Journal Of Advance Research In Computer Science and Management Studies..</ref> ''“Black Box Testing is without knowledge of the internal working of the application under (AUT)”''. Yang artinya ''Black Box Testing'' adalah sebuah pengujian tanpa harus mengetahui cara kerja ''internal'' dari aplikasi yang sedang di uji. Pada ''black box testing'' penguji hanya perlu mengetahui ''input'' apa yang diberikan serta output apa yang dikeluarkan. </p>
  
====Definisi Sublime Text====
+
<p>Sedangkan menurut Himawan dkk dalam Jurnal CCIT (2016:342) <ref name="himawan"> Himawan, Cahyadi. Dede, Munawati. 2016. Prototype Sistem Informasi Perhitungan
 +
Nilai Poin Pelanggaran Tata Tertib Pada SMK Yuppentek 1 Tangerang. Tangerang: Jurnal CCIT Vol.9 No.3 Agustus 2016.</ref> ''“Blackbox Testing'' adalah bertujuan untuk menemukan kesalahan dalam beberapa kategori, diantaranya : fungsi-fungsi yang salah satu hilang, kesalahan interface, kesalahan dalam struktur data atau akses ''database eksternal'', kesalahan performa, kesalahan inisialisasi dan termisasi”.</p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p>Sementara itu menurut Harahap dkk dalam Jurnal Sistem dan Teknologi Informasi Vol. 4 No. 3 (2016:3) <ref name="Harahap, Sri Fajarwati">Harahap, Sri Fajarwati, Anggri Srimudianti Sukanto & Novi Safriadi. 2016.
<p style="line-height: 2">Menurut Faridl (2015:3)<ref name="Faridl2015">Faridl, Miftah. 2015. Fitur Dahsyat Sublime Text 3. Surabaya: LUG STIKOM.</ref>, “Sublime text adalah teks editor berbasis Python, sebuah teks editor yang elegan, kaya fitur, <i>cross platform</i>, mudah dan simpel yang cukup terkenal di kalangan <i>developer</i> (pengembang), penulis dan desainer. Para <i>programmer</i> biasanya menggunakan sublime text untuk menyunting <i>source code</i> yang sedang ia kerjakan. Sampai saat ini sublime text sudah mencapai versi 3”.</p></div>
+
“Perancangan Sistem Penyebaran Informasi Imunisasi Kepada Ibu Balita Berbasis SMS Gateway Pada UPTD Puskesmas Kecamatan Pontianak Barat
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
</ref> “Perancangan Sistem Penyebaran Informasi Imunisasi Kepada Ibu Balita Berbasis ''SMS Gateway'' Pada UPTD Puskesmas Kecamatan Pontianak Barat”.</P>
<p style="line-height: 2">Menurut Supono dan Putratama (2018:14)<ref name="Supono2018">Vidiandry & Supono Putratama, Pemrograman Web dengan menggunakan Framework Codeigniter. Yogyakarta: Deepublish, 2016.</ref>, “Sublime text merupakan perangkat lunak <i>text editor</i> yang digunakan untuk membuat atau meng-edit suatu aplikasi. Sublime Text mempunyai fitur <i>plugin</i> tambahan yang memudahkan <i>programmer</i>. Selain itu, Sublime Text terkesan elegan untuk sebuah <i>syntax editor</i>. Selain ringan, IDE ini memiliki kecepatan proses simpan dan buka file. Tidak heran kalau IDE ini paling banyak digunakan terutama dikalangan <i>programmer</i> berbasis web”.</p></div>
+
  
===Konsep Dasar XAMPP===
+
<p>Berdasarkan pengertia diatas, dapat disimpulkan bahwa ''Black Box Testing'' adalah sebuah pengujian suatu aplikasi yng bertujuan untu menemukan kesalahan dalam beberapa kategori, diantaranya fungsi-fungsi yang salah satu hilang.</p>
  
====Definisi XAMPP====
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Konsep Dasar Elisitasi</div>===
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Definisi Elisitasi</div>====
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p> Menurut Nirmala dkk. (2015:4),<ref name="nirmala"> Nirmala, Ariesta Fuji, Henry Bambang dan Yoppy Mirza Maulana. 2015. “Rancang Bangun Aplikasi Penilaian Kinerja Pegawai Berdasarkan Kompetensi Pada Perum Bulog Divisi Regional Jawa Timur”. JSIKA. Vol. 4, No. 2: 1-8.</ref> “Elisitasi merupakan tahapan awal dalam membangun pemahaman tentang perangkat lunak yang diperlukan untuk memecahkan masalah.”</p>  
<p style="line-height: 2">Menurut Wahana Komputer dalam Jurnal Sisfotek Global Vol. 6 No. 1 (2016:77)<ref name="Wahana2016">Puspito Rini, Puput, Muchamad Iqbal, Dwi Puji Astuti. 2016. Rancangan Sistem Informasi Konversi Nilai Mahasiswa Pindahan dan Lanjutan:Studi Kasus di STMIK Bina Sarana Global. Jurnal Sisfotek Global. Vol.6 No.1:63-68.</ref>, “XAMPP adalah salah satu paket instalasi Apache, PHP, dan MySQL secara instan yang dapat digunakan untuk membantu proses instalasi instan.”</p></div>
+
<p>Sedangkan menurut S. Guritno dalam Ariawan  (2015:63) <ref name="ariawan"> Ariawan, Jesa., dan Sri Wahyuni. 2015. Aplikasi Pengajuan Lembur Karyawan Berbasis Web. Jurnal Sispotek Global. Vol. 5 nomor 1, Maret 2015.</ref> , mengatakan Elisitasi berisi usulan rancangan system baru yang diinginkan oleh pihak manajemen terkait dan disanggupi penulis untuk dieksekusi. </p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Riyanto dalam Jurnal Lentera ICT Vol.3 No.1 (2016:49)<ref name="Riyanto2016">Nasril dan Andri Yanto Saputra. 2016. Rancang Bangun Sistem Informasi Ujian Online. Jurnal Lentera ICT. Vol.3 No.1:47-53.</ref>, “XAMPP <i>(X Apache MySQL PHP Perl)</i> merupakan paket PHP dan MySQL berbasis <i>open source</i> yang dapat digunakan sebagai <i>tool</i> pembantu pengembangan aplikasi berbasis PHP”.</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 Santoso, Radna Nurmalina dalam Jurnal Integrasi Vol.9 No.1 (2017:86)<ref name="Santosodkk2017">Santoso dan Radna Nurmalina. 2017. Perencanaan dan Pengembangan Aplikasi Absensi Mahasiswa Menggunakan Smart Card Guna Pengembangan Kampus Cerdas : Studi Kasus Politeknik Negeri Tahah Laut. Kalimantan Selatan: Jurnal Integrasi. Vol.9 No.1:84-91.</ref>, “XAMPP merupakan alat bantu yang menyediakan paket perangkat lunak ke dalam satu buah paket”.</p></div>
+
  
===Konsep Dasar MySQL===
+
<p> Berdasarkan penjelasan para ahli diatas maka dapat disimpulkan bahwa elisitasi adalah tahapan awal dan usulan rancangan system yang diinginkan oleh pihak manajemen terkait dan dapat disanggupi penulis untuk dieksekusi. </p>
 +
</div>
  
====Definisi MySQL====
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Konsep Dasar Elisitasi</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tahapan Elisitasi'''</div>====
<p style="line-height: 2">Menurut Kusuma Ardhana dalam Jurnal Sisfotek Global Vol. 6 No. 1 (2016:77)<ref name="Faridl2016">Faridl, Miftah. 2015. Fitur Dahsyat Sublime Text 3. Surabaya: LUG STIKOM. Siregar, Shanti Ria Serepia dan Penti Sundari. 2016. Rancangan Sistem Informasi Pengelolaan Data Kependudukan Desa:Studi kasus Di Kantor Desa Sangiang Kecamatan Sepatan Timur. Jurnal Sisfotek Global. Vol.6 No.1:76-82.</ref>, “MySQL merupakan turunan konsep utama dalam basis data, yaitu SQL. SQL adalah sebuah konsep pengoperasian basis data, terutama untuk pemilihan atau seleksi dan input data, yang memungkinkan pengoperasian data dikerjakan dengan mudah”.</p></div>
+
<p>Menurut Bachtiar dan Atikah (2015:74), <ref name="dede"> Bachtiar, Dede., dan Atikah. 2015. Sistem Informasi Dashboard Kependudukan di Kelurahan Manis Jaya Kota Tangerang. Jurnal Sisfotek Global. Vol. 5 nomor 1, Maret 2015. </ref> Elisitasi dilakukan melalui tiga tahap yaitu sebagai berikut: </p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Andi dalam Jurnal Informatika Mulawarman Vol. 11 No. 1 (2016:2)<ref name="Andi2016">Fahmi, Khairul, Agus Tri Haryono, Indah Fitri Astuti dan Dedi Cahyadi. 2016. Perancangan Dan Implementasi Aplikasi Perpustakaan Berbasis Multitenant. Kalimantan Timur: Jurnal Informatika Mulawarman. Vol.11 No.1:1-8.</ref>, “Database MySQL merupakan aplikasi yang bersifat daemon atau menetap dalam memori yang berjalan bersama dengan sistem operasi Microsoft windows”.</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 Solichin Achmad (2016)<ref name="Solichin2016">Solichin, Achmad. 2016. Pemrograman Web Dengan PHP dan MYSQL. Jakarta: Universitas Budi Luhur.</ref>, “MySQL adalah sebuah perangkat lunak sistem manajemen berbasis data SQL atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi diseluruh dunia. MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU <i>General Public License</i> (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GLP.</p></div>
+
 
+
===Konsep Dasar Elisitasi===
+
 
+
====Definisi Elisitasi====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Sommerville dan Sawyer dalam Jurnal SISFOTEK GLOBAL Vol. 6 No. 1 (2016:64)<ref name="Wahana2016">Puspito Rini, Puput, Muchamad Iqbal, Dwi Puji Astuti. 2016. Rancangan Sistem Informasi Konversi Nilai Mahasiswa Pindahan dan Lanjutan:Studi Kasus di STMIK Bina Sarana Global. Jurnal Sisfotek Global. Vol.6 No.1:63-68.</ref>, “Elisitasi kebutuhan adalah sekumpulan aktivitas yang ditunjukkan untuk menemukan kebutuhan suatu sistem melalui komunikasi dengan pelanggan, pengguna sistem, dan pihak lain yang memiliki kepentingan dalam pengembangan sistem”. Elisitasi didapat melalui metode wawancara dan dilakukan melalui 3 (tiga) tahap, yaitu sebagai berikut:</p></div>
+
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Elisitasi Tahap I : Yaitu berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.
+
<p><li>Elisitasi Tahap I</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;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.
+
<p>Elisitasi pada tahap ini berisi seluruh rancangan system  baru yang disusulkan oleh pihak manajemen terkait proses wawancara.</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p><li>Elisitasi Tahap II </p>
<p style="line-height: 2">Berikut penjelasan mengenai Metode MDI:</p></div>
+
<p>Elisitasi ini merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI. Metode ini bertujuan untuk memisahkan antara rancangan system yang penting dan harus ada pada system baru dengan rancangan yang disanggupi oleh peneliti untuk dieksekusi.</p>
<ol style="list-style:lower-alpha">
+
<ol style="list-style-type:lower-alpha">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">M pada MDI artinya <i>Mandatory</i>. Berarti <i>requirement</i> tersebut harus ada (Penting) dan tidak boleh dihilangkan pada saat membuat sistem baru.
+
<p><li>M pada MDI artinya ''Mandatory'' (penting). Maksudnya ''requirement'' tersebut harus ada dan tidak boleh dihilangkan pada saat membuat system baru.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">D pada MDI artinya <i>Desirable</i>. Berarti <i>requirement</i> tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika <i>requirement</i> tersebut digunakan dalam pembentukan sistem akan membuat sistem tersebut lebih sempurna.
+
<p><li>D pada MDI artinya ''Desirable''. Maksudnya adalah ''requirement'' tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebut digunakan dalam pembentukan system, akan membuat system tersebut lebih sempurna.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">I pada MDI artinya <i>Inessential</i>. Berarti <i>requirement</i> tersebut bukanlah bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem.
+
<p><li>I pada MDI artinya ''Inessential'', maksudnya adalah ''requirement'' tersebut bukanlah bagian dari system yang dibahas dan merupakan bagian dari luar system.</p>
 
</ol>
 
</ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Elisitasi Tahap III : Merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya I pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE, sebagai berikut:
+
<p><li>Elisitasi Tahap III</p>
<ol style="list-style:lower-alpha">
+
<p> Merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua ''requirement'' dengan ''option'' I pada metode MDI. Selanjutnya semua ''requirement'' yang tersisa diklasifikasikan kembali melalui metode TOE, yaitu sebagai berikut:</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">T artinya <i>Tehnikal</i>, berarti bagaimana tata cara/tehnik pembuatan <i>requirement</i> tersebut dalam sistem yang diusulkan?
+
<ol style="list-style-type:lower-alpha">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">O artinya Operasional, berarti bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan?
+
<p><li>T artinya ''Technical'', maksudnya bagaimana tata cara/teknik pembuatan ''requirement'' tersebut dalam system yang akan diusulkan. </p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">E artinya Ekonomi, berarti berapakah biaya yang diperlukan guna membangun requirement tersebut didalam sistem?
+
<p><li>O artinya ''Operational'', maksudnya bagaimana tata cara menggunakan ''requirement'' tersebut dalam system yang akan dikembangkam </p>
 +
<p><li>E artinya ''Economy'', maksudnya berapakah biaya yang diperlukan guna membangun requirement tersebut dalam system.</p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p>Metode TOE tersebut dibagi kembali menjadi beberapa ''option'', yaitu:</p>
 +
 +
<p><li>''High'' (H) : sulit untuk dikerjakan, karena teknik pembuatan dan pemakaiannya sulit dan juga biayanya mahal, sehingga requirement tersebut harus dieliminasi.</p>
 +
<p><li>''Middle'' (M) : Mampu untuk dikerjakan.</p>
 +
<p><li> ''Low'' (L) : Mudah untuk dikerjakan.</p>
 
</ol>
 
</ol>
<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, sebagai berikut:</p></div>
 
<ol style="list-style:lower-alpha">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><i>High</i> (H): Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit serta biayanya mahal. Sehingga requirement tersebut harus dieliminasi.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><i>Middle</i> (M): Mampu untuk dikerjakan.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><i>Low</i> (L): Mudah untuk dikerjakan.
 
 
</ol>
 
</ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Final Draft Elisitasi : Merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.
+
<p><li>''Final Draft'' Elisitasi</p>
 +
<p> Merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.</p>
 
</ol>
 
</ol>
 +
</div>
  
===Konsep Dasar <i>Blackbox Testing</i>===
+
==<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left;">Studi Pustaka ''(Literature Review)''</div>==
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Definisi Studi Pustaka ''(Literature Review)''</div>===
  
====Definisi <i>Blackbox Testing</i>====
+
<p> Menurut Fitrianti (2016:42) <ref name="fitrianti"> Fitrianti. 2016. “Sukses Profesi Guru dengan Penelitian Tindakan Kelas”. Yogyakarta: Deepublish Grup CV. Budi Utama.</ref> , “Studi pustaka (literature review) adalah berbagai definisi dari variabel yang ada dan dari berbagai temuan penelitian sebelumnya yang dipergunakan peneliti dalam menetukan alternatif yang akan diimplementasikan.”</p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p>Banyak penelitian diluar sana yang bisa dijadikan acuan untuk peneliti melakukan penelitian ini yaitu penelitian tentang Electronic Menu pada suatu kafe, restoran atau rumah makan. Studi pustaka ini juga merupakan salah satu metode yang dipilih peneliti untuk proses pengambilan data, diantaranya:</p>
<p style="line-height: 2">Menurut M. Sidi Mustaqbal dalam Jurnal Ilmiah Teknologi Informasi Terapan Vol. 1 No. 3 (2015:34)<ref name="Mustaqbal2015">Mustaqbal, M. Sidi. dkk. 2015. Pengujian Aplikasi Menggunakan Black Box Testing Boundary Value Analysis (Studi Kasus : Aplikasi Prediksi Kelulusan SNMPTN). Bandung : Jurnal JITTER. 1(3).</ref>, <i>Black Box Testing</i> berfokus pada spesifikasi fungsional dari perangkat lunak. Tester dapat mendefinisikan kumpulan kondisi input dan melakukan pengetesan pada spesifikasi fungsional program”.</p></div>
+
<ol>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p><li>Penelitian ini dilakukan oleh Rakhmah dkk (2019) <ref name="rakhmah"> Rakhmah, S. N., Reza, R., & Novel, K. (2019). Aplikasi Delivery Order Makanan Dan Minuman Berbasis Web Pada Restoran Mang Kabayan. Jurnal Teknika, 11(2), 1109-1116 </ref> STMIK Nusa Mandiri Jakarta, dan Universitas Bina Sarana Informatika dengan judul “Aplikasi Delivery Order Makanan Dan Minumn Berbasis Web Pada Restoran Mang Kabayan”.<br>
<p style="line-height: 2">Menurut Ayuliana yang dikutip oleh Puji Astuti dalam Jurnal Factor Exacta (2018:3)<ref name="Astuti2018">Astuti, Puji dan Suranto Saputra. 2017. Penerapan Aplikasi Sistem Komparasi Metode K-Nearest Neighbor Dan Neural Network Dalam Menentukan Kepuasan Pelayanan Wali Murid Pada Sekolah Dasar. Jurnal Faktor Exacta. Jakarta : Universitas Indraprasta PGRI. ISSN: 2502-339.</ref>, “<i>BlackBox Testing</i>, yaitu pengujian yang dilakukan hanya mengamati hasil eksekusi melalui data uji dan memeriksa fungsional dari perangkat lunak. Jadi dianalogikan seperti kita melihat suatu kotak hitam, kita hanya bisa melihat penampilan luarnya saja, tanpa tahu ada apa dibalik bungkus hitam nya. Sama seperti pengujian <i>black box</i>, mengevaluasi hanya dari tampilan luarnya <i>(interface)</i>, fungsionalitasnya tanpa mengetahui apa sesungguhnya yang terjadi dalam proses detailnya.</p></div>
+
''“Humans in general want everything to be easily done, as well as restaurant customers who want to order menus easily in the sense that it is not complicated and does not take a long time. It's easy to order the menu in question without having to queue and without waiting for the waiter to be busy with other customers. Restaurant customers can also take time to order orders according to their needs so they are not disturbed by the presence of a waiter who is waiting for the order. The preparation of this study uses two research methods, namely, data collection methods and software development methods, namely using the waterfall method. To overcome the problems that the authors describe, a web-based application is made to make it easier for restaurants and customers to order food. With the use of media websites that have been published can facilitate food ordering in real time”''. <br>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
Yang artinya Manusia pada umumnya ingin semuanya mudah dilakukan, demikian juga pelanggan restoran yang ingin memesan menu dengan mudah dalam arti tidak rumit dan tidak memakan waktu lama. Sangat mudah untuk memesan menu yang dimaksud tanpa harus mengantri dan tanpa menunggu pelayan sibuk dengan pelanggan lain. Pelanggan restoran juga dapat mengambil waktu untuk memesan sesuai dengan kebutuhan mereka sehingga mereka tidak terganggu oleh kehadiran pelayan yang sedang menunggu pesanan. Penyusunan penelitian ini menggunakan dua metode penelitian, yaitu, metode pengumpulan data dan metode pengembangan perangkat lunak, yaitu menggunakan metode waterfall. Untuk mengatasi masalah yang penulis jelaskan, aplikasi berbasis web dibuat untuk mempermudah restoran dan pelanggan memesan makanan. Dengan penggunaan situs web media yang telah dipublikasikan dapat memudahkan pemesanan makanan secara real time.
<p style="line-height: 2">Sedangkan, menurut Syed Roohullah Jan, dkk. dalam International Journal of Scientific Research in Science, Engineering and Technology (2016:683)<ref name="Syed2016">Jan, Syed Roohullah, dkk. 2016. "An Innovative Approach to Investigate Various Software Testing Techniques and Strategies." International Journal of Scientific Research in Science, Engineering and Technology (IJSRSET), Print ISSN : 23951990.</ref>, “<i>“Black Box Testing is a software testing technique which play an important role in software testing”</i>, yang artinya Black Box Testing adalah teknik pengujian perangkat lunak yang memainkan peran penting dalam pengujian perangkat lunak.</p></div>
+
</p>
 +
<p><li>Penelitian ini dilakukan oleh Torres,<ref name="torres"> Torres, A. M. (2016). “Electronic Menu and Ordering Application System: A Strategic Tool for Customer Satisfaction and Profit Enhancement”. International Journal Science and Technology </ref> A.M Department of General Studies, Hanseo University, South Korea yang berjudul “Electronic Menu and Ordering Application System: A Strategic Tool for Customer Satisfaction and Profit Enhancement”.  
 +
''“This paper proposed an electronic menu and ordering system that intends to provide an efficient and effective customer-wait staff communication, an ideal tool to provide exceptional customer service in restaurants. The use of interactive menu and ordering system application is expected to overcome the challenges and fill the communication gap between the customer and waitstaff. The features of the menu are anticipated to a give a vivid image of the dish, enlighten the customers about their order, ingredients, food allergens, grades of spiciness and price. The well-informed customer can now easily choose and decide for his order based on the information he had seen from both text and photos. The orders can be quickly sent to the kitchen through a touch screen or a smartphone and prepared fast for immediate customer indulgence. The application system expects to encourage more customers, repeat business, promotion of Korean cuisine and increase restaurant sales”.''<br>
 +
Yang artinya Makalah ini mengusulkan menu elektronik dan sistem pemesanan yang bermaksud untuk menyediakan komunikasi staf menunggu pelanggan yang efisien dan efektif, alat yang ideal untuk menyediakan layanan pelanggan yang luar biasa di restoran. Penggunaan menu interaktif dan aplikasi sistem pemesanan diharapkan dapat mengatasi tantangan dan mengisi kesenjangan komunikasi antara pelanggan dan pelayan. Fitur menu diantisipasi untuk memberikan gambaran yang jelas dari hidangan, mencerahkan pelanggan tentang pesanan mereka, bahan, alergen makanan, tingkat kepedasan dan harga. Pelanggan yang berpengetahuan luas sekarang dapat dengan mudah memilih dan memutuskan pesanannya berdasarkan informasi yang telah dilihatnya baik dari teks maupun foto. Pesanan dapat dengan cepat dikirim ke dapur melalui layar sentuh atau smartphone dan dipersiapkan dengan cepat untuk kepuasan pelanggan langsung. Sistem aplikasi berharap dapat mendorong lebih banyak pelanggan, mengulangi bisnis, mempromosikan masakan Korea dan meningkatkan penjualan restoran.
 +
</p>
 +
<p><li>Penelitian ini dilakukan oleh Sari dkk (2016) <ref name="sari"> Sari, N. I., Hernawati, E., & Siswanto, B. (2016). “Aplikasi Multimedia Reservasi Meja Dan Menu Makan Di Cocorico CafÉ Berbasis Web (studi Kasus: Cocorico Café Bandung)”. eProceedings of Applied Science, 2(1). </ref> Manajemen Informatika Fakultas Ilmu Terapan Universitas Telkom, dengan Judul “Aplikasi Multimedia Reservasi Meja Dan Menu Makan Di Cocorico CafÉ Berbasis Web (studi Kasus: Cocorico Café Bandung)”.
 +
Fungsionalitas yang terdapat dalam aplikasi ini digunakan untuk melakukan reservasi meja dan menu makan yang dilakukan oleh Admin dan Pengunjung. Admin mempunyai hak akses mengelola account, mengelola account pengunjung, mengelola menu makan, mengelola meja, mengelola data reservasi, cetak laporan. Pengunjung mempunyai hak akses mengelola account, view denah, reservasi meja, reservasi makanan, cetak bukti reservasi. Aplikasi ini mampu melakukan pengolahan data pemesanan meja dan makanan serta mampu menjadi media yang menyediakan sarana bagi pengunjung untuk melakukan pemesanan makanan. Aplikasi ini dibuat dengan menggunakan metode pengerjaan SDLC waterfall sampai pada tahap pengujian. Pembangunan aplikasi ini berupa Website. Aplikasi Website dibangun dengan menggunakan PHP, Codeigniter, MYSQL dan Apache. Aplikasi ini digunakan oleh Admin dan Pengunjung. Pengujian aplikasi ini menggunakan black box testing, merupakan pengujian yang berfokus pada spesifikasi fungsional dari perangkat lunak, dimana tester dapat mendefinisikan kumpulan kondisi input dan melakukan pengetesan pada spesifikasi fungsional program </p>
  
===Konsep Dasar <i>Literature Review</i>===
+
<p><li> Penelitian ini dilakukan oleh Martono (2018) Program Studi Teknik Informatika, STIKOM Dinamika Bangsa, Jambi dengan judul  “Pembuatan Aplikasi E-Menu (Electronic Menu) Berbasis Website dan Android”.
 +
Aplikasi Menu elektronik (E-Menu) yang dibuat pada penelitian ini merupakan aplikasiyang memanfaatkan media elektronik sebagai sarana untuk memproses seluruh transaksi di rumah makan, mulai dari pemesanan menu hingga proses pencetakan struk dan laporan. Adapun sistem operasi yang digunakan dalam pembuatan aplikasi ini adalah dengan menggunakan sistem operasi android untuk sisi pelanggan (front end user) dan untuk sisi karyawan rumah makan (back end user) sistem akan dibangun berbasis website
 +
</p>
  
====Definisi <i>Literature Review</i>====
+
<p><li>Penelitian ini dilakukan oleh Caniati dkk (2017) <ref name="caniati"> Caniati, N., Ghozali, A. L., & Sumarudin, A. (2017). Implementasi sistem informasi pemesanan menu Makanan dan minuman pada kafe berbasis web menggunakan jaringan intranet. Jurnal Ilmiah Ilmu Komputer Fakultas Ilmu Komputer Universitas Al Asyariah Mandar, 3(2), 8-13.</ref> , Program Studi Teknik Informatika, Politeknik Negeri Indramayu, dengan judul “IMPLEMENTASI SISTEM INFORMASI PEMESANAN MENU MAKANAN DAN MINUMAN PADA KAFE BERBASIS WEB MENGGUNAKAN JARINGAN INTRANET”.
 +
Pada umumnya restoran ataupun kafe mengalami kesulitan untuk melayani pemesanan menu makanan dan minuman, kesulitan tersebut adalah pelanggan menunggu terlalu lama untuk mendapatkan menu makanan dan minuman yang dipesan sehingga kurang adanya kenyamanan bagi pengunjung. Implementasi sistem informasi pemesanan menu makanan dan minuman ini diterapkan berbasis web dengan menggunakan jaringan intranet bertujuan agar operasional kafe dapat berjalan lebih efektif, aman, cepat, dan akurat. Dengan sistem informasi ini data laporan penjualan kafe menjadi terkomputerisasi, sehingga data dapat tersimpan dengan baik. Sistem informasi ini dikembangkan menggunakan framework bootstrap dengan bahasa pemrograman PHP dan menggunakan database MySQL. Dari hasil pengujian menggunakan metode blackbox dapat disimpulkan bahwa sistem informasi pemesanan menu makanan dan minuman berbasis web ini dapat membantu proses pemesanan pada salah satu kafe Made In Bandung.  </p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p><li>Penelitian ini dilakukan oleh Oley dkk (2017) <ref name="oley"> Oley, E., Sentinuwo, S. R., & Sinsuw, A. A. (2017). Sistem Pemesanan Makanan Dan Minuman Berbasis Website (Studi Kasus Taipan Restoran). Jurnal Teknik Elektro dan Komputer, 6(4), 159-170.</ref> Program Studi Teknik Elektro, Fakultas Teknik, Universitas Sam Ratulangi, dengan Judul Sistem Pemesanan Makanan Dan Minuman Berbasis Website (Studi Kasus Taipan Restoran) “.
<p style="line-height: 2">Menurut Hasibuan dalam Jurnal CCIT Vol. 8 No. 3 (2015:138)<ref name="Hasibuan2015">Rafika, Ageng Setiani, Mukti Budiarto, Wahyu Budianto. 2015. Aplikasi Monitoring Sistem Absensi Sisik Jari Sebagai Pendukung Pembayaran Biaya Pegawai Terpusat Dengan SAP. Tangerang: Jurnal CCIT. Vol.8 No.3:134-146.</ref>, “<i>Literature review</i> berisi tentang uraian teori, temuan dan bahan penelitian lain yang diperoleh dari bahan acuan untuk dijadikan landasan kegiatan penelitian. Uraian dalam <i>literature review</i> ini diarahkan untuk meyusun kerangka pemikiran yang jelas tantang pemecahan masalah yang diuraikan sebelumnya pada rumusan masalah.</p></div>
+
Penelitian yang dilakukan adalah membuat sistem pemesanan makanan dan minuman dengan menggunakan media internet yang dapat mengefisiensikan waktu bagi restoran dan pelanggan. Hasil dari penelitian ini berbentuk sebuah website yang bisa di akses oleh semua orang yang langsung mengirim pesanan ke meja koki dan kasir. Dari hasil penelitian tersebut diharapkan pihak restoran dapat meningkatkan efisiensi dan kualitas pelayanan.  </p>
  
====Langkah-Langkah <i>Literature Review</i>====
+
<p><li> Penelitian ini dilakukan oleh Sutawan dkk (2018)<ref name="sutawan">Sutawan, A. , Sudarto, Ferry, & Martono, Aris (2018). “Aplikasi E-menu Restoran Berbasis Web Pada Hover Café”. STMIK Raharja. Tangerang.</ref> Program Studi Sistem Informasi, STMIK Raharja dengan judul “Aplikasi E-Menu Restoran Berbasis Web pada Hover Kafe”. <br>
 +
Pada Hover Cafe proses pelayanan dari segi pemilihan menu masih menggunakan sistem pemesanan secara konvesional dan masih menggunakan kertas sebagai media daftar pilihan menu sehingga akan menjadi masalah ketika terdapat penambahan menu baru dan terjadi kerusakan pada buku menu itu sendiri, serta akan menyulitkan pelanggan melakukan pemesanan ketika restoran sedang ramai. Metode yang digunakan dalam penelitian ini adalah metode pengumpulan data, metode observasi, metode wawancara, dan metode studi pustaka dilakukan untuk mendapatkan data yang akurat. Selanjutnya data dianalisis dengan SWOT guna mengetahui kelemahan dan kelebihan perusahaan. Dalam penggambaran alur sistem menggunakan UML (Unified Modeling Language) dan PHP (Hypertext Preprocessor) sebagai bahasa pemrograman dengan basis data MySQL sebagai database yang digunakan serta menggunakan Prototype untuk memudahkan perancangan tampilan sistem yang diusulkan. Oleh karena itu diperlukan suatu media pemesanan yang memanfaatkan teknologi informasi sebagai media pemilihan pemesanan makanan dan minuman (E-Menu) yang dapat menyediakan informasi mengenai detail menu pesanan untuk mempermudah pelanggan dalam melakukan pemilihan dan pemesanan menu makanan atau minuman.</p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p><li>Penelitian ini dilakukan oleh Syahputro dkk (2018) <ref name="syahputro"> Syahputro, M. A. E., Hernawati, E., & Suryadi, A. H. (2018). “Aplikasi Penjualan Dan Pemesanan Berbasis Web Di Sate Gule Kambing Pak Ni Ponorogo”. eProceedings of Applied Science, 4(3). </ref> Manajemen Informatika, Fakultas Ilmu Terapan, Universitas Telkom, dengan judul “Aplikasi Penjualan Dan Pemesanan Berbasis Web Di Sate Gule Kambing Pak Ni Ponorogo”.
<p style="line-height: 2">Menurut Priyo Sutopo dkk (2016)<ref name="Priyo2016">Sutopo, Priyo, Dedi Cahyadi dan Zainal Arifin. 2016. Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web. Universitas Mulawarman: Jurnal Informatika Mulawarman. 11 (1).</ref>, Manfaat literature review antara lain :</p></div>
+
Tujuan dibuatnya aplikasi ini adalah untuk menyediakan fitur untuk dapat melihat menu yang di hasilkan, menyediakan fitur secara online serta informasi status pesanan, fitur pemesanan onsite dan pengelolaan pemesanan, dan fitur laporan penjualan dan pemasukan dari hasil yang telah terjual. Aplikasi ini dibangun dengan menggunakan model waterfal dan framework codeigniter dengan bahasa pemrograman PHP dan menggunakan database MySQL. Aplikasi ini diharapkan dapat membantu pihak Sate Gule Kambing Pak Ni Ponorogo dalam meningkatkan pelayanan pemesanan, mampu memberikan sesuatu yang menarik untuk lebih mudah mendapatkan pelanggan, menjalani hubungan baik dengan pelanggan, dan tentu saja mempertahankan pelanggan serta dapat meningkatkan penghasilan perusahaan. </p>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengidentifikasikan kesenjangan dari penelitian ini.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menghindari membuat ulang sehingga banyak menghemat waktu dan juga menghindari kesalahan-kesalahan yang pernah dilakukan oleh orang lain.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengidentifikasikan metode yang pernah dilakukan dan yang relevan terhadap penelitian ini.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Adanya studi pustaka ini, penelitian yang akan dilakukan dapat meneruskan apa yang penelitian sebelumnya telah dicapai sehingga dengan membangun diatas landasan dari pengetahuan atau ide yang sudah ada.
+
</ol>
+
  
==<i>Literature Review</i>==
+
<p><li> Penelitian ini dilakukan oleh Dasawaty dkk (2017), <ref name="dasawaty"> Dasawati, E. S., & Kom, S. (2017). Implementasi Aplikasi Pemesanan Makanan Service Dan Reservasi Berbasis Web Pada Restoran Eka Ria. Jurnal Informatika dan Bisnis, 6(2). </ref> Program Studi Teknik Informatika, Institut Bisnis dan Kwik Kian Gie, dengan Judul “IMPLEMENTASI APLIKASI PEMESANAN MAKANAN SERVICE DAN RESERVASI BERBASIS WEB PADA RESTORAN EKA RIA”. <br>
 +
''“This application is made with programming language PHP Hypertext Prepocessor ", which is a programming language that is widely used for handling the manufacture and development of a website and can be used in conjunction with HTML. Jquery collection javascript library simplifies Javascript code by calling the functions provided by jquery . Javascript itself is a scripting language that works side Client / Browser so that websites can be more interactive text editor used to implementation this is Aptana studio3.1 The collection of information is done with indirect observation methods and interview with a restaurant employee Eka Ria.untuk implementation method using this app has many features to support activity in the restaurant ekaria As a menu to order food, bill printing, information relating to the reservation sperti information package info leases for prediction of total rental price of the room with the package and manufacturing sales report. Results from this study is a food ordering application, reservation service and transactions can be easy for customers to mendpatkan food menu and pricing information, and simplify admin of booking meals to get information about sales reports The conclusion of this study is the application that can be easier to get the information menu, ordering food, making auto sales reports and reservations”. ''
 +
Yang artinya Aplikasi ini dibuat dengan bahasa pemrograman PHP Hypertext Prepocessor ", yang merupakan bahasa pemrograman yang banyak digunakan untuk menangani pembuatan dan pengembangan situs web dan dapat digunakan bersamaan dengan HTML. Koleksi jquery library javascript menyederhanakan kode Javascript dengan memanggil fungsi-fungsi disediakan oleh jquery. Javascript itu sendiri adalah bahasa scripting yang berfungsi sisi Client / Browser sehingga situs web editor teks bisa lebih interaktif digunakan untuk implementasi ini adalah Aptana studio3.1 Pengumpulan informasi dilakukan dengan metode observasi tidak langsung dan wawancara dengan karyawan restoran Eka Ria.untuk metode pelaksanaan menggunakan aplikasi ini memiliki banyak fitur untuk mendukung aktivitas di restoran ekaria. Sebagai menu untuk memesan makanan, pencetakan tagihan, informasi terkait pemesanan sperti informasi info paket sewa untuk prediksi harga total sewa kamar dengan paket dan laporan penjualan manufaktur. Hasil dari penelitian ini adalah makanan orde aplikasi dering, layanan pemesanan, dan transaksi dapat memudahkan pelanggan untuk mendapatkan menu makanan dan informasi harga, dan menyederhanakan admin pemesanan makanan untuk mendapatkan informasi tentang laporan penjualan. Kesimpulan dari penelitian ini adalah aplikasi yang dapat lebih mudah untuk mendapatkan menu informasi, memesan makanan, membuat laporan dan pemesanan penjualan mobil
 +
</p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p><li> Penelitian ini dilakukan oleh Dewi dkk (2015) <ref name="dewi"> Dewi, S. P., & Arnie, R. (2015). Aplikasi Layanan Pemesanan Katering Pada Rumah Makan Srie Berbasis Web. JUTISI, 3(3). </ref> STMIK Banjar Baru dengan judul “ Aplikasi Layanan Pemesana  Katering Pada Rumah Makan Srie Berbasis Web.” <br>
<p style="line-height: 2">Berikut ini adalah penelitian yang telah dilakukan dan memiliki korelasi yang searah dengan penelitian yang dibahas dalam skripsi yang dilakukan oleh peneliti, yaitu sebagai berikut :</p></div>
+
Pemesanan katering dilayani melalui tatap muka langsung atau melalui telepon. Namun layanan melalu telepon membebani rumah makan untuk menempatkan pegawai pada bagian layanan telepon dan memakan waktu untuk menjelaskan ketersediaan pemesanan, menu, dan harganya pada pelanggan. Sehingga perlu alternatif lain untuk pelayanan pemesanan katering. Salah satu alternatif layanan pemesanan adalah dengan dibangun layanan pemesanan katering melalui website. Website mampu menyediakan informasi yang lengkap bagi pelanggan tentang ketersediaan pemesanan, menu, dan harga makanan tanpa harus menempatkan pegawai yang harus selalu siap sedia menjawab panggilan pelanggan. Aplikasi layanan pemesanan katering berbasis web mampu menampilkan daftar menu yang tersedia di Rumah Makan Srie dan memberikan fasilitas pemesanan bagi pelanggan sehingga memudahkan pelanggan dalam menentukan paket katering yang diinginkan dan memesannya.
 +
</p>
  
 +
<p><li> Penelitian ini dilakukan oleh Chavan, dkk (2015) <ref name="chavan"> Chavan, V., Jadhav, P., Korade, S. And Teli, P., 2015. ''Implementing Customizable Online Food Ordering System Using Web Based Application. International Journal Of Innovative Science, Engineering & Technology, 2(4). </ref> Computer Department,Pune University Indapur, Maharashtra, India dengan judul “Implementing Customizable Online Food Ordering System Using Web Based Application” ''
 +
''By making entire process of taking orders is automatically the load on restaurants device with a screen presenting the menu and accept user’s input for order placing First waiter takes the order from customer. After taking the order, waiter should enter that order in system where PC was set up. At the kitchen information was displayed on screen. The kitchen staff would then prepare the dishes according to order and after completion of order they would inform to waiter, who collected and delivered the dishes to the respective tables. The system was also informing the waiter about the availability of a dish. If a certain dish was not available then waiter was able to ask for changes or even cancel a customer’s order. After serving the order, bill was generated at the cash counter as per customer order.'' <br>
 +
Dengan membuat seluruh proses pengambilan pesanan secara otomatis, beban pada perangkat restoran dengan layar yang menyajikan menu dan menerima masukan pengguna untuk pesanan. Pelayan pertama mengambil pesanan dari pelanggan. Setelah menerima pesanan, pelayan harus memasukkan pesanan itu di sistem tempat PC disiapkan. Pada informasi dapur ditampilkan di layar. Staf dapur kemudian akan menyiapkan hidangan sesuai pesanan dan setelah selesai pesanan mereka akan menginformasikan kepada pelayan, yang mengumpulkan dan mengirimkan piring ke meja masing-masing. Sistem itu juga memberi tahu pelayan tentang ketersediaan hidangan. Jika hidangan tertentu tidak tersedia maka pelayan dapat meminta perubahan atau bahkan membatalkan pesanan pelanggan. Setelah melayani pesanan, tagihan dibuat di konter kas sesuai pesanan pelanggan.</p>
 +
</ol>
  
<div align="center"><img style="margin:100px" src="https://ibb.co/album/c2do8v"></div>
+
=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
<div align="center"><img style="margin:100px" src="https://ibb.co/album/c2do8v"></div>
+
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PEMBAHASAN'''</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 2.1 <i>Literature Review</i></b></p></div>
+
  
=<div style="font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left">'''Gambaran Umum Kafe Rute 15'''</div>==
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''ANALISA SISTEM YANG BERJALAN'''</div>
+
  
==Gambaran Umum Dinas Kependudukan dan Pencatatan Sipil==
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left">'''Sejarah Singkat Kafe Rute 15'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p> Kafe Rute 15 terletak di Jl. Kisamaun No.150, RT.003/RW.005, Sukasari, Kec. Tangerang, Kota Tangerang, Banten 15118. Letak Kafe Rute 15 ini sangat strategis karena berada di tengah-tengah Kawasan Pasar Lama. Sebelum bernama Kafe Rute 15, kafe ini bernama Aros. Konsep Rute 15 dan Aros berbeda. Aros memiliki  konsep seperti kantin dengan hidangan menunya prasmanan, di mana pelanggan yang datang bebas untuk memilih makanan yang sudah disajikan di meja  kantin itu.
 +
</p>
 +
<p> Pada 1 September 2015, Aros mengalami renovasi yang cukup lama dan  ternyata hasil dari renovasi tersebut lahirlah Kafe Rute 15. Konsep Aros dan Kafe Rute 15 ini  berbeda, Kafe Rute 15 menawarkan konsep kafe dimana pelanggan dapat  memesan makanan layaknya kafe. Akhirnya pada 18 September 2015 Kafe Rute 15 mulai beroperasi. </p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p> Konsep Rute 15 sendiri berawal dari sang pemilik yang hobi kuliner di pinggir jalan, itulah sebabnya kafe ini dinamakan Rute 15. Ornamen-ornamen pada kafe ini pun penuh dengan lukisan jalanan sehingga memberi kesan kepada pelanggan seperti sedang makan di pinggir jalan.   Makanan yang disajikan di sini juga mengambil konsep makanan yang sering dijual di pinggir jalan. Kafe inipun dihiasi dengan tanaman-tanaman yang indah serta adanya kolam ikan yang membuat suasana semakin hidup.  Konsep kafe ini diusulkan oleh sang manajer kafe sendiri, dengan alasan jika  kita sedang menyantap makanan dan disekeliling kita terdapat tanaman, maka akan membuat mood makan kita menjadi semakin enak, karena menurutnya tanaman dapat memberikan suasana tentram dan menyejukkan. Terdapat juga hiasan pada dinding kafe, beberapa diantaranya juga dihias sendiri oleh tangan cantik sang manajer. Hiasan tersebut menyesuaikan moment, jika sedang moment kemerdekaan maka dinding tersebut dihiasi dengan bendera merah putih, jika sedang valentine dinding tersebut dihiasi dengan ornamen kasih sayang.  
<p style="line-height: 2">Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang adalah Satuan Kerja Perangkat Daerah (SKPD) penyelenggara kewenangan Pemerintah Daerah yang dipimpin oleh seorang  Kepala Dinas yang berada dibawah dan bertanggung jawab kepada Walikota. Penyelenggaraan Otonomi Daerah membawa tuntutan dan konsekuensi perubahan terhadap system nilai dan budaya kerja dalam penyelenggaraan Pemerintahan, nilai dasar dan budaya kerja yang dimaksud pada dasarnya mengakomodasikan kebutuhan yang berorientasi pada aspirasi dan kebutuhan masyarakat dengan prinsip demokratisasi, transparan dan berkeadilan. Kondisi tersebut menurut adanya kerangka yang terstruktur untuk dapat memberikan fungsi pelayanan publik sesuai dengan tuntutan perkembangan ekonomi, politik, sosial dan budaya pada saat ini. Untuk itu pencapaian hasil dan pertanggung jawaban menuju <i>Good Governance</i> Perangkat Daerah, yakni system kepemerintahan Dinas Kependudukan dan Pencatatan Sipil yang baik, berwibawa dan bertanggung jawab serta bebas dari korupsi, kolusi dan nepotisme.</p></div>
+
</p>
  
===Sejarah Singkat Dinas Kependudukan dan Pencatatan Sipil===
+
<p> Setahun sekali, kafe ini merayakan makan dengan konsep gelap, dimana hari itu bertepatan dengan hari valentine. Setiap pelanggan yang datang, lampu kafe akan dimatikan dengan tidak memberitahu sebelumnya, dan di meja tersebut diberikan lilin untuk penerangannya agar lebih terkesan romantis. Setiap pelanggan yang datang dan membawa pasangannya  akan diberikan satu tangkai bunga  dan satu roti bakar gratis. </p>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-k0AzWeRTqQY/Xhi0xA18YCI/AAAAAAAAMUQ/4Etgv9_ylDkdKU6WX9hP3pQnaQs6atYjQCK8BGAsYHg/s512/disdukcapil.jpg></div>
+
<p> Jika pelanggan ingin reservasi untuk acara seperti ulang tahun, arisan, pertemuan keluarga atau lainnya tidak dikenakan biaya reservasi. Pelanggan hanya ditarikkan biaya untuk tanda jadi reservasi sebesar lima ratus ribu rupiah, tetapi uang tersebut akan dikembalikan pada saat hari h. Jika pelanggan ingin acaranya didekorasi, pelanggan hanya memberikan bahan-bahan untuk dekorasi saja, karena Kafe Rute 15 ini memberikan jasa dekorasi gratis, hal ini dikarenakan sang manajer kafe sangat menjunjung tinggi kepuasan pelanggan. </p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 3.1 Gedung Pelayanan DISDUKCAPIL Kota Tangerang</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">Berdasarkan Undang-Undang Nomor 24 Tahun 2013 Perubahan atas Undang-Undang Nomor 23 Tahun 2006 tentang Administrasi Kependudukan, Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang melaksanakan pelayanan Administrasi Kependudukan. Profil Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang disusun dengan mengacu kepada Peraturan Pemerintah No. 6 Tahun 2008 tentang indikator Penyelenggaraan Pemerintah Daerah.</p></div>
 
  
===Visi Dan Misi===
+
</div>
  
====Visi====
+
===<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Visi dan misi Kafe Rute 15 :'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p style="line-height:2"> Suatu perusahaan pastinya memiliki visi dan misi dalam menjalankan perusahaannya, agar tercipta hasil yang sesuai dengan apa yang diharapkan. </p></div>
 +
<ol>
 +
<li>Visi
 +
<p> Visi pada Kafe Rute 15 sebagai berikut: </p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<ol style="list-style-type:lower-alpha">
<p style="line-height: 2">Visi Pembangunan Daerah Kota Tangerang Tahun 2019-2023  berdasarkan visi Walikota dan Wakil Walikota Tangerang terpilih adalah sebagai berikut:
+
<li> Memberikan sajian yang berkualitas tinggi dengan harga terjangkau.
<b>“TERWUJUDNYA KOTA TANGERANG YANG SEJAHTERA, BERAKHLAKUL KARIMAH DAN BERDAYA SAING”</b>
+
<li> Memberikan pelayanan yang baik guna untuk memuaskan pelanggan.
Penjelasan terhadap makna yang terkandung dalam visi tersebut bisa dilihat pada tabel 3.1 berikut ini : </p></div>
+
<li> Menciptakan suasana kafe yang romantis dan berkarakter.
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-9BkVwzqrd1c/Xhi2H4tjvnI/AAAAAAAAMUs/VBA5xkzYXiECytyFBxJZ4lT38JuVeeFggCK8BGAsYHg/s512/visi%2Bdisdukcapil.png></div>
+
</ol>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 3.1 Makna Visi Kota Tangerang</b></p></div>
+
  
====Misi====
+
<li>Misi
 +
<p> Misi pada Kafe Rute 15 sebagai berikut: </p>
 +
 
 +
<ol style="list-style-type:lower-alpha">
 +
<li> Memberikan menu yang berkualitas, dan sebagian bahan-bahan langsung didatangkan dari tempat asalnya.
 +
<li> Memberikan pelayanan yang ramah dan responsif serta menciptakan hubungan pelanggan yang baik dengan memberikan kualitas pelayanan yang profesional.
 +
<li> Menyediakan fasilitas yang memuaskan, seperti hiasan dinding, tanaman-tanaman sekeliling dan live music.
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Misi pembangunan Kota Tangerang Tahun 2019-2023 berdasarkan misi Walikota dan Wakil Walikota Tangerang terpilih adalah sebagai berikut:</p></div>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bersama mengembangkan kualitas sumber daya manusia melalui peningkatan mutu pendidikan, kesehatan, dan kesejahteraan sosial dengan mewujudkan tata kelola pemerintahan yang profesional dan berintegrasi;
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bersama meningkatkan pembangunan sarana dan prasarana kota yang berkelanjutan dan berwawasan lingkungan;
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bersama meningkatkan pertumbuhan ekonomi yang mandiri dan berkeadilan.
 
 
</ol>
 
</ol>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
</ol>
<p style="line-height: 2">Penjelasan terhadap makna yang terkandung dalam misi tersebut bisa dilihat pada tabel 3.2 berikut ini.</p></div>
+
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-PHq2zb5x4Yw/Xhi3RaaLyrI/AAAAAAAAMVE/bBYTPrunv6YPCox7dEzzMnF2-VcSLq6hwCK8BGAsYHg/s512/Misi%2Bdisdukcapil.png></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 3.2 Makna Misi Kota Tangerang</b></p></div>
+
  
===Struktur Organisasi===
+
===<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Struktur Organisasi Kafe Rute 15'''</div>===
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div align="center"><img width="500" height="250" style="margin:0px" src="https://i.postimg.cc/YCwwKt3q/Untitled-Diagram-3.png"/></div>
<p style="line-height: 2">Berdasarkan Peraturan Daerah Kota Tangerang Nomor 8 Tahun 2016 tentang Pembentukan Dan Susunan Perangkat Daerah, yang menetapkan Peraturan Walikota Nomor 69 Tahun 2016 tentang Kedudukan, Susunan, Organisasi, Tugas Dan Fungsi Serta Tata Kerja Dinas Kependudukan Dan Pencatatan Sipil, terdiri dari :</p></div>
+
<div id="g313" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 3.1.3 Struktur Organisasi Kafe Rute 15</div>
 +
 
 +
===<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Tugas dan Tanggung Jawab'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p> Di dalam suatu  perusahaan pastinya tugas setiap bagian berbeda-beda, setelah peneliti melakukan penelitian di Kafe Rute 15, maka dibawah inilah tugas dan tanggung jawab setiap bagiannya:</p>
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kepala Dinas;
+
<li>Owner
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sekretaris, membawahi :
+
<p>Tugas Owner:</p>
<ol style="list-style:lower-alpha">
+
<ol style="list-style-type:lower-alpha">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bagian Umum dan Kepegawaian;
+
<p><li>Melaksanakan program kerja yang tertuang pada Visi dan Misi Kafe Rute 15</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sub Bagian Perencanaan dan Keuangan;
+
<p><li>Mengadakan pelatihan kepada para karyawannya untuk bisa mengedepankan kualitas karyawan.</p>
 
</ol>
 
</ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bidang Pengolahan Informasi Administrasi Kependudukan, dan Pemanfaatan Data membawahi :
+
 
<ol style="list-style:lower-alpha">
+
<p>Tanggung Jawab Owner:</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Seksi Sistem Informasi Administrasi Kependudukan;
+
<ol style="list-style-type:lower-alpha">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Seksi Pengolahan Dan Penyajian Data Kependudukan;
+
<p><li>Penasihat keputusan pimpinan perusahaan</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Seksi Kerjasama Dan Inovasi Pelayanan.
+
<p><li>Memastikan seluruh karyawan bisa bekerja dengan profesional.</p>
 +
<p><li>Memastikan pendapatan Kafe stabil.</p>
 
</ol>
 
</ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bidang Pelayanan Pendaftaran Penduduk, membawahi :
+
<li> Manajer
<ol style="list-style:lower-alpha">
+
<p> Tugas Manajer: </p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Seksi Identitas Penduduk;
+
<ol style="list-style-type:lower-alpha">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Seksi Pindah Datang Penduduk;
+
<p><li>Mengontrol data penjualan setiap harinya.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Seksi Pendataan Penduduk;
+
<p><li>Mengontrol kinerja karyawan setiap harinya</p>
 +
<p><li>Mengontrol kondisi Kafe setiap harinya.</p>
 +
<p><li>Mengontrol laporan stok bahan makanan setiap harinya.</p>
 +
<p><li>Mengkomunikasikan keperluan Kafe kepada supplier.</p>
 
</ol>
 
</ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bidang Pencatatan Sipil, membawahi :
+
<p>Tanggung Jawab Manajer : </p>
<ol style="list-style:lower-alpha">
+
<ol style="list-style-type:lower-alpha">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Seksi Kelahiran;
+
<p><li>Memastikan restoran bersih.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Seksi Perkawinan dan Perceraian;
+
<p><li>Memastikan pelayan berpenampilan bersih dan rapih.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Seksi Perubahan Status Anak, Pewarganegaraan, Dan Kematian;
+
<p><li>Memastikan menu yang disajikan waiter sesuai dengan yang dipesan.</p>
 +
<p><li>Memastikan pelanggan puas dengan pelayanan karyawan. </p>
 +
<p><li>Memastikan laporan stok bahan baku yang diperlukan tidak kurang.</p>
 +
<p><li>Memastikan laporan keuangan jelas setiap  harinya.</p>
 
</ol>
 
</ol>
 +
<li>Admin
 +
<p> Tugas Admin : </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Merekap data penjualan setiap harinya.</p>
 +
<p><li>Melihat data pembelian setiap harinya</p>
 +
<p><li>Menambah menu, menghapus dan mengedit menu.</p>
 
</ol>
 
</ol>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p> Tugas Dan Tanggung Jawab Admin : </p>
<p style="line-height: 2">Untuk lebih jelasnya mengenai Struktur Organisasi Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang dapat dilihat pada Gambar 3.2 dibawah ini</p></div>
+
<ol style="list-style-type:lower-alpha">
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-wZS0AFDrh88/Xhx6oImh2NI/AAAAAAAAMXU/vjH3WWQ7pJIeD3X2ruA8tVba7IooWX03wCK8BGAsYHg/s0/Struktur%2BOrganisasi.png"></div>
+
<p><li>Memastikan menu yang ada pada halaman pelanggan tersedia.</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 3.2 Struktur Organisasi Disdukcapil Kota Tangerang</b></p></div>
+
<p><li>Memastikan menu baru yang sudah di update adalah sesuai</p>
 
+
<p><li>Memastikan menu yang ingin dihapus adalah sesuai,</p>
===Fungsi Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Dibawah ini dijabarkan Fungsi Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang sebagai berikut :</p></div>
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Perumusan kebijakan teknis urusan kependudukan dan pencatatan sipil;
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penyelenggaraan urusan pemerintahan dan pelayanan umum di bidang kependudukan dan pencatatan sipil;
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pelaksanaan koordinasi penyelenggaraan urusan di bidang kependudukan dan pencatatan sipil;
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pembinaan dan pelaksanaan tugas di bidang kependudukan dan pencatatan sipil;
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pengelolaan kesekretariatan meliputi perencanaan umum, kepegawaian, keuangan, evaluasi dan pelaporan;
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pelaksanaan pengawasan, pengendalian evaluasi, dan pelaporan di bidang kependudukan dan pencatatan sipil.
+
 
</ol>
 
</ol>
 
+
<li>Finance
===Tugas Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang===
+
<p> Tugas Finance : </p>
 
+
<ol style="list-style-type:lower-alpha">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p><li>Menyusun laporan keuangan per hari, minggu, dan bulanan</p>
<p style="line-height: 2">Dinas Kependudukan dan Pencatatan Sipil mempunyai tugas pokok melaksanakan sebagian urusan pemerintahan daerah di bidang kependudukan dan pencatatan sipil berdasarkan asas otonomi dan melaksanakan tugas pokok dalam penyusunan dan pelaksanaan kebijakan daerah di bidang administrasi kependudukan, di mana didalamnya terdapat fungsi dan tugas Bagian Sekretariat, Bidang Pelayanan Pendaftaran Penduduk, Bidang Pelayanan Pencatatan Sipil, dan Bidang Pengelolaan Informasi Administrasi Kependudukan dan Pemanfaatan Data.</p></div>
+
<p><li>Menyusun laporan pemasukan dan pengeluaran keuangan Kafe. </p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p><li>Mengurus surat berharga, salah satunya seperti menandatangani cek.</p>
<p style="line-height: 2">Uraian tugas dari masing-masing satuan organisasi (unit kerja) pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang sebagai berikut:</p></div>
+
</ol>
<ol>
+
<p>Tugas Dan Tanggung Jawab Finance : </p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><b>Sekretariat Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang.</b>
+
<ol style="list-style-type:lower-alpha">
<p style="line-height: 2">Sekretariat dipimpin oleh seorang Sekretaris yang mempunyai tugas pokok membantu Kepala Dinas dalam pengkoordinasian pelaksanaan kebijakan penyelenggaraan tugas dan fungsi dinas serta menyelenggarakan kegiatan di bidang administrasi umum, keuangan, kepegawaian, dan perencanaan. Untuk melaksanakan tugas tersebut, Sekretariat mempunyai fungsi sebagai berikut :</p>
+
<p><li>Bekerja sama dalam menyusun kebijakan administrasi keuangan dengan bagian lain yang terkait sesuai dengan visi dan misi perusahaan</p>
<ol style="list-style:lower-alpha">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penatausahaan urusan umum;
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penatausahaan urusan kepegawaian;
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penatausahaan urusan keuangan;
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pengkoordinasian dalam penyusunan perencanaan dinas;
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pengkoordinasian manajemen pelayanan publik;
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pengkoordinasian dalam pembangunan dan pengembangan <i>e-government</i>; dan
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pengkoordinasian pelaksanaan tugas bidang dan UPT di lingkungan dinas.
+
 
</ol>
 
</ol>
<p style="line-height: 2"><b>Sekretaris</b>, membawahi 2 (dua) sub bagian, yaitu:</p>
+
<li>Waiter
<ol style="list-style:lower-alpha">
+
<p> Tugas Waiter : </p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sub Bagian Umum dan Kepegawaian, yang mempunyai tugas melaksanakan sebagian tugas dan fungsi Sekretariat di bidang administrasi umum dan kepegawaian dan dipimpin oleh seorang Kepala Sub Bagian yang berada di bawah dan bertanggung jawab kepada Sekretaris. Uraian tugas Sub Bagian Umum dan Kepegawaian adalah sebagai berikut :
+
<ol style="list-style-type:lower-alpha">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sub Bagian Perencanaan dan Keuangan, yang mempunyai tugas melaksanakan fungsi Sekretariat di bidang perencanaan dan administrasi keuangan dan dipimpin oleh seorang Kepala Sub Bagian yang berada di bawah dan bertanggung jawab kepada Sekretaris. Uraian tugas Sub Bagian Perencanaan dan Keuangan adalah sebagai berikut :
+
<p><li>Memberikan pelayanan yang profesional kepada pelanggan yang datang dengan menerapkan 3s senyum, sapa, dan salam.</p>
 +
<p><li>Mengantarkan pesanan menu kepada pelanggan sesuai dengan menu yang sudah dipesan pelanggan.</p>
 +
<p><li>Menjaga kebersihan Kafe. </p>
 
</ol>
 
</ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><b>Bidang-bidang pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang, antara lain :</b>
+
<p>Tanggung Jawab Waiter:</p>
<ol style="list-style:lower-alpha">
+
<ol style="list-style-type:lower-alpha">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><b>Bidang Pengelolaan Informasi Administrasi Kependudukan (PIAK) dan Pemanfaatan Data</b>
+
<p><li>Memastikan pelanggan puas dengan pelayanan yang diberikan waiter.</p>
<p style="line-height: 2">Bidang PIAK dan Pemanfaatan Data dipimpin oleh seorang Kepala Bidang yang berada di bawah dan bertanggung jawab kepada Kepala Dinas melalui Sekretaris. Bidang PIAK dan Pemanfaatan Data mempunyai tugas mengkoordinasikan dan mengendalikan tugas-tugas di Bidang PIAK dan Pemanfaatan Data. Untuk melaksanakan tugas tersebut, Bidang PIAK dan Pemanfaatan Data mempunyai fungsi :</p>
+
<p><li>Memastikan pesanan pelanggan sesuai dengan yang dipesan pelanggan.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><b>Bidang Pelayanan Pendaftaran Penduduk</b>
+
<p style="line-height: 2">Bidang Pelayanan Pendaftaran Penduduk dipimpin oleh seorang Kepala Bidang yang yang berada dibawah dan bertanggung jawab kepada Kepala Dinas melalui Sekretaris dan mempunyai tugas mengkoordinasikan dan mengendalikan tugas-tugas di Bidang Pelayanan Pendaftaran Penduduk yang meliputi identitas penduduk, pindah datang penduduk dan pendataan penduduk.
+
Untuk melaksanakan tugas tersebut Bidang Pelayanan Pendaftaran Penduduk mempunyai fungsi sebagai berikut:</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><b>Bidang Pelayanan Pencatatan Sipil</b>
+
<p style="line-height: 2">Bidang Pelayanan Pencatatan Sipil dipimpin oleh seorang Kepala Bidang yang berada di bawah dan bertanggung jawab kepada Kepala Dinas melalui Sekretaris dan mempunyai tugas mengkoordinasikan dan mengendalikan tugas-tugas di Bidang Pelayanan Pencatatan Sipil. Untuk menyelenggarakan tugas sebagaimana tersebut di atas, Kepala Bidang Pelayanan Pencatatan Sipil mempunyai fungsi:</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><b>Kelompok Jabatan Fungsional Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang</b>
+
<p style="line-height: 2">Kelompok Jabatan Fungsional adalah kelompok para Pegawai Negeri Sipil yang menduduki jabatan-jabatan fungsional tertentu di lingkungan Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang. Kelompok Jabatan Fungsional terdiri dari jenis-jenis jabatan fungsional yang berada pada dinas,  meliputi :</p>
+
 
</ol>
 
</ol>
 +
<li>Chef
 +
<p>Tugas Chef </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Mengolah menu dari bahan mentah atau setengah jadi sampai bisa disajikan kepada pelanggan.</p>
 +
<p><li>Memastikan ketersediaa bahan makanan dan minuman.</p>
 
</ol>
 
</ol>
 +
<p>Tanggung Jawab Chef </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Memastikan pesanan menu yang dipesan pelanggan memiliki rasa yang sesuai dengan resep yang ada.</p>
 +
<p><li>Menjaga lingkungan dapur tetap bersih</p>
 +
</ol>
 +
<li>Helper
 +
<p>Tugas Helper : </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Mempersiapkan bahan-bahan makanan yang akan diolah.</p>
 +
<p><li>Membantu Chef dalam mengolah makanan</p>
 +
</ol>
 +
<p>Tanggung Jawab Helper : </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Bertanggung jawab atas persiapan bahan dan peralatan dapur    yang diperlukan oleh chef.</p>
 +
</ol>
 +
<li>Bartender
 +
<p> Tugas Bartender :</p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Membuat minuman sesuai dengan order pelanggan, dengan tidak merubah rasa sedikit pun.</p>
 +
<p><li>Menjaga kebersihan daerah bar agar minuman tidak terkontaminasi dengan kotoran.</p>
 +
</ol>
 +
<p>Tanggung Jawab Bartender </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Memastikan minuman yang disajikan sesuai dengan apa yang sudah di pesan pelanggan.</p>
 +
<p><li>Menjaga area bar agar tetap bersih.</p>
 +
</ol>
 +
<li>Dishwasher
 +
<p> Tugas Dishwasher </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Mencuci alat-alat perkakas yang kotor setelah digunakan untuk menyajikan menu.</p>
 +
<p><li>Meletakkan kembali perkakas yang sudah bersih ke tempat asalnya.</p>
 +
<p><li>Merapihkan perkakas yang berantakan</p>
 +
</ol>
 +
<p> Tanggung Jawab Dishwasher: </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Memastikan lingkungan tempat pencucian perkakas bersih.</p>
 +
<p><li>Memastikan perkakas yang sudah dicuci itu bersih dari sisa-sisa makanan atau minuman.</p>
 +
</ol>
 +
<li>Kasir
 +
<p> Tugas Kasir :</p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Menginput pesanan pelanggan.</p>
 +
<p><li>Memberikan struk pembayaran kepada pelanggan.</p>
 +
<p><li>Memberikan struk pesanan kepada chef untuk diolah.</p>
 +
<p><li>Menghitung uang untuk laporan setiap harinya.</p>
 +
</ol>
 +
<p>Tanggung Jawab Kasir: </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Memastikan inputan pesanan pelanggan sesuai dengan yang dipesan.</p>
 +
<p><li>Memastikan struk pesanan kepada chef sesuai dengan yang diinput.</p>
 +
<p><li>Memastikan uang yang diberikan pelanggan sesuai dengan struk pembayaran.</p>
 +
<p><li>Memastikan uang yang ada diakhir jam operasional sesuai dengan struk pembayaran.</p>
 +
</ol>
 +
</ol>
 +
</div>
  
==Tata Laksana Sistem Yang Berjalan==
+
==<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Tata Laksana Sistem Yang Berjalan'''</div>==
 +
===<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Prosedur Sistem Yang Berjalan'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p>Peneliti sudah melakukan observasi dan wawancara kepada manajer Kafe Rute 15 yang dimaksudkan untuk mengetahui prosedur sistem yang berjalan saat ini. Berikut adalah prosedur sistem yang sedang berjalan pada Kafe Rute 15:
 +
Berawal dari pelanggan masuk ke Kafe Rute 15 diantarkan ke meja yang kosong oleh waiter. Lalu waiter memberikan selembaran kertas daftar menu kepada pelanggan untuk diisi, dan pelanggan melihat-lihat menu yang ada lalu  mengisi menu apa saja yang ingin dipesan. Setelah selesai mengisi menu yang ingin dipesan, pelanggan mengantarkan sendiri kertas yang sudah diisi kepada kasir untuk segera melakukan pembayaran menu pesanan. Kasir mencetak struk pembayaran dan memberikannya kepada pelanggan, kasir juga mencetak struk pemesanan menu yang akan diberikan kepada chef untuk segera diproses pemesanannya. Setelah chef selesai memproses pesanan pelanggan, maka waiter akan mengantarkan ke meja pelanggan.
 +
</p>
 +
</div>
  
===Prosedur Sistem Yang Berjalan===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left">'''Rancangan Prosedur Sistem Pemesanan Menu Yang Berjalan'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p>Untuk menganalisa sistem berjalan, penelitian ini menggunakan program Unified Modelling Language (UML) untuk menggambarkan prosedur dan proses yang berjalan saat ini:</p>
 +
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
====<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">''' ''Usecase Diagram'' Sistem Pemesanan Menu yang Berjalan'''</div>====
<p style="line-height: 2">Berdasarkan pengamatan yang telah dilakukan, pada Kantor Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang, sistem yang berjalan untuk melakukan pengajuan KIA sudah terkomputerisasi namun, pada penerapannya masih mengalami berbagai kendala dan belum maksimal. Adapun urutan pelaksanaan sistem informasi yang telah berjalan sebagai berikut :</p></div>
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengajukan persyaratan KIA
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengecek persyaratan berkas
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menginput data anak pemohon
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pengecekan data KIA
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Proses pembuatan KIA
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">KIA tercetak
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pembuatan Laporan
+
</ol>
+
  
===Rancangan Prosedur Sistem Yang Berjalan===
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div id="g33" align="center"><img width="500" height="700" style="margin:0px" src="https://i.postimg.cc/c4Gp93G5/usecase.jpg/></div>
<p style="line-height: 2">Untuk menganalisa sistem yang sedang berjalan, penelitian ini menggunakan program <i>Unified Modelling Language</i> (UML) untuk menggambarkan prosedur dan proses yang berjalan saat ini dengan diagram berikut ini :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 3.2.2.1 use case diagram sistem pemesanan yang berjalan</div>
  
====Use Case Diagram Sistem Yang Berjalan====
+
<p>Berdasarkan gambar 3.2.2.1 ''Usecase diagram'' yaitu :</p>
 +
<ol>
 +
<p><li>Satu system yang menggambarkan keseluruhan proses.</p>
 +
<p><li>Empat actor yang terdiri dari : Waiter, Pelanggan, Kasir, Chef.</p>
 +
<p><li>Tiga belas use case yang terdiri dari: </p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<ol style="list-style-type:lower-alpha">
<p style="line-height: 2">Analisa sistem yang berjalan pada <i>use case</i> adalah suatu gambaran bagaimana proses berjalannya suatu sistem yang terdiri dari interaksi <i>actor</i> dan sistem. <i>Use Case</i> diagram menggambarkan bagaimana fungsionalitas yang sedang berjalan pada suatu sistem.</p></div>
+
<p><li>Waiter memberikan selembar kertas menu.</p>
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-VU6Vd9txwaY/Xhx4i7MBHaI/AAAAAAAAMWQ/Oheg8mUtb-MCVYET3H7krqUqr48YzFBKACK8BGAsYHg/s512/use%2Bcase%2Bkia.jpg"></div>
+
<p><li>Pelanggan memilih dan mengisi selembar kertas menu</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 3.3 <i>Use Case Diagram</i> Sistem Yang Berjalan</b></p></div>
+
<p><li>Pelanggan mengantarkan selembar kertas menu yang sudah diisi</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p><li>Kasir menginput pesanan menu</p>
<p style="line-height: 2">Berdasarkan Gambar 3.3 Use Case Diagram diatas terdapat :</p></div>
+
<p><li>Kasir mencetak struk total pembayaran pesanan menu.</p>
<ol>
+
<p><li>Kasir memberikan struk total pembayaran pesanan menu.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">1 (satu) sistem pengajuan KIA yang mencakup seluruh kegiatan yang sedang berjalan di Kantor Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang saat ini.
+
<p><li>Pelanggan membayar total pembayaran pesanan menu.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">4 (empat) <i>Actor</i>, yaitu Pemohon, Petugas Kelurahan, Operator Disdukcapil, dan Admin PIAK.
+
<p><li>Kasir mennginput struk pesanan menu.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">9 (sembilan) <i>Use Case</i> yang dilakukan <i>Actor</i>, diantaranya :
+
<p><li>Kasir memberikan struk pesanan menu untuk diolah.</p>
<ol style="list-style:lower-alpha">
+
<p><li>Chef menerima struk pesanan menu, lalu mengolah menu.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengajukan persyaratan KIA.
+
<p><li>Chef memberitahu bahwa menu sudah siap diantar</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengecek berkas persyaratan.
+
<p><li>Waiter mengantarkan pesanan menu.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Lengkap.
+
<p><li>Pelanggan menerima pesanan menu.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tidak Lengkap.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menginput data anak pemohon.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pengecekan data KIA.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Proses pembuatan KIA.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">KIA Tercetak.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Laporan KIA.
+
 
</ol>
 
</ol>
 
</ol>
 
</ol>
 +
</div>
  
====Activity Diagram Sistem Yang Berjalan====
+
====<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">''' ''Activity Diagram'' Sistem Pemesanan Menu yang Berjalan'''</div>====
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div id="g34" align="center"><img width="500" height="600" style="margin:0px" src="https://i.postimg.cc/HkBFkPcf/activity.jpg"/></div>
<p style="line-height: 2">Activity diagram menggambarkan bentuk model aliran kontrol dari satu aktivitas ke aktivitas lainnya sesuai dengan use case yang telah dibuat.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 3.2.2.2 activity diagram sistem pemesanan menu yang berjalan</div>
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-KIE77Rmi-Qk/Xhx4q_Ng91I/AAAAAAAAMWc/-YnZl8A9RtYv2M8CKZxjl8yLzoeoKfklgCK8BGAsYHg/s512/activity%2Bberjalan%2Bkia.jpg"></div>
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 3.4 <i>Activity Diagram</i> Sistem Yang Berjalan</b></p></div>
+
<p>Berdasarkan gambar 3.2.2.2 activity diagram sistem pemesanan menu yang berjalan</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berdasarkan Gambar 3.4 Activity Diagram diatas terdapat :</p></div>
+
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">4 (empat) <i>Vertical Swimlane</i>, yaitu Pemohon, Petugas Kelurahan, Operator Disdukcapil, dan Admin PIAK.
+
<p><li>Satu ''initial node'', objek diawal mulai kegiatan.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">1 (satu) <i>Initial Node</i> digunakan untuk mengawali kegiatan.
+
<p><li>Empat ''Vertical Swimlame'' yaitu, ''waiter'', pelanggan, kasir dan ''chef''. </p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">1 (satu) <i>Decision Node</i> digunakan untuk pemilihan kondisi lengkap atau tidak lengkap.
+
<p><li>Tiga belas ''activity'' terdiri dari: </p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">9 (sembilan) <i>Action</i> dari sistem yang mencerminkan suatu aktivitas yang terjadi, diantaranya adalah :
+
<ol style="list-style-type:lower-alpha">
<ol style="list-style:lower-alpha">
+
<p><li>''Waiter'' memberikan selembar kertas menu</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengajukan persyaratan KIA.
+
<p><li>Pelanggan memilih dan mengisi selembar kertas menu.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengecek berkas persyaratan.
+
<p><li>Pelanggan mengantarkan kertas menu yang sudah diisi.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menginput data anak pemohon.
+
<p><li>Kasir menginput pesanan menu.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengecek data anak pemohon.
+
<p><li>Kasir mencetak struk total pembayaran pesanan menu.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menyetujui Pengajuan Cetak KIA.
+
<p><li>Kasir memberikan struk pembayaran total pesanan menu.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mencetak KIA.
+
<p><li>Pelanggan membayar total pembayaran pesanan.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengambil KIA.  
+
<p><li>Kasir mencetak struk pesanan menu.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membuat Laporan.
+
<p><li>Kasir memberikan struk pesanan menu untuk diolah.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menerima Laporan.
+
<p><li>Chef menerima struk pesanan menu lalu mengolah menu.</p>
</ol>
+
<p><li>Chef memberitahu pesanan sudah siap antar.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">1 (satu) <i>Final Node</i> digunakan untuk mengakhiri kegiatan.
+
<p><li>Waiter mengantarkan pesanan menu.</p>
 +
<p><li>Pelanggan menerima pesanan menu.</p>
 
</ol>
 
</ol>
 +
<p><li>Satu ''final node'', objek yang mengakhiri keseluruhan kegiatan</p>
  
====Sequence Diagram Sistem Yang Berjalan====
 
 
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-Fmq7HuJKjW4/Xhx4vMVXduI/AAAAAAAAMWo/JMHLfHe60Swp9tkeGRa8mug10rt_iMAHgCK8BGAsYHg/s512/sequence%2Bkia.jpg"></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 3.5 <i>Sequence Diagram</i> Sistem Yang Berjalan</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">Berdasarkan Gambar 3.5 Sequence Diagram diatas terdapat :</p></div>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">4 (empat) <i>Actor</i> diantaranya, yaitu Pemohon, Petugas Kelurahan, Operator Disdukcapil, dan Admin PIAK.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">4 (empat) <i>Lifeline</i> antarmuka diantaranya, yaitu Dokumen KIA,  Data Pemohon, KIA, Laporan.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">11 (sebelas) <i>Messages</i> spesifikasi dari komunikasi untuk objek yang membuat informasi-informasi tentang aktifitas yang terjadi dan kegiatan yang dilakukan oleh actor tersebut, diantaranya:
 
<ol style="list-style:lower-alpha">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengajukan persyaratan KIA.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengecek berkas persyaratan.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Berkas Tidak Lengkap.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Berkas Lengkap.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menginput data anak pemohon.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengecek data anak pemohon.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menyetujui Pengajuan Cetak KIA.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mencetak KIA.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengambil KIA.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membuat Laporan.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menerima Laporan.
 
</ol>
 
 
</ol>
 
</ol>
  
==Analisa Sistem Yang Berjalan==
+
====<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">''' ''Sequence Diagram'' Sistem Pemesanan Menu yang Berjalan'''</div>====
  
===Analisa <i>PIECES</i>===
+
<div id="g36" align="center"><img width="600" height="400" style="margin:0px" src="https://i.postimg.cc/BnqdsG6T/sequence.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 3.2.2.3 sequence diagram pemesanan menu yang berjalan</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p>Berdasarkan gambar  3.2.2.3 ''Sequence diagram'' pemesanan menu yang berjalan</p>
<p style="line-height: 2">Metode Analisa PIECES yang dibuat bertujuan untuk mengetahui alasan mengapa sistem tersebut diperlukan, merumuskan kebutuhan- kebutuhan dari sistem yang akan dibuat serta membantu merencanakan penjadwalan pembentukan sistem, meminimalisir kesalahan-kesalahan yang mungkin terdapat di dalam sistem tersebut sehingga fungsi yang terdapat di dalam sistem dapat berjalan secara optimal.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berikut ini adalah hasil analisa PIECES yang telah dilakukan:</p></div>
+
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-m6JA_E6exgk/Xh8d0zKFaYI/AAAAAAAAAA4/FxGygywWcNQDZic_jzXgR3jEOiUrsvUwACK8BGAsYHg/s512/PIECES.png"></div>
+
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-nNDVaGI1zLw/Xh8d3_OOSBI/AAAAAAAAABE/LMOUBk2xTNANPRHf3ETC8Qhgfmf8IS7_wCK8BGAsYHg/s512/PIECES%2B2.png"></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 3.3 Hasil Analisis PIECES</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">Hasil Analisa PIECES di atas ini menyatakan bahwa sistem atau prosedur yang berjalan saat ini masih berlangsung kurang optimal karena banyak kendala serta kekurangan yang terdapat pada sistem yang berjalan sekarang. Selain itu, dengan adanya hasil rancangan UML yang menjelaskan kondisi sistem yang sekarang memperkuat landasan dibuatnya sistem pengajuan KIA yang <i>update</i> dan <i>user friendly</i> sehingga memudahkan seluruh <i>user</i> yang memegang hak akses untuk menggunakan sistem dan mengontrol perkembangan informasi yang ada.</p></div>
+
 
+
===Analisa Masukan, Analisa Proses, Analisa Keluaran===
+
 
+
====Analisa Masukan====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Adalah analisa sumber masukan yang menjadi dasar dari proses pada sebuah sistem, sistem pengajuan pembuatan KIA pada DISDUKCAPIL Kota Tangerang adalah sebagai berikut :</p></div>
+
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pemohon menyerahkan berkas persyaratan pembuatan KIA kepada Petugas Kelurahan.
+
<p><li>Empat ''actor'' yang terdiri dari : ''waiter'', pelanggan, kasir, ''chef''.</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in"><p style="line-height: 2">Nama masukan: Dokumen persyaratan KIA</p></div>
+
<p><li>Empat ''object'' yang saling berinteraksi antara lain : kertas menu, struk
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in"><p style="line-height: 2">Fungsi : Sebagai data untuk input pengajuan KIA</p></div>
+
pembayaran, struk pesanan.</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in"><p style="line-height: 2">Sumber : Data Anak</p></div>
+
<p><li>Tiga belas ''message'' yang menggambarkan komunikasi, yang terdiri
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in"><p style="line-height: 2">Media : Kertas</p></div>
+
dari :</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in"><p style="line-height: 2">Frekuensi : Setiap anak umur 0 tahun sampai 17 tahun
+
<ol style="list-style-type:lower-alpha">
  kurang 1 hari</p></div>
+
<p><li>''Waiter'' Mengambil kertas menu.</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in"><p style="line-height: 2">Lampiran : Terlampir</p></div>
+
<p><li>''Waiter'' memberikan kertas menu kepada pelanggan.</p>
 +
<p><li>Pelanggan mengisi kertas menu.</p>
 +
<p><li>Pelanggan memberikan kertas menu.</p>
 +
<p><li>Kasir Menginput pesanan</p>
 +
<p><li>Kasir Mencetak struk pembayaran.</p>
 +
<p><li>Kasir Memberikan struk pembayaran kepada pelanggan</p>
 +
<p><li>Pelanggan membayar pesanan</p>
 +
<p><li>Kasir mencetak struk pesanan.</p>
 +
<p><li>Kasir memberikan struk pesanan kepada ''Chef''.</p>
 +
<p><li>''Chef'' mengolah pesanan.</p>
 +
<p><li>''Chef'' memberitahu ke waiter bahwa pesanan sudah siap</p>
 +
<p><li>''Waiter'' mengantarkan pesanan menu.</p>
 +
 
</ol>
 
</ol>
 
====Analisa Proses====
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Menjelaskan tentang semua proses dalam sebuah sistem untuk membahas suatu permasalahan, Berikut ini adalah sistem pengajuan pembuatan KIA, yaitu :</p></div>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Petugas Kelurahan menginput data pemohon KIA sebagai berikut :
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in"><p style="line-height: 2">Nama Proses : Penginputan identitas anak</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in"><p style="line-height: 2">Fungsi : Sebagai data baru untuk pembuatan KIA</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in"><p style="line-height: 2">Sumber : File</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in"><p style="line-height: 2">Media : Komputer</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in"><p style="line-height: 2">Frekuensi : Dokumen persyaratan KIA</p></div>
 
 
</ol>
 
</ol>
 +
</div>
  
====Analisa Keluaran====
+
==<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Analisa Sistem Yang Berjalan'''</div>==
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left">'''Metode Analisis ''Business Model Canvas''  '''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p>Penelitian yang dilakukan peneliti  menggunakan metode analisis ''Business Model Canvas'' untuk menggambarkan keadaan bisnis yang sedang berjalan. Dibawah ini adalah diagram ''Business Model Canvas'':</p>
 +
</div>
 +
<div id="g33" align="center"><img width="700" height="500" style="margin:0px" src="https://i.postimg.cc/SNkbD9WN/BMC-RUTE-vpd-1.png/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 3.3.1 Business Model Canvas</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
==<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Konfigurasi Sistem Yang Berjalan'''</div>==
<p style="line-height: 2">Keluaran sistem adalah semua informasi yang keluar dari suatu proses dapat berupa hasil cetakan. Pada sistem pengajuan pembuatan KIA ini, keluarannya berupa cetakan blanko KIA.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 
<ol>
 
<ol>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in"><p style="line-height: 2">Nama Keluaran : Kartu Identitas Anak</p></div>
+
<li>Spesifikasi Perangkat Keras (''Hardware'')
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in"><p style="line-height: 2">Fungsi : Sebagai pendataan penduduk bagi anak</p></div>
+
<ol style="list-style-type:lower-alpha">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in"><p style="line-height: 2">Sumber : DISDUKCAPIL Kota Tangerang</p></div>
+
<p><li>Processor : Intel Dual Core 1,8 GHz</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in"><p style="line-height: 2">Media : Blanko</p></div>
+
<p><li>Memory : 2 GB</p>
</ol>  
+
<p><li>Hard Disk : 500 GB</p>
 +
<p><li>Monitor LCD : 14 inci</p>
 +
<p><li>Keyboard dan Mouse: Standard</p>
 +
<p><li>Printer : Laser Jet</p>
  
==Konfigurasi Sistem Yang Berjalan==
+
</ol>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li>Spesifikasi Perangkat Lunak (''Software'')
<p style="line-height: 2">Pada konfigurasi sistem yang berjalan ini terdapat 3 (tiga) spesifikasi yang digunakan, yaitu <i>Hardware, Software, dan Brainware</i>.</p></div>
+
<ol style="list-style-type:lower-alpha">
 
+
<p><li>Windows 7 Professional</p>
===Spesifikasi <i>Hardware</i>===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Dibawah ini spesifikasi <i>hardware</i> (perangkat keras) yang digunakan, yaitu :.</p></div>
+
<ol style="list-style:lower-alpha">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Komputer : Build Up Acer 
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Processor : Intel Core i5
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Hardisk : 500 GB
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">RAM : 4.00 GB
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Keyboard : Acer
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mouse : Logitec
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Printer : Epson L311
+
 
</ol>
 
</ol>
  
===Spesifikasi <i>Software</i>===
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li>Hak Akses (''Brainware'')
<p style="line-height: 2">Dibawah ini spesifikasi <i>hardware</i> (perangkat keras) yang digunakan, yaitu :.</p></div>
+
<ol style="list-style:lower-alpha">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Windows 10 
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Microsoft Office 2010
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Google Chrome
+
</ol>
+
  
===Spesifikasi <i>Brainware</i>===
+
<p>Untuk mengoperasikan dan mengolah system ini dapat dilakukan oleh kasir untuk menginput pesanan pelanggan dan admin untuk melihat data pembelian setiap harinya pada Kafe Rute 15.</p>
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Dibawah ini merupakan brainware (pengakses) yang menggunakan atau melaksanakan proses sistem, yaitu :</p></div>
+
<ol style="list-style:lower-alpha">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pemohon (Masyarakat) 
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Petugas Kelurahan
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Operator DISDUKCAPIL
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Admin PIAK
+
 
</ol>
 
</ol>
 +
</div>
  
==Permasalahan Yang Dihadapi dan Alternatif Pemecahan Masalah==
+
==<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Permasalahan Yang Dihadapi dan Alternatif Pemecahan Masalah'''</div>==
 +
===<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Permasalahan yang Dihadapi'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p>Berdasarkan hasil analisa yang telah dilakukan terhadap sistem yang berjalan dapat dilihat ada beberapa permasalahan yang dihadapi. Permasalahan-permasalahan tersebut diantaranya sebagai berikut:</p>
 +
<ol>
 +
<p><li>Proses pemesanan menu masih dilakukan secara manual, yaitu dengan menggunakan selembar kertas sebagai media pemesanannya. Pelanggan harus mencatat sendiri menu yang ingin mereka pesan dan harus mengantarkannya sendiri ke kasir untuk segera diproses pembayarannya dan pengolahan menunya.</p>
 +
<p><li>Menu yang terdapat pada kertas pemesanan menu masih kurang informatif , karena tidak adanya gambar yang bisa menggambarkan menu tersebut.</p>
 +
<p><li>Belum adanya sebuah aplikasi e-menu untuk media pemesanan makanan dan minuman, sehingga kafe masih harus terus-menerus mencetak selembar kertas untuk media pesananannya, dimana hal ini tidak efisien karena tidak papperles.</p>
  
===Permasalalahn Yang Dihadapi===
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Berdasarkan hasil Analisa sistem dan prosedur yang berjalan untuk pengajuan pembuatan KIA di Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang, peneliti menemukan berbagai kekurangan pada sistem dan prosedur yang berjalan saat ini, diantaranya adalah :</p></div>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sistem yang berjalan pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang, dengan hak akses yang diberikan kepada Petugas Kelurahan sudah berjalan terkomputerisasi, namun belum bisa memaksimalkan penggunaan komputer yang ada untuk memudahkan pengajuan.
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sistem yang berjalan saat ini dalam membagikan informasi belum ter-<i>update</i> secara optimal, sehingga kurang berjalan secara efektif dan efisien.
 
 
</ol>
 
</ol>
 +
</div>
  
===Alternatif Pemecahan Masalah===
+
===<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Alternatif Pemecahan Masalah'''</div>===
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p>Setelah melakukan penelitian dari beberapa permasalahan yang dihadapi, maka diberikan alternatif pemecahan masalah dapat membantu dan menjadi referensi untuk Kafe Rute 15. Alternatif pemecahan masalah tersebut diantaranya sebagai berikut:</p>
<p style="line-height: 2">Setelah melakukan Analisa dan dan mengamati permasalahan yang terjadi pada sistem pengajuan pembuatan KIA yang berjalan saat ini, peneliti mengusulkan beberapa alternatif pemecahan masalah, diantaranya adalah :</p></div>
+
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membuat Aplikasi pengajuan KIA yang <i>update</i> dan <i>user friendly</i> sehingga lebih mudah digunakan oleh <i>user</i>.
+
<p><li>Mengubah system yang berjalan menjadi system yang berbasis aplikasi website sebagai media pemesanan menu.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Aplikasi usulan yang dibuat dapat langsung diakses oleh masyarakat sehingga menghemat biaya dan waktu baik oleh masyarakat maupun Petugas Kelurahan serta Operator Disdukcapil dan terlibatnya Rumah sakit dan atau Bidan dalam mengakses Aplikasi usulan tersebut yang memudahkan masyarakat dalam mengajukan KIA.
+
<p><li>Membuat suatu aplikasi website pemesanan menu agar memudahkan pelanggan dalam memesan menu makanan atau minuman.</p>
 +
<p><li>Menampilkan informasi tentang menu yang disediakan pada Kafe yang nantinya akan dilihat oleh pelanggan.</p>
 
</ol>
 
</ol>
 +
</div>
  
==<i>User Requirement</i>==
+
==<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''User Requirement'''</div>==
 +
===<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Elisitasi Tahap I'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p>Elisitasi Tahap I
 +
Elisitasi tahap I merupakan daftar yang diperoleh dari hasil pengumpulan data dari lapangan yang dilakukan dengan cara observasi dan wawancara mengenai kekurangan dari sistem yang sedang berjalan, dan kebutuhan pengguna sistem yang belum terpenuhi.
 +
Berikut ini adalah penjelasan Elisitasi Tahap I yang digambarkan melalui tabel
 +
.</p>
 +
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div id="t32" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel Tabel 3.6.1 Elisitasi Tahap I</div>
<p style="line-height: 2">Untuk mengetahui apa saja yang dibutuhkan dalam pembuatan sistem maka, diperlukannya suatu metode yang berisi tentang rancangan dari kebutuhan sistem baru yang akan dibuat yaitu dengan metode elisitasi.</p></div>
+
<div align="center"><img width="400" height="550" style="margin:0px" src="https://i.postimg.cc/cLxgFpfJ/elisitasi_satu_(1).jpg"/></div>
 +
<div align="center"><img width="400" height="550" style="margin:0px" src="https://i.postimg.cc/YqkhS5nx/elisitasi_satu_(2).jpg"/></div>
 +
<div align="center"><img width="400" height="550" style="margin:0px" src="https://i.postimg.cc/Y2QvMr39/elisitasi_satu_(3).jpg"/></div>
 +
<div align="center"><img width="400" height="200" style="margin:0px" src="https://i.postimg.cc/NF8F4DMT/elisitasi_satu_(4).jpg
 +
"/></div>
  
===Elisitasi Tahap I===
+
===<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Elisitasi Tahap II'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p>Elisitasi tahap II merupakan hasil pengklasifikasian dari elisitasi tahap sebelumnya. Pengklasifikasian ini dibagi dalam tiga kategori tingkat kepentingan untuk dikembangkan. Ketiga kategori itu adalah Mandatory (harus ada), Desirable (sebaiknya ada tetapi boleh tidak ada) dan Inessential (sebaiknya tidak ada).
 +
Berikut ini adalah penjelasan Elisitasi Tahap II yang digambarkan melalui table:
 +
</p>
 +
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div id="t33" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 3.3 Elisitasi Tahap II</div>
<p style="line-height: 2">Elisitasi Tahap I yang disusun berdasarkan hasil wawancara dan analisa pada bagian dan pihak yang mempunyai hubungan langsung dengan sistem yang akan dikembangkan. Dalam hal ini wawancara dilakukan dengan Operator Disdukcapil bagian Admin mengenai sistem yang diusulkan. Berikut ini lampiran Elisitasi tahap I yang telah dibuat :</p></div>
+
<div align="center"><img width="400" height="600" style="margin:0px" src="https://i.postimg.cc/g00h2C07/elis-1-1.jpg"/></div>
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-xJdjjygWF0s/Xh8z_bpX52I/AAAAAAAAAB0/4hQ9_Lzi1GwsOwgO3oNRKnNMcfP4juHCwCK8BGAsYHg/s0/Elisitasi%2Btahap%2B1.png"></div>
+
<div align="center"><img width="400" height="600" style="margin:0px" src="https://i.postimg.cc/76FJXbNv/elis-1-2.jpg
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-8BS8-jOqbrs/Xh80XsyR4_I/AAAAAAAAACI/2PsFT-8IJjAE3t1DvF1_fjsKGujXbsd1wCK8BGAsYHg/s0/Elisitasi%2Btahap%2B1-2.png"></div>
+
"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 3.4 Elisitasi Tahap I</b></p></div>
+
<div align="center"><img width="400" height="350" style="margin:0px" src="https://i.postimg.cc/bwgb8yqb/elis-1-3.jpg"/></div>
  
===Elisitasi Tahap II===
+
===<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Elisitasi Tahap III'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p>Berdasarkan Elisitasi Tahap II di atas, dibentuklah Elisitasi Tahap III yang diklasifikasikan kembali dengan menggunakan metode TOE dengan opsi HML. Requirements yang opsinya High (H) di kolom TOE harus dieliminasi.</p>
 +
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div id="t34" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 3.4 Elisitasi Tahap III</div>
<p style="line-height: 2">Elisitasi Tahap II dibentuk berdasarkan Elisitasi Tahap I yang kemudian diklasifikasikan lagi dengan menggunakan metode MDI. Sesuai dengan ruang lingkup penelitian yang telah dijelaskan pada bab sebelumnya, maka semua requirement yang diberi opsi Inessential (I) harus dieliminasi :</p></div>
+
<div align="center"><img width="400" height="600" style="margin:0px" src="https://i.postimg.cc/J0jDFmTs/elis-3-1.jpg"/></div>
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-SluGJk6BZfA/Xh80qYt7DuI/AAAAAAAAACc/Iq1crLM68UEXFO-sP_5QmMG9cw4kBeMJACK8BGAsYHg/s0/Elisistasi%2Btahap%2B2.png"></div>
+
<div align="center"><img width="400" height="600" style="margin:0px" src="https://i.postimg.cc/05Swjd89/elis-3-2.jpg"/></div>
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-0Fymur7dZow/Xh807iUHbAI/AAAAAAAAACw/2bolYS956MM3o-vMX1bQhqNecwdHvrKmQCK8BGAsYHg/s0/Elisitasi%2Btahap%2B2-2.png"></div>
+
<div align="center"><img width="400" height="700" style="margin:0px" src="https://i.postimg.cc/VNHCrKrk/elis-3-3.jpg"/></div>
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-8mNuzoGlLiM/Xh83VSKPevI/AAAAAAAAAEw/15_-UhLCNBYdnuZgEoope2dRyEyi-7y3ACLcBGAsYHQ/s0/Elisistasi%2Btahap%2B2-3.png"></div>
+
<div align="center"><img width="400" height="300" style="margin:0px" src="https://i.postimg.cc/K8xLdkhx/elis-3-4.jpg"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 3.5 Elisitasi Tahap II</b></p></div>
+
  
===Elisitasi Tahap III===
+
===<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Final Draft Elisitasi'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p>Final draft elisitasi merupakan hasil akhir yang dicapai dari suatu proses  elisitasi  yang  dapat  digunakan  sebagai  dasar  pembuatan  suatu sistem yang akan dikerjakan.</p>
 +
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
<p style="line-height: 2">Berdasarkan Elisitasi Tahap II di atas, dibentuklah Elisitasi Tahap III yang diklasifikasikan kembali dengan menggunakan metode TOE dengan opsi HML.</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-aW2pSatrFN4/Xh81yVFURmI/AAAAAAAAADg/1lVPuBQ7cog0CUo03UfBsx3anUR9sCnVwCK8BGAsYHg/s0/Elisitasi%2Btahap%2B3.png"></div>
+
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-jaHbuw0uy9k/Xh812iKYIrI/AAAAAAAAADs/VB4RIfttiy4_5ESviizhSXFBrPzZ5igJgCK8BGAsYHg/s0/Elisitasi%2Btahap%2B3-2.png"></div>
+
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-zQ6tedWN_IA/Xh82kEtFgFI/AAAAAAAAAEI/eQf1CZr5XKgxc2thY8nGf_ykUmjsZBe8gCLcBGAsYHQ/s0/Elisitasi%2Btahap%2B3-3.png"></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 3.6 Elisitasi Tahap III</b></p></div>
+
  
===<i>Final Draft</i> Elisitasi===
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Sistem Usulan'''</div>==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Prosedur Sistem Yang Diusulkan '''</div>===
<p style="line-height: 2">Final draft elisitasi merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikerjakan.</p></div>
+
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-6G0ZMGCEs8U/Xh834JD20dI/AAAAAAAAAFQ/cKbVdjOwqycPvHSvYX_zSkmEtOlJ75q3ACK8BGAsYHg/s0/Final.png"></div>
+
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-cgv2uok7Y00/Xh838-d7nnI/AAAAAAAAAFc/ntQIJnos9kI_AV_S-w38uWK6PrmXGDWYACK8BGAsYHg/s0/Final%2B2.png"></div>
+
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-d2yxF09iS8w/Xh84BKUcC8I/AAAAAAAAAFo/VtFVFeeJ5wA1dGf8ZoDyCg6viPFbPHaMwCK8BGAsYHg/s0/Final%2B3.png"></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 3.7 Final Draft Elisitasi</b></p></div>
+
  
=<div style="font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>
 
  
==Rancangan Sistem Usulan==
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p style="line-height:2">Pelanggan masuk ke Kafe,lalu diantarkan ke meja yang kosong oleh waiter. Lalu pelanggan membuka smartphonenya dan men-''scan QR Code'' untuk segera melakukan pemesanan menu pada Kafe Rute 15.Jika pelanggan tidak bisa men-''scan QR Code'', pelanggan bisa membuka alamat url kafe, lalu  pelanggan login dengan akun nomor meja yang tertera pada meja, pelanggan memasukkan username nomor meja beserta password yang sudah disediakan. Lalu pelanggan bisa melihat menu yang ada pada halaman awal pemesanan. Setelah melihat menu, pelanggan bisa memesan menu dan otomatis masuk ke keranjang belanja. Jika pelanggan sudah selesai memesan menu, maka pelanggan bisa mencheckout pesanan. Pesanan tersebut akan terkirim ke system yang ada pada chef, chef lalu mengolah pesanan yang dipesan oleh pelanggan. Setelah selesai mengolah menu, chef akan memberitahu waiter bahwa pesanan sudah siap dan waiter akan mengantarkan pesanan kepada pelanggan. Pelanggan menerima pesanan menu, dan setelah pelanggan selesai makan, pelanggan melihat nota pembayaran pada website. Pelanggan lalu membayar pesanan menu ke kasir. Kasir mencetak struk pembayaran untuk diberikan kepada pelanggan. Lalu pelanggan membayar pesanan menu sesuai struk pembayaran. Kasir menerima pembayaran dari pelanggan.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Prosedur Website E-menu Yang Diusulkan.</div>===
<p style="line-height: 2">Berdasarkan analisa dan hasil penelitian yang dilakukan pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang mengenai pengajuan pembuatan Kartu Identitas Anak yang berjalan saat ini masih belum terkomputerisasi dengan baik dan sistematis. Setelah mengetahui hasil dari analisa yang ditertuang di Bab sebelumnya, maka langkah selanjutnya yang dilakukan peneliti adalah merancang dan mengimplementasikan sistem usulan yang bertujuan untuk memenuhi kebutuhan yang tidak terdapat di sistem sebelumnya agar dapat mempermudah masyarakat, pihak kelurahan dan pegawai DISDUKCAPIL Kota Tangerang dalam mengakses dan mengolah data tersebut.</p></div>
+
<p>Berikut ini adalah prosedur website E-Menu yang diusulkan yaitu Usecase diagram, Activity diagram, Sequence diagram</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berdasarkan kebutuhan sistem tersebut, peneliti mengusulkan sistem ini berbasis web yang digunakan untuk registrasi dan pendaftaran secara online. Sistem yang diusulkan dibangun menggunakan bahasa pemgrograman <i>Framework CodeIgniter</i> dengan <i>Database</i> menggunakan <i>MySQL</i>. Berikut ini adalah tahapan prosedur yang dilakukan pada sistem yang diusulkan.</p></div>
+
  
===Prosedur Sistem Usulan===
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">''' ''Usecase Diagram E-menu'' yang Diusulkan '''</div>====
 
+
<div align="center"><img width="500" height="650" style="margin:0px" src="https://i.postimg.cc/gjNsQGwz/usecase-usulan.png"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
<p style="line-height: 2">Prosedur sistem usulan bertujuan untuk menyempurnakan serta memperbaiki sistem yang berjalan saat ini. Prosedur yang diusulkan tersebut, antara lain :</p></div>
+
Gambar 4.1.2.1 ''Usecase Diagram E-Menu'' yang Diusulkan</b></div>
 +
<p>Berikut adalah penjelasan dari Gambar 4.1.2.1 Usecase Diagram E-menu yang diusulkan:</p>
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Pihak Klinik/Rumah Sakit
+
<p><li>Satu system yang menggambarkan keseluruhan proses</p>
<ol style="list-style:lower-alpha">
+
<p><li>Lima actor yaitu Pelanggan, Chef, Waiter, Kasir, dan Admin</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melakukan login 
+
<p><li>Empat Belas (14) Usecase terdiri dari :</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengakses dan mengelola menu Data Klinik/Rumah Sakit
+
<ol style="list-style-type:lower-alpha">
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melihat Data Klinik/RS
+
<p><li>Login (Pelanggan, Chef, Kasir, dan Admin)</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melakukan logout
+
<p><li>Pelanggan memilih menu yang ingin dipesan</p>
</ol>
+
<p><li>Pelanggan membeli menu, menu masuk ke keranjang</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Pemohon (Masyarakat)
+
<p><li>Pelanggan mencheckout pesanan, pesanan masuk ke E-menu Chef</p>
<ol style="list-style:lower-alpha">
+
<p><li>Chef mengolah pesanan pelanggan</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melakukan registrasi
+
<p><li>Chef memberitahu waiter, pesanan sudah siap diantar ke pelanggan</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melakukan login 
+
<p><li>Waiter mengantar pesanan ke pelanggan</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengakses menu Data Orang Tua
+
<p><li>Kasir melihat laporan pembayaran</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengakses menu Data Pengajuan KIA
+
<p><li>Kasir mencetak struk pembayaran dan memberikan kepada pelanggan</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengupload foto dan dokumen
+
<p><li>Pelanggan membayar pesanan sesuai struk pembayaran</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melakukan logout
+
<p><li>Admin dapat menambahkan menu Makanan, Minuman, Dessert dan Snack</p>
</ol>
+
<p><li>Admin melihat data laporan order</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Petugas Kelurahan
+
<p><li>Admin melihat laporan data pemesanan</p>
<ol style="list-style:lower-alpha">
+
<p><li>Admin melihat laporan data pembayaran</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melakukan login 
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengakses menu Dashboard
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengelola menu Data Orang Tua
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengelola menu Pengajuan KIA
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melihat menu Data Orang Tua
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melihat menu Data Pengajuan KIA
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengakses menu pencarian <i>(search)</i>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengakses notifikasi pesan
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melakukan logout
+
</ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Operator DISDUKCAPIL
+
<ol style="list-style:lower-alpha">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melakukan login 
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengakses menu Dashboard
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melihat menu Data Klinik/RS
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengelola menu Data Orang Tua
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengelola menu Pengajuan KIA
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melihat menu Data Orang Tua
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melihat menu Data Pengajuan KIA
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengakses dan mengelola menu Laporan
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengakses menu pencarian <i>(search)</i>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengakses notifikasi pesan
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melakukan logout
+
</ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Admin PIAK
+
<ol style="list-style:lower-alpha">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melakukan login 
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengakses menu Dashboard
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melihat menu Laporan
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melakukan cetak data Laporan
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat melakukan logout
+
 
</ol>
 
</ol>
 
</ol>
 
</ol>
  
====Use Case Diagram Sistem Usulan====
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">''Activity Diagram'' E-Menu yang Diusulkan</div>====
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-lh6tle9g9c4/Xh9A3Mo5w7I/AAAAAAAAAGY/B5ZTTIIoaDw5CmIk_0R7QYC-jKRtLr2SQCK8BGAsYHg/s0/usecase%2Busulan.jpg"></div>
+
<div align="center"><img width="500" height="650" style="margin:0px" src="https://i.postimg.cc/rFqYjFnt/Activity-yg-fix.png"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.1 Use Case Diagram Usulan</b></p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>  
 +
Gambar 4.1.2.2 ''Activity Diagram'' ''Budget'' yang Diusulkan</b></div>
  
====Activity Diagram Usulan====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p style="line-height:2">Berikut adalah penjelasan dari Gambar 4.1.2.2 Activity Diagram:
 +
</p></div>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-Yvwf2QlMWuc/Xh9BBXITJ_I/AAAAAAAAAGk/6wCed3MK8F00p9l2psFtIKO4AXD8sItAQCK8BGAsYHg/s0/activity%2Bfixin.jpg"></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.2 Activity Diagram Usulan</b></p></div>
+
<ol>
 +
<p><li>Satu ''initial node'', obyek diawal.</p>
 +
<p><li>Empat ''vertical swimlane'' yaitu: pelanggan, ''waiter'', ''kafe'', kasir.</p>
 +
<p><li>Empat Belas ''Activity'' terdiri dari:</p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Pelanggan login dengan menggunakan nomor meja</p>
 +
<p><li>Pelanggan memilih menu yang ingin dipesan.</p>
 +
<p><li>Pelanggan mengklik tombol beli, menu masuk ke keranjang.</p>
 +
<p><li>Pelanggan men-checkout pesanan</p>
 +
<p><li>''Chef'' menerima daftar pesanan dari pelanggan</p>
 +
<p><li>Chef mengubah status pesanan pelanggan </p>
 +
<p><li>''Chef'' mengolah menu yang dipesan pelanggan</p>
 +
<p><li>''Chef'' memberitahu waiter pesanan sudah siap diantar ke pelanggan</p>
 +
<p><li>''Waiter'' mengantar pesanan menu pelanggan.</p>
 +
<p><li>Pelanggan menerima pesanan menu.</p>
 +
<p><li>Kasir melihat laporan pembayaran dan mencetak struk pembayaran</p>
 +
<p><li>Kasir memberikan struk pembayaran kepada pelanggan</p>
 +
<p><li>Pelanggan membayar pesanan sesuai struk pembayaran</p>
 +
<p><li>Kasir menerima pembayaran</p>
 +
</ol>
 +
<p><li>Satu ''final node'', objek yang mengakhiri keseluruhan kegiatan..</p>
 +
</ol>
  
====Sequence Diagram Usulan====
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">''Sequence Diagram E-Menu'' Yang Diusulkan</div>====
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-NmN65LA__GI/XiNoqOAsTHI/AAAAAAAAMY4/2-0Fx2ApmpQ4jPN9xrTExtIeWi4NwgLJQCK8BGAsYHg/s0/sequence%2Busulan.jpg"></div>
+
<div align="center"><img width="650" height="650" style="margin:0px" src="https://i.postimg.cc/0Qp7n42k/sequncefixparah.png"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.3 Sequence Diagram Usulan</b></p></div>
+
  
====Class Diagram Usulan====
+
<p><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"> <b>Gambar 4.1.2.3 ''Sequence Diagram'' E-menu Yang diusulkan</b></div></p>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-XoUbiN35JbA/XiWjG9mytUI/AAAAAAAAMgc/zkVd_YoJryU-ilIlRjD7hltyJipE2AMlQCK8BGAsYHg/s0/class%2Bdiagram%2Busulan.jpg"></div>
+
<p>Berdasarkan Gambar 4.1.2.3 ''Sequence Diagram E-menu'' Yang Disulkan diatas terdapat : </p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.4 Class Diagram Usulan</b></p></div>
+
<ol>
 +
<p><li>Empat ''actor'' yang terdiri dari : Pelanggan, ''Chef'', Kasir, ''Waiter''.</p>
 +
<p><li>Empat ''object'' yang saling berinteraksi antara lain : Aplikasi ''E-menu'' pelanggan, Aplikasi ''E-menu chef, Struk pembayaran, Aplikasi ''E-menu''kasir</p>
 +
<p><li>Lima belas message yang menggambarkan komunikasi, yang terdiri dari :</p>
  
==Rancangan Basis Data==
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Pelanggan login mengunakan no meja pada aplikasi E-menu pelanggan.</p>
 +
<p><li>Chef login menggunakan username dan password</p>
 +
<p><li>Kasir login menggunakan username dan password</p>
 +
<p><li>Pelanggan memilih menu yang ingin dipesan pada aplikasi ''E-menu'' pelanggan</p>
 +
<p><li>Pelanggan memilih menu yang ingin dipesan pada aplikasi ''E-menu'' pelanggan</p>
 +
<p><li>Pelanggan memilih menu yang ingin dipesan pada aplikasi ''E-menu'' pelanggan</p>
 +
<p><li>Pelanggan membeli menu, lalu menu masuk ke keranjang pada ''E-menu'' pelanggan</p>
 +
<p><li>Pelanggan mencheckout pesanan pada ''E-menu'' pelanggan</p>
 +
<p><li>Daftar pesanan pada E-menu pelanggan terkirim ke E-menu chef</p>
 +
<p><li>''Chef'' mengolah pesanan pelanggan pada ''E-menu'' ''Chef''</p>
 +
<p><li>''Chef'' memberitahu waiter bahwa pesanan sudah siap diantar ke pelanggan</p>
 +
<p><li>''Waiter'' mengantar pesanan menu ke pelanggan</p>
 +
<p><li>Kasir melihat laporan pembayaran pada E-menu kasir</p>
 +
<p><li>Kasir mencetak struk pembayaran</p>
 +
<p><li>Kasir memberikan struk pembayaran ke pelanggan</p>
 +
<p><li>Pelanggan membayar pesanan sesuai struk pembayaran ke kasir.</p>
 +
<p><li>Kasir mengubah status pembayaran pada aplikasi ''E-menu'' kasir</p>
 +
</ol>
 +
</div>
 +
</ol>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Class Diagram E-Menu Yang Diusulkan</div>====
<p style="line-height: 2">Rancangan basis data digunakan untuk mempermudah dalam menggambarkan tabel-tabel yang ada di dalam database, serta dapat membantu pemrograman dalam mengambil atau menampilkan data. Salah satunya untuk menggambarkan spesifikasi tabel-tabel yang ada di dalam database, berikut ini merupakan spesifikasi tabel pada sistem yang diusulkan.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
</div>
 +
<div align="center"><img width="650" height="500" style="margin:0px" src="https://i.postimg.cc/28Cr32cN/Whats-App-Image-2020-01-15-at-19-55-18.jpg
 +
"/>
 +
</div>
  
===Spesifikasi Basis Data===
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perbedaan Prosedur Antara Sistem Yang Berjalan dan Sistem Usulan'''</div>==
 +
<p> Berikut ini adalah perbedaan sistem yang berjalan dan sistem usulan: </p>
  
====Tabel data_dokter====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-asbclGFJnJw/XiWmubSQzjI/AAAAAAAAMg4/uUrzR5Btl3cAOq_pwyV8e3tMneraNRRKQCK8BGAsYHg/s0/data%2Bdokter.png"></div>
+
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 4.1 data_dokter</b></p></div>
+
Tabel 4.1 Perbedaan Prosedur Sistem yang Berjalan dan Sistem Usulan</b></div>
 +
<div align="center"><img width="550" height="550" style="margin:0px" src="https://i.postimg.cc/8PZwMzHP/perbedaan-sistem.png"/></div>
 +
</div>
  
====Tabel data_agama====
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Basis Data'''</div>==
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-Xes2Y-rnIgs/XiWp00JQhYI/AAAAAAAAMhU/_oCtI78H_Hw-ToCb-rfIIt5rmxDU2S1NgCK8BGAsYHg/s0/data%2Bagama.png"></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Spesifikasi Basis Data</div>===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 4.2 data_agama</b></p></div>
+
  
====Tabel data_darah====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p style="line-height:2">Dalam merancang suatu system informasi yang baik, perlu adanya suatu rancangan database atau basis data. Berikut ini merupakan rancangan basis data pada system informasi E-Menu yang diusulkan pada Kafe Rute 15: </p></div>
 +
<ol>
 +
<p><li>Nama Tabel: Tabel User </p>
 +
<p> Fungsi : Menampung Data User</p>
 +
<p> Primary Key : Id_User</p>
 +
<p> Panjang Record : 111 </p>
 +
<div id="t43" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.3 User</div>
 +
<div align="center"><img width="350" height="250" style="margin:0px" src="https://i.postimg.cc/nVDF3BVt/Screen-Shot-2020-01-23-at-15-58-24.png"/></div>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-bu9DljWHaKk/XiWp-uwqPSI/AAAAAAAAMhc/us7kZgFn-CIqJjY5cqfuSiygyY8X47_OwCLcBGAsYHQ/s0/data%2Bdarah.png"></div>
+
<p> <li> Nama Tabel : Menu </p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 4.3 data_darah</b></p></div>
+
<p> Fungsi : Menampung Data Menu </p>
 +
<p> Primary Key : Id_menu</p>
 +
<p> Panjang Record : 133</p>
 +
<div id="t44" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.4 Menu </div>
 +
<div align="center"><img width="350" height="250" style="margin:0px" src="https://i.postimg.cc/QxZXwCVK/Screen-Shot-2020-01-23-at-15-58-38.png"/></div>
  
====Tabel data_anak====
 
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-5Ly5fXK6otY/XiWqIfI06aI/AAAAAAAAMhs/m_9HSxDoZd87YSMIoLiotWqVusisRqbwACLcBGAsYHQ/s0/data%2Banak.png"></div>
+
<p> <li> Nama Tabel :Kategori </p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 4.4 data_anak</b></p></div>
+
<p> Fungsi : Menampung Data kategori yang berupa makanan,minuman, dessert dan snack </p>
 +
<p> Primary Key : Id_kategori </p>
 +
<p> Panjang Record : 41</p>
 +
<div id="t45" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.5 Kategori </div>
 +
<div align="center"><img width="350" height="200" style="margin:0px" src="https://i.postimg.cc/Nf8gctrJ/Screen-Shot-2020-01-23-at-15-58-48.png"/></div>
  
====Tabel data_orangtua====
 
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-sqvn6GhSy8I/XiWqz7nGRlI/AAAAAAAAMic/RHSK72sw2RcMcRQaYCymPBwXsWZTqK-1wCLcBGAsYHQ/s0/data%2Borang%2Btua.png"></div>
+
<p> <li> Nama Tabel :Pemesanan </p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 4.5 data_orangtua</b></p></div>
+
<p> Fungsi : Menampung data pemesanan per meja </p>
 +
<p> Primary Key : id_pemesanan </p>
 +
<p> Panjang Record : 47</p>
 +
<div id="t46" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.6  Pemesanan </div>
 +
<div align="center"><img width="350" height="250" style="margin:0px" src="https://i.postimg.cc/t4X9Rc3X/Screen-Shot-2020-01-23-at-15-59-00.pngg"/></div>
  
====Tabel data_kia====
 
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-SaY_AdPfjL4/XiWqgKr_gCI/AAAAAAAAMiE/rTJjXSTJzvIjHROM1tpDRBR0jDdBa3qPgCLcBGAsYHQ/s0/data%2Bkia.png"></div>
+
<p> <li> Nama Tabel :pemesanan_menu</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 4.6 data_kia</b></p></div>
+
<p> Fungsi : Menampung data detail pemesanan </p>
 +
<p> Primary Key :  id_pemesananMenu </p>
 +
<p> Panjang Record : 108</p>
 +
<div id="t47" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.7  Pemesanan_menu </div>
 +
<div align="center"><img width="350" height="250" style="margin:0px" src="https://i.postimg.cc/t4X9Rc3X/Screen-Shot-2020-01-23-at-15-59-00.pngg"/></div>
  
====Tabel data_users====
+
<p> <li> Nama Tabel :meja</p>
 +
<p> Fungsi :  menyimpan  data nomor meja </p>
 +
<p> Primary Key :  id_meja </p>
 +
<p> Panjang Record : 32</p>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-9BqJ2SQZXdk/XiWrDdhnsQI/AAAAAAAAMiw/IfhvAF0V-Y8ckabmC6vjIVnu3U9ysbAhACLcBGAsYHQ/s0/data%2Busers.png"></div>
+
<div id="t48" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.8 Meja </div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 4.7 data_users</b></p></div>
+
<div align="center"><img width="350" height="200" style="margin:0px" src="https://i.postimg.cc/XvWpMvT5/tabel-meja.jpg"/></div>
  
==Tampilan Sistem Usulan==
+
<p> <li> Nama Tabel :Pembayaran</p>
Berikut ini adalah tampilan sistem usulan yang dibuat peneliti.
+
<p> Fungsi : Menyimpan data pembayaran </p>
 +
<p> Primary Key :  id_pembayaran </p>
 +
<p> Panjang Record : 67</p>
 +
<div id="t49" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.9 Pembayaran </div>
 +
<div align="center"><img width="350" height="300" style="margin:0px" src="https://i.postimg.cc/HkXVPMPH/pembayaran.jpg"/></div>
  
===Halaman Registrasi===
+
</ol>
 +
</div>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-4VcvMkdN8hk/XiNpVnlA57I/AAAAAAAAMZU/axVBFReY_5YEZPeX7sfTdmi5f1eMJDTpQCK8BGAsYHg/s0/Picture1.png"></div>
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Prorotype Aplikasi'''</div>==
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.5 Tampilan Halaman Registrasi</b></p></div>
+
  
===Halaman Login===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Tampilan Landing Page'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p> Tampilan Landing Page ini berisi menu andalan kafe , alamat kafe rute 15, jam operasional kafe dan partner kafe serta berisi tombol untuk login pelanggan. </p>
 +
<div align="center"><img width="500" height="400" style="margin:0px" src="https://i.postimg.cc/pXT5Z5n7/rancangan-tamapilan-landing-page.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
 +
<p>Gambar 4.4.1 Rancangan Tampilan Landing Page</p> </b>
 +
</div>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-YOleNV76sIQ/XiNpZmbGa9I/AAAAAAAAMZg/GfiFqfVMFAY2A1cUWRIkpmHpPjJdKydLgCK8BGAsYHg/s0/Picture2.png"></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Tampilan Login Pelanggan '''</div>===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.6 Tampilan Halaman Login</b></p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p> Rancangan Halaman Login Pelanggan berisi menu navigasi cara pesan, tentang kami dan tentunya form login yang berisi form inputan no meja, password dan tombol login.</p>
 +
<div align="center"><img width="500" height="400" style="margin:0px" src="https://i.postimg.cc/76nJBg9v/rancangan-halaman-login.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
 +
<p>Gambar 4.4.2 Rancangan Tampilan Login Pelanggan</p> </b>
 +
</div>
  
===Menu Dahsboard===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Tampilan Halaman  Home '''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p> Pada halaman Tampilan halaman home, terdapat navigasi home, menu, cara pesan, keranjang checkout dan tombol logout. Lalu terdapat informasi no meja, dan terdapat card kategori Makanan, Minuman, Snack dan Dessert.</p>
 +
<div align="center"><img width="500" height="400" style="margin:0px" src="https://i.postimg.cc/WbHFfpG4/rancangan-tampilan-home.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
 +
<p>Gambar 4.4.3 Rancangan Tampilan Halaman  Home</p> </b>
 +
</div>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-jRH44dncqcY/XiNpdQRW5VI/AAAAAAAAMZw/PQpr0N4uMRc0Va7RDz5P9n7C9G1__JtPQCK8BGAsYHg/s0/Picture3.png"></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Tampilan Kategori Menu '''</div>===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.7 Tampilan Menu Dashboard</b></p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p> PPada Halaman Kategori menu terdiri informasi suatu menu yaitu gambar menu, nama menu, harga menu, detail menu dan tombol beli untuk melakukan pemesanan.</p>
 +
<div align="center"><img width="500" height="400" style="margin:0px" src="https://i.postimg.cc/XYBGMMLk/rancangan-tampilan-kategorin-menu.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
 +
<p>Gambar 4.4.4 Rancangan Tampilan Kategori Menu</p> </b>
 +
</div>
  
===Menu Data Dokter===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Tampilan Halaman Keranjang Belanja'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p> Pada halaman Keranjang Belanja terdapat no, nama menu, harga menu, jumlah, subharga dan aksi yang terdapat buttin hapus. Selain itu ada button lajutkan belanja dan checkout.</p>
 +
<div align="center"><img width="500" height="400" style="margin:0px" src="https://i.postimg.cc/k5rVqjh3/rancnagna-tampilan-keranjang.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
 +
<p>Gambar 4.4.5 Rancangan Tampilan Halaman Keranjang Belanja</p> </b>
 +
</div>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-WTDpeN0vXvc/XiNphZD-wHI/AAAAAAAAMZ8/4ZKg-YyrFNMyQEGNWO9lBcTQC6NG2el7QCK8BGAsYHg/s0/Picture4.png"></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Tampilan Halaman Checkout Belanja'''</div>===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.8 Tampilan Menu Data Dokter</b></p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p> Pada halaman Checkout Belanja terdapat no, menu, harga, jumlah, subharga, total belanja dan button checkout..</p>
 +
<div align="center"><img width="500" height="400" style="margin:0px" src="https://i.postimg.cc/bYL2k9dk/rancangan-tampilan-halaman-checkout.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
 +
<p>Gambar 4.4.6 Rancangan Tampilan Halaman Checkout Belanja</p> </b>
 +
</div>
  
====Form Create Data Dokter====
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Tampilan Halaman Checkout Belanja'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p> Pada halaman Checkout Belanja terdapat no, menu, harga, jumlah, subharga, total belanja dan button checkout..</p>
 +
<div align="center"><img width="500" height="400" style="margin:0px" src="https://i.postimg.cc/bYL2k9dk/rancangan-tampilan-halaman-checkout.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
 +
<p>Gambar 4.4.7 Rancangan Tampilan Halaman Checkout Belanja</p> </b>
 +
</div>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-15D8dX-Dn3o/XiNpkp2YkoI/AAAAAAAAMaI/Ka2O1qvaY50UIJs0_3ojfFCexrdh-0nBwCK8BGAsYHg/s0/Picture5.png"></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Tampilan Halaman Nota Belanja'''</div>===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.9 Tampilan Form Create Data Dokter</b></p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p> Pada halaman Nota Belanja no, no order, menu, harga, jumlah dan subharga.dan total belanja.</p>
 +
<div align="center"><img width="500" height="400" style="margin:0px" src="https://i.postimg.cc/sxfQbvHM/rancangan-halaman-nota.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
 +
<p>Gambar 4.4.8 Rancangan Tampilan Halaman Nota Belanja</p> </b>
 +
</div>
  
===Menu Data Anak===
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tampilan Aplikasi E-Menu Kafe Rute 15 '''</div>==
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tampilan Halaman Landing Page  '''</div>===
 +
<p>Tampilan Landing Page ini berisi menu andalan kafe , alamat kafe rute 15, jam operasional kafe dan partner kafe serta berisi tombol untuk login pelanggan.</p>
 +
<div align="center"><img width="500" height="600" style="margin:0px" src="https://i.postimg.cc/MZdK70J2/landing.jpg"/></div>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/--f9e4R8wIHA/XiNpoB1VqkI/AAAAAAAAMaY/F4FVwBh7U5U7RhndCHHZwANfA30KadW6gCK8BGAsYHg/s0/Picture6.png"></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tampilan Halaman Login Pelanggan '''</div>===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.10 Tampilan Menu Data Anak</b></p></div>
+
<p>Rancangan Halaman Login Pelanggan berisi menu navigasi cara pesan, tentang kami dan tentunya form login yang berisi form inputan no meja, password dan tombol login.</p>
 +
<div align="center"><img width="700" height="400" style="margin:0px" src="https://i.postimg.cc/Gt2mDdN1/2-Login.jpg"/></div>
  
====Form Create Data Anak====
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tampilan Halaman Home '''</div>===
 +
<p>Pada halaman Tampilan halaman home, terdapat navigasi home, menu, cara pesan, keranjang checkout dan tombol logout. Lalu terdapat informasi no meja, dan terdapat card kategori Makanan, Minuman, Snack dan Dessert.</p>
 +
<div align="center"><img width="700" height="400" style="margin:0px" src="https://i.postimg.cc/tTDg7YB5/3-home.jpg"/></div>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-1VgsM_FZ8_E/XiNpronEvpI/AAAAAAAAMak/vhLW-5qOMVo6pvgp5qvWEGSIfJtuWw6kwCK8BGAsYHg/s0/Picture.7png.png"></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tampilan Halaman Menu Kategori '''</div>===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.11 Tampilan Form Create Data Anak</b></p></div>
+
<p>Pada Halaman Kategori menu terdiri informasi suatu menu yaitu gambar menu, nama menu, harga menu, detail menu dan tombol beli untuk melakukan pemesanan..</p>
 +
<div align="center"><img width="700" height="400" style="margin:0px" src="https://i.postimg.cc/MGyFyY4y/5-keranjang.jpg"/></div>
  
===Menu Data Orang Tua===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tampilan Halaman Keranjang '''</div>===
 +
<p>Pada halaman Keranjang Belanja terdapat no, nama menu, harga
 +
menu, jumlah, subharga dan aksi yang terdapat buttin hapus. Selain itu ada
 +
button lajutkan belanja dan checkout.</p>
 +
<div align="center"><img width="700" height="400" style="margin:0px" src="https://i.postimg.cc/MGyFyY4y/5-keranjang.jpg"/></div>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-nIsVA-84PJs/XiNpu2EX5rI/AAAAAAAAMa0/r9mNdU9qtxIJhMQk-zk5NJ9Slh5pg1R9gCK8BGAsYHg/s0/Picture8.png"></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">''' Tampilan Halaman Checkout '''</div>===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.12 Tampilan Menu Data Orang Tua</b></p></div>
+
<p>Pada halaman Checkout Belanja terdapat no, menu, harga, jumlah, subharga, total belanja dan button checkout</p>
 +
<div align="center"><img width="700" height="400" style="margin:0px" src="https://i.postimg.cc/sx06VHQR/6-checkput-fix.jpg"/></div>
  
====Form Create Data Orang Tua====
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">''' Tampilan Halaman Nota'''</div>===
 +
<p>Pada halaman Nota Belanja no, no order, menu, harga, jumlah dan subharga.dan total belanja.</p>
 +
<div align="center"><img width="700" height="400" style="margin:0px" src="https://i.postimg.cc/gJst72Gj/7-nota.jpg"/></div>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-V_E-9XJrq5c/XiNpx6GDGsI/AAAAAAAAMbA/7bJxLULUYrkXZUjFitmrzHMhjvRQfUwpACK8BGAsYHg/s0/Picture9.png"></div>
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konfigurasi Sistem Usulan'''</div>==
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.13 Tampilan Form Create Data Orang Tua</b></p></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Spesifikasi Perangkat Keras ''(Hardware)'' '''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p> Perangkat keras yang dibutuhkan oleh ''chef'' dan kasir agar dapat mengakses aplikasi E-menu ini adalah sebagai berikut: </p>
 +
<ol>
 +
<p><li>Processor : AMD</p>
 +
<p><li>Monitor : VGA 15 inch</p>
 +
<p><li>RAM : 4G</p>
 +
<p><li>Harddisk : 320GB</p>
 +
</ol>
 +
</div>
  
===Menu Data Pengajuan KIA===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Spesifikasi Perangkat Lunak ''(Software)'' '''</div>===
 +
<p>Perangkat lunak yang digunakan untuk mengakses website aplikasi pemesanan menu adalah sebagai berikut: </p>
 +
<ol>
 +
<p><li>  Sistem operasi : windows 10</p>
 +
<p><li>Web browser : Google Chrome, Safari, Internet Exprorer, Mozila Firefox</p>
 +
<p><li>  Web server : XAMPP V3.2.2</p>
 +
<p><li>Database : MySql</p>
 +
<p><li>Database Editor : PHP MyAdmin 4.7.7</p>
 +
<p><li>Code Editor : Sublime Text 3</p>
 +
<p><li>Wifi dan Jaringan LAN ''(Local  Area Network)''</p>
 +
</ol>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-td5YMN1K6Fw/XiNp0pGmM9I/AAAAAAAAMbQ/zGaB0mkLdKIEPcNMM9l8wMdXvD-RH609gCK8BGAsYHg/s0/Picture10.png"></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Hak Akses ''(Brainware)'' '''</div>===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.14 Tampilan Menu Pengajuan Data KIA</b></p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p> Pada system E-menu  ini ada beberapa user yang bisa menjalankan, beberapa diantaranya adalah : </p>
 +
<ol>
 +
<p><li>''Chef''</p>
 +
<p><li> Kasir </p>
 +
<p><li>Pelanggan </p>
 +
<p> <li> Admin </p>
 +
</ol>
  
====Form Create Data Pengajuan KIA====
+
</div>
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-VbE4oOgtuQk/XiNp30VHspI/AAAAAAAAMbg/Fx7t4dhr5lMJ87WJyWH5NJwd4OpuwqKnACK8BGAsYHg/s0/Picture11.png"></div>
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Testing'''</div>==
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.15 Tampilan Form Create Data Pengajuan KIA</b></p></div>
+
  
===Menu Data Users===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Blackbox Testing'''</div>===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
  
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-wc4zK2S2TNg/XiNp7CRfC_I/AAAAAAAAMbw/8lVKb-HZ2mwVzWrXGfVl_bfr7vUgJ8RXwCK8BGAsYHg/s0/Picture12.png"></div>
+
<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Tabel 4.7.1 Blackbox Testing'''</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.16 Tampilan Menu Data Users</b></p></div>
+
<div align="center"><img width="550" height="450" style="margin:0px" src="https://i.postimg.cc/bwfswQ77/bbt-1-fix.png"/></div>
 
+
<div align="center"><img width="550" height="450" style="margin:0px" src="https://i.postimg.cc/x1gJpXZB/bbt-2fix.png"/></div>
====Form Create Data Users====
+
<div align="center"><img width="550" height="100" style="margin:0px" src="https://i.postimg.cc/pdX8Pf82/bbt-3.png"/></div>
 
+
</div>
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-oaaZIbuDhrs/XiNp-pTqeGI/AAAAAAAAMcA/ViP-BDd8Of4EiR9U0-pKkHFjP8BRuzwmwCK8BGAsYHg/s0/Picture13.png"></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Gambar 4.17 Tampilan Form Create Data Users</b></p></div>
+
 
+
==<i>Black Box Testing</i>==
+
  
 +
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">''' Time Schedule'''</div>==
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2">Pengujian <i>black box</i> berfokus pada persyaratan fungsionalitas perangkat lunak. Beberapa pengujian yang telah dilakukan terdapat pada tabel dibawah ini.</p></div>
+
<p> Perancangan sistem yang diusulkan diperkirakan memakan waktu kurang lebih 4 bulan, berikut adalah kegiatan yang dilakukan antara lain: </p>
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-G9_ftCt2Zcg/XiWvwcI4IfI/AAAAAAAAMjo/KPb-mUYAceAXCmCpYqnl9VaI-xTPeYFwgCLcBGAsYHQ/s0/blackbox.png"></div>
+
<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Tabel 4.8 Time Schedule '''</div>
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-VE9-kmcpZwk/XiWv5CZqtoI/AAAAAAAAMj0/G39WdYSo3fsA3mKEiry5qKXn7favcM9tQCLcBGAsYHQ/s0/blackbox%2B2.png"></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 4.8 <i>Black Box Testing</i>Sistem</b></p></div>
+
  
==Evaluasi==
+
<div align="center"><img width="550" height="450" style="margin:0px" src="https://i.postimg.cc/1XJ11ZZR/time-schedule.png"/></div>
 +
</div>
  
 +
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Estimasi Biaya '''</div>==
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2">Setelah dilakukan pengujian pada sistem dengan metode <i>black box testing</i> didapati bahwa setiap aspek dalam sistem yang diuji dapat bekerja sesuai dengan yang diharapkan.</p></div>
+
<p> Agar terlaksananya penelitian ini dengan baik, lancer dan sesuai target yang direncanakan yang sesuai dengan jadwal penelitian, maka diperlukan dana yang dapat menunjang seluruh kegiatan. Diperkirakan dana yang dibutuhkan sebagai berikut: </p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Salah satu contoh yaitu, pada pengujian <i>form login</i> dimana <i>form</i> tersebut dapat bekerja dengan baik dengan hanya meloloskan <i>user</i> dan <i>password</i> yang benar sesuai dengan hak akses yang diberikan. Sehingga dijamin keamanan dari data yang di input tersebut.</p></div>
+
  
==Konfigurasi Sistem Usulan==
+
<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Tabel 4.9 Estimasi Biaya '''</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<div align="center"><img width="550" height="450" style="margin:0px" src="https://i.postimg.cc/y6Q7GF6m/estimasi-biaya.png"/></div>
<p style="line-height: 2">Pada konfigurasi sistem yang usulan ini terdapat 3 (tiga) spesifikasi yang digunakan, yaitu <i>Hardware, Software,</i> dan <i>Brainware</i>.</p></div>
+
</div>
  
===Spesifikasi <i>Hardware</i>===
+
=<div style="font-size: 14pt;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>
  
 +
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Kesimpulan'''</div>==
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2">Dibawah ini spesifikasi <i>hardware</i> (perangkat keras) yang digunakan, yaitu :.</p></div>
+
<p>Berdasarkan analisis yang telah peneliti uraikan pada bab-bab sebelumnya, dan dengan pengamatan peneliti pada rumusan masalah, maka dapat diambil kesimpulan sebagai berikut: </p>
<ol style="list-style:lower-alpha">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Komputer : Lenovo Ideapad 320 
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Monitor : 14 Inch
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Processor : AMD A9-9420 RADEON R5,5 COMPUTE CORES 2C+3G 3.00 GHz
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">RAM : 4.00 GB
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Harddisk : 1 TB
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sistem Operasi : DOS
+
</ol>
+
  
===Spesifikasi <i>Software</i>===
+
<ol>
 +
<p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sistem pemesanan menu yang berjalan pada kafe Rute 15 masih manual, yaitu masih menggunakan kertas. Ketika datang ke kafe, pelanggan diberikan selembar kertas menu oleh waiter, lalu pelanggan memilih dan mengisi menu yang ingin dipesan pada kertas menu, setelah itu  pelanggan mengantarkan selembar kertas menu yang sudah diisi ke kasir untuk melakukan pembayaran dan pemesanan menu akan diproses.</p>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p><li>Sistem Pemesanan menu pada Kafe Rute 15 menggunakan selembar kertas menu yang belum terdapat gambar menu dan detail gambar menunya setelah itu pelanggan masih harus mengantarkan sendiri ke kasir untuk segera di proses pemesanannya.</p>
<p style="line-height: 2">Dibawah ini spesifikasi <i>software</i> (perangkat lunak) yang digunakan, yaitu :.</p></div>
+
<ol style="list-style:lower-alpha">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Windows 10 pro 
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Microsoft Office 2016
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sublime Text 3
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Visual Paradigm 8.0
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">MySQL
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Google Chrome
+
</ol>
+
  
===Spesifikasi <i>Brainware</i>===
+
<p><li> Pemesanan menu pada kafe Rute 15 saat ini masih menggunakan sistem pemesanan konvensional, dimana pelanggan memesan menu dengan media kertas yang membuat pemesanan menu tidak efektif dan efisien, sehingga dibutuhkan sistem pemesanan menu yang terintegrasi</p>
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Dibawah ini spesifikasi <i>Brainware</i> (pengakses) yang digunakan, yaitu :.</p></div>
+
<ol style="list-style:lower-alpha">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pihak Klinik/RS 
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pemohon (Masyarakat)
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Petugas Kelurahan
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Operator DISDUKCAPIL
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Admin PIAK
+
 
</ol>
 
</ol>
 +
</div>
  
==<i>Time Schedule</i> Implementasi==
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Saran'''</div>==
 
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
<p style="line-height: 2"><i>Time schedule</i> adalah perencanaan terhadap waktu atau penjadwalan yang diperlukan dan digunakan oleh peneliti dalam melakukan penelitian dan pengembangan yang berhubungan dengan perancangan sistem sampai tahap implementasi sistem yang dibuat. Berikut ini rincian kegiatan yang dilakukan oleh peneliti :</p></div>
+
<p style="line-height: 2">Untuk memudahkan peneliti lain dalam mengembangkan website pemesanan menu yang diusulkan ini dan demi kemajuan serta kesempurnaan system ini, maka perlu memperhatikan beberapa saran berikut:</p>
 
+
</div>
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-76VViRjMwGc/XiNqIvzMYaI/AAAAAAAAMcQ/BrJd4LG3GLsnqLMNhtuW7BfXP3e7zSP_wCK8BGAsYHg/s0/time%2Bschedule.png"></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 4.9 <i>Time Schedule</i> Penelitian</b></p></div>
+
  
==Estimasi Biaya==
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Estimasi biaya ini digunakan sebagai rekapan biaya kebutuhan yang diperlukan untuk menyelesaikan penelitian dan pengembangan yang diusulkan. Dibawah ini adalah rincian biaya yang diperlukan :</p></div>
 
 
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-ZVBXPZr6XWY/XiNqNX_eaBI/AAAAAAAAMck/M6BEUU_5sVYF4zTNQESzoYjj4BqUhw2wACK8BGAsYHg/s0/estimasi%2Bbiaya.png"></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center"><b>Tabel 4.10 Estimasi Biaya Penelitian</b></p></div>
 
 
=<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==
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Berdasarkan analisa permasalahan yang telah diuraikan pada bab sebelumnya, maka dapat diambil kesimpulan mengenai sistem pengajuan KIA pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang, yaitu sebagai berikut :</p></div>
 
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Sistem pengajuan KIA yang berjalan saat ini masih belum terkomputerisasi dengan baik sehingga memerlukan waktu yang lama dalam mengajuakan KIA.
+
<p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dikembangkan menjadi system berbasis mobile supaya  dapat memudahkan pelanggan dalam memesan menu pada aplikasi E-menu ini.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Dalam sistem pengajuan KIA masih belum akurat dan cepat karena terkendala pada proses dimana pegawai kelurahan yang menghandle bagian ini masih belum terbiasa dalam menggunakan komputer juga masih seringnya terjadi kesalahan dalam penginputan.
+
<p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Diadakan sosialisasi dalam menggunakan system E-menu ini  kepada chef, kasir dan admin sehingga bisa meningkatkan kinerja mereka.</p>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Berdasarkan analisa terhadap proses yang berjalan saat ini, maka peneliti merancang dan mengimplementasikan Aplikasi Pengajuan Kartu Identitas Anak Pada DISDUKCAPIL Kota Tangerang untuk memudahkan dalam pengelolaan data serta pengajuan pembuatan KIA dengan melibatkan masyarakat yang dapat langsung menggunakan sistem.
+
<p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Setelah system yang diusulkan ini diterapkan di Kafe, maka harus diadakan  pengawasan dan pemeliharaan system agar tetap berjalan dengan baik.</p>
 +
 
 
</ol>
 
</ol>
  
==Saran==
+
{{pagebreak}}
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
=<div style="font-size:14pt;font-family: 'times new roman'; text-align: center">'''DAFTAR PUSTAKA'''</div>=
<p style="line-height: 2">Setelah peneliti menyimpulkan berbagai macam permasalahan yang ada pada Dinas Kependudukan dan Pencatatan Sipil Kota Tangerang, maka peneliti menyarankan untuk :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height:2"><references /></p></div>
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Diperlukan pengembangan sistem untuk mengikuti perkembangan zaman yang ada pada saat ini agar menjadi sistem yang dapat dengan mudah digunakan oleh siapapun.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Diperlukannya pelatihan dan modul untuk pengguna (User) yang akan menggunakan sistem pengajuan KIA ini, agar dalam mengoperasikan sistem tersebut dapat dilakukan dengan baik.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Dengan adanya sistem pengajuan KIA secara online ini dapat memudahkan masyarakat untuk membuat KIA ini agar menghemat jarak dan waktu dan diharapkan untuk masa yang akan datang sistem ini dapat dikembangkan sesuai dengan kebutuhan.
+
</ol>
+
  
{{pagebreak}}<hr/>
 
  
='''Daftar Pustaka'''=
 
<references/>
 
  
[[Category:TA 2019/2020]]
+
{{pagebreak}}*

Revisi per 2 Februari 2020 00.18


PERANCANGAN SISTEM INFORMASI KEAGENAN UMROH

PADA PT SEROJA ERA WISATA

</div>


TUGAS AKHIR



Disusun Oleh :

NIM : 1611394083
NAMA : ELI NUR AIDA


FAKULTAS SAINS DAN TEKNOLOGI

PROGRAM STUDI MANAJEMEN INFORMATIKA

KONSENTRASI SISTEM INFORMASI MANAJEMEN

UNIVERSITAS RAHARJA

TANGERANG

TA. 2019/2020



UNIVERSITAS RAHARJA

LEMBAR PENGESAHAN SKRIPSI

 

PERANCANGAN SISTEM INFORMASI E-MENU SEBAGAI

MEDIA PEMESANAN MAKANAN DAN MINUMAN PADA

KAFE RUTE 15 TANGERANG

Disusun Oleh:

NIM : 1612493114
Nama : Rizky Amalia


Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Fakultas Sains dan Teknologi

Program Studi Sistem Informasi

Konsentrasi Business Intelligence


Disahkan Oleh :

Tangerang, 2020

Rektor         Dekan Fakultas       Ketua Program Studi
Universitas Raharja         Sains Dan Teknologi         Sistem Informasi
           
           
           
           
(Dr. Po. Abas Sunarya,M.Si)         (Sugeng Santoso M.Kom)         ( Desy Apriani, S.Kom.,M.T.I)
NIP : 000603         NIP :006095       NIP :073009




UNIVERSITAS RAHARJA

LEMBAR PERSETUJUAN PEMBIMBING

PERANCANGAN SISTEM INFORMASI E-MENU SEBAGAI MEDIA

PEMESANAN MAKANAN DAN MINUMAN PADA

KAFE RUTE 15 TANGERANG


Dibuat Oleh :

NIM
: 1612493114
Nama


Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Fakultas Sains dan Teknologi

Program Studi Sistem Informasi

Konsentrasi Business Intelligence


Disetujui Oleh :

Tangerang, 2020

Pembimbing I
   
Pembimbing II
       
       
       
       
   
(Mulyati, S.E, M.M, M.Pd)
NID :
   
NID:


UNIVERSITAS RAHARJA

LEMBAR PERSETUJUAN DEWAN PENGUJI

PERANCANGAN SISTEM INFORMASI E-MENU SEBAGAI MEDIA

PEMESANAN MAKANAN DAN MINUMAN PADA

KAFE RUTE 15 TANGERANG


Disusun Oleh :


NIM
: 1612493114
Nama


Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Fakultas Sains dan Teknologi

Program Studi Sistem Informasi

Konsentrasi Business_Intelligence


Tahun Akademik 2019/2020

Disetujui Penguji :

Tangerang,24 Januari 2020

Ketua Penguji
 
Penguji I
 
Penguji II
         
         
         
         
(_______________)
 
(_______________)
 
(_______________)
NID :__________
 
NID :__________
 
NID :__________



UNIVERSITAS RAHARJA

LEMBAR KEASLIAN SKRIPSI

PERANCANGAN SISTEM INFORMASI E-MENU SEBAGAI MEDIA

PEMESANAN MAKANAN DAN MINUMAN PADA

KAFE RUTE 15 TANGERANG


Disusun Oleh :

NIM : 1612493114
Nama : RIZKY AMALIAI
Fakultas : Sains dan Teknologi
Program Pendidikan : Strata I
Program Studi : Business Intelligence
Konsentrasi : Sistem Informasi


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.

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

Tangerang, 20 Januari 2020
RIZKY AMALIA
NIM. 1612493114


)*Tandatangan dibubuhi materai 6.000;



ABSTRAKSI

Seiring dengan berkembangnya kemajuan teknologi informasi dalam era globalisasi saat ini, mau tidak mau pelaku bisnis harus segera mengikuti perkembangan zaman. Namun, pada kenyataannya masih banyak pelaku bisnis yang belum meng-upgrade sistem mereka ke sistem komputerisasi. Pada kafe Rute 15 kegiatan pemesanan makanan dan minumannya masih dilakukan secara manual, yaitu dengan menggunakan kertas dan pelanggan harus mengantarkan sendiri kertas itu sampai ke kasir untuk segera dilakukan proses pengolahan menu. Hal in tentunya kurang efektif dan efisien. Dengan memanfaatkan teknologi, peneliti merancang sebuah e-menu untuk memudahkan pemesanan makanan dan minuman pada Kafe Rute 15. Peneliti menggunakan metode analisis BMC (Business Model Canvas) untuk menganalisis bisnis yang sedang berjalan dan menggunakan bahasa HTML, CSS, Javascript, dan PHP dalam membangun e-menu serta PhpMyadmin sebagai database. Dengan adanya system aplikasi e-menu ini dapat membantu pelanggan serta karyawan kafe dalam melakukan kegiatan pemesanan makanan dan minuman.

Kata Kunci : E-Menu, Pemesanan, Bisnis


ABSTRACT

Along with the development of information technology advancements in the current era of globalization, like it or not, businesses must immediately follow the times. But in reality there are still many business people who have not upgraded their systems to computerized systems. At the Route 15 cafe food and beverage ordering activities are still done manually, that is by using paper and customers must deliver the paper themselves to the cashier to immediately do the processing of the menu. This is certainly less effective and efficient. By utilizing technology, researchers designed an e-menu to facilitate ordering food and drinks at Cafe Route 15. The researcher used the BMC (Business Model Canvas) analysis method to analyze businesses that were running and used HTML, CSS, Javascript, and PHP in building e-menu and PhpMyadmin as a database. It is hoped that this research can help customers and cafe employees in conducting food and beverage ordering activities.

Keywords: E-Menu, Ordering, Business



KATA PENGANTAR

Alhamdulillah puji dan syukur atas kehadirat Allah SWT yang telah melimpahkan rahmat dan karunianya sehingga peneliti dapat menyelesaikan Skripsi dengan judul “PERANCANGAN SISTEM INFORMASI E-MENU SEBAGAI MEDIA PEMESANAN MAKANAN DAN MINUMAN PADA KAFE RUTE 15 TANGERANG”.

Tujuan penulis Laporan Skripsi ini adalah sebagai syarat dalam menyelesaikan Program Pendidikan Strata 1 Program Studi Sistem Informasi pada Universitas Raharja.

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 :

  1. Bapak Dr. Po. Abas Sunarya, M.Si. selaku Rektor Universitas Raharja.
  2. Bapak Sugeng Santoso M.Kom. selaku Dekan Fakultas Sains dan Teknologi..
  3. Ibu Desy Apriani S.Kom, M.T.I selaku Ketua Program Studi Sistem Informasi.
  4. Bapak Rano Kurniawan,M.Kom selaku Dosen Pembimbing I yang senantiasa memberikan waktunya untuk memberikan bimbingan kepada penulis
  5. Ibu Mulyati, S.E, M.M, M.Pd selaku Dosen Pembimbing II yang senantiasa memberikan waktunya untuk memberikan bimbingan kepada penulis
  6. Ibu Tia selaku stakeholder yang telah memberikan kontribusi besar di dalam lancarnya proses penelitin skripsi ini.
  7. Bapak dan Ibu Dosen serta Staff Universitas Raharja yang telah memberikan bekal ilmu pengetahuan dan motivasi kepada penulis.
  8. Keluarga tercinta yang telah memberikan doa, dukungan moril maupun materil sehingga Skripsi ini dapat terselesaikan dengan baik
  9. Teman - teman seperjuangan yang selalu ada dan memberikan semangat.

Penulis menyadari bahwa dalam penulisan Laporan Skripsi 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.

Tangerang, 20 Januari 2020
RIZKY AMALIA
NIM. 1612493114


Daftar isi


DAFTAR TABEL


DAFTAR GAMBAR


DAFTAR SIMBOL

DAFTAR SIMBOL USE CASE DIAGRAM


DAFTAR SIMBOL ACTIVITY DIAGRAM


DAFTAR SIMBOL SEQUENCE DIAGRAM

DAFTAR SIMBOL CLASS DIAGRAM


BAB I

PENDAHULUAN

Latar Belakang

Teknologi Informasi sekarang ini merupakan komponen penting dalam kehidupan manusia. Manusia dapat melakukan berbagai jenis pekerjaan dengan lebih mudah jika dibantu oleh teknologi informasi. Dengan adanya system yang sudah terkomputerisasi yang baik dapat memberi kemudahan bagi siapapun terutama bagi perusahaan atau bisnis besar. Teknologi informasi bisa masuk ke berbagai bidang bisnis, salah satunya dibidang kuliner yaitu Kafe. .

Kafe merupakan suatu usaha yang bergerak di bidang kuliner yang menyediakan makanan dan minuman agar pelanggan mendapatkan kebutuhan yang di inginkan dengan suasana santai dan nyaman. Beberapa kafe menyediakan fasilitas yang menarik dan nyaman guna membuat pelanggan menjadi betah dan kemungkinan besar akan kembali lagi kesana. .

Kafe Rute 15 adalah salah satu kafe yang terletak di kawasan Pasar Lama Kota Tangerang. Letak Kafe ini sangat strategis, sehingga tak heran jika banyak customer berdatangan untuk menikmati menu yang tersedia pada di kafe ini. Bukan hanya letaknya saja yang strategis yang membuat kafe ini ramai pengunjung, tetapi ornamen-ornamen kafe yang membuat pengunjung merasa tertarik untuk mengunjungi kafe ini. Kafe ini memiliki ornamen yang unik, yaitu ornamen rute jalanan. Di dalam kafe ini terdapat ornamen-ornamen rute jalanan, dan terdapat juga kolam ikan yang membuat suasana menjadi hidup. Ditambah ada live music di setiap malamnya, sehingga membuat pengunjung merasa betah berada di kafe ini.

Selain bertujuan untuk mencari keuntungan, sebuah kafe juga dituntut untuk dapat memberikan kualitas pelayanan yang baik kepada para pelanggan. Salah satu hal yang dapat menunjang kualitas pelayanan dalam sebuah restoran adalah proses pemesanan (order). Pemesanan yang ada pada kafe Rute 15 masih manual, yaitu masih menggunakan kertas untuk media pemesanannya. Waiter memberikan kertas kepada pelanggan yang baru masuk ke kafe Rute 15 lalu pelanggan diantarkan ke meja yang kosong lalu melakukan pemesanan. Pelanggan disuruh mengisi sendiri pesanan yang ingin dipesan, terkadang tulisan pelanggan kurang jelas sehingga sering terjadinya kesalahan pada penginputan menu yang ada dikasir. Pelanggan mengantarkan sendiri kertas pesanannya ke kasir untuk segera diproses, dan saat itu juga pelanggan membayar pesanannya. Kasir langsung mencetak pesanan pelanggan , dan langsung memberikan cetakan menu berupa kertas kepada chef. Hal ini tentunya masih kurang efektif dan efisien.

Berdasarkan latar belakang yang telah dijelaskan, maka penelitian ini dilakukan agar permasalahan yang telah dijelaskan diatas bisa teratasi, maka dalam penulisan skripsi peneliti mengambil judul “PERANCANGAN SISTEM INFORMASI E-MENU SEBAGAI MEDIA PEMESANAN MAKANAN DAN MINUMAN PADA KAFE RUTE 15 TANGERANG ”.

Rumusan Masalah

Berdasarkan latar belakang yang sudah dipaparkan di atas, peneliti menemukan permasalahan sebagai berikut:

  1. Bagaimana system pemesanan menu yang sedang berjalan saat ini ?
  2. Apakah system pemesanan menu pada Kafe Rute 15 sudah efektif dan efisien?
  3. Bagaimana merancang sistem pemesanan menu berbasis website pada Kafe Rute 15?

Ruang Lingkup Penelitian

Untuk memfokuskan penelitian pada pokok permasalahan yang dirumuskan, maka peneliti membuat batasan permasalahan. Adapun batasan masalah dalam penelitian ini hanya meliputi :

  1. Website pemesanan menu yang ingin dibuat hanya dapat digunakan pada lokasi Kafe Rute 15 Pasar Lama Tangerang
  2. Website pemesanan menu ini hanya berfokus pada pemesanan menu makanan dan minuman saja.
  3. Website pemesanan menu ini menampilkan daftar menu makanan, yang bisa dilihat pelanggan untuk melakukan pemesanan menu.

Tujuan dan Manfaat Penelitian

Tujuan Penelitian

Penelitian ini memiliki hubungan dengan rumusan masalah serta terdapat kesimpulan penelitian sebagai jawaban dari rumusan masalah dan tujuan penelitian. Tujuan penelitian dilakukan agar penelitian lebih terarah dan sesuai dengan rumusan masalah yang sudah ditetapkan. Tujuan penelitian ini sebagai berikut:

  1. Untuk memudahkan pelanggan dalam melakukan pemesanan makanan pada Kafe Rute 15.
  2. Mengetahui bagaimana sistem pemesana menu yang sedang berjalan pada Kafe Rute 15 Pasar Lama Tangerang.
  3. Merancang sistem informasi pemesanan menu berbasis website untuk memudahkan proses pemesanan menu

Manfaat Penelitian

Penelitian yang dilakukan ini tentunya memiliki manfaat, beberapa diantaranya:

  1. Memberikan informasi menu yang tersedia kepada pelanggan secara detail.
  2. Memudahkan waiter dalam mencatat pemesanan pelanggan.
  3. Memberikan informasi total harga menu yang dipesan pelanggan sebelum melakukan kegiatan transaksi dikasir.
  4. Mengurangi penggunaan kertas berlebih (pepperless).

Metode Penelitian

Metode Pengumpulan Data

    Metode pengumpulan data yang dipakai dalam penelitian terdiri dari langkah – langkah berikut:

  1. Metode Observasi

    Metode Observasi adalah metode yang digunakan untuk mendapatkan data dengan cara melakukan pengamatan langsung ke tempat penelitian yaitu Kafe Rute 15 sebagai lokasi untuk dilakukannya observasi. Dengan metode ini peneliti dapat mengamati berbagai hal yang ada di perusahaan tersebut dan meminta data yang diperlukan sebagai bahan untuk menulis laporan penelitian.

  2. Metode Wawancara

    Dalam penulisan laporan Sksripsi ini, peneliti juga menggunakan metode wawancara. Dengan metode ini peneliti melakukan tanya jawab dengan stakeholder pada kafe rute 15 untuk mendapatkan informasi yang lebih lengkap mengenai aplikasi yang akan di rancang.

  3. Metode Studi Pustaka (Library Research)

    Metode studi pustaka merupakan metode pengumpulan data – data yang berkaitan dengan penelitian melalui buku – buku, jurnal, dan referensi dari internet. .

Metode Analis

Peneliti menggunakan metode Business Model Canvas model (BMC) bisnis yang menggambarkan dasar pemikiran tentang bagaimana organisasi menciptakan, memberikan, dan sebagai aktivitas pendukung yang membantu secara keseluruhan dengan menyediakan dukungan yang diperlukan bagi berlangsungnya aktivitas –aktivitas yang dilakukan secara berkelanjutan.

Metode Perancangan Sistem

Metode perancangan yang dipilih oleh penulis dalam penelitian skripsi ini adalah UML (Unified Modelling Language). Dengan menggunakan aplikasi berupa Visual Paradigm UML 15.2 Community Edition, diantaranya yang digunakan Usecase Diagram, Activity Diagram, Sewuence Diagram, dan Class Diagram. Selain itu juga digunakan bahasa pemrograman PHP serta menggunakan database MySQL. Software pendukung yang digunakan seperti XAMPP dan text editor Sublime dalam mendesain web yang dibuat.

Metode Pengujian

Peneliti menggunakan Black Box Testing sebagai metode pengujian untuk website yang akan dirancang. Metode ini menguji detail-detail dari aplikasi yang dibuat, seperti tampilan aplikasi, fungsi-fungsi dan kesesuaian alur fungsi dengan proses yang diinginkan.

Sistematika Penulisan

Untuk mempermudah peneliti dalam membuat penyusunan laporan dan pembahasan secara sistematis, maka penulisan Skripsi ini terdiri dari beberapa sub bab dengan sistematika penulisan sebagai berikut:

BAB I   PENDAHULUAN

Bab ini membahas tentang informasi umum dari akar permasalahan yang ada diantaranya latar belakang, rumusan masalah, ruang lingkup penelitian, tujuan dan manfaat penelitian, dan sistematika penulisan.

BAB II   LANDASAN TEORI

Bab ini berisikan teori yang berupa pengertian maupun definisi yang diambil dari kutipan buku yang berkaitan dengan penyusunan laporan skripsi serta beberapa literature review yang berhubungan dengan penelitian.

BAB III   ANALISA SISTEM BERJALAN

Bab ini membahas tentang gambaran umum instansi, tata laksana sistem yang berjalan, permasalahan yang dihadapi, alternatif pemecahan masalah, user requirement yang terdiri dari 4 (empat) tahap elisitasi, yakni elisitasi tahap I, elisitasi tahap II, elisitasi tahap III, serta final draft elisitasi. .

BAB IV   RANCANGAN SISTEM YANG DIUSULKAN

Bab ini menjelaskan rancangan sistem yang diusulkan pada Kafe Rute 15, yang meliputi Usecase Diagram, Activity Diagram, Sequence Diagram, dan Class Diagram, spesifikasi basis data, tampilan program dan pengujian system menggunakan Blackbox Testing.

BAB V   PENUTUP

Pada bab ini berisi tentang kesimpulan hasil dari penelitian dan menjawab dari tujuan penelitian yang diajukan serta saran – saran seputar pengembangan sistem kedepan sesuai kebutuhan stakeholder yang diperlukan untuk melakukan perbaikan dimasa yang akan datang. .

DAFTAR PUSTAKA

DAFTAR LAMPIRAN

BAB II

LANDASAN TEORI

Teori Umum

Konsep Dasar Sistem

Definisi Sistem

Menurut Tyoso (2016:1) [1] “Sistem merupakan suatu kumpulan dari komponen – komponen yang membentuk satu kesatuan”, sedangkan Anggraeni (2016:23) [2] mendefinisikan sistem sebagai “Sekumpulan elemen yang saling terkait/terpadu yang dimaksudkan untuk mencapai suatu tujuan”. Sementara, menurut Ruli Supriati dkk dalam Jurnal Sensi (2018:91) [3] , menjelaskan bahwa “Sistem dapat didefinisikan dengan cara mengumpulkan, memproses, menyimpan, menganalisis, menyebarkan informasi untuk tujuan tertentu. seperti sebuah system informasi terdiri atas input (data, instruksi) dan output (laporan, kalkulasi)”. .

Berdasarkan penjelasan para ahli diatas, dapat disimpulkan bahwa system adalah sekumpulan komponen atau elemen yang saling berkaitan dan system jugga memiliki input dan output.

Karakteristik Sistem

Menurut Jogiyanto yang dikutip oleh dalam jurnal Informatika Mulawarman (2016:24) [4] sistem mempunyai karakteristik atau sifat – sifat tertentu, yaitu  :

  1. Komponen

    Komponen sistem suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, yang artinya saling bekerjasama membentuk satu kesatuan. Komponen – komponen sistem atau elemen – elemen sistem dapat berupa suatu subsistem atau bagian – bagian dari sistem.

  2. Batasan Sistem

    Batasan system adalah daerah yang membatasi antara suatu system dengan system yang lainnya atau dengan lingkungan luarnya.

  3. Lingkungan Luar Sistem (environment)

    Lingkungan daru suatu system adalah apapun diluar batas dari system yang mempengaruhi operasi system.

  4. Penghubung system (interface)

    Penghubung system adalah media penghubun antara satu subsistem dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem lainnya.

  5. Masukan system (input)

    Masukan system merupakan energy yang dimasukan ke dalam system. Masukan dapat berupa perawatan (maintenance input) dan masukan sinyal (signal input).

  6. Keluaran system (output)

    Keluaran system adalah hasil dari energy yang diolah dan diklasifikasikan menjadi keluaran yang berguna dari sisa pembuangan.

  7. Pengolahan system

    Pengolahan sistem dapat mempunyai suatu bagian pengolah yang akan merubah masukan menjadi keluaran.

  8. Sasaran system

    Sasaran suatu system pasti mempunyai tujuan atau sasaran. Jika suatu system tidak mempunyai sasaran, maka operasi system tidak akan ada gunanya.

Klasifikasi Sistem

Menurut Mustakini yang di kutip oleh Ruhul Amin (2017:2))[5], mengatakan Sistem dapat diklasifikasikan dari beberapa sudut pandang, diantaranya adalah sebagai berikut:.

  1. Sistem Abstrak (Abstract System)

    Sistem diklasifikasikan sebagai sistem abstrak (abstract system) dan sistem fisik (physical system). Sistem abstrak adalah sistem yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik. Misalnya sistem teologia, yaitu sistem yang berupa pemikiran-pemikiran hubungan antara manusia dengan Tuhan. Sistem fisik merupakan sistem yang ada secara fisik. Misalnya sistem komputer, sistem akutansi, sistem produksi dan lain sebagainya.

  2. Sistem Alamiah (Natural System)

    Sistem diklasifikasikan sebagai sistem alamiah (natural system) dan sistem buatan manusia (human made system). Sistem alamiah adalah sistem yang terjadi melalui proses alam, tidak dibuat manusia. Misalnya sistem perputaran bumi. Sistem buatan manusia adalah sistem yang dirancang oleh manusia. Sistem buatan manusia yang melibatkan interaksi antara manusia dengan mesin disebut dengan human-machine sistem atau ada yang menyebut dengan man-machine sistem. Sistem informasi merupakan contoh manmachine sistem, karena menyangkut penggunaan komputer yang berinteraksi dengan manusia.

  3. Sistem Tertentu (probabilitas System)

    Sistem diklasifikasikan sebagai sistem tertentu dan sistem tak tentu (probabilitas system). Sistem tertentu beroperasi dengan tingkah laku yang sudah dapat diprediksi interaksi diantara bagian-bagiannya dapat dideteksi dengan pasti. Sehingga keluaran dari sistem dapat diramalkan. Sistem komputer adalah contoh dari sistem interaksi yang tingkah lakunya dapat dipastikan berdasarkan program-program yang dijalankan. Sistem tak tentu adalah sistem yang kondisi masa depannya tidak dapat diprediksikan karena mengandung unsur probabilitas.

  4. Sistem Tertutup (Close System)

    Sistem diklasifikasikan sebagai sistem tertutup (close system) dan sistem terbuka (open system). Sistem tertutup merupakan sistem yang tidak berhubungan dan tidak terpengaruh dengan lingkungan luarnya. Sistem ini bekerja secara otomatis tanpa adanya turut campur tangan dari pihak luarnya. Secara teoritis sistem tertutup ini ada, tetapi kenyataannya tidak ada sistem yang benar-benar tertutup, yang ada hanyalah relatively closed sistem (secara relatif tertutup,tidak benar-benar tertutup). Sistem terbuka adalah sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya. Sistem ini menerima masukan dan menghasilkan keluaran untuk lingkungan luar atau subsistem yang lainnya. Karena sistem sifatnya terbuka dan terpengaruh oleh lingkungan luarnya, maka system harus mempunyai suatu sistem pengendalian yang baik. Sistem yang baik harus dirancang sedemikian rupa, sehingga secara relatif tertutup karena sistem tertutup akan bekerja secara otomatis dan terbuka hanya untuk pengaruh yang baik saja.

Konsep Dasar Informasi

Definisi Informasi

Menurut Wulan Ayu dan Ilham Perdana (2017) yang mengutip pendapat R. Kelly Rainer dan Efraim Turban (2009) [6], informasi adalah data yang telah diproses sehingga memiliki arti dan nilai kepada penerima informasi tersebut. Sementara itu menurut Khozin Yuliana dalam Jurnal SENSI Vol 3. No. 2 : 192) (2017 [7] menjelaskan bahwa Informasi adalah Fakta yang telah diolah dengan cara tertentu yang menggambarkan suatu kejadian nyata untuk diolah agar dapat dipahami dan digunakan dalam pengambilan suatu keputusan”.

Menurut Muslihudin, dkk (2016:9) [8] Informasi merupakan data yang diolah menjadi bentuk yang berguna untuk membuat keputusan. Informasi berguna untuk mebuat keputusan karena informasi menurunkan ketidak pastian (atau meningkatkan kepastian). Informasi menjadi penting karena berdasarkan informasi itu para pengelola dapat mengetahui kondisi objektif perusahaannya. Informasi tersebut merupakan hasil pengolahan data atau fakta yang dikumpulkan dengan metode ataupun cara-cara tertentu”.

Berdasarkan penjelasan para tokoh diatas dapat disimpulkan bahwa informasi adalah data yang sudah diolah atau diproses sehingga memiliki arti dan nilai kepada penerima informasi tersebut.

Karakteristik Informasi

Menurut Krismiaji (2015:15), [9] agar bermanfaat, informasi harus memiliki kualitas atau karakteristik sebagai berikut:

  1. Relevan : Menambah pengetahuan atau nilai bagi para pembuat keputusan, dengan cara mengurangi ketidakpastian, menaikan kemampuan untuk memprediksi, atau menegaskan/membenarkan ekspektasi semula.

  2. Dapat Dipercaya : Bebas dari kesalahan atau bias dan secara akurat menggambarkan kejadian atau aktivitas organisasi.

  3. Lengkap : Tidak menghilangkan data penting yang dibutuhkan oleh para pemakai.

  4. Tepat Waktu : Disajikan pada saat yang tepat untuk mempengaruhi proses pembuatan keputusan.

  5. Mudah Dipahami : Disajikan dalam format yang mudah dimengerti.

  6. Dapat Diuji Kebenarannya : Memungkinkan dua orang yang kompeten untuk menghasilkan informasi yang sama secara independen.


Konsep Dasar Data

Definisi Data

Eka Iswandy dalam jurnal TEKNOIF (2015:73) [10] mengatakan bahwa “Data adalah semua yang belum mempunyai penerimanya dan masih memerlukan adanya suatu pengolahan.

Di sisi lain Martono dkk mengatakan dalam Jurnal CCIT (2016:231)[11] bahwa “Data adalah deskripsi tentang benda, kejadian, aktivitas dan transaksi, yang tidak mempunya makna atau tidak terpengaruh serta langsung kepada pemakai.

Berdasarkan pengertian dari para ahli diatas, dapat disimpulkan bahwa data adalah sesuatu kejadian atau fakta yang harus perlu diolah terlebih dahulu agar bisa tercipta sebuah informasi

Konsep Dasar Sistem Informasi

Definisi Sistem Informasi

Elisabet dan Rita, 2017 [12] mengatakan bahwa Sistem informasi adalah suatu kombinasi teratur dari hardware, software, jaringan komunikasi dan sumber daya data yang mengumpulkan, mengubah, dan menyebarkan informasi dalam sebuah organisasi.

Menurut Euis Sitinur Aisyah dalam Jurnal Sensi (2017:24) [13] , “Sistem Informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporan-laporan yang diperlukan.

Berdasarkan pengertian para ahli diatas, system informasi adalah suatu kombinasi dari software, hardware, jaringan komunikasi dan sumber daya data yang bisa digunakan untuk pengolahan transaksi harian yang mendukung fungsi operasi organisasi.

Komponen Sistem Informasi

Menurut Hutahaean (2015:13-15), [14] Sistem informasi terdiri dari komponen-komponen yang disebut dengan istilah blok bangunan (building block), yaitu:

  1. Blok Masukan (Input Block)

    Input mewakili data yang masuk ke dalam sistem informasi. Input disini termasuk metode-metode dan media yang digunakan untuk menangkap data yang akan dimasukkan, yang dapat berupa dokumen dasar.

  2. Blok Model (Model Block)

    Blok ini terdiri dari kombinasi prosedur, logika, dan metode matematik yang akan memanipulasi data input dan data yang tersimpan di dalam basis data dengan cara yang sudah tertentu untuk menghasilkan keluaran yang sudah diinginkan.

  3. Blok Keluaran (Output Block)

    Produk dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem.

  4. Blok Teknologi (Technology Block)

    Teknologi digunakan untuk menerima input, menjalankan model, menyimpan, dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian diri secara keseluruhan. Teknologi terdiri dari 3 (tiga) unsur utama :

    1. Teknisi (Humanware dan Brainware)

    2. Perangkat Lunak (Software)

    3. Perangkat Keras (Hardware)

  5. Blok Basis Data (Database Block)

    Blok basis data merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk memanipulasinya.

  6. Blok Kendali (Control Block)

    Banyak faktor yang dapat merusak sistem informasi, misalnya bencana alam, api, temperatur tinggi, air, debu, kecurangan-kecurangan, kejanggalan sistem itu sendiri, kesalahan-kesalahan, ketidakefisienan, sabotase, dan lain sebagainya. Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah atau bila terlanjur terjadi kesalahan dapat diatasi.

Konsep Dasar Analisis Sistem

Definisi Analisis Sistem

Analisis Sistem menurut C. Laudon dan P. Laudon dalam Astuti dan Joni (2017:516) [15] adalah penyambung utama antara kelompok sistem informasi dengan seluruh organisasi, tugas analis sistem untuk mengartikan masalah bisnis dan kualifikasi menjadi kebutuhan informasi dan sistem”.

Analisis Sistem menurut Suryadi dalam Jurnal CCIT VoL. 9 No.03 (2016:270) [16] , merupakan penguraian dari suatu sistem yang utuh kedalam bagian-bagian komponennya dengan tujuan untuk mengidentifikasi dalam mengevaluasi hambatan-hambatan yang terjadi dari kebutuhan yang diharapkan sehingga dapat diusulkan untuk perbaikan yang lebih baik”.

Sedangkan menurut Dede Bachtiar dan Atikah dalam Jurnal Sisfotek Global (2015:72), [17] “Analisis Sistem adalah langkah-langkah melakukan analisa sstem yang akan dirancang serta melakukan penelitian terhadap kebutuhan-kebutuhan sistem dan apa saja kekurangannya”.

Dari penjelasan diatas dapat ditarik kesimpulan bahwa analisis system adalah langkah langkah anlisisa sistam yang akan dirancang serta mengartiikan masalah bisnis dan kualifikasi menjadi kebutuhan informasi dan system.

Konsep Dasar Website

Definisi Website

Menurut Ruli Dkk dari jurnal SENSI(2018),[18] Website didefinisikan sebagai sistem dengan informasi yang disajikan dalam bentuk teks, gambar, suara, dan lainnya yang tersimpan dalam sebuah server web yang disajikan dalam bentuk hypertext.

Sementara itu Menurut Abdulloh (2018:1) [19] “Website atau disingkat web, dapat diartikan sekumpulan halaman yang terdiri atas beberapa halaman yang berisi informasi dalam bentuk data digital, baik berupa teks, gambar, video, audio, dan animasi lainnya yang disediakan melalui jalur koneksi internet”. Konsep Dasar Website

Berdasarkan pengertian diatas, dapat disimpulkan bahwa website adalah sistem informasi yang berisi informasi bentuk digital, yang disajikan dalam bentuk hypertext.

Jenis-Jenis Website

Menurut Abdullah (2018:1-2) [19] Jenis website dibagi menjadi 3 yaitu website statis, dinamis dan interaktif.

  1. Website Statis yaitu jenis website yang isinya tidak diperbarui secara berkala, sehingga isinya dari waktu ke waktu akan selalu tetap.

  2. Website Dinamis yaitu jenis website yang isinya terus diperbaharui secara berkala oleh pengelola atau penulis website.

  3. Website Interaktif pada dasarnya termasuk dalam kategori website dinamis, dimana isi informasinya selalu diperbaharui dari waktu ke waktu.

Teori Khusus

Konsep Dasar Pemesanan

Menurut Kamus Bahasa Indonesia, Pesan adalah kata baku dari pemesanan yang memiliki arti Hendak memberi agar dikirim. Pesanan adalah barang yang di pesan. Jadi pemesanan adalah proses, pembuatan atau cara memesan.

Konsep Dasar E-Menu

Menurut Martono dalam JURNAL ILMIAH MEDIA SISFO Vol. 12, No. 1, (2018:1037). [20] “E-Menu (Electronic Menu) merupakan sebuah aplikasi yang bertujuan untuk memudahkan pemilik rumah makan untuk mengelola bisnis kulinernya dan juga mempermudah seluruh proses transaksi yang ada dalam rumah makan dengan menggunakan media elektronik seperti smartphone atau komputer sehingga tidak lagi menggunakan media dan metode konvensional seperti kertas pada umumnya namun telah beralih ke media digital”.

Konsep Dasar UML (Unified Modelling Language)

Definisi UML (Unified Modelling Language)

Ary Budi Warsito dkk [21] dalam Jurnal CCIT (2015 :29 mengatakan bahwa “UML (Unified Modelling Language) adalah himpunan struktur data teknik untuk permodelan desain program berorientasi objek (Object Oriented Programming) serta aplikasinya. UML adalah metodologi untuk mengembangkan system OOP dan sekelompok perangkat tool untuk mendukung pengembangan system tersebut.

Sementara itu menurut Jayachandran dan Anbumani (2017:1067) [22] , The Unified Modeling Language (UML) is a general purpose modeling language in the field of software engineering, which is designed to provide a standard way to visualize the design of a system

UML merupakan bahasa visual dalam pemodelan yang memungkinkan pengembang sistem membuat sebuah blueprint yang dapat menggambarkan visi mereka tentang sebuah sistem dalam format standar, mudah dimengerti dan menyediakan mekanisme untuk mudah dikomunikasikan dengan pihak lain.

Diagram UML (Unified Modelling Language)

Menurut Retnoningsih (2015:26), [23] “Unifield Modeling Language (UML) adalah bahasa pemodelan untuk pembangunan perangkat lunak yang dibangun dengan menggunakan teknik pemrograman berorientasi objek”. UML merupakan bahasa visual untuk pemodelan dan komunikasi mengenai sebuah sistem dengan menggunakan diagram dan teks pendukung. Diagram-diagram yang terdapat dalam UML :

  1. Usecase Diagram

    Merupakan pemodelan untuk behavior sistem informasi yang akan dibuat. Use case digunakan untuk mengetahui fungsi apa saja yang ada dalam sebuah sistem informasi dan siapa saja yang berhak menggunakan fungsi-fungsi itu.

  2. Activity Diagram

    Menggambarkan workflow atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada pada perangkat lunak.

  3. Class Diagram

    Menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem.

  4. Sequence Diagram

    Menggambarkan kelakuan objek pada use case dengan mendeskripsikan waktu hidup objek dan message yang dikirimkan dan diterima antar objek.

  5. Component Diagram

    Menunjukkan organisasi dan ketergantungan diantara kumpulan komponen dalam sebuah sistem. Component diagram fokus pada komponen sistem yang dibutuhkan dan ada didalam sistem.

  6. Deployment Diagram

    Menunjukkan konfigurasi komponen dalam proses eksekusi aplikasi.

Berdasarkan definisi diatas dapat disimpulkan Unified Modeling Language (UML) merupakan suatu teknik pemodelan atau metode yang dapat digunakan dalam perancangan program dengan membuat visualisasi sistem yang akan dibuat

Konsep Dasar Sublime

Menurut Faridl (2015:3), [24] “Sublime text adalah teks editor berbasis Python, sebuah teks editor yang elegan, kaya fitur, cross platform, mudah dan simpel yang cukup terkenal di kalangan developer (pengembang), penulis dan desainer. Para programmer biasanya menggunakan sublime text untuk menyunting source code yang sedang ia kerjakan. Sampai saat ini sublime text sudah mencapai versi 3”.

Konsep Dasar XAMPP

Menurut Nurcholish (2018:23).[25] “XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program apache, HTTP server, MYSQL database, dan penerjemah bahasa yang ditulis dengan bahasa program PHP dan Perl”.

Konsep Dasar HTML

Definisi HTML

Menurut Abdullah Rohi (2018:7) [19] HTML merupakan singkatan dari Hypertext Markup Language yaitu bahasa standar web yang dikelola penggunanya oleh W3C (World Wide Web Consortium) berupa tag- tag yang menyusun setiap elemen dari website. HTML berperan sebagai penyusun struktur halaman website yang menempatkan setiap elemen website sesuai layout yang diinginkan.

Konsep Dasar HTML 5

Menurut Hidayat (2015:14), [26] “HTML5 ini adalah standar baru dari HTML, yang dikembangkan oleh World Wide Web Consortium (W3C) dan Web Hypertext Application Technology Working Group (WHATWG).”

Konsep Dasar HTML CSS

Menurut Abdullah Rohi (2018:45) [19] CSS adalah singkatan dari Cascading Style Sheet yaitu dokumen web yang berfungsi mengatur elemen HTML dengan berbagai property yang tersedia sehingga dapat tampil dengan berbagai gaya yang diinginkan. Sebagian orang menganggap CSS bukan termasuk salah satu bahasa pemrograman karena memang strukturnya yang sederhana, hanya berupa kumpulan – kumpulan aturan yang mengatur style elemen HTML.

Konsep Dasar Bootstrap

Menurut Abdulloh Rohi (2018:261) [19] . “Bootstrap merupakan salah satu framework CSS paling populer dari sekian banyak framework CSS yang ada. Bootstrap memungkinkan desain sebuah web menjadi responsif sehingga dapat dilihat dari berbagai macam ukuran device dengan tampilan tetap menarik”.

Konsep Dasar PHP

Menurut Sri Rahayu dkk dalam CCIT Journal Vol. 9 No. 1 (2015:52), [27] “PHP adalah bahasa server – side scripting yang menyatu dengan HTML untuk membuat halaman web dinamis”.

Konsep Dasar Analisis BMC

Menurut Alexander Osterwalder & Yves Pigneur (2014 : 13), [28] “bisnis model canvas” adalah Bahasa yang sama untuk menggambarkan, memvisualisasikan, me-nilai dan mengubah model bisnis”. Sedangkan definisi model bisnis adalah sebuah model bisnis menggambarkan dasar pemikiran tentang bagaimana organisasi menciptakan, memberikan, dan menangkap nilai.Kanvas model bisnis terdiri dari atas 9 (Sembilan) blok bangunan memperlihatkan bagaimana perusahaan menghasilkan uang. Sembilan blok bangunan diatas terdiri dari :

  1. Customers Segments –CS (segmen pelanggan).

  2. Value Propositions–VP (proposisi nilai).

  3. Chanels –CH ( saluran).

  4. Customer Relationships (hubungan pelanggan).

  5. Revenue Streams (arus pendapatan).

  6. Key Resources (sumber daya utama).

  7. Key Activities (aktivitas kunci).

  8. Key Partnerships (kemitraan utama).

  9. Cost Structure (Struktur Biaya).

Konsep Dasar Black Box Testing

Menurut Kumar dkk (2015:33) [29] “Black Box Testing is without knowledge of the internal working of the application under (AUT)”. Yang artinya Black Box Testing adalah sebuah pengujian tanpa harus mengetahui cara kerja internal dari aplikasi yang sedang di uji. Pada black box testing penguji hanya perlu mengetahui input apa yang diberikan serta output apa yang dikeluarkan.

Sedangkan menurut Himawan dkk dalam Jurnal CCIT (2016:342) [30] “Blackbox Testing adalah bertujuan untuk menemukan kesalahan dalam beberapa kategori, diantaranya : fungsi-fungsi yang salah satu hilang, kesalahan interface, kesalahan dalam struktur data atau akses database eksternal, kesalahan performa, kesalahan inisialisasi dan termisasi”.

Sementara itu menurut Harahap dkk dalam Jurnal Sistem dan Teknologi Informasi Vol. 4 No. 3 (2016:3) [31] “Perancangan Sistem Penyebaran Informasi Imunisasi Kepada Ibu Balita Berbasis SMS Gateway Pada UPTD Puskesmas Kecamatan Pontianak Barat”.

Berdasarkan pengertia diatas, dapat disimpulkan bahwa Black Box Testing adalah sebuah pengujian suatu aplikasi yng bertujuan untu menemukan kesalahan dalam beberapa kategori, diantaranya fungsi-fungsi yang salah satu hilang.

Konsep Dasar Elisitasi

Definisi Elisitasi

Menurut Nirmala dkk. (2015:4),[32] “Elisitasi merupakan tahapan awal dalam membangun pemahaman tentang perangkat lunak yang diperlukan untuk memecahkan masalah.”

Sedangkan menurut S. Guritno dalam Ariawan (2015:63) [33] , mengatakan Elisitasi berisi usulan rancangan system baru yang diinginkan oleh pihak manajemen terkait dan disanggupi penulis untuk dieksekusi.

Berdasarkan penjelasan para ahli diatas maka dapat disimpulkan bahwa elisitasi adalah tahapan awal dan usulan rancangan system yang diinginkan oleh pihak manajemen terkait dan dapat disanggupi penulis untuk dieksekusi.

Konsep Dasar Elisitasi

Tahapan Elisitasi

Menurut Bachtiar dan Atikah (2015:74), [17] Elisitasi dilakukan melalui tiga tahap yaitu sebagai berikut:

  1. Elisitasi Tahap I

    Elisitasi pada tahap ini berisi seluruh rancangan system baru yang disusulkan oleh pihak manajemen terkait proses wawancara.

  2. Elisitasi Tahap II

    Elisitasi ini merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI. Metode ini bertujuan untuk memisahkan antara rancangan system yang penting dan harus ada pada system baru dengan rancangan yang disanggupi oleh peneliti untuk dieksekusi.

    1. M pada MDI artinya Mandatory (penting). Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat system baru.

    2. D pada MDI artinya Desirable. Maksudnya adalah requirement tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebut digunakan dalam pembentukan system, akan membuat system tersebut lebih sempurna.

    3. I pada MDI artinya Inessential, maksudnya adalah requirement tersebut bukanlah bagian dari system yang dibahas dan merupakan bagian dari luar system.

  3. Elisitasi Tahap III

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

    1. T artinya Technical, maksudnya bagaimana tata cara/teknik pembuatan requirement tersebut dalam system yang akan diusulkan.

    2. O artinya Operational, maksudnya bagaimana tata cara menggunakan requirement tersebut dalam system yang akan dikembangkam

    3. E artinya Economy, maksudnya berapakah biaya yang diperlukan guna membangun requirement tersebut dalam system.

        Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu:

      1. High (H) : sulit untuk dikerjakan, karena teknik pembuatan dan pemakaiannya sulit dan juga biayanya mahal, sehingga requirement tersebut harus dieliminasi.

      2. Middle (M) : Mampu untuk dikerjakan.

      3. Low (L) : Mudah untuk dikerjakan.

  4. Final Draft Elisitasi

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

Studi Pustaka (Literature Review)

Definisi Studi Pustaka (Literature Review)

Menurut Fitrianti (2016:42) [34] , “Studi pustaka (literature review) adalah berbagai definisi dari variabel yang ada dan dari berbagai temuan penelitian sebelumnya yang dipergunakan peneliti dalam menetukan alternatif yang akan diimplementasikan.”

Banyak penelitian diluar sana yang bisa dijadikan acuan untuk peneliti melakukan penelitian ini yaitu penelitian tentang Electronic Menu pada suatu kafe, restoran atau rumah makan. Studi pustaka ini juga merupakan salah satu metode yang dipilih peneliti untuk proses pengambilan data, diantaranya:

  1. Penelitian ini dilakukan oleh Rakhmah dkk (2019) [35] STMIK Nusa Mandiri Jakarta, dan Universitas Bina Sarana Informatika dengan judul “Aplikasi Delivery Order Makanan Dan Minumn Berbasis Web Pada Restoran Mang Kabayan”.
    “Humans in general want everything to be easily done, as well as restaurant customers who want to order menus easily in the sense that it is not complicated and does not take a long time. It's easy to order the menu in question without having to queue and without waiting for the waiter to be busy with other customers. Restaurant customers can also take time to order orders according to their needs so they are not disturbed by the presence of a waiter who is waiting for the order. The preparation of this study uses two research methods, namely, data collection methods and software development methods, namely using the waterfall method. To overcome the problems that the authors describe, a web-based application is made to make it easier for restaurants and customers to order food. With the use of media websites that have been published can facilitate food ordering in real time”.
    Yang artinya Manusia pada umumnya ingin semuanya mudah dilakukan, demikian juga pelanggan restoran yang ingin memesan menu dengan mudah dalam arti tidak rumit dan tidak memakan waktu lama. Sangat mudah untuk memesan menu yang dimaksud tanpa harus mengantri dan tanpa menunggu pelayan sibuk dengan pelanggan lain. Pelanggan restoran juga dapat mengambil waktu untuk memesan sesuai dengan kebutuhan mereka sehingga mereka tidak terganggu oleh kehadiran pelayan yang sedang menunggu pesanan. Penyusunan penelitian ini menggunakan dua metode penelitian, yaitu, metode pengumpulan data dan metode pengembangan perangkat lunak, yaitu menggunakan metode waterfall. Untuk mengatasi masalah yang penulis jelaskan, aplikasi berbasis web dibuat untuk mempermudah restoran dan pelanggan memesan makanan. Dengan penggunaan situs web media yang telah dipublikasikan dapat memudahkan pemesanan makanan secara real time.

  2. Penelitian ini dilakukan oleh Torres,[36] A.M Department of General Studies, Hanseo University, South Korea yang berjudul “Electronic Menu and Ordering Application System: A Strategic Tool for Customer Satisfaction and Profit Enhancement”. “This paper proposed an electronic menu and ordering system that intends to provide an efficient and effective customer-wait staff communication, an ideal tool to provide exceptional customer service in restaurants. The use of interactive menu and ordering system application is expected to overcome the challenges and fill the communication gap between the customer and waitstaff. The features of the menu are anticipated to a give a vivid image of the dish, enlighten the customers about their order, ingredients, food allergens, grades of spiciness and price. The well-informed customer can now easily choose and decide for his order based on the information he had seen from both text and photos. The orders can be quickly sent to the kitchen through a touch screen or a smartphone and prepared fast for immediate customer indulgence. The application system expects to encourage more customers, repeat business, promotion of Korean cuisine and increase restaurant sales”.
    Yang artinya Makalah ini mengusulkan menu elektronik dan sistem pemesanan yang bermaksud untuk menyediakan komunikasi staf menunggu pelanggan yang efisien dan efektif, alat yang ideal untuk menyediakan layanan pelanggan yang luar biasa di restoran. Penggunaan menu interaktif dan aplikasi sistem pemesanan diharapkan dapat mengatasi tantangan dan mengisi kesenjangan komunikasi antara pelanggan dan pelayan. Fitur menu diantisipasi untuk memberikan gambaran yang jelas dari hidangan, mencerahkan pelanggan tentang pesanan mereka, bahan, alergen makanan, tingkat kepedasan dan harga. Pelanggan yang berpengetahuan luas sekarang dapat dengan mudah memilih dan memutuskan pesanannya berdasarkan informasi yang telah dilihatnya baik dari teks maupun foto. Pesanan dapat dengan cepat dikirim ke dapur melalui layar sentuh atau smartphone dan dipersiapkan dengan cepat untuk kepuasan pelanggan langsung. Sistem aplikasi berharap dapat mendorong lebih banyak pelanggan, mengulangi bisnis, mempromosikan masakan Korea dan meningkatkan penjualan restoran.

  3. Penelitian ini dilakukan oleh Sari dkk (2016) [37] Manajemen Informatika Fakultas Ilmu Terapan Universitas Telkom, dengan Judul “Aplikasi Multimedia Reservasi Meja Dan Menu Makan Di Cocorico CafÉ Berbasis Web (studi Kasus: Cocorico Café Bandung)”. Fungsionalitas yang terdapat dalam aplikasi ini digunakan untuk melakukan reservasi meja dan menu makan yang dilakukan oleh Admin dan Pengunjung. Admin mempunyai hak akses mengelola account, mengelola account pengunjung, mengelola menu makan, mengelola meja, mengelola data reservasi, cetak laporan. Pengunjung mempunyai hak akses mengelola account, view denah, reservasi meja, reservasi makanan, cetak bukti reservasi. Aplikasi ini mampu melakukan pengolahan data pemesanan meja dan makanan serta mampu menjadi media yang menyediakan sarana bagi pengunjung untuk melakukan pemesanan makanan. Aplikasi ini dibuat dengan menggunakan metode pengerjaan SDLC waterfall sampai pada tahap pengujian. Pembangunan aplikasi ini berupa Website. Aplikasi Website dibangun dengan menggunakan PHP, Codeigniter, MYSQL dan Apache. Aplikasi ini digunakan oleh Admin dan Pengunjung. Pengujian aplikasi ini menggunakan black box testing, merupakan pengujian yang berfokus pada spesifikasi fungsional dari perangkat lunak, dimana tester dapat mendefinisikan kumpulan kondisi input dan melakukan pengetesan pada spesifikasi fungsional program

  4. Penelitian ini dilakukan oleh Martono (2018) Program Studi Teknik Informatika, STIKOM Dinamika Bangsa, Jambi dengan judul “Pembuatan Aplikasi E-Menu (Electronic Menu) Berbasis Website dan Android”. Aplikasi Menu elektronik (E-Menu) yang dibuat pada penelitian ini merupakan aplikasiyang memanfaatkan media elektronik sebagai sarana untuk memproses seluruh transaksi di rumah makan, mulai dari pemesanan menu hingga proses pencetakan struk dan laporan. Adapun sistem operasi yang digunakan dalam pembuatan aplikasi ini adalah dengan menggunakan sistem operasi android untuk sisi pelanggan (front end user) dan untuk sisi karyawan rumah makan (back end user) sistem akan dibangun berbasis website

  5. Penelitian ini dilakukan oleh Caniati dkk (2017) [38] , Program Studi Teknik Informatika, Politeknik Negeri Indramayu, dengan judul “IMPLEMENTASI SISTEM INFORMASI PEMESANAN MENU MAKANAN DAN MINUMAN PADA KAFE BERBASIS WEB MENGGUNAKAN JARINGAN INTRANET”. Pada umumnya restoran ataupun kafe mengalami kesulitan untuk melayani pemesanan menu makanan dan minuman, kesulitan tersebut adalah pelanggan menunggu terlalu lama untuk mendapatkan menu makanan dan minuman yang dipesan sehingga kurang adanya kenyamanan bagi pengunjung. Implementasi sistem informasi pemesanan menu makanan dan minuman ini diterapkan berbasis web dengan menggunakan jaringan intranet bertujuan agar operasional kafe dapat berjalan lebih efektif, aman, cepat, dan akurat. Dengan sistem informasi ini data laporan penjualan kafe menjadi terkomputerisasi, sehingga data dapat tersimpan dengan baik. Sistem informasi ini dikembangkan menggunakan framework bootstrap dengan bahasa pemrograman PHP dan menggunakan database MySQL. Dari hasil pengujian menggunakan metode blackbox dapat disimpulkan bahwa sistem informasi pemesanan menu makanan dan minuman berbasis web ini dapat membantu proses pemesanan pada salah satu kafe Made In Bandung.

  6. Penelitian ini dilakukan oleh Oley dkk (2017) [39] Program Studi Teknik Elektro, Fakultas Teknik, Universitas Sam Ratulangi, dengan Judul “ Sistem Pemesanan Makanan Dan Minuman Berbasis Website (Studi Kasus Taipan Restoran) “. Penelitian yang dilakukan adalah membuat sistem pemesanan makanan dan minuman dengan menggunakan media internet yang dapat mengefisiensikan waktu bagi restoran dan pelanggan. Hasil dari penelitian ini berbentuk sebuah website yang bisa di akses oleh semua orang yang langsung mengirim pesanan ke meja koki dan kasir. Dari hasil penelitian tersebut diharapkan pihak restoran dapat meningkatkan efisiensi dan kualitas pelayanan.

  7. Penelitian ini dilakukan oleh Sutawan dkk (2018)[40] Program Studi Sistem Informasi, STMIK Raharja dengan judul “Aplikasi E-Menu Restoran Berbasis Web pada Hover Kafe”.
    Pada Hover Cafe proses pelayanan dari segi pemilihan menu masih menggunakan sistem pemesanan secara konvesional dan masih menggunakan kertas sebagai media daftar pilihan menu sehingga akan menjadi masalah ketika terdapat penambahan menu baru dan terjadi kerusakan pada buku menu itu sendiri, serta akan menyulitkan pelanggan melakukan pemesanan ketika restoran sedang ramai. Metode yang digunakan dalam penelitian ini adalah metode pengumpulan data, metode observasi, metode wawancara, dan metode studi pustaka dilakukan untuk mendapatkan data yang akurat. Selanjutnya data dianalisis dengan SWOT guna mengetahui kelemahan dan kelebihan perusahaan. Dalam penggambaran alur sistem menggunakan UML (Unified Modeling Language) dan PHP (Hypertext Preprocessor) sebagai bahasa pemrograman dengan basis data MySQL sebagai database yang digunakan serta menggunakan Prototype untuk memudahkan perancangan tampilan sistem yang diusulkan. Oleh karena itu diperlukan suatu media pemesanan yang memanfaatkan teknologi informasi sebagai media pemilihan pemesanan makanan dan minuman (E-Menu) yang dapat menyediakan informasi mengenai detail menu pesanan untuk mempermudah pelanggan dalam melakukan pemilihan dan pemesanan menu makanan atau minuman.

  8. Penelitian ini dilakukan oleh Syahputro dkk (2018) [41] Manajemen Informatika, Fakultas Ilmu Terapan, Universitas Telkom, dengan judul “Aplikasi Penjualan Dan Pemesanan Berbasis Web Di Sate Gule Kambing Pak Ni Ponorogo”. Tujuan dibuatnya aplikasi ini adalah untuk menyediakan fitur untuk dapat melihat menu yang di hasilkan, menyediakan fitur secara online serta informasi status pesanan, fitur pemesanan onsite dan pengelolaan pemesanan, dan fitur laporan penjualan dan pemasukan dari hasil yang telah terjual. Aplikasi ini dibangun dengan menggunakan model waterfal dan framework codeigniter dengan bahasa pemrograman PHP dan menggunakan database MySQL. Aplikasi ini diharapkan dapat membantu pihak Sate Gule Kambing Pak Ni Ponorogo dalam meningkatkan pelayanan pemesanan, mampu memberikan sesuatu yang menarik untuk lebih mudah mendapatkan pelanggan, menjalani hubungan baik dengan pelanggan, dan tentu saja mempertahankan pelanggan serta dapat meningkatkan penghasilan perusahaan.

  9. Penelitian ini dilakukan oleh Dasawaty dkk (2017), [42] Program Studi Teknik Informatika, Institut Bisnis dan Kwik Kian Gie, dengan Judul “IMPLEMENTASI APLIKASI PEMESANAN MAKANAN SERVICE DAN RESERVASI BERBASIS WEB PADA RESTORAN EKA RIA”.
    “This application is made with programming language PHP Hypertext Prepocessor ", which is a programming language that is widely used for handling the manufacture and development of a website and can be used in conjunction with HTML. Jquery collection javascript library simplifies Javascript code by calling the functions provided by jquery . Javascript itself is a scripting language that works side Client / Browser so that websites can be more interactive text editor used to implementation this is Aptana studio3.1 The collection of information is done with indirect observation methods and interview with a restaurant employee Eka Ria.untuk implementation method using this app has many features to support activity in the restaurant ekaria As a menu to order food, bill printing, information relating to the reservation sperti information package info leases for prediction of total rental price of the room with the package and manufacturing sales report. Results from this study is a food ordering application, reservation service and transactions can be easy for customers to mendpatkan food menu and pricing information, and simplify admin of booking meals to get information about sales reports The conclusion of this study is the application that can be easier to get the information menu, ordering food, making auto sales reports and reservations”. Yang artinya Aplikasi ini dibuat dengan bahasa pemrograman PHP Hypertext Prepocessor ", yang merupakan bahasa pemrograman yang banyak digunakan untuk menangani pembuatan dan pengembangan situs web dan dapat digunakan bersamaan dengan HTML. Koleksi jquery library javascript menyederhanakan kode Javascript dengan memanggil fungsi-fungsi disediakan oleh jquery. Javascript itu sendiri adalah bahasa scripting yang berfungsi sisi Client / Browser sehingga situs web editor teks bisa lebih interaktif digunakan untuk implementasi ini adalah Aptana studio3.1 Pengumpulan informasi dilakukan dengan metode observasi tidak langsung dan wawancara dengan karyawan restoran Eka Ria.untuk metode pelaksanaan menggunakan aplikasi ini memiliki banyak fitur untuk mendukung aktivitas di restoran ekaria. Sebagai menu untuk memesan makanan, pencetakan tagihan, informasi terkait pemesanan sperti informasi info paket sewa untuk prediksi harga total sewa kamar dengan paket dan laporan penjualan manufaktur. Hasil dari penelitian ini adalah makanan orde aplikasi dering, layanan pemesanan, dan transaksi dapat memudahkan pelanggan untuk mendapatkan menu makanan dan informasi harga, dan menyederhanakan admin pemesanan makanan untuk mendapatkan informasi tentang laporan penjualan. Kesimpulan dari penelitian ini adalah aplikasi yang dapat lebih mudah untuk mendapatkan menu informasi, memesan makanan, membuat laporan dan pemesanan penjualan mobil

  10. Penelitian ini dilakukan oleh Dewi dkk (2015) [43] STMIK Banjar Baru dengan judul “ Aplikasi Layanan Pemesana Katering Pada Rumah Makan Srie Berbasis Web.”
    Pemesanan katering dilayani melalui tatap muka langsung atau melalui telepon. Namun layanan melalu telepon membebani rumah makan untuk menempatkan pegawai pada bagian layanan telepon dan memakan waktu untuk menjelaskan ketersediaan pemesanan, menu, dan harganya pada pelanggan. Sehingga perlu alternatif lain untuk pelayanan pemesanan katering. Salah satu alternatif layanan pemesanan adalah dengan dibangun layanan pemesanan katering melalui website. Website mampu menyediakan informasi yang lengkap bagi pelanggan tentang ketersediaan pemesanan, menu, dan harga makanan tanpa harus menempatkan pegawai yang harus selalu siap sedia menjawab panggilan pelanggan. Aplikasi layanan pemesanan katering berbasis web mampu menampilkan daftar menu yang tersedia di Rumah Makan Srie dan memberikan fasilitas pemesanan bagi pelanggan sehingga memudahkan pelanggan dalam menentukan paket katering yang diinginkan dan memesannya.

  11. Penelitian ini dilakukan oleh Chavan, dkk (2015) [44] Computer Department,Pune University Indapur, Maharashtra, India dengan judul “Implementing Customizable Online Food Ordering System Using Web Based Application” By making entire process of taking orders is automatically the load on restaurants device with a screen presenting the menu and accept user’s input for order placing First waiter takes the order from customer. After taking the order, waiter should enter that order in system where PC was set up. At the kitchen information was displayed on screen. The kitchen staff would then prepare the dishes according to order and after completion of order they would inform to waiter, who collected and delivered the dishes to the respective tables. The system was also informing the waiter about the availability of a dish. If a certain dish was not available then waiter was able to ask for changes or even cancel a customer’s order. After serving the order, bill was generated at the cash counter as per customer order.
    Dengan membuat seluruh proses pengambilan pesanan secara otomatis, beban pada perangkat restoran dengan layar yang menyajikan menu dan menerima masukan pengguna untuk pesanan. Pelayan pertama mengambil pesanan dari pelanggan. Setelah menerima pesanan, pelayan harus memasukkan pesanan itu di sistem tempat PC disiapkan. Pada informasi dapur ditampilkan di layar. Staf dapur kemudian akan menyiapkan hidangan sesuai pesanan dan setelah selesai pesanan mereka akan menginformasikan kepada pelayan, yang mengumpulkan dan mengirimkan piring ke meja masing-masing. Sistem itu juga memberi tahu pelayan tentang ketersediaan hidangan. Jika hidangan tertentu tidak tersedia maka pelayan dapat meminta perubahan atau bahkan membatalkan pesanan pelanggan. Setelah melayani pesanan, tagihan dibuat di konter kas sesuai pesanan pelanggan.

BAB III

PEMBAHASAN

Gambaran Umum Kafe Rute 15

Sejarah Singkat Kafe Rute 15

Kafe Rute 15 terletak di Jl. Kisamaun No.150, RT.003/RW.005, Sukasari, Kec. Tangerang, Kota Tangerang, Banten 15118. Letak Kafe Rute 15 ini sangat strategis karena berada di tengah-tengah Kawasan Pasar Lama. Sebelum bernama Kafe Rute 15, kafe ini bernama Aros. Konsep Rute 15 dan Aros berbeda. Aros memiliki konsep seperti kantin dengan hidangan menunya prasmanan, di mana pelanggan yang datang bebas untuk memilih makanan yang sudah disajikan di meja kantin itu.

Pada 1 September 2015, Aros mengalami renovasi yang cukup lama dan ternyata hasil dari renovasi tersebut lahirlah Kafe Rute 15. Konsep Aros dan Kafe Rute 15 ini berbeda, Kafe Rute 15 menawarkan konsep kafe dimana pelanggan dapat memesan makanan layaknya kafe. Akhirnya pada 18 September 2015 Kafe Rute 15 mulai beroperasi.

Konsep Rute 15 sendiri berawal dari sang pemilik yang hobi kuliner di pinggir jalan, itulah sebabnya kafe ini dinamakan Rute 15. Ornamen-ornamen pada kafe ini pun penuh dengan lukisan jalanan sehingga memberi kesan kepada pelanggan seperti sedang makan di pinggir jalan. Makanan yang disajikan di sini juga mengambil konsep makanan yang sering dijual di pinggir jalan. Kafe inipun dihiasi dengan tanaman-tanaman yang indah serta adanya kolam ikan yang membuat suasana semakin hidup. Konsep kafe ini diusulkan oleh sang manajer kafe sendiri, dengan alasan jika kita sedang menyantap makanan dan disekeliling kita terdapat tanaman, maka akan membuat mood makan kita menjadi semakin enak, karena menurutnya tanaman dapat memberikan suasana tentram dan menyejukkan. Terdapat juga hiasan pada dinding kafe, beberapa diantaranya juga dihias sendiri oleh tangan cantik sang manajer. Hiasan tersebut menyesuaikan moment, jika sedang moment kemerdekaan maka dinding tersebut dihiasi dengan bendera merah putih, jika sedang valentine dinding tersebut dihiasi dengan ornamen kasih sayang.

Setahun sekali, kafe ini merayakan makan dengan konsep gelap, dimana hari itu bertepatan dengan hari valentine. Setiap pelanggan yang datang, lampu kafe akan dimatikan dengan tidak memberitahu sebelumnya, dan di meja tersebut diberikan lilin untuk penerangannya agar lebih terkesan romantis. Setiap pelanggan yang datang dan membawa pasangannya akan diberikan satu tangkai bunga dan satu roti bakar gratis.

Jika pelanggan ingin reservasi untuk acara seperti ulang tahun, arisan, pertemuan keluarga atau lainnya tidak dikenakan biaya reservasi. Pelanggan hanya ditarikkan biaya untuk tanda jadi reservasi sebesar lima ratus ribu rupiah, tetapi uang tersebut akan dikembalikan pada saat hari h. Jika pelanggan ingin acaranya didekorasi, pelanggan hanya memberikan bahan-bahan untuk dekorasi saja, karena Kafe Rute 15 ini memberikan jasa dekorasi gratis, hal ini dikarenakan sang manajer kafe sangat menjunjung tinggi kepuasan pelanggan.


Visi dan misi Kafe Rute 15 :

Suatu perusahaan pastinya memiliki visi dan misi dalam menjalankan perusahaannya, agar tercipta hasil yang sesuai dengan apa yang diharapkan.

  1. Visi

    Visi pada Kafe Rute 15 sebagai berikut:

    1. Memberikan sajian yang berkualitas tinggi dengan harga terjangkau.
    2. Memberikan pelayanan yang baik guna untuk memuaskan pelanggan.
    3. Menciptakan suasana kafe yang romantis dan berkarakter.
  2. Misi

    Misi pada Kafe Rute 15 sebagai berikut:

    1. Memberikan menu yang berkualitas, dan sebagian bahan-bahan langsung didatangkan dari tempat asalnya.
    2. Memberikan pelayanan yang ramah dan responsif serta menciptakan hubungan pelanggan yang baik dengan memberikan kualitas pelayanan yang profesional.
    3. Menyediakan fasilitas yang memuaskan, seperti hiasan dinding, tanaman-tanaman sekeliling dan live music.

Struktur Organisasi Kafe Rute 15

Gambar 3.1.3 Struktur Organisasi Kafe Rute 15

Tugas dan Tanggung Jawab

Di dalam suatu perusahaan pastinya tugas setiap bagian berbeda-beda, setelah peneliti melakukan penelitian di Kafe Rute 15, maka dibawah inilah tugas dan tanggung jawab setiap bagiannya:

  1. Owner

    Tugas Owner:

    1. Melaksanakan program kerja yang tertuang pada Visi dan Misi Kafe Rute 15

    2. Mengadakan pelatihan kepada para karyawannya untuk bisa mengedepankan kualitas karyawan.

    Tanggung Jawab Owner:

    1. Penasihat keputusan pimpinan perusahaan

    2. Memastikan seluruh karyawan bisa bekerja dengan profesional.

    3. Memastikan pendapatan Kafe stabil.

  2. Manajer

    Tugas Manajer:

    1. Mengontrol data penjualan setiap harinya.

    2. Mengontrol kinerja karyawan setiap harinya

    3. Mengontrol kondisi Kafe setiap harinya.

    4. Mengontrol laporan stok bahan makanan setiap harinya.

    5. Mengkomunikasikan keperluan Kafe kepada supplier.

    Tanggung Jawab Manajer :

    1. Memastikan restoran bersih.

    2. Memastikan pelayan berpenampilan bersih dan rapih.

    3. Memastikan menu yang disajikan waiter sesuai dengan yang dipesan.

    4. Memastikan pelanggan puas dengan pelayanan karyawan.

    5. Memastikan laporan stok bahan baku yang diperlukan tidak kurang.

    6. Memastikan laporan keuangan jelas setiap harinya.

  3. Admin

    Tugas Admin :

    1. Merekap data penjualan setiap harinya.

    2. Melihat data pembelian setiap harinya

    3. Menambah menu, menghapus dan mengedit menu.

    Tugas Dan Tanggung Jawab Admin :

    1. Memastikan menu yang ada pada halaman pelanggan tersedia.

    2. Memastikan menu baru yang sudah di update adalah sesuai

    3. Memastikan menu yang ingin dihapus adalah sesuai,

  4. Finance

    Tugas Finance :

    1. Menyusun laporan keuangan per hari, minggu, dan bulanan

    2. Menyusun laporan pemasukan dan pengeluaran keuangan Kafe.

    3. Mengurus surat berharga, salah satunya seperti menandatangani cek.

    Tugas Dan Tanggung Jawab Finance :

    1. Bekerja sama dalam menyusun kebijakan administrasi keuangan dengan bagian lain yang terkait sesuai dengan visi dan misi perusahaan

  5. Waiter

    Tugas Waiter :

    1. Memberikan pelayanan yang profesional kepada pelanggan yang datang dengan menerapkan 3s senyum, sapa, dan salam.

    2. Mengantarkan pesanan menu kepada pelanggan sesuai dengan menu yang sudah dipesan pelanggan.

    3. Menjaga kebersihan Kafe.

    Tanggung Jawab Waiter:

    1. Memastikan pelanggan puas dengan pelayanan yang diberikan waiter.

    2. Memastikan pesanan pelanggan sesuai dengan yang dipesan pelanggan.

  6. Chef

    Tugas Chef

    1. Mengolah menu dari bahan mentah atau setengah jadi sampai bisa disajikan kepada pelanggan.

    2. Memastikan ketersediaa bahan makanan dan minuman.

    Tanggung Jawab Chef

    1. Memastikan pesanan menu yang dipesan pelanggan memiliki rasa yang sesuai dengan resep yang ada.

    2. Menjaga lingkungan dapur tetap bersih

  7. Helper

    Tugas Helper :

    1. Mempersiapkan bahan-bahan makanan yang akan diolah.

    2. Membantu Chef dalam mengolah makanan

    Tanggung Jawab Helper :

    1. Bertanggung jawab atas persiapan bahan dan peralatan dapur yang diperlukan oleh chef.

  8. Bartender

    Tugas Bartender :

    1. Membuat minuman sesuai dengan order pelanggan, dengan tidak merubah rasa sedikit pun.

    2. Menjaga kebersihan daerah bar agar minuman tidak terkontaminasi dengan kotoran.

    Tanggung Jawab Bartender

    1. Memastikan minuman yang disajikan sesuai dengan apa yang sudah di pesan pelanggan.

    2. Menjaga area bar agar tetap bersih.

  9. Dishwasher

    Tugas Dishwasher

    1. Mencuci alat-alat perkakas yang kotor setelah digunakan untuk menyajikan menu.

    2. Meletakkan kembali perkakas yang sudah bersih ke tempat asalnya.

    3. Merapihkan perkakas yang berantakan

    Tanggung Jawab Dishwasher:

    1. Memastikan lingkungan tempat pencucian perkakas bersih.

    2. Memastikan perkakas yang sudah dicuci itu bersih dari sisa-sisa makanan atau minuman.

  10. Kasir

    Tugas Kasir :

    1. Menginput pesanan pelanggan.

    2. Memberikan struk pembayaran kepada pelanggan.

    3. Memberikan struk pesanan kepada chef untuk diolah.

    4. Menghitung uang untuk laporan setiap harinya.

    Tanggung Jawab Kasir:

    1. Memastikan inputan pesanan pelanggan sesuai dengan yang dipesan.

    2. Memastikan struk pesanan kepada chef sesuai dengan yang diinput.

    3. Memastikan uang yang diberikan pelanggan sesuai dengan struk pembayaran.

    4. Memastikan uang yang ada diakhir jam operasional sesuai dengan struk pembayaran.

Tata Laksana Sistem Yang Berjalan

Prosedur Sistem Yang Berjalan

Peneliti sudah melakukan observasi dan wawancara kepada manajer Kafe Rute 15 yang dimaksudkan untuk mengetahui prosedur sistem yang berjalan saat ini. Berikut adalah prosedur sistem yang sedang berjalan pada Kafe Rute 15: Berawal dari pelanggan masuk ke Kafe Rute 15 diantarkan ke meja yang kosong oleh waiter. Lalu waiter memberikan selembaran kertas daftar menu kepada pelanggan untuk diisi, dan pelanggan melihat-lihat menu yang ada lalu mengisi menu apa saja yang ingin dipesan. Setelah selesai mengisi menu yang ingin dipesan, pelanggan mengantarkan sendiri kertas yang sudah diisi kepada kasir untuk segera melakukan pembayaran menu pesanan. Kasir mencetak struk pembayaran dan memberikannya kepada pelanggan, kasir juga mencetak struk pemesanan menu yang akan diberikan kepada chef untuk segera diproses pemesanannya. Setelah chef selesai memproses pesanan pelanggan, maka waiter akan mengantarkan ke meja pelanggan.

Rancangan Prosedur Sistem Pemesanan Menu Yang Berjalan

Untuk menganalisa sistem berjalan, penelitian ini menggunakan program Unified Modelling Language (UML) untuk menggambarkan prosedur dan proses yang berjalan saat ini:

Usecase Diagram Sistem Pemesanan Menu yang Berjalan

Gambar 3.2.2.1 use case diagram sistem pemesanan yang berjalan

Berdasarkan gambar 3.2.2.1 Usecase diagram yaitu :

  1. Satu system yang menggambarkan keseluruhan proses.

  2. Empat actor yang terdiri dari : Waiter, Pelanggan, Kasir, Chef.

  3. Tiga belas use case yang terdiri dari:

    1. Waiter memberikan selembar kertas menu.

    2. Pelanggan memilih dan mengisi selembar kertas menu

    3. Pelanggan mengantarkan selembar kertas menu yang sudah diisi

    4. Kasir menginput pesanan menu

    5. Kasir mencetak struk total pembayaran pesanan menu.

    6. Kasir memberikan struk total pembayaran pesanan menu.

    7. Pelanggan membayar total pembayaran pesanan menu.

    8. Kasir mennginput struk pesanan menu.

    9. Kasir memberikan struk pesanan menu untuk diolah.

    10. Chef menerima struk pesanan menu, lalu mengolah menu.

    11. Chef memberitahu bahwa menu sudah siap diantar

    12. Waiter mengantarkan pesanan menu.

    13. Pelanggan menerima pesanan menu.

Activity Diagram Sistem Pemesanan Menu yang Berjalan

Gambar 3.2.2.2 activity diagram sistem pemesanan menu yang berjalan

Berdasarkan gambar 3.2.2.2 activity diagram sistem pemesanan menu yang berjalan

  1. Satu initial node, objek diawal mulai kegiatan.

  2. Empat Vertical Swimlame yaitu, waiter, pelanggan, kasir dan chef.

  3. Tiga belas activity terdiri dari:

    1. Waiter memberikan selembar kertas menu

    2. Pelanggan memilih dan mengisi selembar kertas menu.

    3. Pelanggan mengantarkan kertas menu yang sudah diisi.

    4. Kasir menginput pesanan menu.

    5. Kasir mencetak struk total pembayaran pesanan menu.

    6. Kasir memberikan struk pembayaran total pesanan menu.

    7. Pelanggan membayar total pembayaran pesanan.

    8. Kasir mencetak struk pesanan menu.

    9. Kasir memberikan struk pesanan menu untuk diolah.

    10. Chef menerima struk pesanan menu lalu mengolah menu.

    11. Chef memberitahu pesanan sudah siap antar.

    12. Waiter mengantarkan pesanan menu.

    13. Pelanggan menerima pesanan menu.

  4. Satu final node, objek yang mengakhiri keseluruhan kegiatan

Sequence Diagram Sistem Pemesanan Menu yang Berjalan

Gambar 3.2.2.3 sequence diagram pemesanan menu yang berjalan

Berdasarkan gambar 3.2.2.3 Sequence diagram pemesanan menu yang berjalan

  1. Empat actor yang terdiri dari : waiter, pelanggan, kasir, chef.

  2. Empat object yang saling berinteraksi antara lain : kertas menu, struk pembayaran, struk pesanan.

  3. Tiga belas message yang menggambarkan komunikasi, yang terdiri dari :

    1. Waiter Mengambil kertas menu.

    2. Waiter memberikan kertas menu kepada pelanggan.

    3. Pelanggan mengisi kertas menu.

    4. Pelanggan memberikan kertas menu.

    5. Kasir Menginput pesanan

    6. Kasir Mencetak struk pembayaran.

    7. Kasir Memberikan struk pembayaran kepada pelanggan

    8. Pelanggan membayar pesanan

    9. Kasir mencetak struk pesanan.

    10. Kasir memberikan struk pesanan kepada Chef.

    11. Chef mengolah pesanan.

    12. Chef memberitahu ke waiter bahwa pesanan sudah siap

    13. Waiter mengantarkan pesanan menu.

Analisa Sistem Yang Berjalan

Metode Analisis Business Model Canvas

Penelitian yang dilakukan peneliti menggunakan metode analisis Business Model Canvas untuk menggambarkan keadaan bisnis yang sedang berjalan. Dibawah ini adalah diagram Business Model Canvas:

Gambar 3.3.1 Business Model Canvas

Konfigurasi Sistem Yang Berjalan

  1. Spesifikasi Perangkat Keras (Hardware)

    1. Processor : Intel Dual Core 1,8 GHz

    2. Memory : 2 GB

    3. Hard Disk : 500 GB

    4. Monitor LCD : 14 inci

    5. Keyboard dan Mouse: Standard

    6. Printer : Laser Jet

  2. Spesifikasi Perangkat Lunak (Software)

    1. Windows 7 Professional


  3. Hak Akses (Brainware)

    Untuk mengoperasikan dan mengolah system ini dapat dilakukan oleh kasir untuk menginput pesanan pelanggan dan admin untuk melihat data pembelian setiap harinya pada Kafe Rute 15.

Permasalahan Yang Dihadapi dan Alternatif Pemecahan Masalah

Permasalahan yang Dihadapi

Berdasarkan hasil analisa yang telah dilakukan terhadap sistem yang berjalan dapat dilihat ada beberapa permasalahan yang dihadapi. Permasalahan-permasalahan tersebut diantaranya sebagai berikut:

  1. Proses pemesanan menu masih dilakukan secara manual, yaitu dengan menggunakan selembar kertas sebagai media pemesanannya. Pelanggan harus mencatat sendiri menu yang ingin mereka pesan dan harus mengantarkannya sendiri ke kasir untuk segera diproses pembayarannya dan pengolahan menunya.

  2. Menu yang terdapat pada kertas pemesanan menu masih kurang informatif , karena tidak adanya gambar yang bisa menggambarkan menu tersebut.

  3. Belum adanya sebuah aplikasi e-menu untuk media pemesanan makanan dan minuman, sehingga kafe masih harus terus-menerus mencetak selembar kertas untuk media pesananannya, dimana hal ini tidak efisien karena tidak papperles.

Alternatif Pemecahan Masalah

Setelah melakukan penelitian dari beberapa permasalahan yang dihadapi, maka diberikan alternatif pemecahan masalah dapat membantu dan menjadi referensi untuk Kafe Rute 15. Alternatif pemecahan masalah tersebut diantaranya sebagai berikut:

  1. Mengubah system yang berjalan menjadi system yang berbasis aplikasi website sebagai media pemesanan menu.

  2. Membuat suatu aplikasi website pemesanan menu agar memudahkan pelanggan dalam memesan menu makanan atau minuman.

  3. Menampilkan informasi tentang menu yang disediakan pada Kafe yang nantinya akan dilihat oleh pelanggan.

User Requirement

Elisitasi Tahap I

Elisitasi Tahap I Elisitasi tahap I merupakan daftar yang diperoleh dari hasil pengumpulan data dari lapangan yang dilakukan dengan cara observasi dan wawancara mengenai kekurangan dari sistem yang sedang berjalan, dan kebutuhan pengguna sistem yang belum terpenuhi. Berikut ini adalah penjelasan Elisitasi Tahap I yang digambarkan melalui tabel .

Tabel Tabel 3.6.1 Elisitasi Tahap I

Elisitasi Tahap II

Elisitasi tahap II merupakan hasil pengklasifikasian dari elisitasi tahap sebelumnya. Pengklasifikasian ini dibagi dalam tiga kategori tingkat kepentingan untuk dikembangkan. Ketiga kategori itu adalah Mandatory (harus ada), Desirable (sebaiknya ada tetapi boleh tidak ada) dan Inessential (sebaiknya tidak ada). Berikut ini adalah penjelasan Elisitasi Tahap II yang digambarkan melalui table:

Tabel 3.3 Elisitasi Tahap II

Elisitasi Tahap III

Berdasarkan Elisitasi Tahap II di atas, dibentuklah Elisitasi Tahap III yang diklasifikasikan kembali dengan menggunakan metode TOE dengan opsi HML. Requirements yang opsinya High (H) di kolom TOE harus dieliminasi.

Tabel 3.4 Elisitasi Tahap III

Final Draft Elisitasi

Final draft elisitasi merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikerjakan.

BAB IV

RANCANGAN SISTEM YANG DIUSULKAN

Rancangan Sistem Usulan

Prosedur Sistem Yang Diusulkan

Pelanggan masuk ke Kafe,lalu diantarkan ke meja yang kosong oleh waiter. Lalu pelanggan membuka smartphonenya dan men-scan QR Code untuk segera melakukan pemesanan menu pada Kafe Rute 15.Jika pelanggan tidak bisa men-scan QR Code, pelanggan bisa membuka alamat url kafe, lalu pelanggan login dengan akun nomor meja yang tertera pada meja, pelanggan memasukkan username nomor meja beserta password yang sudah disediakan. Lalu pelanggan bisa melihat menu yang ada pada halaman awal pemesanan. Setelah melihat menu, pelanggan bisa memesan menu dan otomatis masuk ke keranjang belanja. Jika pelanggan sudah selesai memesan menu, maka pelanggan bisa mencheckout pesanan. Pesanan tersebut akan terkirim ke system yang ada pada chef, chef lalu mengolah pesanan yang dipesan oleh pelanggan. Setelah selesai mengolah menu, chef akan memberitahu waiter bahwa pesanan sudah siap dan waiter akan mengantarkan pesanan kepada pelanggan. Pelanggan menerima pesanan menu, dan setelah pelanggan selesai makan, pelanggan melihat nota pembayaran pada website. Pelanggan lalu membayar pesanan menu ke kasir. Kasir mencetak struk pembayaran untuk diberikan kepada pelanggan. Lalu pelanggan membayar pesanan menu sesuai struk pembayaran. Kasir menerima pembayaran dari pelanggan.

Prosedur Website E-menu Yang Diusulkan.

Berikut ini adalah prosedur website E-Menu yang diusulkan yaitu Usecase diagram, Activity diagram, Sequence diagram

Usecase Diagram E-menu yang Diusulkan

Gambar 4.1.2.1 Usecase Diagram E-Menu yang Diusulkan

Berikut adalah penjelasan dari Gambar 4.1.2.1 Usecase Diagram E-menu yang diusulkan:

  1. Satu system yang menggambarkan keseluruhan proses

  2. Lima actor yaitu Pelanggan, Chef, Waiter, Kasir, dan Admin

  3. Empat Belas (14) Usecase terdiri dari :

    1. Login (Pelanggan, Chef, Kasir, dan Admin)

    2. Pelanggan memilih menu yang ingin dipesan

    3. Pelanggan membeli menu, menu masuk ke keranjang

    4. Pelanggan mencheckout pesanan, pesanan masuk ke E-menu Chef

    5. Chef mengolah pesanan pelanggan

    6. Chef memberitahu waiter, pesanan sudah siap diantar ke pelanggan

    7. Waiter mengantar pesanan ke pelanggan

    8. Kasir melihat laporan pembayaran

    9. Kasir mencetak struk pembayaran dan memberikan kepada pelanggan

    10. Pelanggan membayar pesanan sesuai struk pembayaran

    11. Admin dapat menambahkan menu Makanan, Minuman, Dessert dan Snack

    12. Admin melihat data laporan order

    13. Admin melihat laporan data pemesanan

    14. Admin melihat laporan data pembayaran

Activity Diagram E-Menu yang Diusulkan

Gambar 4.1.2.2 Activity Diagram Budget yang Diusulkan

Berikut adalah penjelasan dari Gambar 4.1.2.2 Activity Diagram:

  1. Satu initial node, obyek diawal.

  2. Empat vertical swimlane yaitu: pelanggan, waiter, kafe, kasir.

  3. Empat Belas Activity terdiri dari:

    1. Pelanggan login dengan menggunakan nomor meja

    2. Pelanggan memilih menu yang ingin dipesan.

    3. Pelanggan mengklik tombol beli, menu masuk ke keranjang.

    4. Pelanggan men-checkout pesanan

    5. Chef menerima daftar pesanan dari pelanggan

    6. Chef mengubah status pesanan pelanggan

    7. Chef mengolah menu yang dipesan pelanggan

    8. Chef memberitahu waiter pesanan sudah siap diantar ke pelanggan

    9. Waiter mengantar pesanan menu pelanggan.

    10. Pelanggan menerima pesanan menu.

    11. Kasir melihat laporan pembayaran dan mencetak struk pembayaran

    12. Kasir memberikan struk pembayaran kepada pelanggan

    13. Pelanggan membayar pesanan sesuai struk pembayaran

    14. Kasir menerima pembayaran

  4. Satu final node, objek yang mengakhiri keseluruhan kegiatan..

Sequence Diagram E-Menu Yang Diusulkan

Gambar 4.1.2.3 Sequence Diagram E-menu Yang diusulkan

Berdasarkan Gambar 4.1.2.3 Sequence Diagram E-menu Yang Disulkan diatas terdapat :

  1. Empat actor yang terdiri dari : Pelanggan, Chef, Kasir, Waiter.

  2. Empat object yang saling berinteraksi antara lain : Aplikasi E-menu pelanggan, Aplikasi E-menu chef, Struk pembayaran, Aplikasi E-menukasir

  3. Lima belas message yang menggambarkan komunikasi, yang terdiri dari :

    1. Pelanggan login mengunakan no meja pada aplikasi E-menu pelanggan.

    2. Chef login menggunakan username dan password

    3. Kasir login menggunakan username dan password

    4. Pelanggan memilih menu yang ingin dipesan pada aplikasi E-menu pelanggan

    5. Pelanggan memilih menu yang ingin dipesan pada aplikasi E-menu pelanggan

    6. Pelanggan memilih menu yang ingin dipesan pada aplikasi E-menu pelanggan

    7. Pelanggan membeli menu, lalu menu masuk ke keranjang pada E-menu pelanggan

    8. Pelanggan mencheckout pesanan pada E-menu pelanggan

    9. Daftar pesanan pada E-menu pelanggan terkirim ke E-menu chef

    10. Chef mengolah pesanan pelanggan pada E-menu Chef

    11. Chef memberitahu waiter bahwa pesanan sudah siap diantar ke pelanggan

    12. Waiter mengantar pesanan menu ke pelanggan

    13. Kasir melihat laporan pembayaran pada E-menu kasir

    14. Kasir mencetak struk pembayaran

    15. Kasir memberikan struk pembayaran ke pelanggan

    16. Pelanggan membayar pesanan sesuai struk pembayaran ke kasir.

    17. Kasir mengubah status pembayaran pada aplikasi E-menu kasir

Class Diagram E-Menu Yang Diusulkan

Perbedaan Prosedur Antara Sistem Yang Berjalan dan Sistem Usulan

Berikut ini adalah perbedaan sistem yang berjalan dan sistem usulan:

Tabel 4.1 Perbedaan Prosedur Sistem yang Berjalan dan Sistem Usulan

Rancangan Basis Data

Spesifikasi Basis Data

Dalam merancang suatu system informasi yang baik, perlu adanya suatu rancangan database atau basis data. Berikut ini merupakan rancangan basis data pada system informasi E-Menu yang diusulkan pada Kafe Rute 15:

  1. Nama Tabel: Tabel User

    Fungsi : Menampung Data User

    Primary Key : Id_User

    Panjang Record : 111

    Tabel 4.3 User

  2. Nama Tabel : Menu

    Fungsi : Menampung Data Menu

    Primary Key : Id_menu

    Panjang Record : 133

    Tabel 4.4 Menu


  3. Nama Tabel :Kategori

    Fungsi : Menampung Data kategori yang berupa makanan,minuman, dessert dan snack

    Primary Key : Id_kategori

    Panjang Record : 41

    Tabel 4.5 Kategori


  4. Nama Tabel :Pemesanan

    Fungsi : Menampung data pemesanan per meja

    Primary Key : id_pemesanan

    Panjang Record : 47

    Tabel 4.6 Pemesanan


  5. Nama Tabel :pemesanan_menu

    Fungsi : Menampung data detail pemesanan

    Primary Key : id_pemesananMenu

    Panjang Record : 108

    Tabel 4.7 Pemesanan_menu

  6. Nama Tabel :meja

    Fungsi : menyimpan data nomor meja

    Primary Key : id_meja

    Panjang Record : 32

    Tabel 4.8 Meja

  7. Nama Tabel :Pembayaran

    Fungsi : Menyimpan data pembayaran

    Primary Key : id_pembayaran

    Panjang Record : 67

    Tabel 4.9 Pembayaran

Rancangan Prorotype Aplikasi

Rancangan Tampilan Landing Page

Tampilan Landing Page ini berisi menu andalan kafe , alamat kafe rute 15, jam operasional kafe dan partner kafe serta berisi tombol untuk login pelanggan.

Gambar 4.4.1 Rancangan Tampilan Landing Page

Rancangan Tampilan Login Pelanggan

Rancangan Halaman Login Pelanggan berisi menu navigasi cara pesan, tentang kami dan tentunya form login yang berisi form inputan no meja, password dan tombol login.

Gambar 4.4.2 Rancangan Tampilan Login Pelanggan

Rancangan Tampilan Halaman Home

Pada halaman Tampilan halaman home, terdapat navigasi home, menu, cara pesan, keranjang checkout dan tombol logout. Lalu terdapat informasi no meja, dan terdapat card kategori Makanan, Minuman, Snack dan Dessert.

Gambar 4.4.3 Rancangan Tampilan Halaman Home

Rancangan Tampilan Kategori Menu

PPada Halaman Kategori menu terdiri informasi suatu menu yaitu gambar menu, nama menu, harga menu, detail menu dan tombol beli untuk melakukan pemesanan.

Gambar 4.4.4 Rancangan Tampilan Kategori Menu

Rancangan Tampilan Halaman Keranjang Belanja

Pada halaman Keranjang Belanja terdapat no, nama menu, harga menu, jumlah, subharga dan aksi yang terdapat buttin hapus. Selain itu ada button lajutkan belanja dan checkout.

Gambar 4.4.5 Rancangan Tampilan Halaman Keranjang Belanja

Rancangan Tampilan Halaman Checkout Belanja

Pada halaman Checkout Belanja terdapat no, menu, harga, jumlah, subharga, total belanja dan button checkout..

Gambar 4.4.6 Rancangan Tampilan Halaman Checkout Belanja

Rancangan Tampilan Halaman Checkout Belanja

Pada halaman Checkout Belanja terdapat no, menu, harga, jumlah, subharga, total belanja dan button checkout..

Gambar 4.4.7 Rancangan Tampilan Halaman Checkout Belanja

Rancangan Tampilan Halaman Nota Belanja

Pada halaman Nota Belanja no, no order, menu, harga, jumlah dan subharga.dan total belanja.

Gambar 4.4.8 Rancangan Tampilan Halaman Nota Belanja

Tampilan Aplikasi E-Menu Kafe Rute 15

Tampilan Halaman Landing Page

Tampilan Landing Page ini berisi menu andalan kafe , alamat kafe rute 15, jam operasional kafe dan partner kafe serta berisi tombol untuk login pelanggan.

Tampilan Halaman Login Pelanggan

Rancangan Halaman Login Pelanggan berisi menu navigasi cara pesan, tentang kami dan tentunya form login yang berisi form inputan no meja, password dan tombol login.

Tampilan Halaman Home

Pada halaman Tampilan halaman home, terdapat navigasi home, menu, cara pesan, keranjang checkout dan tombol logout. Lalu terdapat informasi no meja, dan terdapat card kategori Makanan, Minuman, Snack dan Dessert.

Tampilan Halaman Menu Kategori

Pada Halaman Kategori menu terdiri informasi suatu menu yaitu gambar menu, nama menu, harga menu, detail menu dan tombol beli untuk melakukan pemesanan..

Tampilan Halaman Keranjang

Pada halaman Keranjang Belanja terdapat no, nama menu, harga menu, jumlah, subharga dan aksi yang terdapat buttin hapus. Selain itu ada button lajutkan belanja dan checkout.

Tampilan Halaman Checkout

Pada halaman Checkout Belanja terdapat no, menu, harga, jumlah, subharga, total belanja dan button checkout

Tampilan Halaman Nota

Pada halaman Nota Belanja no, no order, menu, harga, jumlah dan subharga.dan total belanja.

Konfigurasi Sistem Usulan

Spesifikasi Perangkat Keras (Hardware)

Perangkat keras yang dibutuhkan oleh chef dan kasir agar dapat mengakses aplikasi E-menu ini adalah sebagai berikut:

  1. Processor : AMD

  2. Monitor : VGA 15 inch

  3. RAM : 4G

  4. Harddisk : 320GB

Spesifikasi Perangkat Lunak (Software)

Perangkat lunak yang digunakan untuk mengakses website aplikasi pemesanan menu adalah sebagai berikut:

  1. Sistem operasi : windows 10

  2. Web browser : Google Chrome, Safari, Internet Exprorer, Mozila Firefox

  3. Web server : XAMPP V3.2.2

  4. Database : MySql

  5. Database Editor : PHP MyAdmin 4.7.7

  6. Code Editor : Sublime Text 3

  7. Wifi dan Jaringan LAN (Local Area Network)

Hak Akses (Brainware)

Pada system E-menu ini ada beberapa user yang bisa menjalankan, beberapa diantaranya adalah :

  1. Chef

  2. Kasir

  3. Pelanggan

  4. Admin

Testing

Blackbox Testing

Tabel 4.7.1 Blackbox Testing

Time Schedule

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

Tabel 4.8 Time Schedule

Estimasi Biaya

Agar terlaksananya penelitian ini dengan baik, lancer dan sesuai target yang direncanakan yang sesuai dengan jadwal penelitian, maka diperlukan dana yang dapat menunjang seluruh kegiatan. Diperkirakan dana yang dibutuhkan sebagai berikut:

Tabel 4.9 Estimasi Biaya

BAB V

PENUTUP

Kesimpulan

Berdasarkan analisis yang telah peneliti uraikan pada bab-bab sebelumnya, dan dengan pengamatan peneliti pada rumusan masalah, maka dapat diambil kesimpulan sebagai berikut:

  1. Sistem pemesanan menu yang berjalan pada kafe Rute 15 masih manual, yaitu masih menggunakan kertas. Ketika datang ke kafe, pelanggan diberikan selembar kertas menu oleh waiter, lalu pelanggan memilih dan mengisi menu yang ingin dipesan pada kertas menu, setelah itu pelanggan mengantarkan selembar kertas menu yang sudah diisi ke kasir untuk melakukan pembayaran dan pemesanan menu akan diproses.

  2. Sistem Pemesanan menu pada Kafe Rute 15 menggunakan selembar kertas menu yang belum terdapat gambar menu dan detail gambar menunya setelah itu pelanggan masih harus mengantarkan sendiri ke kasir untuk segera di proses pemesanannya.

  3. Pemesanan menu pada kafe Rute 15 saat ini masih menggunakan sistem pemesanan konvensional, dimana pelanggan memesan menu dengan media kertas yang membuat pemesanan menu tidak efektif dan efisien, sehingga dibutuhkan sistem pemesanan menu yang terintegrasi

Saran

Untuk memudahkan peneliti lain dalam mengembangkan website pemesanan menu yang diusulkan ini dan demi kemajuan serta kesempurnaan system ini, maka perlu memperhatikan beberapa saran berikut:

  1. Dikembangkan menjadi system berbasis mobile supaya dapat memudahkan pelanggan dalam memesan menu pada aplikasi E-menu ini.

  2. Diadakan sosialisasi dalam menggunakan system E-menu ini kepada chef, kasir dan admin sehingga bisa meningkatkan kinerja mereka.

  3. Setelah system yang diusulkan ini diterapkan di Kafe, maka harus diadakan pengawasan dan pemeliharaan system agar tetap berjalan dengan baik.

DAFTAR PUSTAKA

  1. Tyoso, Jaluanto Sunu Punjul.Sistem Informasi Manajemen Ed.11.Yogyakarta.Deepublish, 2016.
  2. Anggraeni, E.Y. Pengantar Sistem Informasi.Yogyakarta.Cv Andi Offset 2016.
  3. Supriati, Ruli, Agus Salim Saputra dan Siti Shuhaibatul Islamiah. “Aplikasi Sistem Pengiriman Barang Ekspor Berbasis Web Pada PT. Tuntex Gar-ment Indonesia Tangerang Guna Meningkatkan Mutu Proses Pengiriman Ekspor Barang.”. Jurnal Sensi. Vol 4 nomor 1 . 2018
  4. Priyo Sutopo, Dedy Cahyadi, Zainal Arifin. 2016. Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web.Kalimantan.Jurnal Informatika Mulawarman Vol.11 No.1-Februari. 2016
  5. Ruhul Amin, 2017. Rancang bangun Sistem Informasi penerimaan siswa baru pada SMK Budhi Warman 1 Jakarta. Jurnal ilmu pengetahuan dan teknologi komputer.” Vol.2 No.3.
  6. Ayu, Wulan dan Ilham Perdana. 2017. Perancangan Sistem Informasi Rekrutmen Dan Seleksi Karyawan Berbasis Web Di PT. Qwords Company International. Jurnal Manajemen Indonesia. Vol.3, No.14. Hal.247-258.
  7. Harfizar, Khozin Yuliana dan Muh Afiffudin. 2017. Perancangan Sistem Informasi Pendataan Karyawan Pada Perusahaan Jasa Berbasis Web. Tangerang: Jurnal SENSI Vol.3 No.2.
  8. Muhamad Muslihudin, Oktafianto. 2016 Analisis Dan Perancangan Sistem Informasi Menggunakan Model Terstruktur Dan Uml. Jakarta: Penerbit Andi (Hal. 9).
  9. Krismiaji. 2015. Sistem Informasi Akuntansi. Yogyakarta. UPP STIM YKPN.
  10. Iswandy, Eka. 2015. Sistem Penunjang Keputusan Untuk Menentukan Penerimaan Dana Satuan Social Anak Nagari Dan Penyalurannya Bagi Mahasiswa dan Pelajar Kurang Mampu di Kenagarian Barung-Barung Balai Timur. Jurnal TEKNOIF. Vol. 3 nomor 2, Oktober 2015.
  11. Martono, Kartika dan Putri Aulia. 2017. “Aplikasi Jenjang Sosial Pendataan Kartu Keluarga Berbasis Web”. Jurnal CCIT. Vol. 10 nomor 2, Agustus 2017.
  12. Anggeraini, Elisabet Yunaeti dan Rita Ervani. 2017. Astah – Pengantar Sistem Informasi. Yogyakarta: CV Andi Offset.
  13. Aisyah, Euis Sitinur, Novi Nur Atika, Rere Intan Fandiny. 2017. Rancang Bangun Sistem Informasi Penjualan Ekspor Studi Kasus PT. Istem. Jurnal Sensi. Vol. 3 nomor 1, Februari 2017.
  14. Hutahaean, Konsep Sistem Informasi. Yogyakarta: Deepublish, 2015.
  15. Dui dan Joni. 2017. Analisis dan Perancangan Sistem Informasi Simpan Pinjam pada Koperasi Pegawai Negeri IAIN Sultan Thaha Saifuddin Jambi. Jambi: Jurnal Manajemen Sistem Informasi. Vol. 2, No. 2, ISSN: 2528-0082.
  16. Suryadi. Emi. 2016. “Sistem Pendukung Keputusan Pemilihan Kendaraan Dalam Mendistribusikan Zakat, Infak dan Sedekah”. Yogyakarta: STMIK AMIKOM Yogyakarta. Jurnal CCIT. Vol. 9 No. 3, Agustus 2016.
  17. 17,0 17,1 Bachtiar, Dede., dan Atikah. 2015. Sistem Informasi Dashboard Kependudukan di Kelurahan Manis Jaya Kota Tangerang. Jurnal Sisfotek Global. Vol. 5 nomor 1, Maret 2015.
  18. Ruli Supriati, Agus Salim Saputra, dan Siti Shuhaibatul Islamiah. 2018. “Aplikasi Sistem Pengiriman Barang Ekspor Berbasis Web Pada PT. Tuntex Garment Indonesia Tangerang Guna Meningkatkan Mutu Proses Pengiriman Ekspor Barang”. Tangerang: Jurnal SENSI. Vol.4, No.1 Februari 2018
  19. 19,0 19,1 19,2 19,3 19,4 Abdullah, Rohi. 2018. 7 IN 1 Pemrograman Web Untuk Pemula. Jakarta : PT Elex Media Komputindo. Jakarta.
  20. Martono, M. (2018). “Pembuatan Aplikasi E-Menu (Electronic Menu) Berbasis Website Dan Android”. Jurnal Ilmiah Media Sisfo, 12(1), 1036-1046.
  21. Warsito, Budi Ary, Muhamad Yusup dan Moh. Iqbal Awi Makaram. 2015. Perancangan SIS+ Menggunakan Metode YII Framework Pada Perguruan Tinggi Raharja. Jurnal CCIT. Vol. 8 nomor 2, Januari 2015
  22. Jayachandran, K., dan P. Anbumani. 2017. Voice Based Email for Blind People”. International Journal of Advance Research, Ideas and Innovation in Technology. Vol. 3 No. 3.
  23. Retnoningsih, Endang. 2015. Sistem Informasi Simpanan Dan Pembiayaan Pada Baitul Maal Wat Tamwil (Bmt) Al-Multazam Kabupaten Tegal. Jurnal Ijse Tahun 2015 Volume 3 No 2.
  24. Faridl, Miftah. 2015.Fitur Dahsyat Sublime Text 3”. Surabaya: LUG STIKOM.
  25. Nurcholish, Ahmad., 2018. “Membangun Database Arsip Persuratan Menggunakan Pemrograman Php Dan Mysql: Studi Kasus Pada Kantor Balai Taman Nasional Gunung Rinjani”. Sukabumi: Cv Jejak (Jejak Publisher). pp. 23.
  26. Hidayat, Argi Noor. 2015. Belajar HTML Kelas Ringkas. Bogor: Bisakimia.
  27. Rahayu, Sri, Muhamad Yusup, dan Shinta Puspita Dewi. 2015. “Perancangan Aplikasi Absensi Peserta Bimbingan Belajar Berbasis Web Dengan Menggunakan Framework YII”. CCIT Journal Vol. 9 No. 1 - September 2015 ISSN:1978-8282. Tangerang: Perguruan Tinggi Raharja.
  28. Alexander Asterwalder & Yves Pigneur, 2014, Business Model Generation. Cetakan ke-6, alih Bahasa Natalia Ruth Sihandrini, Jakarta: PT.Alex Media Komputindo Kelompok Gramedia, Anggota IKAPI.
  29. Kumar, Manish, Santosh Kumar Singh, Dr. R. K. Dwivedi.2015. “A Comparative Study Of Black Box Testing Techniques. International Journal Of Advance Research In Computer Science and Management Studies..
  30. Himawan, Cahyadi. Dede, Munawati. 2016. Prototype Sistem Informasi Perhitungan Nilai Poin Pelanggaran Tata Tertib Pada SMK Yuppentek 1 Tangerang. Tangerang: Jurnal CCIT Vol.9 No.3 Agustus 2016.
  31. Harahap, Sri Fajarwati, Anggri Srimudianti Sukanto & Novi Safriadi. 2016. “Perancangan Sistem Penyebaran Informasi Imunisasi Kepada Ibu Balita Berbasis SMS Gateway Pada UPTD Puskesmas Kecamatan Pontianak Barat
  32. Nirmala, Ariesta Fuji, Henry Bambang dan Yoppy Mirza Maulana. 2015. “Rancang Bangun Aplikasi Penilaian Kinerja Pegawai Berdasarkan Kompetensi Pada Perum Bulog Divisi Regional Jawa Timur”. JSIKA. Vol. 4, No. 2: 1-8.
  33. Ariawan, Jesa., dan Sri Wahyuni. 2015. Aplikasi Pengajuan Lembur Karyawan Berbasis Web. Jurnal Sispotek Global. Vol. 5 nomor 1, Maret 2015.
  34. Fitrianti. 2016. “Sukses Profesi Guru dengan Penelitian Tindakan Kelas”. Yogyakarta: Deepublish Grup CV. Budi Utama.
  35. Rakhmah, S. N., Reza, R., & Novel, K. (2019). Aplikasi Delivery Order Makanan Dan Minuman Berbasis Web Pada Restoran Mang Kabayan. Jurnal Teknika, 11(2), 1109-1116
  36. Torres, A. M. (2016). “Electronic Menu and Ordering Application System: A Strategic Tool for Customer Satisfaction and Profit Enhancement”. International Journal Science and Technology
  37. Sari, N. I., Hernawati, E., & Siswanto, B. (2016). “Aplikasi Multimedia Reservasi Meja Dan Menu Makan Di Cocorico CafÉ Berbasis Web (studi Kasus: Cocorico Café Bandung)”. eProceedings of Applied Science, 2(1).
  38. Caniati, N., Ghozali, A. L., & Sumarudin, A. (2017). Implementasi sistem informasi pemesanan menu Makanan dan minuman pada kafe berbasis web menggunakan jaringan intranet. Jurnal Ilmiah Ilmu Komputer Fakultas Ilmu Komputer Universitas Al Asyariah Mandar, 3(2), 8-13.
  39. Oley, E., Sentinuwo, S. R., & Sinsuw, A. A. (2017). Sistem Pemesanan Makanan Dan Minuman Berbasis Website (Studi Kasus Taipan Restoran). Jurnal Teknik Elektro dan Komputer, 6(4), 159-170.
  40. Sutawan, A. , Sudarto, Ferry, & Martono, Aris (2018). “Aplikasi E-menu Restoran Berbasis Web Pada Hover Café”. STMIK Raharja. Tangerang.
  41. Syahputro, M. A. E., Hernawati, E., & Suryadi, A. H. (2018). “Aplikasi Penjualan Dan Pemesanan Berbasis Web Di Sate Gule Kambing Pak Ni Ponorogo”. eProceedings of Applied Science, 4(3).
  42. Dasawati, E. S., & Kom, S. (2017). Implementasi Aplikasi Pemesanan Makanan Service Dan Reservasi Berbasis Web Pada Restoran Eka Ria. Jurnal Informatika dan Bisnis, 6(2).
  43. Dewi, S. P., & Arnie, R. (2015). Aplikasi Layanan Pemesanan Katering Pada Rumah Makan Srie Berbasis Web. JUTISI, 3(3).
  44. Chavan, V., Jadhav, P., Korade, S. And Teli, P., 2015. Implementing Customizable Online Food Ordering System Using Web Based Application. International Journal Of Innovative Science, Engineering & Technology, 2(4).


*

Contributors

Eli Nur Aida

Diperoleh dari "https://widuri.raharja.info/index.php?title=TA1611394083&oldid=363566"