Perbedaan antara halaman "SI1412481350" dan "SI1612493114"

Dari widuri
(Perbedaan antarhalaman)
Lompat ke: navigasi, cari
(Elisitasi Tahap III)
 
(Rancangan Prosedur Sistem Pemesanan Menu Yang Berjalan)
 
Baris 1: Baris 1:
 
<br>
 
<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 SURAT MASUK DAN SURAT'''</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: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''KELUAR BERBASIS WEB PADA SMK 1 YUPPENTEK'''</P></div>
+
<p style="line-height: 1">'''PEMESANAN MAKANAN DAN MINUMAN PADA KAFE'''</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">'''KOTA TANGERANG'''</P>
+
<p style="line-height: 1">'''RUTE 15 TANGERANG'''</P>
 
</div>
 
</div>
  
Baris 24: Baris 24:
 
{|table align="center" style="font-size: 14pt;font-family: 'times new roman';text-align: left"
 
{|table align="center" style="font-size: 14pt;font-family: 'times new roman';text-align: left"
 
|-
 
|-
|'''NIM'''||: '''1412481350'''
+
|'''NIM'''||: '''1612493114'''
 
|-
 
|-
|'''NAMA'''||: '''[[Thassa Ovrianda|THASSA OVRIANDA]]'''
+
|'''NAMA'''||: '''[[RIZKY AMALIA]]'''
 
|}
 
|}
 
<br/>
 
<br/>
Baris 48: Baris 48:
  
 
<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 SURAT MASUK DAN SURAT'''</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: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''KELUAR BERBASIS WEB PADA SMK 1 YUPPENTEK'''</P></div>
+
<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: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''KOTA TANGERANG'''</P>
+
<p style="line-height: 1">'''KAFE RUTE 15 TANGERANG'''</P>
 
</div>
 
</div>
  
Baris 60: Baris 60:
 
{|table align="center" style="font-size: 12pt;font-family: 'times new roman';text-align: left"
 
{|table align="center" style="font-size: 12pt;font-family: 'times new roman';text-align: left"
 
|-
 
|-
|NIM||: 1412481350
+
|NIM||: 1612493114
 
|-
 
|-
|Nama||: [[Thassa Ovrianda|Thassa Ovrianda]]
+
|Nama||: [[RIZKY AMALIA]]
 
|-
 
|-
 
|Fakultas||: [[Sains dan Teknologi]]
 
|Fakultas||: [[Sains dan Teknologi]]
Baris 70: Baris 70:
 
|Program Studi||: [[Sistem Informasi]]
 
|Program Studi||: [[Sistem Informasi]]
 
|-
 
|-
|Konsentrasi||: [[BUSINESS INTELLIGENCE|Business Intelligence]]
+
|Konsentrasi||: [[Business Intelligence]]
 
|}
 
|}
 
<br/>
 
<br/>
Baris 94: Baris 94:
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|-
 
|-
|<u>([[Dr. Po. Abas Sunarya, M.Si]])</u>|| &nbsp; || &nbsp; || &nbsp; || &nbsp; ||<u>([[Desy Apriani]], S.Kom., M.T.I )</u>
+
|<u>([[Dr. Po. Abas Sunarya, M.Si]])</u>|| &nbsp; || &nbsp; || &nbsp; || &nbsp; ||<u>([[Euis Sitinur Aisyah]], M.Kom)</u>
 
|-
 
|-
|NIP : 000594|| &nbsp; || &nbsp; || &nbsp; || &nbsp; ||NID: 010814
+
|NIP : 000594|| &nbsp; || &nbsp; || &nbsp; || &nbsp; ||NID: 060003
 
|}
 
|}
  
Baris 108: Baris 108:
  
 
<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 SURAT MASUK DAN SURAT'''</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: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''KELUAR BERBASIS WEB PADA SMK 1 YUPPENTEK'''</P></div>
+
<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: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''KOTA TANGERANG'''</P>
+
<p style="line-height: 1">'''KAFE RUTE 15 TANGERANG'''</P>
 
</div>
 
</div>
 
<br/>
 
<br/>
Baris 119: Baris 119:
 
{|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">: 1412481350</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">: [[Thassa Ovrianda|Thassa Ovrianda]]
+
|<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">: [[RIZKY AMALIA]]
 
|}
 
|}
 
<br/>
 
<br/>
Baris 129: Baris 129:
 
<p>Fakultas [[Sains dan Teknologi]]</p>
 
<p>Fakultas [[Sains dan Teknologi]]</p>
 
<p>Program Studi [[Sistem Informasi]]</p>
 
<p>Program Studi [[Sistem Informasi]]</p>
<p>Konsentrasi [[BUSINESS INTELLIGENCE|Business Intelligence]]</p>
+
<p>Konsentrasi [[Business Intelligence]]</p>
 
</div>
 
</div>
 
<br/>
 
<br/>
Baris 148: Baris 148:
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|-
 
|-
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Ir. Abdul Hayat M.T.I]])</u></div>|| &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Erna Astriyani, S.Kom., M.T.I]])</u></div>
+
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([https://widuri.raharja.info/index.php?title=Sri_Rahayu Sri Rahayu],  ST.,MMSI)</u></div>|| &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([https://https://widuri.raharja.info/index.php?title=Nurlaila_Suci_Rahayu_Rais Nurlaila Suci Rahayu Rais], Dra., MM., MH.)</u></div>
 
|-
 
|-
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 07133</div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 15017 </div>
+
| <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>
 
|}
 
|}
  
Baris 162: Baris 162:
  
 
<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 SURAT MASUK DAN SURAT'''</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: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''KELUAR BERBASIS WEB PADA SMK 1 YUPPENTEK'''</P></div>
+
<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: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''KOTA TANGERANG'''</P>
+
<p style="line-height: 1">'''KAFE RUTE 15 TANGERANG'''</P>
 
</div>
 
</div>
 
<br/>
 
<br/>
Baris 176: Baris 176:
 
{|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">: 1412481350</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">: [[Thassa Ovrianda|Thassa Ovrianda]]</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">: [[RIZKY AMALIA]]</div>
 
|}
 
|}
 
<br/>
 
<br/>
Baris 186: Baris 186:
 
<p>Fakultas [[Sains dan Teknologi]]</p>
 
<p>Fakultas [[Sains dan Teknologi]]</p>
 
<p>Program Studi [[Sistem Informasi]]</p>
 
<p>Program Studi [[Sistem Informasi]]</p>
<p>Konsentrasi [[BUSINESS INTELLIGENCE|Business Intelligence]]</p>
+
<p>Konsentrasi [[Business Inntelligence]]</p>
 
</div>
 
</div>
 
<br/>
 
<br/>
Baris 231: Baris 231:
  
 
<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 SURAT MASUK DAN SURAT'''</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: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''KELUAR BERBASIS WEB PADA SMK 1 YUPPENTEK'''</P></div>
+
<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: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''KOTA TANGERANG'''</P>
+
<p style="line-height: 1">'''KAFE RUTE 15 TANGERANG'''</P>
 
<br/>
 
<br/>
  
Baris 243: Baris 243:
 
{|table align="center" style="font-size: 12pt;font-family: 'times new roman';text-align: left"
 
{|table align="center" style="font-size: 12pt;font-family: 'times new roman';text-align: left"
 
|-
 
|-
|NIM||: 1412481350
+
|NIM||: 1612493114
 
|-
 
|-
|Nama||: [[Thassa Ovrianda|Thassa Ovrianda]]
+
|Nama||: [[RIZKY AMALIAI]]
 
|-
 
|-
 
|Fakultas||: [[Sains dan Teknologi]]
 
|Fakultas||: [[Sains dan Teknologi]]
Baris 251: Baris 251:
 
|Program Pendidikan||: [[Strata I]]
 
|Program Pendidikan||: [[Strata I]]
 
|-
 
|-
|Program Studi||: [[Sistem Informasi Manajemen]]
+
|Program Studi||: [[Business Intelligence]]
 
|-
 
|-
|Konsentrasi||: [[BUSINESS INTELLIGENCE|Business Intelligence]]
+
|Konsentrasi||: [[Sistem Informasi]]
 
|}
 
|}
 
<br/>
 
<br/>
Baris 301: Baris 301:
 
| ||  
 
| ||  
 
|-
 
|-
| width="60%" | || align="center" | '''<u>[[Thassa Ovrianda|Thassa Ovrianda]]</u>'''
+
| width="60%" | || align="center" | '''<u>[[RIZKY AMALIA|RIZKY AMALIA
 +
]]</u>'''
 
|-
 
|-
| width="60%" | || align="center" | '''NIM. 1412481350'''
+
| width="60%" | || align="center" | '''NIM. 1612493114'''
 
|-
 
|-
 
|}
 
|}
Baris 318: Baris 319:
  
 
<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; line-height: 1">
<p>ABSTRAK</p>
+
<p>ABSTRAKSI</p>
 
</div>
 
</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1">
<p>Dengan kemajuan ilmu pengetahuan dan teknologi yang sudah modern dan  canggih,
+
<p>  
komputer adalah salah satu sarana yang sangat penting untuk membantu manusia.
+
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.
Penggunaan komputer sangat penting di dalam pelayanan masyarakat. Dalam hal ini, sistem
+
 
surat masuk surat keluar pada SMK 1 Yuppentek pada masih manual dan semi komputerisasi
+
</p>
yaitu  menggunakan buku besar. Proses surat masuk surat keluar yang dilakukan secara
+
manual tidak efisien karena terjadi penumpukkan sehingga pada saat pencarian data surat
+
masuk surat keluar kesulitan seperti hilangnya arsip. Untuk memudahkan proses pencatatan
+
surat masuk, pencatatan surat keluar dan pengelolaan disposisi. Dibutuhkan aplikasi sistem
+
informasi berbasis web yang menangani pencatatan surat masuk, Pengelolaan disposisi, dan
+
pencatatan surat keluar pada saat pencarian data secara otomatis dan tersimpan dengan baik
+
di dalam database. Maka perlunya sistem yang lebih terkomputerisasi yang akan
+
membantu petugas dalam proses pengarsipannya dengan metode PIECES (Peformance,
+
Information, Economy, Control, Eficiency, Services). Pada Penelitian ini Metode
+
Perancangan menggunakan UML (Unified Modelling Language) yang digambarkan dengan
+
Use Case Diagram, Activity Diagram dan Sequence Diagram. sedangkan untuk bahasa
+
pemrogramannya menggunakan bahasa PHP (Hypertext Preprocessor), tools editor
+
pemrograman menggunakan aplikasi Notepad++ serta databasenya meggunakan MySQL.
+
Sehingga Dengan framework CI dan software WAMP. Oleh karena itu diharapkan dengan
+
adanya sistem yang baru, dapat mengurangi human error pada saat memasukkan data serta
+
pembuatan laporannya.</p>
+
 
</div>
 
</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1">
<p>Kata Kunci : Web, Surat Masuk, Surat Keluar, PIECES, Notepad++, WAMP</p>
+
<p>Kata Kunci : E-Menu, Pemesanan, Bisnis
 +
</p>
 
</div>
 
</div>
  
Baris 351: Baris 337:
 
</div>
 
</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1">
<p><i>With advances in science and technology that are already modern and sophisticated,
+
<p><i>  
computers are one of the most important tools to help humans. The use of computers is very
+
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.
important in community service. In this case, the system of incoming and outgoing mail at
+
 
SMK 1 Yuppentek is still manual and semi-computerized using a ledger. The process of
+
 
incoming outgoing mail done manually is inefficient because there is a buildup so that when
+
</i></p>
searching for incoming mail outgoing data difficulties such as loss of archives. To facilitate
+
the process of recording incoming letters, recording outgoing letters and disposition
+
management. It takes a web-based information system application that handles the recording
+
of incoming mail, disposition management, and recording outgoing mail when searching
+
data automatically and stored properly in a database. Then the need for a more computerized
+
system that will assist officers in the process of archiving with the PIECES method
+
(Peformance, Information, Economy, Control, Efficiency, Services). In this research the
+
Design Method uses UML (Unified Modeling Language) which is described by Use Case
+
Diagrams, Activity Diagrams and Sequence Diagrams. while for the programming language
+
using the PHP language (Hypertext Preprocessor), programming editor tools use Notepad
+
++ applications and the database uses MySQL. So with CI framework and WAMP software.
+
Therefore, it is expected that with the new system, it can reduce human error when entering
+
data and making reports.</i></p>
+
 
</div>
 
</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 1">
<p><i>Keywords: Web, Incoming Letters, Outgoing Letters, PIECES, Notepad ++, WAMP</i></p>
+
<p><i>Keywords: E-Menu, Ordering, Business </i></p>
 
</div>
 
</div>
 
{{pagebreak}}
 
{{pagebreak}}
Baris 380: Baris 353:
 
<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">Alhamdulillah, puji syukur atas kehadirat Allah SWT yang telah melimpahkan rahmat dan karunia-Nya, sehingga penulis dapat menyelesaikan Skripsi dengan judul “'''“PERANCANGAN SISTEM INFORMASI SURAT MASUK DAN SURAT KELUAR BERBASIS WEB PADA SMK 1 YUPPENTEK KOTA TANGERANG”.'''”. </p>
+
<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>
 
<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">
Baris 389: Baris 362:
 
</div>
 
</div>
 
<ol style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 
<ol style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
        <li>Bapak Dr. Ir. Untung Rahardja, M.T.I., MM., selaku Ketua Universitas Raharja yang telah berkenan memberikan arahan dan petunjuk kepada peneliti.</li>
 
 
<li>Bapak Dr. Po. Abas Sunarya, M.Si. selaku Rektor Universitas Raharja.</li>
 
<li>Bapak Dr. Po. Abas Sunarya, M.Si. selaku Rektor Universitas Raharja.</li>
 
<li>Bapak Dr. Henderi, S.Kom., M.Kom. selaku Dekan Fakultas Universitas Raharja.</li>
 
<li>Bapak Dr. Henderi, S.Kom., M.Kom. selaku Dekan Fakultas Universitas Raharja.</li>
 
<li>Bapak Padeli, M.Kom. selaku Wakil Dekan Fakultas Sains dan Teknologi Universitas Raharja</li>
 
<li>Bapak Padeli, M.Kom. selaku Wakil Dekan Fakultas Sains dan Teknologi Universitas Raharja</li>
<li>Euis Desy Apriani, S.Kom., M.T.Iselaku Ketua Program Studi Sistem Informasi.</li>
+
<li>Desy Apriani S.Kom M.TI selaku Ketua Program Studi Sistem Informasi.</li>
<li>Bapak Ir. [[Abdul Hayat]] M.T.I,selaku Dosen Pembimbing I yang senantiasa memberikan waktunya untuk memberikan bimbingan kepada penulis</li>
+
<li>Ibu [https://widuri.raharja.info/index.php?title=Sri_Rahayu Sri Rahayu],  ST.,MMSI selaku Dosen Pembimbing I yang senantiasa memberikan waktunya untuk memberikan bimbingan kepada penulis</li>
<li>Ibu [[Erna Astriyani]], S.Kom., M.T.I,selaku Dosen Pembimbing II yang senantiasa memberikan waktunya untuk memberikan bimbingan kepada penulis</li>
+
<li>Ibu [https://https://widuri.raharja.info/index.php?title=Nurlaila_Suci_Rahayu_Rais Nurlaila Suci Rahayu Rais], Dra., MM., MH. selaku Dosen Pembimbing II yang senantiasa memberikan waktunya untuk memberikan bimbingan kepada penulis</li>
<li>Bapak Drs. H. Masuni, M.Pd selaku Kepala Sekolah yang telah memberikan kesempatan dan informasi selama melalukan kerja praktek.
+
<li>Ibu Tia selaku stakeholder yang telah memberikan kontribusi besar di dalam lancarnya proses penelitin skripsi ini.
<li>Ibu Dessy Dyah Sulistyowati, A.Md  selaku stakeholder yang telah memberikan kontribusi besar di dalam lancarnya proses penelitin skripsi ini.
+
 
<li>Bapak dan Ibu Dosen serta Staff Universitas Raharja yang telah memberikan bekal ilmu pengetahuan dan motivasi kepada penulis.
 
<li>Bapak dan Ibu Dosen serta Staff Universitas Raharja yang telah memberikan bekal ilmu pengetahuan dan motivasi kepada penulis.
         <li>Kedua Orang Tua yang telah memberikan Do’a, dukungan, serta motivasi agar penulis mampu melaksanakan Skripsi serta menyelesaikan laporan Skripsi sesuai dengan yang diharapkan.
+
         <li>Keluarga tercinta yang telah memberikan doa, dukungan moril maupun materil sehingga Skripsi ini dapat terselesaikan dengan baik
         <li>Teman-teman Ygk yang banyak memberikan dukungan moril, memberikan semangat untuk terselesaikanya laporan Skripsi ini.
+
         <li>Teman - teman seperjuangan yang selalu ada dan memberikan semangat.         
        <li>Nike &amp; Jiha yang senantiasa memberikan semangat dan motivasi dikala penulis dilanda kesulitan.
+
        <li>Serta semua pihak yang tidak dapat penulis sebutkan satu-persatu namanya yang telah ikut membantu dalam penyusunan laporan Skripsi ini.         
+
 
</ol>
 
</ol>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;line-height: 2">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;line-height: 2">
Baris 447: Baris 416:
 
| ||  
 
| ||  
 
|-
 
|-
| width="60%" | || align="center" | '''<u>[[Thassa Ovrianda|Thassa Ovrianda]]</u>'''
+
| width="60%" | || align="center" | '''<u>[[RIZKY AMALIA|RIZKY AMALIA]]</u>'''
 
|-
 
|-
| width="60%" | || align="center" | '''NIM. 1412481350'''
+
| width="60%" | || align="center" | '''NIM. 1612493114'''
 
|-
 
|-
 
|}
 
|}
Baris 474: Baris 443:
 
<p style="line-height:1.5">[[#t35|Tabel 3.5. Final draft elisitasi]]</p>
 
<p style="line-height:1.5">[[#t35|Tabel 3.5. Final draft elisitasi]]</p>
 
<p style="line-height:1.5">[[#t41|Tabel 4.1. Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan]]</p>
 
<p style="line-height:1.5">[[#t41|Tabel 4.1. Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan]]</p>
<p style="line-height:1.5">[[#t41|Tabel 4.2. Tabel User]]</p>
+
<p style="line-height:1.5">[[#t41|Tabel 4.2. Analisis SWOT Sistem Yang Diusulkan]]</p>
<p style="line-height:1.5">[[#t43|Tabel 4.3. Tabel Surat Masuk]]</p>
+
<p style="line-height:1.5">[[#t43|Tabel 4.3. Matriks SWOT Yang Diusulkan]]</p>
<p style="line-height:1.5">[[#t44|Tabel 4.4. Tabel Surat Keluar]]</p>
+
<p style="line-height:1.5">[[#t44|Tabel 4.4. Tabel Struktur Barang]]</p>
<p style="line-height:1.5">[[#t45|Tabel 4.5. Tabel Disposisi]]</p>
+
<p style="line-height:1.5">[[#t45|Tabel 4.5. Tabel Struktur Data Pejabat]]</p>
<p style="line-height:1.5">[[#t46|Tabel 4.6. Tabel Klasifikasi]]</p>
+
<p style="line-height:1.5">[[#t46|Tabel 4.6. Tabel Struktur Data Pesanan]]</p>
<p style="line-height:1.5">[[#t47|Tabel 4.7. Tabel Kategori]]</p>
+
<p style="line-height:1.5">[[#t47|Tabel 4.7. Tabel Struktur Data Profil]]</p>
<p style="line-height:1.5">[[#t48|Tabel 4.8. Tabel Analisa Pieces]]</p>
+
<p style="line-height:1.5">[[#t48|Tabel 4.8. Tabel Struktur Data Riwayat]]</p>
<p style="line-height:1.5">[[#t49|Tabel 4.9. Tabel Login]]</p>
+
<p style="line-height:1.5">[[#t49|Tabel 4.9. Tabel Struktur Data Satuan]]</p>
<p style="line-height:1.5">[[#t410|Tabel 4.10. Menu Aplikasi]]</p>
+
<p style="line-height:1.5">[[#t410|Tabel 4.10. Tabel Struktur Data User]]</p>
<p style="line-height:1.5">[[#t411|Tabel 4.11. Estimasi Biaya]]</p>
+
<p style="line-height:1.5">[[#t411|Tabel 4.11. Tabel Black Box Testing]]</p>
<p style="line-height:1.5">[[#t412|Tabel 4.12. Estimasi Biaya]</p>
+
<p style="line-height:1.5">[[#t412|Tabel 4.12. Tabel Time Schedule]]</p>
 +
<p style="line-height:1.5">[[#t413|Tabel 4.13. Tabel Estimasi Biaya]]</p>
 
</div>
 
</div>
 
|}
 
|}
Baris 496: Baris 466:
 
<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.5">[[#g31|Gambar 3.1. Struktur Organisasi]]</p>
 
<p style="line-height:1.5">[[#g31|Gambar 3.1. Struktur Organisasi]]</p>
<p style="line-height:1.5">[[#g32|Gambar 3.2. Use Case Diagram Surat Masuk Sistem Yang Berjalan]]</p>
+
<p style="line-height:1.5">[[#g32|Gambar 3.2. Use Case Diagram Sistem Yang Berjalan]]</p>
<p style="line-height:1.5">[[#g33|Gambar 3.3. Use Case Diagram Surat Keluar Sistem Yang Berjalan]]</p>
+
<p style="line-height:1.5">[[#g33|Gambar 3.3. Activity Diagram Sistem Yang Berjalan]]</p>
<p style="line-height:1.5">[[#g34|Gambar 3.4. Activity Diagram Surat MasukSistem Yang Berjalan]]</p>
+
<p style="line-height:1.5">[[#g34|Gambar 3.4. Sequence Diagram Sistem Yang Berjalan]]</p>
<p style="line-height:1.5">[[#g35|Gambar 3.5. Activity Diagram Surat Keluar Sistem Yang Berjalan]]</p>
+
<p style="line-height:1.5">[[#g41|Gambar 4.1. UseCase sistem yang diusulkan]]</p>
<p style="line-height:1.5">[[#g36|Gambar 3.6. Sequence Diagram Surat Masuk Sistem Yang Berjalan]]</p>
+
<p style="line-height:1.5">[[#g41|Gambar 4.2. Sequence Diagram User]]</p>
<p style="line-height:1.5">[[#g37|Gambar 3.7. Sequence Diagram Surat Keluar Sistem Yang Berjalan]]</p>
+
<p style="line-height:1.5">[[#g43|Gambar 4.3. Activity Diagram Admin]]</p>
<p style="line-height:1.5">[[#g41|Gambar 4.1. UseCase Diagram Sistem yang Diusulkan]]</p>
+
<p style="line-height:1.5">[[#g44|Gambar 4.4. Class Diagram Teknisi]]</p>
<p style="line-height:1.5">[[#g41|Gambar 4.2. Activity Diagram Sistem yang Diusulkan]]</p>
+
<p style="line-height:1.5">[[#g45|Gambar 4.5. Tampilan Menu Login]]</p>
<p style="line-height:1.5">[[#g43|Gambar 4.3. Sequence Diagram Sistem yang Diusulkan]]</p>
+
<p style="line-height:1.5">[[#g46|Gambar 4.6. Tampilan Halaman Utama Admin]]</p>
<p style="line-height:1.5">[[#g44|Gambar 4.4. Class Diagram Sistem yang Diusulkan]]</p>
+
<p style="line-height:1.5">[[#g47|Gambar 4.7. Tampilan Halaman Utama Staf Gudang]]</p>
<p style="line-height:1.5">[[#g45|Gambar 4.5. Halaman Login]]</p>
+
<p style="line-height:1.5">[[#g48|Gambar 4.8. Tampilan Daftar Obat]]</p>
<p style="line-height:1.5">[[#g46|Gambar 4.6. Halaman Utama Aplikasi]]</p>
+
<p style="line-height:1.5">[[#g49|Gambar 4.9. Tampilan Utama Marketing]]</p>
<p style="line-height:1.5">[[#g47|Gambar 4.7. Halaman Surat Masuk]]</p>
+
<p style="line-height:1.5">[[#g410|Gambar 4.10. Tampilan Daftar Permintaan]]</p>
<p style="line-height:1.5">[[#g48|Gambar 4.8. Input Surat Masuk]]</p>
+
<p style="line-height:1.5">[[#g49|Gambar 4.9. Halaman Disposisi]]</p>
+
<p style="line-height:1.5">[[#g410|Gambar 4.10. Tambah Disposisi]]</p>
+
<p style="line-height:1.5">[[#g410|Gambar 4.10. Tambah Disposisi]]</p>
+
<p style="line-height:1.5">[[#g410|Gambar 4.10. Tambah Disposisi]]</p>
+
<p style="line-height:1.5">[[#g41|Gambar 4.1. UseCase Diagram Sistem yang Diusulkan]]</p>
+
<p style="line-height:1.5">[[#g41|Gambar 4.2. Activity Diagram Sistem yang Diusulkan]]</p>
+
<p style="line-height:1.5">[[#g43|Gambar 4.3. Sequence Diagram Sistem yang Diusulkan]]</p>
+
<p style="line-height:1.5">[[#g44|Gambar 4.4. Class Diagram Sistem yang Diusulkan]]</p>
+
<p style="line-height:1.5">[[#g45|Gambar 4.5. Halaman Login]]</p>
+
<p style="line-height:1.5">[[#g46|Gambar 4.6. Halaman Utama Aplikasi]]</p>
+
<p style="line-height:1.5">[[#g47|Gambar 4.7. Halaman Surat Masuk]]</p>
+
<p style="line-height:1.5">[[#g48|Gambar 4.8. Input Surat Masuk]]</p>
+
<p style="line-height:1.5">[[#g49|Gambar 4.9. Halaman Disposisi]]</p>
+
<p style="line-height:1.5">[[#g410|Gambar 4.10. Tambah Disposisi]]</p>
+
<p style="line-height:1.5">[[#g411|Gambar 4.11. Halaman Surat Keluar]]</p>
+
<p style="line-height:1.5">[[#g412|Gambar 4.12. Input Surat Keluar]]</p>
+
<p style="line-height:1.5">[[#g413|Gambar 4.13. Halaman Agenda Surat Masuk]]</p>
+
<p style="line-height:1.5">[[#g414|Gambar 4.14. Halaman Agenda Surat Keluar]]</p>
+
<p style="line-height:1.5">[[#g415|Gambar 4.15. Halaman Galeri Surat Masuk]]</p>
+
<p style="line-height:1.5">[[#g416|Gambar 4.16. Halaman Detail Surat Masuk]]</p>
+
<p style="line-height:1.5">[[#g417|Gambar 4.17. Halaman Galeri Surat Keluar]]</p>
+
<p style="line-height:1.5">[[#g418|Gambar 4.18. Halaman Detail Surat Keluar]]</p>
+
<p style="line-height:1.5">[[#g419|Gambar 4.19. Halaman Klasifikasi]]</p>
+
<p style="line-height:1.5">[[#g420|Gambar 4.20. Tambah Klasifikasi Surat]]</p>
+
<p style="line-height:1.5">[[#g421|Gambar 4.21. Halaman Pengaturan]]</p>
+
<p style="line-height:1.5">[[#g422|Gambar 4.22. Halaman Tambah User]]</p>
+
<p style="line-height:1.5">[[#g423|Gambar 4.23. Halaman Login Aplikasi]]</p>
+
<p style="line-height:1.5">[[#g424|Gambar 4.24. Halaman Utama]]</p>
+
<p style="line-height:1.5">[[#g425|Gambar 4.25. Halaman Aktifitas Surat Masuk]]</p>
+
<p style="line-height:1.5">[[#g426|Gambar 4.26. Halaman Penginputan Surat Masuk]]</p>
+
<p style="line-height:1.5">[[#g427|Gambar 4.27. Halaman Disposisi]]</p>
+
<p style="line-height:1.5">[[#g428|Gambar 4.28. Halaman Aktifitas Surat Keluar]]</p>
+
<p style="line-height:1.5">[[#g429|Gambar 4.29. Halaman Penginputan Surat Keluar]]</p>
+
<p style="line-height:1.5">[[#g430|Gambar 4.30. Halaman Agenda Surat Masuk]]</p>
+
<p style="line-height:1.5">[[#g431|Gambar 4.31. Tampilan Cetak Agenda Masuk]]</p>
+
<p style="line-height:1.5">[[#g432|Gambar 4.32. Halaman Agenda Surat Keluar]]</p>
+
<p style="line-height:1.5">[[#g433|Gambar 4.33. Tampilan Cetak Agenda Keluar]]</p>
+
<p style="line-height:1.5">[[#g434|Gambar 4.34. Halaman Galeri Surat Masuk]]</p>
+
<p style="line-height:1.5">[[#g435|Gambar 4.35. Halaman Detail Surat Masuk]]</p>
+
<p style="line-height:1.5">[[#g436|Gambar 4.36. Halaman Galeri Surat Keluar]]</p>
+
<p style="line-height:1.5">[[#g37|Gambar 4.37. Halaman Detail Surat Keluar]]</p>
+
<p style="line-height:1.5">[[#g38|Gambar 4.38. Halaman Klasifikasi Surat]]</p>
+
<p style="line-height:1.5">[[#g439|Gambar 4.39. Halaman Tambah Klasifikasi Surat]]</p>
+
<p style="line-height:1.5">[[#g440|Gambar 4.40. Halaman Manajemen User]]</p>
+
<p style="line-height:1.5">[[#g441|Gambar 4.41. Halaman Backup Database]]</p>
+
<p style="line-height:1.5">[[#g442|Gambar 4.42. Halaman Download Database]]</p>
+
<p style="line-height:1.5">[[#g443|Gambar 4.43. Halaman Restore Database]]</p>
+
<p style="line-height:1.5">[[#g444|Gambar 4.44. Halaman Restore Database]]</p>
+
 
</div>
 
</div>
 
|}
 
|}
Baris 588: Baris 509:
  
 
<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">Perkembangan zaman yang sangat cepat diikuti dengan berkembangnya
+
<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.
kemajuan dalam bidang teknologi maupun sistem informasi, yang sangat berpengaruh
+
.</p></div>
di Indonesia termasuk dalam bidang pendidikan. Yang mana pada zaman ini banyak
+
sekolah yang belomba-lomba untuk menunjukan keunggulan dan meningkatkan mutu
+
yang dimiliki dalam berbagai bidang khususnya dibidang teknologi dan sistem
+
informasi. Sehingga banyak terjadi persaingan dalam mempromosikan kualitas
+
masing-masing sekolah. Dalam memajukan kualitas sekolah diperlukan manajemen
+
yang tepat, sarana dan prasarana yang memadai, sumberdaya yang baik, juga
+
teknologi dan sistem informasi yang mendukung. Dalam hal Ini pengolahan informasi
+
tentunya sangat bergantung dengan teknologi dan sistem informasi yang baik, agar
+
pengolahan infomasi dapat 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">Dalam pengolaan data surat masuk dan surat keluar pada SMK 1 Yuppentek
+
<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.
Tangerang dilakukan oleh bagian pengarsipan masih secara manual, sehingga
+
. </p></div>
menerima banyak jenis surat yang berbeda lalu menuliskan di buku besar atau
+
mencatat beberapa bagian dari surat seperti : tanggal surat, nomor surat, asal surat,
+
diterima oleh pihak sekolah tanggal berapa. Pada instansi tersebut pengarsipan yang
+
masih dilakukan dengan cara menuliskan ke buku besar dan masih lambat kemudian
+
didata dengan cara mencatat kedalam buku besar. Jumlah data yang sangat banyak
+
jika data tidak dikelola dengan baik, teliti, dan teratur, maka akan menimbulkan suatu
+
permasalahan, sehingga diperlukan pembuatan sistem informasi yang mendukung
+
kinerja dari instansi yang bersangkutan.</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">SMK 1 Yuppentek menemukan banyak kendala dalam melakukan proses
+
<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.
pencatatan surat masuk, disposisi, dan surat keluar, yaitu : proses mengelola data surat
+
</P>
masuk surat keluar pada saat pencarian data dibutuhkan dengan cepat, pada saat
+
 
pencarian terkadang membutuhkan waktu yang lama, banyak penumpukkan surat
+
<p style="line-height:2"> 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.
masuk surat keluar yang masuk masih belum tersusun dengan rapi dalam
+
 
pengarsipannya.</p>
+
</p></div>
<p>Sebagai upaya untuk mengatasi kendala-kendala tersebut, dibutuhkan aplikasi
+
 
sistem informasi berbasis web yang menangani pencatatan surat masuk, Pengelolaan
+
<p style="line-height:2">   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 ”. </p> </div>
disposisi, dan pencatatan surat keluar. Diharapkan dengan sistem informasi tersebut,
+
 
Pimpinan dapat melakukan disposisi kapanpun dan dimanapun, sehingga
+
 
pendistribusian surat masuk bisa tepat waktu. Selain itu pembuatan laporan dapat
+
dilakukan tanpa memakan waktu yang lama</p>
+
<p>Sistem yang diusulkan yaitu sistem yang dapat mengelola pengarsipan surat
+
masuk surat keluar pada saat pencarian data dapat dengan cepat ditemukan untuk
+
keperluan SMK 1 Yuppentek. Peranan teknologi dan sistem informasi tak bisa
+
dipungkiri sering kali dijadikan solusi atau jalan keluar bagi permasalahan yang
+
sedang dihadapi. Berdasarkan permasalahan diatas maka diperlukan adanya
+
penelitian, maka penulis mengambil judul Skripsi “'''PERANCANGAN SISTEM INFORMASI SURAT MASUK DAN SURAT KELUAR BERBASIS WEB PADA SMK 1 YUPPENTEK KOTA TANGERANG'''”.</p>
+
</div>
+
  
 
==<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: 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">Berdasarkan latar belakang yang di kemukakan di atas maka permasalahan yang
+
<p style="line-height:2"> Berdasarkan latar belakang yang sudah dipaparkan di atas, peneliti menemukan permasalahan sebagai berikut:
sedang dihadapi oleh SMK 1 Yuppentek Tangerang yang ingin di bahas dalam
+
</p></div>
penelitian ini dapat dirumuskan, yaitu :</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;">
 
<ol>
 
<ol>
<li style="text-align: justify;line-height: 2;">Bagaimana sistem pengelolaan surat masuk dan surat keluar yang berjalan saat ini pada SMK 1 Yuppentek Tangerang?
+
<li style="text-align: justify;line-height: 2;"> Bagaimana system pemesanan menu yang sedang berjalan saat ini ?
<li style="text-align: justify;line-height: 2;">Bagaimana merancang sistem pengarsipan surat masuk surat keluar agar terkelola dengan baik pada saat pencarian data secara otomatis?
+
 
<li style="text-align: justify;line-height: 2;">Apakah pengarsipan surat masuk surat keluar sudah tersimpan dengan baik pada SMK 1 Yuppentek 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>
 
</div>
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Ruang Lingkup'''</div>==
+
==<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">Penulis membatasi penelitian ini yaitu dimana surat masuk dimulai dari surat
+
<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 :
masuk diterima oleh security kemudian diberikan kepada staf TU bagian persuratan
+
</p>
untuk dicatat tanggal penerimaannya, ditulis tanggal dan nomor surat, dicatat asal
+
<ol>
surat, ditunjukan kepada siapa kemudian disampaikan kepada yang bersangkutan
+
<li> Website pemesanan menu yang ingin dibuat hanya dapat digunakan pada lokasi Kafe Rute 15 Pasar Lama Tangerang
sesuai isi suratnya, misalnya : ditujukan kepada kepala sekolah, ditulis oleh staf
+
<li> Website pemesanan menu ini hanya berfokus pada pemesanan menu makanan dan minuman saja.
persuratan dan diarsipkan oleh staf persuratan, kemudian surat keluar ditujukan
+
<li> Website pemesanan menu ini menampilkan daftar menu makanan, yang bisa dilihat pelanggan untuk melakukan pemesanan menu.
kepada Kepala Dinas Pendidikan &amp; Kebudayaan Provinsi Banten, ditulis dan
+
</ol>
diarsipkan oleh staf persuratan.</p></div>
+
</div>
  
 
==<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: left;">'''Tujuan dan Manfaat Penelitian'''</div>==
Baris 664: Baris 559:
 
===<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: left;">'''Tujuan 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">Tujuan dari penelitian di uraikan sebagai berikut:</p>
+
<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>
  
 
<ol>
 
<ol>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Merancang sebuah sistem surat masuk surat keluar pada SMK Yuppentek 1 Tangerang dengan menciptakan laporan persuratan dengan cepat dan akurat.
+
<li> Untuk memudahkan pelanggan dalam melakukan pemesanan makanan pada Kafe Rute 15.
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membuat sistem yang dapat mencari secara otomatis surat masuk surat keluar sehingga dibutuhkan oleh sekolah.
+
<li> Mengetahui bagaimana sistem pemesana menu yang sedang berjalan pada Kafe Rute 15 Pasar Lama Tangerang.  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menjadikan sistem surat masuk dan surat keluar pada SMK Yuppentek 1 Tangerang dapat terkelola dengan baik sehingga surat masuk surat keluar tersusun dengan rapi dalam database.
+
<li> Merancang sistem informasi pemesanan menu berbasis website untuk memudahkan proses pemesanan menu
 
</ol>
 
</ol>
 
</div>
 
</div>
Baris 675: Baris 571:
 
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Manfaat Penelitian'''</div>===
 
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Manfaat 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">Adapun manfaat dari penelitian ini adalah:</p>
+
<p style="line-height:2"> Penelitian yang dilakukan ini tentunya memiliki manfaat, beberapa diantaranya: </p>
 +
 
 +
 
 
<ol>
 
<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">Untuk mempermudah pencarian surat masuk surat keluar pada saat kepala sekolah membutuhkan pencarian menjadi cepat dan akurat.
+
<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.
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membantu TU dalam pengarsipan surat masuk surat keluar yang ada pada SMK 1 Yuppentek.
+
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengelola surat masuk dan surat keluar tertata dengan baik untuk memudahkan bagian TU, untuk jenis surat masuk nya yaitu : surat perintah tugas untuk mengikuti Bimtek Operator Dapodik, surat perintah tugas untuk mengikuti Bimbingsn Teknis Bursa Kerja (BKK) pada kegiatan Pembinaan Kemitraan Bursa Kerja Khusus (BKK) dengan Dunia Kerja dan Pelaku Usaha, surat perintah tugas untuk mengikuti Workshop Penguatan Tupoksi Guru daan Tenaga Pendidikan, dan untuk jenis surat keluar yaitu : Pemberitahuan Ulangan Tengah Semester Berbasis Android, Pembuatan naskah soal UTS Kelas X, XI, &amp; XII, Undangan Operator Dapodik.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Mengurangi penggunaan kertas  berlebih (pepperless).  
 
</ol>
 
</ol>
 
</div>
 
</div>
Baris 687: Baris 587:
  
 
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Pengumpulan Data'''</div>===
 
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Pengumpulan Data'''</div>===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 
<p style="line-height:2">Untuk memperoleh data yang dibutuhkan, penelitian maka penulis menggunakan beberapa metode yaitu :</p>
 
 
<ol>
 
<ol>
<li style="text-align: justify;line-height: 2;">''Metode Observasi''<p style="line-height: 2">yaitu penulis melakukan penelitian secara
+
<p style="line-height:2"> Metode pengumpulan data yang dipakai dalam penelitian terdiri dari langkah – langkah berikut: </p>
langsung dengan cara pengamatan dan pencatatan secara sistematis kendala atau masalah apa saja yang terjadi pada sistem yang sedang berjalan.</p></li>
+
  
<li style="text-align: justify;line-height: 2;">Metode Wawancara<p style="line-height: 2">penulis melakukan penelitian dengan cara wawancara
+
<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.
atau tanya jawab dan bertatap muka secara langsung kepada stackholder yang bersangkutan guna untuk memperoleh data yang lebih detail untuk melengkapi
+
</p></li>
suatu penelitian .</p></li>
+
  
<li style="text-align: justify;line-height: 2;">Metode Studi Pustaka (''library research''), <p style="line-height: 2">selain melakukan observasi penulis juga mencari referensi yang didapat dari membaca buku-buku dan internet yang berhubungan dengan permasalahan yang dibahas .</p></li>
+
<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></li>
 +
 
 +
<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.
 +
.</p></li>
 
</ol>
 
</ol>
</div>
 
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Analisa'''</div>===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Analis '''</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">Metode pada penelitian ini penulis menggunakan analisis kebutuhan-
+
<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.
kebutuhan aplikasi apa saja yang dibutuhkan dalam melakukan perancangan dan
+
</p></div>
hambatan-hambatan yang akan ditemui selama melakukan perancangan.</p>
+
<p style="line-height:2">Melalui analisis data, kita dapat memperoleh temuan ilmiah. Peneliti
+
menggunakan metode analisa PIECES (Performance (Kinerja), Information
+
(Informasi), Economy (Ekonomi), Control/Security (Keamanan), Efficiency
+
(Efisiensi), Service (Pelayanan), yang digunakan untuk menganalisa sistem yang
+
berjalan dari segi kinerja yang sedang berjalan apakah sudah efisien seluruh informasi
+
yang dihasilkan, keamanan sistem tersebut yang tidak terlalu banyak memakan biaya
+
yang cukup besar sampai kepada pelayanan yang diberikan.</p></div>  
+
  
 
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Perancangan Sistem'''</div>===
 
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Perancangan 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">Perancangan sistem dilakukan setelah tahap selesai. Pada tahap perancangan
+
<ol>
atau tahap dalam mendesain merupakan tahap yang menentukan proses sistem yang
+
<li> 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 Use Case 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.  
baru. Agar mendapatkan hasil akhir yang bermanfaat bagi peneliti dalam metode
+
</ol>
penelitian perancangan sistem yang digunakan yaitu, Notepad++ untuk mencoding
+
</div>
script program, Visual Paradigm for UML interprise Edition digunakan untuk
+
membuat model diagram, sofware XAMPP, dan web browser yang sudah di rancang
+
yaitu Google Chrome.</p></div>
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Prototype'''</div>===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Prototyping perangkat lunak (software prototyping) atau siklus hidup
+
menggunakan protoyping (life cycle using prototyping) adalah salah satu metode
+
siklus hidup sistem yang didasarkan pada konsep model bekerja (working model).
+
Tujuannya adalah mengembangkan model menjadi sistem final. Artinya sistem akan
+
dikembangkan lebih cepat dari pada metode tradisional dan biayanya menjadi lebih
+
rendah.</p>
+
<p>Ciri khas dari metodologi ini adalah pengembang sistem (system developer),
+
klien, dan pengguna dapat melihat dan melakukan eksperimen dengan bagian dari
+
sistem komputer dari sejak awal proses pengembangan.</p></div>
+
  
 
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Pengujian'''</div>===
 
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Pengujian'''</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">Peneliti mengunakan metode pengujian BlackBox Testing. Blackbox testing
+
<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.
adalah metode pengujian perangkat lunak yang menguji fungsionalitas aplikasi yang
+
</p></div>
bertentangan dengan struktur internal atau kerja (lihat pengujian white-box). Alasan
+
menggunakan metode ini karena :</p>
+
<p>1. Untuk mengetahui pesan kesalahan atau umpan balik (feedback) yang diberikan oleh sistem pada tahapan pengujian.</p>
+
<p>2. Untuk dapat menganalisa dan mengevaluasi dari pengujian yang dilakukan pada sistem tersebut.</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: left;">'''Sistematika Penulisan'''</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">Peneliti mengelompokkan materi laporan penelitian Skripsi ini menjadi 5 bab utama yang digunakan untuk mempermudah dalam pembahasan masalah dengan sistematika penyampaian sebagai berikut:</p></div>
+
<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;">
 
<p style="line-height:2">'''BAB I &emsp; PENDAHULUAN'''</p>
 
<p style="line-height:2">'''BAB I &emsp; PENDAHULUAN'''</p>
<p style="line-height:2;">Pada bab ini penulis menguraikan latar belakang, rumusan masalah, ruang lingkup, maksud dan tujuan penelitian, dengan metode penelitian serta sistematika penulisan.</p></div>
+
<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.
 +
</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">'''BAB II &emsp; LANDASAN TEORI'''</p>
 
<p style="line-height:2">'''BAB II &emsp; LANDASAN TEORI'''</p>
<p style="line-height:2;">Bab ini menguraikan tentang penelitian yang meliputi analisa organisasi
+
<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.
yang berisi penjelasan singkat mengenai gambaran umum SMK Yuppentek
+
 
1 Kota Tangerang, sejarah singkat SMK Yuppentek 1 Kota Tangerang,
+
 
Struktur organisasi SMK Yuppentek 1 Kota Tangerang, tata laksana sistem
+
 
yang berjalan, permasalahan atau kendala yang dihadapi yang ada pada
+
</p></div>
sistem persuratan yang sedang berjalan saat ini, dan alteratif pemecahan
+
masalah, elisitasi tahap 1, tahap 2, tahap 3, dan draf final.</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">'''BAB III &emsp; ANALISA SISTEM BERJALAN'''</p>
 
<p style="line-height:2">'''BAB III &emsp; ANALISA SISTEM BERJALAN'''</p>
<p style="line-height:2;">Bab ini berisikan gambaran umum PT Molex Ayus, seperti sejarah singkat, struktur organisasi, tugas dan wewenang, tata laksana sistem yang berjalan, permasalahan yang dihadapi, alternatif pemecahan masalah, serta elisitasi tahap I, II, III dan final draft elisitasi.</p></div>
+
<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;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<p style="line-height:2">'''BAB IV &emsp; RANCANGAN SISTEM YANG DIUSULKAN'''</p>
 
<p style="line-height:2">'''BAB IV &emsp; RANCANGAN SISTEM YANG DIUSULKAN'''</p>
<p style="line-height:2;">Bab ini berisi uraian mengenai usulan prosedur yang baru, rancangan sistem yang diusulkan dalam bentuk diagram UML yang terdiri dari use case diagram, activity diagram, sequence diagram dan class digram, spesifikasi basis data, serta testing dan implementasi sistem.</p></div>
+
<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">'''BAB V &emsp; PENUTUP'''</p>
 
<p style="line-height:2">'''BAB V &emsp; PENUTUP'''</p>
<p style="line-height:2;">Pada bab ini berisikan beberapa kesimpulan dari hasil penelitian serta saran yang diberikan agar penelitian ini dapat dikembangkan dan diperbaiki dikemudian hari oleh para peneliti lainnya.</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;">
Baris 792: Baris 666:
  
 
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Teori Umum'''</div>==
 
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Teori Umum'''</div>==
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Sistem'''</div>===
+
 
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;"> Konsep Dasar Sistem
 +
'''</div>===
 +
 
 
====<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: left;">'''Definisi 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 Maniah dan Dini Hamidini (2017:1)<ref name="Hamidini">Maniah. Dini Hamidini. 2017. Analisis dan Perancangan Sistem Informasi Pembahasan Secara Praktis dengan Contoh Kasus. Yogyakarta: Deepublish.</ref>, mengatakan bahwa “Sistem adalah kumpulan dari elemen-elemen berupa data, jaringan kerja dari prosedur-prosedur yang saling berhubungan, sumber daya manusia, teknologi baik hardware maupun software yang saling berinteraksi sebagai satu kesatuan untuk mencapai tuhuan/sasaran tertentu yang sama”.</p>
 
<p>Menurut muhamad Muslihudin dan Oktafianto (2016:2)<ref name="Muslihudin">Muslihudin, Muhamad, Oktafianto. 2016. Analisi dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML. Yogyakarta: CV. Andi Offset.</ref>, mendefinisikan “Sistem adalah sekumpulan komponen-komponen atau jaringan kerja dari prosedur-prosedur yang saling berkaitan dan saling bekerja sama membentuk suatu jaringan kerja untuk mencapai sasaran atau tujuan tertentu”.</p>
 
<p>Maka dari definisi diatas dapat disimpulkan bahwa Sistem merupakan kumpulan elemen - elemen yang saling berkaitan satu sama lain dan saling bekerja sama untuk mencapai suatu tujuan dari sistem tersebut.</p></div>
 
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Karakteristik Sistem'''</div>====
+
<p> Menurut Tyoso (2016:1), “Sistem merupakan suatu kumpulan dari komponen komponen yang membentuk satu kesatuan”, sedangkan Anggraeni (2016:23) 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), 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).
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
.</p>
<p style="line-height:2">Menurut Jogiyanto dalam Irwan (2017:126-127) agar sistem dapat dikatakan sistem yang baik, maka sistem harus memiliki : </p>
+
<ol>
+
<li>Komponen
+
<p>Suatu sistem terdiri dari sejumlah komponen-komponen yang saling berinteraksi, yang artinya saling bekerja sama.</p>
+
<li>Batasan sistem (boundary)
+
<p>Batasan sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lain atau dengan lingkungan luarnya.</p>
+
<li>Lingkungan luar sistem (environment)
+
<p>Lingkungan  luar sistem  adalah  diluar batas  dari  sistem  yang mempengaruhi operasi sistem.</p>
+
<li>Penghubung sistem (interface)
+
<p>Penghubung sistem merupakan media penghubung antara satu subsistem dengan subsistem lainnya.</p>
+
<li>Masukkan sistem (input)
+
<p>Masukkan adalah energi yang dimasukkan kedalam sistem, yang dapat berupa perawatan (maintenance input) dan masukkan sinyal (signal input).</p>
+
<li>Keluaran sistem (output)
+
<p>Keluaran sistem adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan.</p>
+
<li>Pengolah sistem
+
<p>Suatu sistem menjadi bagian pengolah yang akan merubah masukkan menjadi keluaran.</p>
+
<li>Sasaran sistem
+
<p>Suatu sistem pasti mempunyai tujuan (goal) atau sasaran (objective). Sasaran dari sistem sangat menentukan input yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem</p>
+
</ol>
+
</div>
+
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Klasifikasi Sistem'''</div>====
+
<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 style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Menurut Jaluanto Sunu Punjul Tyoso (2016:5-7)<ref name="Tyoso">Tyoso, J. S. P. (2016). Sistem Informasi Manajemen. Deepublish.</ref>, mengemukakan beberapa aspek dari suatu sistem mengizinkan kita untuk mengklasifikasikan sistem relevan dengan sistem informasi. Berikut penjelasannya :</p>
+
<ol>
+
<li>Sistem Alamiah (Natural System) muncul secara alamiah tanpa campur tangan manusia adalah sebuah sistem, sistem pencernaan yaitu subsistem tubuh manusia.
+
<li>Sistem Tiruan (Artificial Sistem) diciptakan untuk mendukung tujuan tertentu. Ukuran keberhasilan sistem tiruan yaitu efektivitas dan efisiensi (berhasil guna dan berdaya guna).
+
<li>Sistem Deterministik (Deterministic System), bekerjanya sistem dapat diramalkan sebelumnya. Masukan sistem ini secara pasti menentukan jenis keluarannya. Sebuah microprocessor chip atau paket perangkat lunak program tertentu yaitu contoh sistem ini.
+
<li>Sistem Probabilistik (Probabilistic System) dapat dilacak hanya dengan menggunakan nilai distribusi probabilitas selalu ada ketidakpastian nilai yang sesungguhnya pada sembarang waktu. Organisasi dan sistem informasi adalah sebuah probabilistic, tingkah laku mereka lebih susah ditentukan jika dibandingkan dengan sebuah central processor komputer.
+
<li>Sistem Tertutup (Closed System) pada sistem ini tidak terjadi pertukaran atau penggunaan sumber daya dengan atau dari lingkungannya, mengingat sistem ini tidak menggunakan input dari lingkungannya, maka output dari sistem ini tidak bertalian dengan lingkungannya pula. Batu baterai atau traffic light yaitu contoh sistem tertutup, sistem ini akan habis masa pakainya bersamaan dengan habisnya sumber daya yang dipakai atau dengan sengaja pihak perusahaan menghentikan yang bersangkutan karena telah mencapai tujuannya.
+
<li>Sistem terbuka (Opened System) menggunakan sumber daya dari lingkungannya sehingga keluarannya berkaitan dengan lingkungannya juga. Masukkan dan keluaran sistem ini dapat diketahui atau ditentukan dan ada yang tidak diketahui sama sekali (predefined and unknown or output). Dengan demikian, kita harus memilih input dan output seperti yang diharapkan.
+
<li>Diantara kedua sistem tersebut (terbuka dan tertutup) terdapat suatu sistem relatif tertutup (relatively closed system). Sistem ini melakukan pertukaran sumber daya dengan lingkungannya hanya melalui input dan output yang telah ditentukan terlebih dahulu dengan baik. Input dan output tersebut dipastikan bersamaan dengan dirancangnya sistem ini, inputnya dikendalikan sehingga cocok dengan rancang bangun sistem relatif tertutup.
+
</ol>
+
</div>
+
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Data dan Informasi'''</div>===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 
<p style="line-height:2">Di bab ini membahas mengenai definisi data, definisi informasi, dan kualitas informasi.</p></div>
 
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Data'''</div>====
+
<p>Menurut Budi Santoso dalam Jurnal Teknologi Informasi MURA (2018:100)<ref name="Santoso, B.">Santoso, B. (2017). Perancangan Aplikasi OLAP (ONLINE ANALITYCAL PROCESSING) Penjualan Buku Pada Toko Buku Gramedia Lubuk Linggau Dengan Metode Clustering. Jurnal Teknologi Informasi MURA, 9(2), 98-107</ref>, “Perancangan sistem adalah tahap yang dilakukan setelah melakukan analisis sistem, pendefinisian kebutuhan-kebutuhan sistem yang akan dibangun, dan persiapan untuk merancang bangun implementasi sistem dengan menggambarkan sistem yang akan dibangun”.</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Menurut Aris dkk dalam Jurnal SENSI Vol.2 No.1 (2016: 74)<ref name="Aris">Aris, Donatus Agus Andriyanto, Yudha Surya Putra. 2016. “Aplikasi Sistem Penjualan Perlengkapan Taekwondo Berbasis Online Pada Toko Sport Taekwondo Mawar Hitam Kab. Tangerang”. Jurnal SENSI Vol. 2 No. 1 - Februari 2016 ISSN: 2461-1409. Tangerang: Perguruan Tinggi Raharja.</ref>  “Data disebut sebaai kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata”</p>
+
<p>Menurut Kusnady dan Ardiman Siregar (2018:10)<ref name="Kusnady">Kusnady, Diding dan Ardiman Siregar. 2018. Sistem informasi biaya Pendidikan (BPP) pada Politeknik Ganesha Medan Berbasis Web. Medan : politeknik Ganesha Medan. Jurnal Institusi Politeknik Ganesha Medan. Vol. 1 No.1 :10.</ref> mendefinisikan “Data merupakan jamak dan bentuk tunggal, data merupakan informasi dalam bentuk mentah yang belum dapat diceritakan sehingga perlu diolah lebih lanjut.</p>
+
<p>Dari beberapa pernyataan di atas mengenai definisi data dapat ditarik kesimpulan bahwa data ialah fakta dari suatu kejadian atau peristiwa yang terjadi pada suatu objek berupa benda tempat maupun orang, yang mana merupakan hasil dari pengukuran atau pengamatan, hasilnya dapat berupa angka, huruf, symbol, symbol khusus atau gabungan darinya.</p></div>
+
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Informasi'''</div>====
+
<p>Menurut Oleh Soleh dkk Jurnal Semnasteknomedia Vol.6 No.1 (2018:128)<ref name="Soleh, Oleh,">Soleh, Oleh, Futri Yunita Aulia, Anis Khoirotun Nisa. 2018. Aplikasi Monitoring Jumlah Bibit Tanaman Menggunakan Analisa Balance Score Card pada UPTD TPA Rawa Kucing Kota Tangerang. Jurnal Semnasteknomedia Vol.6 No.1 Hal: 128-132</ref>, “Sistem adalah suatu rangkaian yang terdiri dari dua atau lebih komponen yang saling berhubungan dan saling berinteraksi satu sama lain untuk mencapai tujuan dimana sistem biasanya terbagi dalam sub sistem yang lebih kecil yang mendukung sistem yang lebih besar”.</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Menurut Eko Amri Jaya (2016:1)<ref name="Jaya">Jaya, Amri Eko. 2016. Perancangan Sistem Informasi Persediaan Stock Parfum Dengan Menggunakan Bahasa Pemrograman Visual Basic.Net dan Database Access Pada Toko Gofha Perfume. Padang: Jurnal Sains dan Teknologi Vol. 16, No. 1, Juni 2016.</ref> mengemukakan, “Informasi adalah data yang diolah dan berguna bagi si pemakai. Terkadang informasi juga dapat dimaknai sebagai proses lebih lanjut dari data dan memiliki nilai tambah”.</p>
+
<p>Sedangkan Menurut Mulyati dkk dalam Jurnal ICIT Vol.4 No.2 (2018)<ref name="Mulyati">Mulyati, M., Tarmizi, R., dan Panugali, A. (2018). Sistem Informasi Absensi Berbasis Web Pada Badan Penanggulangan Bencana Daerah Kota Tangerang. ICIT Journal Vol. 4 No.2, 2018.</ref> Informasi  adalah   sebuah  nilai,  arti  atau  manfaat yang dihasilkan  dari   proses pengolahan  berbagai sumber data.</p>
+
<p>Maka dari definisi diatas dapat ditarik kesimpulan data adalah informasi yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya</p></div>
+
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Kualitas Informasi'''</div>====
+
<p>Berdasarkan pendapat diatas maka dapat diambil kesimpulan bahwa perancangan merupakan tahapan awal sebelum membuat suatu sistem, pada proses perancangan tersebut memuat tentang komponen apa saja yang membangun, bagaimana cara kerjanya, apa yang dihasilkan dari sistem yang akan dibuat.</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Menurut Deleno Mc Lean dalam Eko Budi Setiawan [2016:2]<ref name="Setiawan">Setiawan. Eko Budi. 2016. “Pembangunan Sistem Informasi Pengolahan Kerja Praktek di Perguruan Tinggi”. Jurnal ULTIMA Vol 7 No 1.</ref> kualitas informasi baru didukung dengan indikator-indikator sebagai berikut:</p>
+
<ol>
+
<li>Completeness
+
<p>Suatu informasi yang dilakukan oleh sistem informasi dapat di katakan berkualitas jika informasi yang dihasilkan lengkap, informasi yang lengkap ini sangat di butuhkan oleh penguna dalam pengambilan keputusan informasi yang lengkap ini mencakup seluruh informasi yang dibutuhkan penguna.</p>
+
<li>Relevance
+
<p>Kualitas informasi dikatakan releven apabila informasi tersebut mempunyai manfaat bagi pengunannya.</p>
+
<li>Accurate
+
<p>Informasi yang dihasilkan oleh sistem informasi harus akurat karena sangan berguna bagi penguna dalam hal pengambilan keputusan. Informasi yang akurat harus terbebas dsri kesalahan-kesalahan. Akurat juga informasi tersebut hatus jelas dengan kata lain harus mencermikan maksud dari informasi yang disediakam oleh sistem informasi.</p>
+
<li>Timeliness
+
<p>Informasi yang datang kepada penerima tidak boleh terlambat, dengan kata lain untuk informasi yang sudah usang maka informasi tersebut udah tidak memiliki nilai lagi, karena informasi landasan didalam pengambilan keputusan.</p>
+
<li>Format
+
<p>Maksudnya agar memudahkan pengguna untuk memahami informasi yangdisediakan oleh sistem informasi mencerminkan kualitas informasi yang baik. Jika informasi yang disajikan dalam bentuk yang tepat maka informasi yang dihasilkan dianggap berkualitas, tujuannya untuk memudahkan pengguna.</p>
+
</ol>
+
 
</div>
 
</div>
  
===<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: left;">'''Tujuan Perancangan 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">Di bab ini membahas mengenai definisi sistem informasi dan komponen informasi.</p></div>
+
<p style="line-height:2">Menurut Muharto & Arisandy (2016:103)<ref name="Muharto">Muharto dan Arisandy Ambarita. 2016. Mengatasi Kesulitan Mahasiswa Dalam Menyusun Proposal Penelitian”. Yogyakarta: Depublish.</ref>. “Tujuan Perancangan sistem untuk memenuhi kebutuhan pemakai (user). Untuk memberikan gambaran yang jelas dan menghasilkan rancangan bangun yang lengkap kepada pemrograman komputer dan ahli-ahli teknik lainnya yang terlibat dakam pengembangan atau pembuatan sistem".</p></div>
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Sistem Informasi'''</div>====
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar 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 Sri Rahayu dkk dalam Jurnal Sensi Vol.4 No.1 (2018)<ref name="Rahayu">Rahayu, Sri, Euis Siti Nur Aisyah dan Dhevi Nanda Harwin. 2018. “Rancang Bangun Sistem Database Proses Arsip Pajak Kendaraan Bermotor (Studi Kasus UPT Samsat Balaraja)”. Prosiding Seminar Nasional Telekomunikasi dan Informatika (SELISIK 2018) Bandung: Sekolah Tinggi Teknologi Bandung.</ref> “Mendefinisikan sistem Informasi 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>
+
<p style="line-height:2">Menurut Jaluanto Sunu Tunjul Tyoso (2016:1)<ref name="Tyoso,">Tyoso, Jaluanto Sunu Punjul.2016. Sistem Informasi Manajemen. Ed.1, Cet.1.Yogyakarta: Deepublish, 2016.</ref>, “Sistem secara umum mempunyai makna sebagai suatu rangkaian yang terdiri dari berbagai elemen yang saling berinteraksi untuk mencapai tujuan tertentu”.</p>
<p>Menurut Witarto dalam Nur dkk (2017: 57),<ref name="Aristania, Nur">Aristania, Nur dan Indah Uly Wardati. 2017. Pembuatan Sistem Informasi Pengelolaan Persediaan Barang Dan Data Proyek Gypsum Pada Utomo Gypsum. Journal Speed Vol 9 No 1.</ref> “Sistem informasi disebut sebagai sistem yang berisi jaringan SPD (sistem pengolahan data), yang dilengkapi dengan kanal-kanal komunikasi yang digunakan dalam sistem organisasi data. Elemen proses dari sistem informasi antara lain mengumpulkan data (data gathering), mengolah data yang tersimpan, menyebarkan informasi”.</p>
+
 
<p>Berdasarkan definisi tersebut dapat disimpulkan bahwa sistem informasi adalah suatu kumpulan dari komponen-komponen yang saling berhubungan dan saling terintegrasi untuk menghasilkan informasi yang berguna bagi perusahaan.</p></div>
+
<p style="line-height:2">Menurut Sri Rahayu, dkk (2018:03)<ref name="Rahayu,">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 Vol. 4 No. 1, 2018.]</ref>, "Sistem adalah suatu himpunan suatu “benda” nyata atau abstrak yang terdiri dari bagian-bagian atau komponen-komponen yang saling berkaiatan, berhubungan, berketergantungan, saling mendukung yang secara keseluruhan bersatu dalam satu kesatuan untuk mencapai tujuan tertentu secara efisien dan efektif”</p>
 +
 
 +
<p style="line-height:2">Berdasarkan pendapat diatas maka dapat diambil kesimpulan bahwa sistem merupakan  seperangkat elemen yang saling berhubungan yang bersama-sama mencapai tujuan tertentu dalam proses yang dapat mendukung system yang lebih besar dan saling memiliki ketergantungan dalam mencapai tujuan tertentu.
 +
</p></div>
  
====<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: left;">'''Karakteristik 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 Choirul Muallifah, Bambang Eka Purnama dkk dalam Jurnal Speed – Sentra Penelitian Engineering dan edukasi Vol. 8 No. 2 (2016:10)<ref name="Mualifah">Mualifah,   Choirul.   Bambang  dan   Sukadi.   2016.   Sistem  Informasi Penjualan Barang Pada Bengkel Karunia Motor Arjosari. Journal Speed – Sentra Penelitian Engineering dan Edukasi Vol. 8, No. 2, 2016.</ref>, komponen sistem informasi sebagai berikut:</p>
+
<p>Menurut Rosmila, Muh. Yamin, LM. Tajidun (2016:227)<ref name="Rosmila,">Rosmila, Muh. Yamin, dan LM. Tajidun. 2016. “Aplikasi Pembagian Harta Warisan Menurut Hukum Islam Dengan Menggunakan Metode Algoritma Genetika”. Jurnal SemanTIK. Vol.2 No.2, ISSN : 25018928</ref>, sebuah sistem mempunyai karakteristik atau sifat-sifat tertentu yaitu:</p>
 
<ol>
 
<ol>
<li>Blok Masukan ( Input Block )
+
<li>Memiliki Komponen, suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, bekerja sama membentuk satu kesatuan. Komponen - komponen sistem dapat berupa suatu subsistem atau bagian – bagian dari sistem.
<p>Input memiliki data yang masuk ke dalam sistem informasi, juga metode-metode untuk menangkap data yang dimasukkan.</p>
+
<li>Batas sistem (Boundary), batas sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya. Batas sistem ini memungkinkan suatu sistem dipandang sebagi suatu kesatuan. Batas suatu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.
<li>Blok Model ( Model Block )
+
<li>Lingkungan Luar Sistem (Environtment), adalah apapun di luar batas dari sistem yang mempengaruhi operasi sistem.
<p>Blok ini terdiri dari kombinasi prosedur logika dan model matematik yang akan memanipulasi data input dan data yang tersimpan di basis data.</p>
+
<li>Penghubung Sistem (Interface), merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya.
<li>Blok Keluaran ( Output Block )
+
<li>Masukkan Sistem (Input), merupakan energi yang diasukkan ke dalam sistem. Masukan dapat berupa masukan perawatan (maintenance input) dan masukan sinyal (signal input). Maintenance input adalah energi yang dimasukkan supaya sistem tersebut dapat beroperasi. Signal input adalah energi yang diproses untuk didapatkan keluaran.
<p>Produk dari sistem informasi adalah keluaran yang merupakan informasi berkualitas dan dokumentasi yang berguna untuk semua tingkatan manjemen serta semua pemakai sistem.</p>
+
<li>Keluaran Sistem (Output), merupakan hasil dari energi yang diolah oleh sistem.
<li>Blok Teknologi ( Technology Block )
+
<li>Pengolahan Sistem (Process), merupakan bagian yang memproses masukan untuk menjadi keluaran yang diinginkan.
<p>Blok teknologi digunakan untuk menerima input, menyimpan, mengakses data, menghasilkan dan mengirimkan keluaran dari sistem secara keseluruhan.</p>
+
<li>Basis Data ( Database Block )
+
<p>Basis data merupakan kumpulan data yang saling berhubungan di perangkat keras komputer dan digunakan perangkat lunak (software) untuk memanipulasinya.</p>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Analisa Sistem'''</div>===
+
====<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;">
+
<p style="line-height:2">Di bab ini menjelaskan mengenai definisi analisa sistem.</p></div>
+
 
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Analisa Sistem'''</div>====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Menurut Muslihudin (2016:27)<ref name="Muslihudin"></ref>, “Analisis sistem adalah teknik pemecahan masalah yang menguraikan bagian-bagian komponen tersebut bekerja dan berinteraksi untuk mencapai tujuan mereka”.</p>
+
<p>Sedangkan menurut Nur Elfi Husda & Yvonne Wangdra (2016:106)<ref name="Wangdra">Husda Elfi Nur dan Wangdra Yvonne. “Pengantar Teknologi Informasi”. Badouse Media,Jakarta 2016.</ref> analisa sistem dapat dikemukakan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasikan permasalahan, kesempatan hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan.</p>
+
<p>Berdasarkan pendapat di atas dapat disimpulkan bahwa analisa sistem adalah suatu kegiatan untuk mengukur sejauh mana sistem yang ada apakah sudah berjalan dengan baik dan sesuai yang harapkan serta sesuai dengan hasil yang ada.</p></div>
+
 
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tahapan-Tahapan Analisa 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">Berikut ini definisi pendapat ahli terhadap definisi dari Tahap-Tahap Analisa Sistem.</p>
+
<p>Klasifikasi sebuah sistem menurut Tyoso (2016:5-7)<ref name="Tyoso,"></ref>, terbagi menjadi beberapa sistem yaitu sebagai berikut:</p>
<p>Menurut Nur Elfi & Husda Yvonne Wangdra (2016:106-107)<ref name="Wangdra"></ref> tahap analisa sistem disebut sebagai tahap krisis dan sangat penting, karna kesalahan dalam tahap ini akan menyebabkan juga kesalahan di tahap selanjutnya. Tahapan ini bisa merupakan tahapan mudah jika klien sangat paham dengan permasalahan akan dihadapi dalam organisasinya dan fungsionalitas dari sistem informasi yang akan dibuat. Tetapi tahap ini bisa menjadi tahap yang paling sulit jika klien tidak bisa mengidentifikasi kebutuhannya atau tertutup terhadap pihak luar yang ingin mengetahui detail-detail proses bisnisnya.</p>
+
<p>Sedangkan menurut Nur Elfi & Husda Yvonne Wangdra (2016:106-107)<ref name="Wangdra"></ref> pada tahap analisis sistem terdapat langkah-langkah dasar yang harus dilakukan oleh seorang. Analis sistem, berikut di antaranya yaitu:</p>
+
 
<ol>
 
<ol>
<li>''Identify'', merupakan proses dilakukan untuk mengidentifikasi masalah.
+
<li>Sistem Alamiah (''Natural System'') Sistem alamiah merupakan sistem yang muncul secara alami tanpa campur tangan dari manusia.
<li>''Understand'', merupakan memahami kerja dari sistem yang ada.
+
<li>Sistem Tiruan (''Artificial System'') Sistem tiruan merupakan sistem yang diciptakan untuk mendukung tujuan tertentu.
<li>''Analysis'', merupakan melakukan analisa terhadap sistem.
+
<li>Sistem Deterministik (''Deterministic System'') Sistem deterministik merupakan sistem yang pekerjaannya dapat diramalkan sebelum terlaksana.
<li>''Report'', merupakan membuat laporan dari hasil analis yang telah dilakukan dalam kurun waktu tertentu.
+
<li>Sistem Probabilistik (''Probabilistic System'') Sistem probabilistik merupakan sistem yang hanya dapat dilacak menggunakan nilai distribusi probabilitas, sebab selalu terdapat nilai ketidakpastian yang sesungguhnya pada setiap waktu.
 +
<li>Sistem Tertutup (''Closed System'') Sistem tertutup merupakan sistem yang tidak terjadi pertukaran atau penggunaan sumber daya dengan atau dari lingkungannya, sebab tidak menggunakan input dari lingkungannya maka output yang dihasilkan tidak bertalian pula dengan lingkungannya.
 +
<li>Sistem Terbuka (''Opened System'') Sistem terbuka merupakan sistem yang menggunakan sumber daya dari lingkungannya, sehingga keluarannya (output) berkaitan dengan lingkungannya juga.
 
</ol>
 
</ol>
 
</div>
 
</div>
  
==<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: left;">'''Konsep Dasar Data dan Informasi'''</div>===
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Surat'''</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;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height:2">Menurut Kamus Besar Bahasa Indonesia surat adalah kertas yang bertulis, secarik kertas sebagai tanda atau keterangan, sesuatu yang ditulis atau tertulis.</p></div>
+
<p>Menurut H.A Rusdiana dan Moch Irfan dalam Triani Amrih Lestari dan Siti Mariah (2018:16)<ref name="Rusdiana, H.A.">Rusdiana, H.A. dan Moch Irfan. 2014. Sistem Informasi Manajemen. Bandung: CV Pustaka Setia.</ref>, “informasi adalah suatu data atau objek yang diproses terlebih dahulu sedemikian rupa sehingga dapat tersusun dan terklasifikasi dengan baik sehingga memiliki arti bagi penerimanya, yang selanjutnya menjadi pengetahuan bagi penerima tentang suatu hal tertentu tersebut, sehingga membantu dalam pengambilan keputusan secara tepat”.</p>  
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Surat Masuk'''</div>===
+
<p>Menurut Sopingi (2015:20)<ref name="Sopingi">Sopingi. Pengantar Statistik Pendidikan. Malang : Gunung Samudera, 2015.</ref>. “Kata data merupakan bentuk jamak dari datum. Secara sederhana data dapat diartikan sebagai keterangan-keterangan tentang suatu hal. Data merupakan kumpulan fakta atau angka atau segala sesuatu yang dapat dipercaya kebenarannya, dan karenanya dapat dijadikan sebagai dasar untuk menarik suatu kesimpulan. Data dapat berupa angka atau bilangan, dan biasanya disebut sebagai data kuantitatif. Data dapat juga berupa konsep atau 18 kategori yang bukan berupa angka, dan biasanya disebut sebagai data kualitatif”.</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Menurut Wursanto yang dikutip oleh Fauzan Masykur dan Ibnu Makruf  Pandu Atmaja dalam Jurnal IJNS (2015:3)<ref name="Masykur">Masykur, Fauzan, dan Ibnu Makruf Pandu Atmaja. 2015. "Sistem Administrasi Pengelolaan Arsip Surat Masuk Dan Surat Keluar Berbasis Web." IJNS – Indonesian Journal on Networking and Security - Vol. 4 No. 3 – Juli 1-7.</ref>, “dikemukakan surat masuk adalah semua jenis surat yang diterima dari organisasi/instansi maupun perorangan, baik yang diterima melalui pos (kantor pos), maupun yang diterima dari kurir (pengantar surat) dengan mempergunakan buku pengiriman”.</p></div>
+
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Surat Keluar'''</div>===
+
<p>Berdasarkan beberapa pendapat para ahli di atas dapat ditarik kesimpulan bahwa data dapat berupa angka, ukuran, kata, kalimat, tulisan-tulisan, uraian cerita, gambar, simbol, tanda, yang belum memiliki ciri-ciri informatif dan belum diinformasikan keberadaannya. Dengan demikian untuk dapat memahaminya maka diperlukan prosedur pengolahan misalnya perhitungan, pengukuran, terhadap data-data yang dimilikinya.</p>
 +
</div>
 +
 
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi 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 style="line-height:2">Menurut Widjaja yang dikutip oleh Fauzan Masykur dan Ibnu Makruf  Pandu Atmaja dalam Jurnal IJNS (2015:3)<ref name="Masykur"></ref>, “ didefinisikan surat keluar adalah surat yang dikeluarkan oleh organisasi atau instansi yang ditujukan kepada organisasi/perorangan diluar organisasi tersebut”.Menurut KBBI (Kamus Besar Bahasa Indonesia) Arsip adalah dokumen tertulis (surat, akta, dan sebagainya), lisan (pidato, ceramah, dan sebagainya), atau bergambar (foto, film, dan sebagainya) dari waktu yang lampau, disimpan dalam media tulis (kertas), elektronik (pita kaset, pita video, disket komputer, dan sebagainya), biasanya dikeluarkan oleh instansi resmi, disimpan dan dipelihara di tempat khusus untuk referensi.</p>
+
<p>Informasi merupakan segala yang sangat umum dan juga sering mendengar yang dikatakan banyak orang seperti: informasinya kurang lengkap, tidak ada informasi, informasi cukup akurat dan lain-lain. Walaupun kata informasi begitu familiar di telinga, mungkin diantaranya masih ada yang belum memahami pengertian dari informasi itu sendiri.</p>  
  
<p>Menurut G.R. Terry dalam Latif dan Aditya (2015:24)“Kearsipan didefinisikan sebagai menempatkan kertas-kertas dalam penyimpanan yang baik menurut aturan yang telah ditetapkan terlebih dulu sedemikian rupa, sehingga setiap kertas bila diperlukan dapat ditemukan kembali dengan mudah dan cepat”</p></div>
+
<p>Berikut ini adalah pengertian dari informasi menurut para ahli dan berbagai sumber:</p>
 
+
<ol>
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Pengarsipan'''</div>===
+
<li>Menurut Lusyani Sunarya, Po. Abas Sunarya dan Jasmine Dara Assyifa dalam Jurnal CCIT Vol. 9 No.1 (2015)<ref name="Sunarya, Lusyani.">Sunarya, Lusyani. 2015. “Keefektifan Media Komunikasi Visual Sebagai Penunjang Promosi Pada Perguruan Tinggi Raharja”. Journal CCIT Vol. 9 No.1, September 2015.</ref>, Informasi  dapat  disimpulkan  sebagai hasil  dari  pengelolaan data dalam suatu bentuk yang  lebih  berguna  dan  lebih berarti bagi penerimanya untuk pengambilan keputusan.
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<li>Menurut Yulia Djahir dan Dewi Pratitia. (2015:8)<ref name="Djahir, Yulia,">Djahir, Yulia, Dan Dewi Pratita. 2015. Bahan Ajar Sistem Informasi Manajemen. Yogyakarta: Deepublish</ref>, “Informasi merupakan satu kesatuan yang tampak maupun tidak tampak fungsinya untuk mengurangi ketidakpastian suatu keadaan atau peristiwa dimasa depan. Informasi terdiri dari data yang telah diambil dan diolah untuk tujuan informatif sebagai kesimpulan, argumen, atau dasar dalam pengambilan keputusan”.
<p>Menurut KBBI (Kamus Besar Bahasa Indonesia) Arsip adalah dokumen tertulis (surat, akta, dan sebagainya), lisan (pidato, ceramah, dan sebagainya), atau bergambar (foto, film, dan sebagainya) dari waktu yang lampau, disimpan dalam media tulis (kertas), elektronik (pita kaset, pita video, disket komputer, dan sebagainya), biasanya dikeluarkan oleh instansi resmi, disimpan dan dipelihara di tempat khusus untuk referensi.</p>
+
</ol>
<p>Menurut G.R. Terry dalam Latif dan Aditya (2015:24)“Kearsipan didefinisikan sebagai menempatkan kertas-kertas dalam penyimpanan yang baik menurut aturan yang telah ditetapkan terlebih dulu sedemikian rupa, sehingga setiap kertas bila diperlukan dapat ditemukan kembali dengan mudah dan cepat”</p>
+
<p>Berdasarkan pendapat diatas maka dapat diambil kesimpulan bahwa informasi adalah data-data yang diolah sehingga memiliki nilai tambah dan bermanfaat bagi pengguna.</p>
 
</div>
 
</div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Jenis-jenis Pengarsipan'''</div>===
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Kualitas 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>a.Arsip Dinamis</p>
+
<p>Menurut Delone Mc Lean dalam penelitian Eko (2016:2)<ref name="Setiawan, Eko Budi">Setiawan, Eko Budi. 2016. “Pembangunan Sistem Informasi Pengelolaan Kerja Praktek di Perguruan Tinggi”. Bandung: Jurnal ULTIMA InfoSys. Vol. VII No. 1.</ref> Kualitas Informasi harus di dukung dengan indikator-indikator berikut :</p>
<p>Pengertian arsip dinamis adalah arsip yang digunakan secara langsung, baik dalam perencanaan, pelaksanaan, dan penyelenggaraan kehidupan kebangsaan secara umum.</p>
+
<ol>
<p>b. Arsip Aktif</p>
+
<li>''Completeness''. Suatu Informasi yang dihasilkan oleh sistem informasi dapat dikatakan berkualitas jika informasi yang dihasilkan lengkap.
<p>Pengertian arsip aktif adalah arsip dinamis yang dibutuhkan dan dipergunakan secara langsung dan terus-menerus dalam penyelenggaraan administrasi.
+
<li>''Relevance''. Kualitas Informasi dikatakan relevan apabilainformasi tersebut mempunyai manfaat bagi penggunanya.
<p>c. Arsip Inaktif</p>
+
<li>''Accurate''. Informasi yang dihasilkan oleh sistem harus akurat karena sangat berguna bagi pengguna dalam hal pengambilan keputusan.
<p>Pengertian arsip inaktif adalah arsip dinamis yang frekuensi penggunaannya menurun untuk penyelenggaraan administrasi.</p>
+
<li>''Timeliness''. Informasi yang datang kepada penerima tidak boleh terlambat.
<p>d. Arsip Statis</p>
+
<li>''Format''. Maksudnya agar memudahkan pengguna untuk memahami informasi yang disediakan oleh sistem informasi mencerminkan kualitas informasi yang baik.
<p>Pengertian arsip statis adalah arsip yang digunakan secara tidak langsung, baik untuk perencanaan penyelenggaraan kehidupan, kebangsaan secara umum, dan juga untuk penyelenggaraan administrasi negara.</p>
+
</ol>
<p>e. Arsip Duplikasi</p>
+
<p>Pengertian arsip duplikasi adalah arsip yang bentuk dan isinya sama dengan arsip yang asli.</p>
+
 
</div>
 
</div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Notepad++'''</div>===
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Nilai 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 style="line-height:2">Menurut Madcom (2016)<ref name="Madcom">Madcom. 2016. Pemrograman PHP danMySQL Untuk Pemula. Yogyakarta: C.V Andi.</ref> Vol 2, No. 2 Oktober 2018  “Notepad++ adalah sebuah editor yang sangat berguna dalam membuat program, Notepad++ menggunakan komponen scinintilla untuk menampilkan teks dan erkas kode sumber berbagai bahasa pemograman yang berjalan di atas sistem operasi M.windows”. </p>
+
<p>Menurut Nur Azizah, dkk dalam Jurnal SENSI Vol.3 No.1 (2017:17)<ref name="Azizah, Nur, Lina Yuliana dan Elsa Juliana">Azizah, Nur, Lina Yuliana dan Elsa Juliana. 2017. Rancang Bangun Sistem Informasi Penggajian Karyawan Harian Lepas Pada PT Flex Indonesia. Jurnal SENSI Vol.3 No.1 - Februari 2017 ISSN : 2461-1409.</ref>, Suatu informasi dikatakan bernilai bila informasi lebih efektif dibandingkan dengan biaya mendapatkannya. Pengukuran suatu nilai informasi biasanya dihubungkan dengan Analysis Cost Effectiveness atau Cost Benefit. Adapun 10 (sepuluh) sifat yang dapat menentukan nilai informasi yaitu sebagai berikut:</p>
<p>Menurut Achmad Sidik, Lilis Sakuroh dkk dalam Jurnal Sisfotek Global Vol. 7 No. 2 (2017:82)<ref name="Sidik">Sidik, Achmad. Lilis dan Diana. 2017. Perancangan Sistem Informasi Filling di PT BCA Cabang MH Thamrin Tangerang. Jurnal SISFOTEK Global Vol. 7, No. 2, September 2017.</ref>, “ didefinisikan Notepad++ adalah program penyunting teks dan penyunting kode sumber yang berjalan di sistem operasi windows”.</p></div>
+
 
+
===<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 style="line-height:2">Menurut Ranci V. Palit, dkk dalam E-Jurnal Teknik Elektro dan Komputer Vol. 4 No. 7 (2015:2)<ref name="Palit">Palit, V Randi. Yaulie dan Arie. 2015. Rancangan Sistem Informasi Keuangan Gereja Berbasis Web di Jemaat GMIM Bukit Moria Malalayang. E- Journal Teknik Elektro dan Komputer Vol. 4, No. 7, 2015.</ref>, “ dikemukakan bahwa XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program”.</p>
+
<p>Menurut Madcoms (2016)<ref name="Madcom"></ref> Vol 2, No. 2 Oktober 2018” XAMPP adalah sebuah paket perkumpulan software yang terdiri dari Apache, MySQL, Php My Admin, PHP, Perl, Filezilla, dan lain-lain.</p>
+
<p>Berdasarkan  pendapat  diatas  maka didefinisikan bahwa XAMPP adalah sebuah software bebas yang mendukung sistem informasi dengan beberapa kumpulan paket program yang saling berhubungan.</p></div>
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Web'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Menurut  Priyo  Sutopo  dkk  dalam  Jurnal Informatika Mulawarman Vol. 11 No. 1 (2016:25)<ref name="Sutopo">Sutopo, Priyo. Dedi dan Zainal. 2016. Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web. Kalimantan: Jurnal Informatika Mulawarman Vol. 1, No. 1, Februari 2016.</ref>, “Web adalah terobosan baru sebagai teknologi sistem informasi yang menghubungkan data dari banyak sumber dan layanan yang beragam macamnya di internet, Web cepat sekali populer di  lingkungan pengguna internet, karena kemudahan  yang diberikan kepada pengguna internet untuk melakukan penelusuran, penjelajahan, dan pencarian informasi”.</p>
+
<p>Sementara menurut Rulia Puji Hastansi, Bambang Eka Purnama dkk dalam  Jurnal  Bianglala  Informatika  Vol.  3  No.  2  (2015:3) mendefinisikan, “Website disebut suatu halaman yang memuat situs-situs web page yang berada di internet yang berfungsi sebagai media penyampaian informasi, komunikasi, atau transaksi.</p>
+
<p>Berdasarkan pendapat definisi diatas maka disimpulkan bahwa web adalah terobosan baru sebagai teknologi dalam suatu halaman yang memuat situs-situs web page diberikan kepada pengguna internet.</p>
+
<p>Menurut Madcoms (2016)<ref name="Madcom"></ref> Vol 2, No. 2 Oktober 2018” XAMPP adalah sebuah paket perkumpulan software yang terdiri dari Apache, MySQL, Php My Admin, PHP, Perl, Filezilla, dan lain-lain.</p>
+
<p>Berdasarkan  pendapat  diatas  maka didefinisikan bahwa XAMPP adalah sebuah software bebas yang mendukung sistem informasi dengan beberapa kumpulan paket program yang saling berhubungan.</p></div>
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Database'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Menurut Hartono (2015 : 37)<ref name="Hartono">Hartono, Nahrun. 2015. Keuntungan Penggunaan External Function Pada Databse Postgresql. CSRID Journal Vol. 7, No.1, Februari 2015.</ref> mengemukakan bahwa “Database adalah pusat data bagi seluruh sistem informasi telah banyak aplikasi sistem database yang beredar baik yang berbayar maupun gratis”.</p>
+
<p>Sedangkan menurut Arshi Gouhar dalam International Journal of Engineering Science and Computing Vol. 7 No. 5 (2017:11766)<ref name="Gouhar">Gouhar,  Arshi.   2017.  Database  Management  System.  International Journal of Engineering Science and Computing Vol. 2, No. 5, May 2017</ref>, “''Database an organised or systematic collection of data. A database can have a number of table or relations to store the data. This data can be retrieved, modified or deleted as per the user requirement''”. Dan Agustian Noor dalam Jurnal Sains dan Informatika Vol. 2 No. 2 (2016:77)  mengemukakan  bahwa,  “Sistem  basis  data  atau  database adalah sistem terkomputerisasi yang tujuan utamanya adalah memelihara data yang sudah diolah atau informasi dan membuat informasi tersedia saat dibutuhkan.</p>
+
<p>Berdasarkan pendapat diatas maka dapat disimpulkan bahwa database adalah pusat data yang terkomputerisasi yang tujuannya memelihara data yang telah diolah sehingga dapat mempermudah pencarian saat akan dibutuhkan.</p></div>
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar MySQL'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Menurut Priyo Sutopo dkk dalam Jurnal Informatika Mulawarman  Vol.  11  No.1  (2016:25)<ref name="Sutopo">Sutopo, Priyo. Dedi dan Zainal. 2016. Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web. Kalimantan: Jurnal Informatika Mulawarman Vol. 1, No. 1, Februari 2016.</ref>,  “MySQL  didefinisikan  salah  satu jenis database server yang sangat terkenal”.</p>
+
<p>Sementara menurut Madcoms (2016)<ref name="Madcom"></ref> Vol 2, No.2 Oktober 2018  “MySQL adalah sistem manajemen Database SQL yang bersifat Open Source dan paling popular saat ini. Sistem Database MySQL mendukung beberapa fitur seperti multithreaded, multiuserdan SQL Database managemen system (DBMS)”.</p>
+
<p>Berdasarkan definisi diatas maka dikemukakan bahwa MySQL adalah salah satu jenis database server yang bersifat open source serta memiliki kinerja yang cepat, reliable dan mudah digunakan saat bekerja.</p></div>
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Framework Codeigniter'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Menurut Wibowo (2019:29)<ref name="Wibowo">Wibowo, N. (2019). SIMPLE ADDITIVE WEIGHTING UNTUK PEMBERIAN BANTUAN STUDI BAGI TENAGA KEPENDIDIKAN (Studi Kasus Universitas Gadjah Mada) (Doctoral dissertation, STMIK AKAKOM YOGYAKARTA).</ref>, “CodeIgniter disebut sebagai aplikasi open source berupa framework dengan model MVC (Model, View, Controller) untuk membangun website dinamis menggunakan PHP. CodeIgniter memudahkan developer atau pengembang web untuk membuat aplikasi web dengan cepat dan mudah dibandingkan membuat dari awal”.</p>
+
<p>Menurut Phooja Sakhena, dkk (2019:157)<ref name="Sakhena">Sakhena, P., Sriwahyuni, T., & Adri, M. (2019). PERANCANGAN E-COMMERCE PEMASARAN KAIN SONGKET SILUNGKANG BERBASIS WEB. Jurnal Vokasional Teknik Elektronika dan Informatika, 7(1), 156-165.</ref> “CodeIgniter (CI) didefinisikan sebagai sebuah desain (framework) pembangunan aplikasi atau mudahnya disebut toolkit, untuk developer yang akan membuat aplikasi web dengan PHP. Tujuan CI adalah pembangunan aplikasi supaya lebih cepat dibandingkan dengan menulis source code dari awal, karena CI telah menyediakan banyak library untuk proses-proses yang sering digunakan pada suatu aplikasi, dan juga kemudahan dalam menggunakan library tersebut serta kesederhaan penggunaannya. CodeIgniter ditulis (di buat) oleh Rick Ellis, seorang musisi rock yang menjadi programmer”.</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 Hidayatullah dan Kawistara (2015) Vol. 2 No. 2 Oktober 2018  “Hypertext  Merkup  Languange (HTML) adalah bahasa standard yang digunakan untuk menampilkan halaman web”. Yang bisa dilakukan dengan HTML yaitu:</p>
+
 
<ol>
 
<ol>
<li>Mengatur tampilan dari halaman web dan isinya.
+
<li>Kemudahan dalam Memperoleh (''Accesibility''), Informasi memiliki nilai yang lebih sempurna apabila dapat diperoleh secara mudah. Informasi yang penting dan sangat dibutuhkan menjadi tidak bernilai jika sulit diperoleh.
<li>Membuat tabel dalam halaman web.
+
<li>Sifat Luas dan Kelengkapannya (''Comprehensiveness'') Informasi mempunyai nilai yang lebih sempurna apabila mempunyai lingkup atau cakupan yang luas dan lengkap. Informasi sepotong dan tidak lengkap menjadi tidak bernilai, karena tidak dapat digunakan secara baik.
<li>Mempublikasikan halam web secara online.
+
<li>Ketelitian (''Accuracy'') Informasi mempunyai nilai yang lebih sempurna apabila mempunyai ketelitian yang tinggi. Informasi menjadi tidak bernilai jika tidak akurat karena akan mengakibatkan kesalahan pengambilan keputusan.
<li>Membuat form yang bisa digunakan untuk menangani registrasi dan transaksi via web.
+
<li>Kecocokan dengan Pengguna (''Relevance'') Informasi mempunyai nilai yang lebih sempurna apabila sesuai dengan kebutuhan penggunanya. Informasi berharga dan penting menjadi tidak bernilai jika tidak sesuai dengan kebutuhan penggunanya karena tidak dapat dimanfaatkan untuk pengambilan keputusan.
 +
<li>Ketepatan Waktu (''Timelines'') Informasi mempunyai nilai yang lebih sempurna apabila dapat diterima oleh pengguna pada saat yang tepat. Informasi berharga dan penting menjadi tidak bernilai jika terlambat diterima atau usang, karena tidak dapat dimanfaatkan pada saat pengambilan keputusan.
 +
<li>Kejelasan (''Clarity'') Informasi yang jelas akan meningkatkan kesempurnaan nilai informasi. Kejelasan informasi dipengaruhi oleh bentuk dan format informasi.
 +
<li>Fleksibilitas (''Flexibility'') Nilai informasi semakin sempurna apabila memiliki fleksibilitas tinggi. Fleksibilitas informasi diperlukan oleh para manager atau pimpinan pada saat pengambilan keputusan.
 +
<li>Dapat Dibuktikan (''Verified'') Nilai informasi semakin sempurna apabila informasi tersebut dapat dibuktikan kebenarannya. Tidak Ada Prasangka (Unprejudiced) Nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.
 +
<li>Dapat Diukur (''Measurable'') Informasi untuk pengambilan keputusan seharusnya dapat diukur agar dapat mencapai nilai yang sempurna.
 +
<li>Tidak ada prasangka nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.
 
</ol>
 
</ol>
<p>Fauzan Masykur, Fiqiana Prasetiyowati dalam Jurnal Sains Teknologi dan Industri Vol. 14 No.1 (2016:95)<ref name=" Masykur"></ref> mendefinisikan bahwa, “HTML (Hypertext Markup Language) merupakan kumpulan dari simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk penampilan halaman pada web browser”,</p>
 
<p>Berdasarkan pendapat diatas maka HTML dapat dikemukakan bahwa kumpulan dari simbol atau tag-tag yang berbahasa markup  yang digunakan dalam pembuatan halaman pada web didalam sebuah browser.</p>
 
 
</div>
 
</div>
  
===<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: left;">'''Konsep Dasar Sistem Informasi'''</div>===
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi 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 style="line-height:2">Menurut  Madcoms (2016)<ref name="Madcom"></ref> Vol 2, No. 2 Oktober 2018    “PHP (Hypertext  Preprocessor)  mengemukakan bahwa  bahasa script yang dapat ditanamkan atau disisipkan ke dalam HTML, PHP banyak dipakai untuk membuat program situs web dinamis”.</p>
+
<p>Berikut ini ada beberapa pendapat para ahli mengenai sistem informasi, yaitu:</p>
<p>Sementara menurut One Yunita Fujiyati (2015:4)<ref name="Fujiyati">Fujiyati, Yunita One dan Sukadi. 2015. Sistem Informasi Pengolahan Data Kependudukan Desa Purwoasri. Journal Speed – Sentra Penelitian Engineering dan Edukasi Vol. 7, No. 1, 2015.</ref> “PHP didefiniskan sebagai perangkat lunak bebas yang dirilis di bawah Lisensi PHP, que tidak kompatibel dengan GNU General Public License (GPL) karena pembatasan pada penggunaan istilah PHP”.</p>
+
<p>Suryantara (2017:2)<ref name="Suryantara, I Gusti Ngurah.">Suryantara, I Gusti Ngurah.. (2017). "Merancang Aplikasi dengan Metodologi Extreme Programmings". Jakarta: PT.Elex Media Komputindo.</ref>, berpendapat bahwa sistem informasi adalah suatu sistem yang dibuat oleh manusia yang terdiri atas komponen-komponen dalam organisasi untuk mencapai suatu tujuan, yaitu untuk menyajikan informasi.</p>
<p>Berdasarkan pendapat diatas didefinisikan bahwa PHP (Hypertext Preprocessor) adalah perangkat lunak yang menggunakkan bahasa pemograman untuk menerjemahkan kode program menjadi kode mesin agar dapat dimengerti oleh komputer.</p></div>
+
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Elisitasi'''</div>===
+
<p>Menurut Euis Sitinur Aisyah dalam Jurnal Sensi (2017:24)<ref name="Aisyah, E. S.,">Aisyah, E. S., Atika, N. N., & Fandiny, R. I. (2017). RANCANG BANGUN SISTEM INFORMASI PENJUALAN EKSPOR STUDI KASUS PT. ISTEM. SENSI Journal, 3(1), 22-32.</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 style="line-height:2">Di bab ini menjelaskan tentang elisitasi, sebagai berikut:</p></div>
+
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Elisitasi'''</div>====
+
<p>Berdasarkan beberapa pendapat para ahli diatas, dapat disimpulkan bahwa Sistem Informasi adalah sistem yang dibuat terdiri atas komponen-komponen dan menghasilkan informasi yang berguna.</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  Ruliati  dalam  Jurnal  Humanika  Vol.  3  No.  15 (2015:7)<ref name="Ruliati">Ruliati. 2015. Ketransitifan Verba dalam Bahasa Muna. Jurnal Humanika Vol. 3, No. 15, Desember 2015.</ref> berpendapat, “Elisitasi adalah mengajukan pertanyaan secara  langsung dan terarah, pertanyaan tersebut diajukan kepada informan dengan maksud untuk memperoleh ujaran yang bertalian dengan masalah penelitian”.</p>
+
<p>Sedangkan  Agit Amrullah, Rifda Faticha Alfa dkk (2016:27)<ref name="Amrullah">Amrullah, Agit. Rifda. Danang. Renna. Hendi dan Eri. 2016. Kajian Kebutuhan Perangkat Lunak Sistem Informasi Penilaian Prestasi Kerja Pegawai Pada Fakultas Adab dan Ilmu Budaya Universitas Islam Negri Sunan Kalijaga Yogyakarta.</ref>, “Elisitasi adalah rancangan dibuat berdasarkan sistem yang baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk dieksekusi”,</p></div>
+
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tahap-tahap Elisitasi'''</div>====
+
====<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 style="line-height:2">Menurut Menurut Bachtiar dan Atikah (2015:74)<ref name="Bachtiar">Bachtiar, Dede dan Atikah. 2015. Sistem Informasi Dashboard Kependudukan di Kelurahan Manis jaya Kota Tangerang. Jurnal Sisfotek Global. ISSN : 2088-1762 Vol. 5 No.1.</ref>, Elisitasi dilakukan melalui tiga tahap yaitu sebagai berikut :</p>
+
<p>Menurut Hutahaean (2015: 13-14)<ref name="Hutahaean,">Hutahaean, Jeperson. 2014. Konsep Sistem Informasi. Yogyakarta: Deepublish.</ref>, sistem informasi terdiri dari beberapa komponen yang disebut dengan istilah blok bangunan (building block) yaitu:</p>
 
<ol>
 
<ol>
<li>Elisitasi  Tahap  I,  Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.
+
<li>Blok masukkan (''input block'')
<li>Elisitasi  Tahap  II,  adalah  hasil  dari pengklasifikasian elisitasi  tahap  I  berdasarkan  metode  MDI,   Metode  MDI bertujuan  memisahkan  antara  rancangan  sistem  yang penting dan harus ada pada sistem baru dengan rancangan yang di sanggupi oleh penulis untuk dieksekusi.
+
<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.</p>
<p>a)  M pada MDI berarti Mandatory (penting). Maksudnya requirement  tersebut  harus  ada  dan  tidak  boleh dihilangkan pada saat pembuatan sistem baru.</p>
+
<li>Blok model (''model block'')
<p>b)  D pada MDI berarti Desireable. Maksudnya requirement tersebut  tidak  terlalu  penting  dan boleh  dihilangkan, namun jika requirement tersebut digunakan dalam pembentukan sistem maka akan membuat sistem tersebut lebih sempurna.</p>
+
<p>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>
<p>c)   I pada MDI berarti Inessential. Maksudnya requirement tersebut bukanlah termasuk bagian sistem dibahas.</p>
+
<li>Blok keluaran (''output block'')
<li>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 dengan metode TOE, yaitu sebagai berikut:
+
<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>a.   T  artinya  Technical,  maksudnya  bagaimana  tata  cara  / teknik pembuatan requirement tersebut dalam sistem yang diusulkan?</p>
+
<li>Blok teknologi (''technology block'')
<p>b. O artinya  Operational,  maksudnya bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan?</p>
+
<p>Teknologi digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian din secara keseluruhan. Teknologi terdiri dari unsur utama: Teknisi (HUman ware atau Brainware), Perangkat Lunak (Software), dan Perangkat Keras (Hardware).</p>
<p>c.  E artinya Economi, maksudnya berapakah biaya yang diperlukan  guna  membangun  requirement  tersebut didalam sistem?</p>
+
<li>Blok basis data (data base block)
 +
<p>Merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk memanipulasi nya.</p>
 +
<li>Blok kendali (''control block'')
 +
<p>Banyak faktor yang dapat merusak sistem informasi, misalnya bencana alam, api, temperatur tinggi, air, debu, kecurangan kecurangan, kejanggalan sistem itu sendiri, kesalahan-kesalahan ketidak efisienan, sabotase dan sebagainya. Beberapa pengendalian pedu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah atau bila terlanjur terjadi kesalahan dapat langsung diatasi.</p>
 
</ol>
 
</ol>
 
</div>
 
</div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar UML'''</div>===
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Karakteristik 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 style="line-height:2">Di bab ini akan menjelaskan tentang UML, sebagai berikut:</p></div>
+
<p>Patma, Maskan dan Utaminingsih (2018)<ref name="Patma, T. S.,">Patma, T. S., Maskan, M., dan Utaminingsih, A. (2018). “Sistem Informasi Manajemen: Guna Mendukung Keputusan.” Malang, Indonesia: UPT Percetakan dan Penerbitan Polinema</ref> berpendapat, sistem informasi yang baik memenuhi kriteria sebagai berikut:</p>
 
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi UML'''</div>====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Menurut Sulianta (2017)<ref name="Sulianta">Sulianta, 2017. Teknik Perancangan Arsitekstur Sistem Informasi. Yogyakarta: Andi</ref> Vol 2, No.2 Oktober 2018  dalam buku Teknik Perancangan Arsitektur Informasi : Unifed Modeling language      (UML) merupakan kumpulan  diagram-diagram  yang sudah  memiliki        standar untuk membangun perangkat lunak berbasis objek”.</p>
+
<p>Menurut Maimunah dkk dalam Semnasteknomedia Online Vol. 5 (2017)<ref name="Maimunah">Maimunah, Supriyanti Dedeh, Hendrian. 2017. Aplikasi Sistem Order Online Berbasis Mobile Android Pada Outlet Pizza Hut Delivery. Semnasteknomedia Online. Vol. 5, 2017.</ref> UML (Unified Modeling Language) disebut sebai perangkat lunak yang berparadigma “berorientasi objek”. Pemodelan (modeling) sesungguhnya digunakan untuk penyederhanaan permasalahan- permasalahan yang kompleks sedemikian rupa sehingga lebih mudah dipelajari dan dipahami.</p>
+
<p>Berdasarkan beberapa pendapat diatas didefinisikan bahwa Unified Modeling Language (UML) adalah bahasa pemodelan visual yang telah menjadi standar untuk menspesifikasikan, memvisualisasikan, membangun dan mendokumentasikan ke dalam suatu perangkat lunak.</p></div>
+
 
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Diagram UML'''</div>====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Menurut Zarnelly (2017:71-72)<ref name="Zarnelly">Zarnelly. 2017. Sistem Informasi E-Budgeting Menggunakan Pendekatan Berorientasi  Objek  Studi  Kasus: UIN  SUSKA  Riau. Pekanbaru: jurnal  Ilmiah Rekaya dan Manajemen Sistem Informasi Vol. 3, No. 1, Februari 2017.</ref>, berikut adalah pengertian dari beberapa jenis UML yang digunakan :</p>
+
 
<ol>
 
<ol>
<li>''Class Diagram''
+
<li>Memiliki sistematika yang jelas, ringkas, dan sederhana.
<p>Class diagram adalah adalah interaksi antara kelas dalam sistem. Sehingga dengan adanya class diagram dapat memberikan pandangan global atas sebuah sistem.</p>
+
<li>Menciptakan aliran data yang lebih efisien.
<li>''Use Case Diagram''
+
<li>Mepunyai model penyajian yang informatif dan standar (mudah dipaham oleh user).
<p>Use case diagram adalah abstraksi dari interaksi antara system dan actor.  Use  case  bekerja  dengan  cara  mendreskripsikan  tipe interaksi antara user sebuah sistemnya sendiri melalui sebuah cerita bagaimana sebuah sistem dipakai.</p>
+
<li>Menditribusikan informasi secara efektif (kepada yang berhak menerima informasi).
<li>''Sequence Diagram''
+
<p>Sequence diagram digunakan untuk menunjukkan aliran fungsionalitas dalam use case. Kegunaannya untuk menunjukkan interaksi antara object.</p>
+
<li>''Activity Diagram''
+
<p>Activity diagram adalah menggambarkan aliran fungsionalitas sistem. Digunakan untuk mendeskripsikan aktifitas yang dibentuk dalam suatu operasi sehingga dapat juga digunakan untuk aktifitas lainnya seperti use case atau interaksi.</p>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Analisa PIECES'''</div>===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Analisa Sistem'''</div>===
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Analisa Pieces'''</div>====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Menurut Edy Susena, dkk dalan jurnal Sainstech Politeknik Indonusa Surakarta Vol.1 No.3 (2015:6)<ref name="Susena">Susena,Edy, Ema Utami dan Andi Sunyoto. 2015. Perancangan Strategis Sistem Informasi Smart Campus Untuk Meningkatkan Pelayanan Di Politeknik Indonusa Surakarta. Jurnal Sainstech Indonusa Surakarta. Vol.1 No.3:1-17.</ref>, “Analisis PIECES didefinisikan untuk melakukan pemotretan terhadap sistem yang sedang berjalan. Dengan menggunakan analisis PIECES ini akan diperoleh kelebihan dan kekurangan dari sistem yang sedang berjalan, sehingga dapat disimpulkan untuk perbaikan”.</p>
+
<p>Sedangkan Listiarini Edy Sudiati dan Didik Purwanto (2017)<ref name="Sudiati">Sudiati, Edy Listiarini. Didik Purwanto. 2017. Analisa dan Rancang Bangun Customer Relationship Management Pada BKAD Kecamatan Margorejo Kabupaten Pati. Journal Speed Vol.9 No.3.</ref>, Untuk mencapai sasaran dapat dilakukan suatu identifikasi masalah dengan menggunakan kerangka pieces yaitu analisis terhadap kinerja informasi, ekonomi, keamanan, efisiensi dan pelayanan. </p>   
+
<p>Berdasarkan beberapa definisi diatas maka disimpulkan bahwa metode analisa PIECES berfungsi sebagai salah satu metode analisa sebuah sistem untuk mengidentifikasikan sebuah masalah.</p></div>
+
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Testing'''</div>===
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Analisa 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">Di bab ini menjelaskan mengenai definisi testing dan jenis- jenis testing, sebagai berikut </p></div>
+
<p>Menurut Mulyani (2016:38)<ref name="Mulyani,">Mulyani, Sri. 2016. Analsis dan Perancangan Sistem Informasi Manajemen Keuangan Daerah. Edisi Kedua. Bandung: Abdi Sistematika.”</ref>, mengemukakan bahwa “Suatu teknik penelitian terhadap sebuah sistem dengan menguraikan komponen-komponen pada sistem tersebut dengan tujuan untuk mempelajari komponen itu sendiri serta keterkaitannya dengan komponen lain yang membentuk sistem sehingga didapat sebuah keputusan atau kesimpulan mengenai sistem tersebut baik itu kelemahan ataupun kelebihan sistem”.</p>
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Testing'''</div>====
+
<p>Definisi lainnya dikemukakan oleh Jogiyanto sebagaimana dikutip oleh Rani Asmara (2017)<ref name="Asmara, R.,">Asmara, R., Kom, S., & Kom, M. (2017). Sistem Informasi Pengolahan Data Penanggulangan Bencana Pada Kantor Badan Penanggulangan Bencana Daerah (BPBD) Kabupaten Padang Pariaman. Jurnal J-Click, 3(2).</ref>, Analisis Sistem adalah penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan dan kesempatan.</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Komarudin  dalam  Jurnal  Computech  & Bisnis  Vol. 9  No.  2 (2015:91)<ref name="Komarudin">Komarudin. 2015. Implementasi Sistem Informasi Pengolahan Data.</ref>  mengemukakan  bahwa,  “Testing  adalah  menemukan kesalahan-kesalahan terhadap sistem tersebut dan kemudian bisa diperbaiki”,</p>
+
<p>Sedangkan menurut Mustaqbal (2015:31)<ref name="Mustaqbal">Mustaqbal, M Sidi, Roeri Fajri Firdaus, Hendra Rahmadi. 2015. “Pengujian Aplikasi menggunakan Black Box Testing Boundary Value Analysis”. Jurnal Ilmiah Teknologi Informasi Terapan Volume I No.3 ISSN: 2407-3911. Diakses pada 2 Oktober 2018.</ref>, “Pengujian (testing) disebut sebagai suatu proses pelaksanaan suatu program dengan tujuan menemukan suatu kesalahan. Suatu kasus rest yang baik adalah apanila test tersebut mempunyai kemungkinan menemukan sebuah kesalahan yang tidak terungkap”.</p></div>
+
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Jenis-Jenis Testing'''</div>====
+
<p>Analisa sistem merupakan proses atau metode yang digunakan untuk memahami atau melakukan penelitian terhadap sebuah sistem guna mendapatkan solusi dalam menangani permasalahan. Pendapat tersebut dipertegas kembali oleh Suryadi dalam Jurnal CCIT Vol. 9 No. 3 (2016:270)<ref name="Suryadi, Emi">Suryadi, Emi. “Sistem Pendukung Keputusan Pemilihan Kendaraan Dalam Mendistribusikan Zakat, Infak dan Sedekah”. Jurnal CCIT , Vol. 9 No. 3.</ref>, yang mengungkapkan bahwa analisis sistem merupakan penguraian dari suatu sistem yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, hambatan-hambatan yang terjadi dari kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.</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  Andreas  Christian,  Herry  Sujaini  dkk  (2017:31)<ref name="Christian">Christian,  Andreas.  Herry  dan  Arif.  2017.  Implementasi  Sistem Penjadwalan Akademik Fakultas Teknik Universitas Tanjungpura Menggunakan Metode Algoritma Genetika. Jurnal Sistem dan Teknologi Informasi (JUSTIN) Vol. 1, No.2, 2017.</ref>, “Black box testing digunakan untuk menguji kesesuaian antara masukan dengan hasil yang di tampilkan pada aplikasi”.</p>
+
<p>Menurut Feby Zulham Adami dan Cahyani Budihartanti dalam Jurnal Teknik Informatika Vol. 2 No. 1 (2016:123)<ref name="Adami">Adami,   Zulham  Feby  dan   Cahyani.  2016.  Penerapan  Teknologi Augmented Reality Pada Media Pembelajaran Sistem Pencernaan Berbasis Android. Jurnal Teknik Komputer Amik BSI Vol. 2, No. 1, Februari 2016.</ref>, “White box testing disebut sebagai jenis testing yang lebih berkonsentrasi terhadap isi dari perangkat lunak itu sendiri”.</p></div>
+
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Black Box'''</div>===
+
==<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;">
+
<p style="line-height:2">Menurut Itti Hooda, Ph.D. dan Rajender Singh Chhillar, Ph.D. dalam International Journal of Computer Applications Vol. 11 No. 13 (2015:12)<ref name="Hooda">Hooda,  Itti  dan  Rajender  Singh.  2015.  Software  Test  Process,  Testing Types and Techniques.  India: International Journal of Computer Applications Vol. 111, No. 13, February 2015</ref> mengemukakan, “Black box testing is performed to ensure output of application is a correct for all various types of positive and negative inputs”.</p></div>
+
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Perancangan'''</div>===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Penjualan'''</div>===
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Penjualan'''</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">Ambon Sarangih, Emma Rosinta Simarmata dkk dalam Jurnal TIMES Vol. 4 No. 1 (2015:33) berpendapat, “Perancangan  didefinisikan sebagai  satu  langkah  untuk  memberikan  gambaran secara umum kepada manusia atau pengguna tentang sistem yang diusulkan”.</p>
+
<p>Menurut Elizaandayni Ginting dalam Maimunah dkk (2016:26)<ref name="Maimunah, Ilamsyah,">Maimunah, Ilamsyah, dan Muhamad Ilham. 2016. “Rancang Bangun Aplikasi Penjualan Furniture Online Pada Mitra Karya Furniture”. Tangerang: STMIK Raharja. CSRID Journal. Vol.8 No.1 Februari 2016, Hal. 25-36.</ref>, “Penjualan merupakan kegiatan ekonomi yang umum, dimana dengan penjualan sebuah perusahaan akan memperoleh hasil atau laba sesuai dengan apa yang direncanakan atau memperoleh pengembalian atas biaya-biaya yang dikeluarkan. Penjualan adalah penerimaan yang diperoleh dari pengiriman barang dagangan atau penyerahan pelayanan dalam bursa sebagai barang pertimbangan – pertimbangan ini dapat dalam bentuk tunai peralatan kas atau harta lainnya. Pendapatan dapat diperoleh pada saat penjualan, karena terjadi pertukaran, harga jual dapat ditetapkan oleh bebannya diketahui”.</p>
<p>Sedangkan  Ahmad  Kausar  dkk (2015:22)<ref name="Kausar">Kausar, Ahmad. Yusuf dan Vidila. 2015. Perancangan Video Company Profile Kota Serang dengan Teknik Editing Menggunakan Adobe Premier Pro CS5. Banten: Jurnal PROSISKO Vol. 2, No. 1, Maret 2015.</ref>, “Perancangan disebut sebagai pengembangan sistem dari sistem  yang sudah ada atau sistem yang baru, dimana masalah-masalah yang terjadi pada sistem lama diharapkan sudah teratasi pada sistem yang baru”.</p>
+
</div>
<p>Berdasarkan pendapat diatas dikemukakan bahwa perancangan adalah satu  langkah  dari pengembangan  sistem  untuk memberikan gambaran yang telah teratasi pada sistem yang baru.</p></div>
+
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Prototype'''</div>===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar UML (''Unified Modeling Language'')'''</div>===
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi UML (''Unified Modeling Language'')'''</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 Mupaat (2015:4)<ref name="Mupaat">Mupaat. 2015. Prototipe Sistem E-Training Dengan Pendekatan Elisitasi dan CMS Moodle: Studi Kasus PAda RS XYZ. Jurnal Ringkasan Tesis. 2015.</ref>, “Prototype disebut sebagai bentuk awal atau standar ukuran sebuah entitas, dalam bidang desain sebuah prototype dibuat sebelum dikembangkan atau justru dibuat khusus untuk pengembangan sebelum dibuat dalam skala sebenarnya”.</p>
+
<p>Menurut Fajarianto dalam Jurnal Lentera ICT Vol 3 (2016 : 55)<ref name="Fajarianto, Otto.">Fajarianto, Otto. 2016. “Prototype Pelayanan Akademik Terhadap Komplain Mahasiswa Berbasis Mobile”. Jurnal LENTERA ICT. Vol.3 No.1, Mei 2016. ISSN 2338-3143.</ref>, “Unified Modeling Language (UML) adalah sebuah bahasa pemodelan yang telah menjadi standar dalam industri software untuk visualisasi, merancang, dan mendokumentasikan sistem perangkat lunak”.</p>
<p>Sementara Menurut Mulyani (2016:26)<ref name="Mulyani">Mulyani, Sri. 2016. Metode Analisis dan Perancangan Sistem. Bandung. Abdi Sistematika. ISBN : 978-979-19906-2-2.</ref>, “mengemukakan bahwa prototyping merupakan teknik pengembangan system yang menggunakan prototype untuk menggambarkan system, sehingga pengguna atau pemilik sistem mempunyai gambaran pengembangan system yang akan dilakukannya.</p>
+
<p>Berdasarkan pendapat di atas didefinisikan bahwa prototype adalah alat yang memberikan ide untuk suatu bentuk awal yang berupa desain untuk dapat dikembangkan ke dalam skala yang sebenarnya.</p></div>
+
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Literature review'''</div>==
+
<p>Menurut Indra dan George Pri (2017)<ref name="Isa, Indra Griha Tofik">Isa, Indra Griha Tofik dan Hartawan, George Pri. 2017. “Perancangan Aplikasi Koperasi Simpan Pinjam Berbasis Web”. Sukabumi: Jurnal Ilmiah Ilmu Ekonomi. Vol.5, Edisi. 10 Maret 2017</ref>, Unifed Modeling Language (UML) adalah keluarga notasi grafis yang didukung oleh meta-model tunggal, yang membantu mendeskripsikan dan desain sistem perangkat lunak khususnya sistem yang dibangun menggunakan pemrograman berbasis objek.</p>
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Literature Review'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Pengumpulan informasi sangat dibutuhkan dalam menggali referensi-referensi yang berkaitan dengan penelitian yang dilakukan. Sebelumnya  banyak  peneliti-peneliti  yang  melakukan  penelitian perihal dengan sistem penerbitan jurnal elektronik dan penelitian lainnya. Adanya studi pustaka ( literature review ) ini untuk mengidentifikasi kesenjangan, meneruskan penelitian yang sudah dilakukan sebelumnya dan menghindari pembuatan ulang.</p>
+
<ol>
+
<li>'''Penelitian  yang  dilakukan  oleh  Fauzan  Masykur  dan  Ibnu  Makruf  Pandu  Atmaja  tahun 2015 pada Jurnal TMJ Vol. 4 No. 1'''<ref name="Masykur"></ref>
+
<p>Penelitian ini berjudul  “Sistem  Administrasi  Pengelolaan  Arsip  Surat  Masuk  Dan  Surat  Keluar Berbasis  Web”.  Penelitian  ini  mengenai pengolahan arsip surat masuk surat keluar dimana untuk mengelola arsip surat masuk surat keluar berbasis Web sehingga pada pencarian data arsip lebih mudah. Memanfaatkan  kemajuan  teknologi informasi yakni memanfaatkan bahasa pemrograman PHP dan database MySQL untuk mengelola  arsip  surat  keluar  dan  surat  masuk.  Pengelolaan  memanfaatkan  bahasa pemrograman PHP dan database MySQL tersebut tidak lagi berupa hardcopy atau lembaran kertas namun sudah berupa file hasil dari pemindai atau scan dari surat yang asli. Arsip hasil scan akan disimpan dengan kode-kode tertentu untuk memudahkan dalam pencarian sehingga arsip yang masuk sudah beberapa tahun yang lalu tidak rusak dan mudah dicari.</p>
+
 
+
<li>'''Penelitian yang dilakukan oleh Sri Rahayu, Euis Siti Nur Aisyah dan Dhevi Nanda Harwin pada tahun 2018'''<ref name="Rahayu, Sri, Euis Siti Nur Aisyah dan Dhevi Nanda Harwin">Rahayu, Sri, Euis Siti Nur Aisyah dan Dhevi Nanda Harwin. 2018. “Rancang Bangun Sistem Database Proses Arsip Pajak Kendaraan Bermotor (Studi Kasus UPT Samsat Balaraja)”. Prosiding Seminar Nasional Telekomunikasi dan Informatika (SELISIK 2018) Bandung: Sekolah Tinggi Teknologi Bandung.</ref>
+
<p>Penelitian ini berjudul “Rancang Bangun Sistem Database Proses Arsip Pajak Kendaraan Bermotor (Studi Kasus UPT Samsat Balaraja)”. Penelitian ini mengenai proses pengarsipan Pajak Kendaraan Bermotor pada Unit Pelaksana Teknis Samsat Balaraja yang masih menggunakan komputer yaitu masih menggunakan Microsoft Excel dalam penginputan data Wajib Pajak dan bukti fisik berupa Surat Ketetapan Pajak Daerah (SKPD) dimasukkan kedalam kardus-kardus sesuai tanggal penginputan. Jika ingin mencari data Wajib Pajak harus mencari satu persatu diantara banyaknya arsip sehingga membutuhkan waktu lama dalam pembuatan laporan bulanan harus dibuat dari awal sehingga rentan terjadinya kesalahan karena tidak terintegrasi dengan database.</p>
+
 
+
<li>'''Penellitian yang dilakukan oleh Sambas Ali Muhidin, Hendri Winata dan Budi Santoso (2016) '''<ref name="Muhidin">Muhidin, Sambas Ali, Hendri Winata, and Budi Santoso. 2016. "Pengelolaan Arsip Digital." Jurnal Pendidikan Bisnis dan Manajemen 2.3 178-183.</ref>
+
<p>Penelitian yang berjudul “Pengelolaan Arsip Digital”, berupa: Dalam terminologi kearsipan, media elektronik dikelompokan sebagai arsip media baru. Salah satu bentuk penyimpanan arsip media baru adalah media digital. Media digital biasanya memerlukan alat bantu berupa komputer, karena tidak dapat dibaca secara langsung. Arsip yang disimpan dalam bentuk digital dapat berupa gambar, suara, video, tulisan atau lainnya yang dapat dijadikan sebuah data dalam bentuk biner (binary), dapat diolah dalam program komputer dan disimpan dalam media penyimpanan data digital.</p>
+
 
+
<li>'''penelitian yang telah dilakukan oleh Apriyanto [2017] berjudul “Pengelolaan Arsip Hasil Eksplorasi Minyak Dan Gas Studi Kasus pada PT. Sigma Cipta Utama”.'''<ref name="Apriyanto">Apriyanto. 2017. Pengelolaan Arsip Hasil Eksplorasi Minyak Dan Gas. Jakarta: UIN Syarif Hidayatullah.</ref>
+
<p>Penelitian ini bertujuan untuk mengetahui pengelolaan dan perlengkapan arsip serta kendala pengelolaan arsip hasil minyak dan gas pada PT. Sigma Cipta Utama. Penelitian ini merupakan penelitian deskriptif dengan pendekatan kualitatif. Metode pengumpulan data yaitu dengan observasi, wawancara, dan dokumentasi. Sedangkan metode analisis data dengan reduksi data, penyajian data, dan penarikan kesimpulan. Hasilnya diketahui bahwa Perusahaan ini melakukan pengelolaan arsip seperti penerimaan, penataan dan penyimpanan, pelayanan, pemeliharaan, dan penyusutan arsipnya belum optimal sehingga banyak terjadi kendala.</p>
+
 
+
<li>'''Penelitian yang dilakukan oleh Okki Agus Hariawan (2016) berjudul “Perancangan Sistem Informasi Data Arsip Pajak Kendaraan Bermotor pada Unit Pelaksana Teknis Samsat Cikokol Kota Tangerang”.'''<ref name="Okki Agus Hariawan">Okki Agus Hariawan 2016. Perancangan Sistem Informasi Data Arsip Pajak Kendaraan Bermotor Pada Unit Pelaksana Teknis Samsat Cikokol Kota Tangerang. Skripsi : Stmik Raharja.</ref>
+
<p>Sistem pengarsipan data yang digunakan di upt samsat cikokol kota tangerang menggunakan semi komputerisasi yaitu penyimpanan data dan pembuatan laporan menggunakan microsoft excel sehingga memakan waktu yang lama dalam penyajian informasi laporan arsip pajak kendaraan bermotor. Guna mengatasi permasalahan ini, penulis melalui skripsi ini bertujuan untuk membuat sistem yang dapat mencari data arsip dan pembuatan laporan agar lebih cepat dan aman.</p>
+
 
+
<li>'''Penelitian yang dilakukan oleh Made Pasek Agus Ariawan, Putu Bagus Indra Sukadiana Putra dan Putu Arya Mertasana (2017)'''<ref name="Ariawan">Ariawan, Made Pasek Agus, Putu Bagus Indra Sukadiana Putra, and Putu Arya Mertasana. 2017. "Design and Analysis of Mail Management Information System using PIECES Method: A Case Study at Faculty of Mathematics and Natural Sciences of Udayana University." International Journal of Engineering and Emerging Technology Vol. 2, No. 2, July - December 25-30.</ref>
+
<p>Penelitian ini berjudul "Desain dan Analisis Sistem Informasi Manajemen Mail menggunakan Metode PIECES: Studi Kasus di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Udayana", terdiri: Informasi dibutuhkan oleh lembaga, perusahaan, organisasi, lembaga dan lingkungan yang tidak memiliki akses ke sistem. Mail adalah sarana komunikasi yang penting bagi agensi. Semakin cepat distribusi surat, semakin cepat informasi dapat diperoleh oleh orang atau lembaga. Meningkatnya jumlah surat masuk dan keluar menimbulkan beberapa masalah dalam manajemen surat. Dari tinjauan beberapa penelitian, dapat dikatakan bahwa sistem manajemen informasi dapat membantu menangani masalah yang dihadapi dalam pemrosesan data surat, pengarsipan surat, dan pencarian surat. Namun, ada beberapa kelemahan dalam penelitian, antara lain penelitian yang ditinjau tidak menjelaskan bagaimana sistem bekerja dalam distribusi surat, verifikasi, penandatanganan, klasifikasi, dan penentuan prioritas. Penelitian ini bertujuan untuk menganalisis dan merancang sistem informasi manajemen surat masuk dan keluar menggunakan analisis PIECES. Kelebihan dari sistem ini antara lain, dapat membantu komputerisasi data; proses distribusi surat bisa secara real time dengan pemberitahuan surat; data email yang masuk dapat diklasifikasikan menggunakan metode klasifikasi; surat keluar dapat dibuat menggunakan metode SPK dan penandatanganan surat dapat dilakukan dengan menggunakan sistem barcode.</p>
+
 
+
<li>'''penelitian yang telah dilakukan oleh Garry Rendra Ivan Pontoh [2016] berjudul “Arsip Digital Dokumen Kontrak Berbasis Web Pada PT. Abdi Pratama Perkasa”.'''<ref name="Garry Rendra Ivan Pontoh">Garry Rendra Ivan Pontoh, Arie S.M. Lumenta, St., Mt. 2016. Arsip Digital Dokumen Kontrak Berbasis Web Pada Pt. Abdi Pratama Perkasa.Manado: Journal Teknik Elektro Dan Komputer Vol. 5 No.4.</ref>
+
<p>Penlitian ini bertujuan untuk membantu karyawan PT. Abdi Pratama Perkasa dalam pengarsipan dokumen kontrak perusahaan. Aplikasi ini menggunakan metodologi waterfall dalam perancangannya. Penggunaan metodologi waterfall sangat membantu karena mempunyai proses berurutan sehingga mencegah tumpang tindih proses serta setiap proses memiliki spesifiksasinya sendiri sehingga sistem dapat dikembangkan sesuai dengan apa yang dikehendaki.</p>
+
 
+
<li>'''Penelitian yang telah dilakukan oleh Sukron Amin [2016] berjudul “Analisis Dan Perancangan Sistem Informasi Manajemen Arsip Berbasis Web Pada Sekolah Tinggi Ilmu Tarbiyah ( Stit ) Kabupaten Tebo”.'''<ref name="Sukron Amin">Sukron Amin, Kondar Siahaan. 2016. Analisis Dan Perancangan Sistem Informasi Manajemen Arsip Berbasis Web Pada Sekolah Tinggi Ilmu Tarbiyah ( Stit ) Kabupaten Tebo.Surabaya Jurnal Manajemen Sistem Informasi Vol 1 No. 1.</ref>
+
<p>Penelitian ini dalam menganalisa sistem menggunakan teknik pemodelan UML. Penelitian ini menghasilkan prototype rancangan sistem informasi manajemen arsip berbasis web bagi Sekolah Tinggi Ilmu Tarbiyah (STIT) Kabupaten Tebo yang dapat diimplementasikan sesuai dengan kebutuhan yang ada, terutama dalam memanajemen arsip yang dikelola oleh staf prodi STIT Kabupaten Tebo.</p>
+
 
+
<li>'''Penelitian yang telah dilakukan oleh Berlian Eka [2017] berjudul “Descriptive Analysis Of Digitizing Activities And Archive Services At Universitas Gadjah Mada Archives Institute”.'''<ref name="Eka Kurnia">Eka Kurnia, Berlian dkk.. 2017. Descriptive Analysis Of Digitizing Activities And Archive Services At Universitas Gadjah Mada Archives Institute. Journal The Facets Of Knowledge, Towards Synergy Of Multidisciplinary Studies.</ref>
+
<p>Penelitian ini bertujuan untuk mengkaji bagaimana kegiatan digitalisasi dan layanan arsip yang di lakukan di bagian Kearsipan Universitas Gadjah Mada. Penelitian ini menggunakan metode deskriptif kualitatif. Teknik pengumpulan data dengan wawancara dan observasi.</p>
+
 
+
<li>'''Penelitan yang dilakukan oleh Fauzan Masykur dan Ibnu Makruf Pandu Atmaja (2015)'''<ref name="Masykur,  Fauzan  dan  Makruf  Ibnu  Pandu  Atmaja.">Masykur,  Fauzan  dan  Makruf  Ibnu  Pandu  Atmaja.  2015.  “Sistem  Administrasi Pengelolaan Arsip Surat Masuk Dan Surat Keluar Berbasis Web”. Ponorogo : Universitas Muhammadiyah Ponorogo. IJNS – Indonesian Journal on Networking and Security. (Volume 4 No 3 – Juli 2015).</ref>
+
<p>Penelitian ini berjudul “Sistem Administrasi Pengelolaan Arsip Surat Masuk Dan Surat Keluar Berbasis Web”, berupa: Pengelolaan memanfaatkan bahasa pemrograman PHP dan database MySQL tersebut tidak lagi berupa hardcopy atau lembaran kertas namun sudah berupa file hasil dari pemindai atau scan dari surat yang asli. Arsip hasil scan akan disimpan dengan kode-kode tertentu untuk memudahkan dalam pencarian sehingga arsip yang masuk sudah beberapa tahun yang lalu tidak rusak dan mudah dicari.</p>
+
</ol>
+
 
</div>
 
</div>
  
=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsepsi Permodelan UML (''Unified Modeling Language'')'''</div>====
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''SISTEM YANG BERJALAN'''</div>
+
 
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Gambaran Umum Perusahaan'''</div>==
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Sejarah Singkat SMK YUPPENTEK 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: justify;text-indent: 0.5in;">
<p style="line-height:2">Tujuan pendidikan nasional  adalah untuk mengembangkan manusia Indonsesia dan mencerdaskan dan kehidupan bangsa. Manusia yang mempunyai taqwa dan iman kepada Tuhan Yang Maha Esa mempunyai budi pekerti yang luhur, mandiri, kepribadian yang mantap, kesehatan rohani dan jasmani keterampilan dan pengetahuan, dan terakhir mempunyai rasa tanggung jawab untuk berbangsa dan bermasyarakat. SMK/MAK bertujuan untuk menghasilkan tenaga kerja terampil yang memiliki kemampuan sesuai dengan tuntutan kebutuhan dan persyaratan lapangan kerja, serta mampu mengembangkan potensi dirinya dalam mengadopsi dan beradaptasi dengan perkembangan ilmu pengetahuan, teknologi, dan seni. Berdasarkan kurikulum bahwa tujuan dari Sekolah Menengah Kejuruan ada yang bersifat umum dan ada yang bersifat khusus. Sebagai wadah pendidikan Kejuruan yang mempersiapkan tamatan yang dapat diterima di dunia kerja, sesuai dengan bidang keahlian masing-masing. Bermodalkan semangat untuk memajukan dunia pendidikan di Tangerang, khususnya pendidikan Sekolah Teknik Menengah (STM) pada 51 Tahun yang lalu,  Yayasan Usaha Peningkatan Pendidikan Teknologi (YUPPENTEK) memenuhi tugas mulia bagi kebutuhan masyarakat Tangerang. </p>
+
<p>Dalam jurnalnya, Suendri (2018)<ref name="Suendri.">Suendri. 2018. “Implementasi Diagram UML (Unified Modelling Language) Pada Perancangan Sistem Informasi Remunerasi Dosen Dengan Database Oracle”. Medan : ALGORITMA: Jurnal Ilmu Komputer dan Informatika.</ref> mengutip pendapat Nugroho yang menyatakan sesungguhnya tidak ada batasan yang tegas diantara berbagai konsep dan konstruksi dalam UML, tetapi untuk menyederhanakannya kita membagi sejumlah besar konsep dan dalam UML menjadi beberapa view. Suatu view sendiri pada dasarnya merupakan sejumlah konstruksi pemodelan UML yang merepresentasikan suatu aspek tertentu dari sistem atau perangkat lunak yang sedang kita kembangkan.</p>  
<p>Secara garis besar bisa digambarkan bahwa pada tahun 1967 tuntutan sarana pendidikan lanjutan kejuruan (STM) di Tangerang belum tersedia. Saat itu Kota Tangerang secara administratif masih tergabung dalam Kabupaten Tangerang. Bila siswa yang akan melanjutkan ke STM harus ke Jakarta.</p>
+
<p>Pada peringkat paling atas, view-view sesungguhnya dapat dibagi menjadi tiga area utama, yaitu:</p>
<p>Tentu saja dengan bersekolah ke Jakarta yang jaraknya antara 30-50 KM dari rumah masing-masing anak didik sangat menyusahkan. Selain waktu yang dibutuhkan dalam perjalanan ke sekolah jauh, beresiko selama perjalanan, juga membutuhkan biaya yang sangat besar. Terkait itu sejumlah orang tua murid dari sekolah Teknik Negeri (STN) IX Tangerang, yaitu sekolah teknik setingkat SLTP, mengajukan permohonan kepada Kepala STN IX yang saat itu dijabat oleh D. Sadjoeri agar diupayakan didirikan Sekolah Teknik Menengah (STM) di Tangerang. Berbekal keinginan para orang tua murid itu, D Sadjoeri bersama beberapa guru STN IX meneruskan Permintaan itu kepada Pemerintah Daerah (Pemda) Kabupaten Tangerang melalui seorang Anggota Badan Pemerintah Harian (BPH) yang waktu itu dijabat oleh Mohammad Ali Thairuddin. Selanjutnya permintaan ini disampaikan ke Bupati Tangerang yang waktu itu dijabat HE Muchdi. Setelah melalui berbagai pertimbangan, akhirnya Bupati tangerang tertanggal 16 Januari 1968 mengeluarkan SK bupati Kepala Daerah Tingkat II Kabupaten Tangerang No. 16/17/Kpts/1968 tentang pembentukan Badan Pembina STM Tangerang.SK ini pun menetapkan komposisi personalia dari Badan Pembina STM Tangerang, Terdiri dari :</p>
+
 
<ol>
 
<ol>
<li>Ketua Umum Pembina oleh E Muchdi (Bupati KDH Tangerang)
+
<li>Klasifikasi Struktural (''Structural Classification'')
<li>Ketua Harian pembina oleh MA Thairuddin (Anggota BPH)
+
<li>Perilaku Dinamis (''Dinamic Behaviour'')
<li>Sekretaris oleh Soesarno (Guru STN IX)
+
<li>Pengolahan atau Manajemen Model (''Model Management'')
<li>Bendahara oleh Ny Hasanah (Guru STN IX)
+
<li>Seksi usaha oleh Kho Kim Lie (Orang Tua Murid)
+
<li>D. Sadjoeri (Kepala STN IX Jakarta di Tangerang)
+
 
</ol>
 
</ol>
<p>Dalam perjalanannya akhirnya tanggal dikeluarkannya SK Bupati Tangerang diatas dijadikan titik kelahiran STM Yuppentek Tangerang. Sejak diterbitkan SK Bupati Kepala Daerah Tingkat II Kabupaten Tangerang No. 16/17/Kpts/1968 tentang pembentukan Badan Pembina STM Tangerang.</p>
 
 
</div>
 
</div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Visi dan Misi SMK YUPPENTEK I TANGERANG'''</div>===
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tujuan UML (''Unified Modeling Language'')'''</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">Visi pada SMK Yupentek 1 Tangerang adalah:</p>
+
<p>Menurut M. Safii dalam Jurnal Sains Komputer dan Informatika (2017:98)<ref name="Safii, M.">Safii, M. (2017). Implementasi Web Commerce Sebagai Media Pelatihan Kewirausahaan Mahasiswa. J-SAKTI (Jurnal Sains Komputer dan Informatika), 1(1), 95-106.</ref>, ada bebeapa tujuan dari penggunaan UML (Unified Modeling Language) yakni:</p>
<p>Menjadi sekolah pilihan utama masyarakat yang menghasilkan lulusan berakhlak mulia, berkarakter, dan kompeten di bidangnya.
+
Misi pada SMK Yupentek 1 Tangerang:</p>
+
 
<ol>
 
<ol>
<li>Menyelenggarakan pendidikan Kejuruan yang profesional dan bermartabat
+
<li>Memberikan model yang siap pakai, bahasa pemodelan visual yang ekspresif untuk mengembangkan dan saling menukar model dengan mudah dan dimengerti secara umum.
 
+
<li>Memberikan bahasa pemodelan yang bebas dari berbagai bahasa pemrograman dan proses rekayasa.
<li>Membekali peserta didik sehingga dapat :
+
<li>Menyatukan praktek-praktek terbaik yang terdapat dalam bahasa pemodelan.
<p>a. Meningkatkan iman dan taqwa terhadap Tuhan Yang Maha Esa.</p>
+
<p>b. Berjiwa pancasila dan rasa cinta terhadap Negara Kesatuan Republik Indonesia (NKRI), cakap berkomunikasi dan adaptif terhadap lingkungannya.
+
<p>c. Enterpreunership dan terampil mengelola diri dan orang lain.</p>
+
<p>d. Memobilisasi inovasi dan iptek.</p>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tujuan Umum dan Tujuan Khusus SMK Yuppentek I Tangerang'''</div>===
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Jenis – jenis Diagram UML (''Unified Modeling Language'')'''</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 Umum Pendidikan :</p>
+
Terdapat beberapa jeni-jenis dalam UML (Unified Modelling Language), Menurut Martin Fowler dikutip oleh Dahlan Susilo dkk dalam Jurnal Gaung Informatika (2018:117)<ref name="Susilo, D.,">Susilo, D., & Charolina, A. (2018). DESAIN APLIKASI KAMUS ISTILAH KOMPUTER BERBASIS ANDROID. JURNAL GAUNG INFORMATIKA, 8(2).</ref>, beberapa jenis UML (Unified modeling Language) yaitu:
<ol>
+
<li>Meningkatkan keimanan dan ketqwaan peserta didik terhadap Tuhan Yang Maha Esa
+
<li>Menjadikan peserta didik warga negara yang mandiri
+
<li>Menyiapkan peserta didik dapat menjalani kehidupan secara layak
+
<li>Menjadikan peserta didik dapat memhami dan menghargai keanekaragaman budaya bangsa indonesia
+
<li>Menjadikan peserta didik dapat menerapkan dan memelihars hidup sehat, memiliki wawasan, lingkungan, pengetahuan, dan seni
+
</ol>
+
<p>Tujuan Khusus Pendidikan :</p>
+
 
<ol>
 
<ol>
<li>Menyiapkan peserta didik agar menjadi manusia produktif, mampu bekerja mandiri, mengisi lowongan pekerjaan yang ada di dunia usaha dan dunia industri sebagai tenaga kerja tingkat menengah sesuai dengan kompetensi program keahlian yang dipilih
+
<li>Usecase Diagram
<li>Menyiapkan peserta didik agar mampu memilih karier, ulet, dan gigih dalam berkompetensi, beradaptasi di lingkungan kerja dan mengembangkan sikap profesional dalam bidang keahlian yang diminatinya.
+
<p>Use Case diagram adalah teknik untuk merekam persyaratan fungsional sebuah sistem. Use case mendeskripsikan interaksi tipikal antara para pengguna sistem dengan sistem itu sendiri, Use Case Diagram dibuat untuk memvisualisasikan atau menggambarkan hubungan antara Actor dan Use Case.</p>
<li>Membekali peserta didik dengan ilmu pengetahuan teknologi dan seni agar mampu mengembangkan diri dikemudian hari baik secara mandiri atau kelompok maupun melalui jenjang pendidikan yang lebih tinggi
+
<li>Class Diagram
<li>Membekali peserta didik dengan kompetensi-kompetensi yang sesuai dengan program keahlian yang dipilih.
+
<p>Class Diagram mendeskripsikan jenis-jenis objek dalam sistem dan berbagai macam hubungan statis yang terdapat diantara mereka. Class Diagram juga menunjukkan properti dan operasi sebuah class dan batasan-batasan yang terdapat dalam hubungan-hubungan objek tersebut.</p>
 +
<li>Activity Diagram
 +
<p>Activity Diagram adalah teknik untuk menggambarkan logika prosedural, proses bisnis, dan jalur kerja, dalam beberapa hal, diagram ini memainkan peran mirip sebuah diagram alir, tetapi perbedaan prinsip antara diagram ini dan notasi diagram alir adalah diagram ini mendukung behavior parallel.</p>
 +
<li>Sequence Diagram
 +
<p>Sequence diagram adalah penjabaran behavior sebuah skenario tunggal. Sequence diagram menunjukkan sejumlah objek contoh dan pesan-pesan yang melewati objek-objek ini di dalam use case.</p>
 +
<li>Component Diagram
 +
<p>Component merupakan bagian fisik dari sebuah sistem, karena menetap di komputer tidak berada di analis. Component terhubung melalui antarmuka yang digunakan dan dibutuhkan.</p>
 +
<li>Deployment Diagram
 +
<p>Deployment Diagram menujukkan susunan fisik sebuah sistem, menunjukkan bagian perangkat lunak mana yang berjalan pada perangkat keras mana.</p>
 
</ol>
 
</ol>
 
</div>
 
</div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Struktur Organisasi SMK Yuppentek I Tangerang'''</div>===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar PIECES'''</div>===
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi PIECES'''</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">Sebuah Instansi maupun perusahaan dibidang apapun haruslah memiliki struktur organisasi yang jelas, guna memudahkan pengkoordinasian antara bagian, agar menghindari miss communication antar tiap bagian, sama halnya seperti SMK Yuppentek 1 Tangerang yang tentunya memiliki struktur organisasi guna memudahkan dalam menjalankan setiap tugas-tugas yang ada, berikut adalah struktur organisasi SMK Yuppentek 1 Tangerang. Adapun struktur organisasi dari SMK Yuppentek 1Tangerang adalah sebagai berikut.</p></div>
+
<p>Menurut Tri Munfarida dan Yuli Astuti dalam Jurnal Mantik Penusa (2017:16)<ref name="Munfarida, Tri">Munfarida, Tri dan Yuli Astuti. 2017. Implementasi Daily Activity Monitoring System (DAMS) pada CV. Jogja Media Telematika. Jurnal Mantik Penusa. ISSN: 2088-3943. Vol.21 No.1-Juni 2017.</ref> “Analisis PIECES merupakan analisis yang melihat sistem dari Kinerja (Performance), Informasi (''Information''), Ekonomi (''Economic''), Kontrol (''Control''), Efisiensi (''Efficiency'') dan Pelayanan (''Service'')”.</p>
 
+
<div id="g31" align="center"><img width="700" height="450" style="margin:0px" src="https://i.postimg.cc/yN8sYxyn/aaa.png"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 3.1 Struktur Organisasi</div>
+
<br>
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Wewenang dan Tanggung Jawab'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Sama halnya dengan sebuah perusahaan, SMK Yupentek 1 Tangerang dalam manajemenya terdapat bagian- bagian yang mempunyai wewenang serta tanggung jawab dalam menyelesaikan semua pekerjaannya, sebagai berikut :</p>
+
 
<ol>
 
<ol>
<li>Kepala Sekolah
+
<li>Analisis Kinerja (''Performance'').
<p>Bertanggung jawab kepada : </p>
+
<p>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 throughput dan respons time. Throughtput adalah jumlah dari pekerjaan yang dilakukan suatu sistem tertentu. Respon time adalah rata-rata waktu yang tertunda diantara dua pekerjaan ditambah dengan waktu respon untuk menangani pekerjaan tersebut.</p>
<p>Kepala Dinas Pendidikan, dan Bupati Tugas pokok dan fungsi Kepala Sekolah adalah:</p>
+
<p>a. Koordinator tercapainya visi dan misi SMK</p>
+
<p>b. Koordinator pelaksanaan administrasi sekolah yang baik dan tertib</p>
+
<p>c. Supervisor tenaga pendidik dan kependidikan</p>
+
<p>d. Supervisor pelaksanaan hokum</p>
+
<p>e. Pencipta iklim kerja yang sehat dan kompetitif</p>
+
<p>f. koordinator penggunaan anggaran dan sarana pendidikan</p>
+
<p>g. pemeriksa kebenaran lapora – laporan</p>
+
<p>h. penentu kebijakan sekolah</p>
+
<p>i. koordinator kegiatan unit sekolah</p>
+
 
+
<li>Wakil Kepala Sekolah Bidang Kurikulum
+
<p>Bertanggung jawab kepada : Kepala Sekolah</p>
+
<p>Tugas pokok dan fungsi Wakil Kepala Sekolah Bidang Kurikulum adalah :</p>
+
<p>a. Koordinator penyusunan dan pengembangan kurikulum</p>
+
<p>b. Koordinator pembagian tugas jam mengajar dan pembagian wali kelas</p>
+
<p>c. Penyusun jadwal pelajaran</p>
+
<p>d. Penyusun kalender pendidikan</p>
+
<p>e. Melakukan koordinasi dengan WMM dan waka SDM dan menyeleksi calon tenaga pendidik</p>
+
<p>f. Koordinator proses belajar mengajar</p>
+
<p>g. Membuat daftar pembagian kelas</p>
+
<p>h. Koordinator evaluasi semester dan evaluasi tahunan UAS/UN</p>
+
<p>i. Penyusunan rambu rambu pengisian raport dan tanggal titimangsa pengisian raport</p>
+
<p>j. Supervisor guru</p>
+
<p>k. Koordinator penulisan STTB/IJAZAH</p>
+
 
+
<li>Wakil Kepala Sekolah Bidang Kesiswaan
+
<p>Bertanggung jawab kepada : Kepala Sekolah</p>
+
<p>Tugas pokok dan fungsi Wakil Kepala Sekolah Bidang Kesiswaan adalah :</p>
+
<p>a. Koordinator pembinaan siswa</p>
+
<p>b. Koordinator perencaaan dan pelaksanaan kegiatan luar sekolah/Ekstrakulikuler</p>
+
<p>c. Pembina kepengurusan OSIS, MPK, Pramuka, Paskibra, PMR, dan Ekstrakulikuler lainya</p>
+
<p>d. Pembimbing dan pengawas hubungan siswa dengan siswa sekolah lain melalui organisasi sekolah yang ada</p>
+
<p>e. Koordinator kegiatan upacara bendera di sekolah, dan upacara hari besar nasional di luar sekolah</p>
+
<p>f. Koordinator perlombaan antar sekolah</p>
+
<p>g. Memelihara piala atau piagam siswa di sekolah</p>
+
<p>h. Administrator data siswa</p>
+
 
+
<li>Wakil Kepala Sekolah Bidang Sarana
+
<p>Bertanggung Jawab Kepada : Kepala Sekolah</p>
+
<p>Tugas Pokok dan Fungsi Wakil Kepala Sekolah Bidang Sarana  adalah :</p>
+
<p>a. Koordinator pengadaan perlengkapan dan kebutuhan rumah tangga sekolah</p>
+
<p>b. Koordinator inventarisasi barang</p>
+
<p>c. Pengawas penggunaan sarana</p>
+
<p>d. Pengelola unit produksi sekolah bersama ketua kompetensi keahlian</p>
+
<p>e. Koordinator pengadaan seragam guru dan pegawai</p>
+
<p>f. Koordinator pengadaan seragam siswa</p>
+
<p>g. Koordinator kebersihan ruang guru, lab dan bengkel dan halaman sekolah sekitarnya</p>
+
<p>h. Koordinator pembangunan dan perbaikan sarana sekolah</p>
+
 
+
<li>Wakil Kepala Sekolah Bidang Dunia Usaha/Dunia Industri
+
<p>Bertanggung jawab kepada : Kepala Sekolah</p>
+
<p>Tugas Pokok dan Fungsi Wakil Kepala Sekolah Bidang Dunia Usaha/Dunia Industri adalah :</p>
+
<p>a. Koordinator pelaksanaan program praktik kerja industri bersama wakasek kurikulum</p>
+
<p>b. Koordinator pemetaan DU / DI mitra kerja</p>
+
<p>c. Fasilitator instansi terkait</p>
+
<p>d. Koordinator sinkronisasi kurikulum bersama wakasek kurikulum</p>
+
<p>e. Koordinator peningkatan kuantitas dan kualitas kerjasama dengan institusi pasangan</p>
+
<p>f. Pelaksana bimbingan karir / bimbingan kejuruan bersama guru BP</p>
+
<p>g. Koordinator perolehan MOU dari dunia industry</p>
+
<p>h. penyaluran alumni ke dunia industry</p>
+
<p>i. Pemeliharaan hubungan baik dengan DU / DI dan stake holder lainya</p>
+
<p>j. Pelaksana lomba kompetensi siswa / LKS bersama wakasek kesiswaan</p>
+
  
<li>Wakil Kepala Sekolah Bidang Manajemen Mutu
+
<li>Analisis Informasi (''Information'').
<p>Bertanggung Jawab Kepada : Kepala Sekolah</p>
+
<p>Informasi merupakan salah satu faktor yang penting, karena informasi merupakan titik awal untuk mengoreksi keadaan dalam organisasi. Kualitas dari sebuah informasi (''quality of information'') tergantung dari tiga hal, yaitu informasi harus akurat (''acurat''), tepat pada waktunya (''timely basis''), dan relevan (''relevance''). Jika informasi yang diproses bisa lebih cepat, akurat, dan relevan tentunya akan memberikan keputusan bisnis yang baik untuk kemajuan perusahaan.</p>
<p>Tugas Pokok dan Fungsi Wakil Kepala Sekolah Bidang Manajemen Mutu :</p>
+
<p>a. Pelaksana sosialisasi SMM kepada seluruh Biro / Bidang dan unit kerja</p>
+
<p>b. Koordinator pembuatan dokumentasi ISO / SMM kepada Biro / Bidang dan unit kerja</p>
+
<p>c. Pemeriksa hasil pembuatan dokumen ISI / SMM dari Biro / Bidang dan unit kerja</p>
+
<p>d. Kooordinator imlementasi dokumen ISO / SMM dalam proses kerja sehari-hari seluruh unit kerja</p>
+
<p>e. Pelaksana tindakan koreksi dan pencegahan terhadap ketidak sesuaian implementasi dokumen ISO / SMM yang dilakukan oleh seluruh unit kerja</p>
+
<p>f. Penangggung jawab rapat tinjauan manajemen</p>
+
<p>g. Penjamin kontinuitas pelaksanaan ISO / SMM dalam selurih proses kerja secara berkesinambungan</p>
+
  
<li>Wakil Kepala Sekolah Bidang Sumber Daya Manusia
+
<li>Analisis Ekonomi (''Economic'').
<p>Bertanggung Jawab Kepada : Kepala Sekolah</p>
+
<p>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>Tugas Pokok dan Fungsi Wakil Kepala Sekolah Bidang Sumber Daya Manusia adalah :</p>
+
<p>a. Menyusun DUK  bersama – sama Kepala Tata Usaha </p>
+
<p>b. Menyeleksi calon Tenaga Pendidik dan Kependidikan bekerjasama dengan WMM dan Waka Kurikulum</p>
+
<p>c. Mengelola guru dan pegawai</p>
+
<p>d. Pembuatan uraian  tugas  guru dan pegawai</p>
+
<p>e. Pengajuan  pendidikan  dan pelatihan  guru dan pegawai </p>
+
<p>f. Administrasi  pegawai</p>
+
<p>g. Pemeliharaan  Piagam/ Piala yang dimiliki  guru</p>
+
<p>h. Pemeliharaan  papan  pengumuman  / sarana  informasi</p>
+
  
<li>Koordinator Bursa Kerja Khusus (KBKK)
+
<li>Analisis Efisiensi (''Efficiency'').
<p>Bertanggung Jawab Kepada : Kepala Sekolah</p>
+
<p>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>Tugas Pokok dan Fungsi Koordinator Bursa Kerja Khusus (KBKK) adalah:</p>
+
<p>a. Mengkoordinir kegiatan bursa kerja sekolah</p>
+
<p>b. Meningkatkan kualitas dan kuantitas kerjasama dengan dunia kerja dan industry</p>
+
<p>c. Mengkoordinir pelaksanaan promosi sekolah dan pemasaran tamatan</p>
+
<p>d. Mengkoordinir penelusuran tamatan</p>
+
<p>e. Bekerjasama dengan waka kesiswaan dan koordinator BP untuk mempersiaapkan siswa menghadapi dunia kerja.</p>
+
<p>f. Membuat MOU dengan Industri</p>
+
  
<li>Ketua Kompetensi Keahlian
+
<li>Analisis Kendali (''Control'').
<p>Bertanggung Jawab Kepada : Kepala Sekolah</p>
+
<p>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 monitoring/pencatatan perlu adanya kontrol yang dilakukan oleh pihak pemilik terhadap semua proses monitoring/pencatatan yang dilakukan oleh karyawannya.</p>
<p>Tugas Pokok dan Fungsi Ketua Kompetensi Keahlian adalah :</p>
+
<p>a. Menganalisa dan mengembangkan  kurikulum  kompetensi keahlian</p>
+
<p>b. Mengkoordinir tugas guru dikompetensi keahlian  keahlian </p>
+
<p>c. Mengevaluasi  hasil  analisis kurikulum dari masing – masing  guru binaannya.</p>
+
<p>d. Mengkoordinir  dan menata ruang praktik </p>
+
<p>e. Membantu semua  wakil kepala yang ada kaitan dengan kompetensi keahlian </p>
+
<p>f. Melaksanakan  dan memelihara hubungan  dengan dunia  kerja  / dudi</p>
+
<p>g. Membuat daftar kebutuhan Alat dan Bahan dalam program keahlian </p>
+
<p>h. Mengkodinir dan melaporkan tingkat kehadiran guru pada kompetensi keahlian setiap bulan pada WAKA SDM</p>
+
  
<li>Guru Bimbingan Konseling
+
<li>Analisis Pelayanan (''Service'').
<p>Bertanggung Jawab Kepada : Wakil Kepala Sekolah Bidang Kesiswaan</p>
+
<p>Fokus dari analisis pelayanan adalah peningkatan terhadap pelayanan yang dihasilkan sistem dapat memberikan kemudahan dan kenyamanan dalam menyelesaikan pekerjaan untuk memperoleh informasi.</p>
<p>Tugas Pokok dan Fungsi Guru Bimbingan Konseling :</p>
+
<p>a. Membantu peserta didik dalam mengembangkan kehidupan pribadi, mengembangkan kehidupan sosial,Mengembangkan kemampuan belajar, dan mengembangkan karir</p>
+
<p>b. Memberikan pelayanan konseling</p>
+
<p>c. Memberikan pelayanan mediasi, yaitu membantu peserta didik menyelesaikan permasalahan dan memperbaiki hubungan antar mereka.</p>
+
<p>d. Masuk ruang kelas apabila ada guru yang berhalangan hadir</p>
+
<p>e. Melaporkan peserta didik yang bermasalah ke wali kelas</p>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Sistem Yang Berjalan'''</div>==
+
===<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;">'''Prosedur Sistem yang Berjalan'''</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;">
+
<ol style="list-style-type:lower-alpha">
+
<li>Surat Masuk
+
<p>1. Bagian Staff Persuratan menerima surat masuk</p>
+
<p>2. Bagian Staff Persuratan mencatat di buku agenda</p>
+
<p>3. Bagian Staff Persuratan mencatat di kartu penerus disposisi</p>
+
<p>4. Bagian Staff Persuratan membuat laporan surat masuk</p>
+
<p>5. Staff Persuratan mengarsipkan surat masuk</p>
+
  
<li>Surat Keluar
 
<p>1. Staff Persuratan membuat surat keluar.</p>
 
<p>2. Staff Persuratan mencatat di buku agenda.</p>
 
<p>3. Staff Persuratan mengirimkan surat keluar yang bersangkutan.</p>
 
<p>4. Staff Persuratan membuat laporan surat keluar</p>
 
</ol>
 
</div>
 
 
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Analisa Prosedur Sistem Yang Berjalan'''</div>===
 
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Use Case Diagram'''</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 menganalisis sistem yang berjalan, saat ini peneliti ini mengunakan program Unified Modeling language (UML) pada penggambaran kali ini prosedur digunakan use case diagram : </p>
+
<p style="line-height:2">Seperti yang dikutip oleh Ruli Dkk dari jurnal SENSI(2018)<ref name="Ruli Supriati,">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>
<p>1. Use Case Diagram Surat Masuk</p>
+
  
<div id="g32" align="center"><img width="700" height="400" style="margin:0px" src="https://i.postimg.cc/xTBzmr4K/2.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 3.2 Use Case Diagram Surat Masuk</div>
 
<br>
 
 
<p>Keterangan use case diagram :</p>
 
<p>1. Terdapat 2  Aktor, terdiri dari Staff Persuratan dan Kepala Sekolah</p>
 
<p>2. Terdapat 6 Use Case, terdiri dari buat surat masuk, mencacat di buku agenda, mencatat di kartu penerus disposisi, laporan surat masuk, menerima laporan surat masuk, surat di arsipkan.</p>
 
 
 
<p>2. Use Case Diagram Surat Keluar</p>
 
 
<div id="g33" align="center"><img width="700" height="400" style="margin:0px" src="https://i.postimg.cc/R0BJP79h/3.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 3.3 Use Case Diagram  Surat Keluar</div>
 
<br>
 
 
<p>Keterangan use case diagram :</p>
 
<p>1. Terdapat 3 Aktor, terdiri dari  Staff Persuratan, Guru, dan Kepala Sekolah</p>
 
<p>2. Terdapat 7 Use Case, terdiri dari membuat surat keluar, mencatat di buku agenda, mengecek surat, memberi tanda tangan, mengirimkan surat keluar yang bersangkutan, laporan surat keluar, memberikan informasi surat keluar yang telah dikirimkan</p>
 
</div>
 
 
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Sequence Diagram'''</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">Sequence Diagram menggambarkan kolaborasi dinamis antara sejumlah objek. Berikut adalah Sequence Diagram: </p>
+
<p style="line-height:2">Sementara menurut Rogi Abdulloh (2016)<ref name="Abdulloh, Rogi.">Abdulloh, Rogi. 2016. “Easy & Simple Web Programming”. Jakarta : PT. Elex Media Komputindo</ref> Website diartikan sebagai sekumpulan halaman yang terdiri atas beberapa laman yang berisi informasi dalam bentuk data digital, baik berupa teks, gambar, video, audio dan animasi lainnya yang disediakan melalui jalur koneksi internet.</p></div>
<p>1. Sequence Surat Masuk</p>
+
 
+
<div id="g34" align="center"><img width="650" height="300" style="margin:0px" src="https://i.postimg.cc/YCgmfX5T/4.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 3.4 Sequence Diagram Surat Masuk</div>
+
<br>
+
 
+
<p>Keterangan Sequence Diagram :</p>
+
<p>1. Terdapat 2 Aktor, terdiri dari  Staff Persuratan, Kepala Sekolah.</p>
+
<p>2. Terdapat 6 Massage, terdiri dari membuat surat masuk, mencatat di buku agenda, mencatat di kartu disposisi, laporan surat masuk,menerima laporan surat masuk, surat di arsipkan.</p>
+
 
+
<p>2. Sequence Surat Keluar</p>
+
 
+
<div id="g35" align="center"><img width="650" height="300" style="margin:0px" src="https://i.postimg.cc/XvkGtr78/5.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 3.5 Sequence Diagram Surat Keluar</div>
+
<br>
+
 
+
<p>Keterangan Sequence Diagram :</p>
+
<p>1. Terdapat 3 Aktor, terdiri dari  Staff Persuratan, Kepala Sekolah, Guru.</p>
+
<p>2. Terdapat 7 Massage, terdiri dari membuat surat keluar, mencatat di buku agenda, mengecek surat, memberi tanda tangan, mengirimkan surat yang bersangkutan, membuat laporan, memberikan informasi surat keluar.</p>
+
</div>
+
 
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Activity Diagram'''</div>====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Activity Diagram menggambarkan berbagai alur aktifitas dalam sistem yang sedang dirancang. Berikut Activity Diagram :</p>
+
 
+
<p>1. Activity Surat Masuk</p>
+
 
+
<div id="g36" align="center"><img width="400" height="500" style="margin:0px" src="https://i.postimg.cc/85kJGT7V/6.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 3.6 Activity Diagram Surat Masuk</div>
+
<br>
+
 
+
<p>Keterangan Activity Diagram :</p>
+
<p>1. Terdapat 1 Initial Node yang merupakan awal kegiatan</p>
+
<p>2. Terdapat 6 Action, membuat Surat Masuk, Mencatat Di Buku Agenda, Mencatat di Kartu Penerus Disposisi, Laporan Surat Masuk, Menerima Laporan, Surat Diarsipkan.</p>
+
<p>3. Terdapat 2 vertical Swimeline yaitu Staff Persuratan dan Kepala Sekolah.</p>
+
<p>4. Terdapat 1 final node yang merupakan akhir kegiatan</p>
+
 
+
 
+
<p>2. Activity Surat Keluar</p>
+
 
+
<div id="g37" align="center"><img width="450" height="350" style="margin:0px" src="https://i.postimg.cc/W39DbxZq/7.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 3.7 ActivityDiagram Surat Masuk</div>
+
<br>
+
 
+
<p>Keterangan Activity Diagram :</p>
+
<p>1. Terdapat 1 Initial Node yang merupakan awal kegiatan</p>
+
<p>2. Terdapat 8 Action, terdiri dari membuat surat keluar, mencatat di buku agenda, mengecek surat, memberi tanda tangan, mengirimkan surat keluar yang bersangkutan, laporan surat keluar, menerima laporan, memberikan informasi surat keluar.</p>
+
<p>3. Terdapat 2 vertical Swimeline yaitu Staff Persuratan, Kepala Sekolah.</p>
+
<p>4. Terdapat 1 final node yang merupakan akhir kegiatan</p>
+
</div>
+
 
+
==<div style="font-size: 12pt;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 Analisa PIESCES'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Untuk menemukan masalah-masalah yang akan ditemui maka diadakan analisis terhadap sistem yang sedang berjalan untuk menemukan faktor-faktor yang berpengaruh terhadap kelemahan dan kekuatan sistem. Faktor-faktor yang terdapat pada analisa PIESCES berupa Kinerja (''Performance''), Informasi (''Information''), Ekonomi (''Economics''), Keamanan / Kontrol (''Control''), Efisiensi (''Efficience''), dan Pelayanan (''Service'').</p></div>
+
 
+
<div id="t31" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 3.1 Analisa PIESCES</div>
+
<div align="center"><img width="400" height="700" style="margin:0px" src="https://i.postimg.cc/rpdcrmKJ/aaa.png"/></div>
+
 
+
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Analisa Masukan dan Analisa Keluaran'''</div>===
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Fungsi WEBSITE'''</div>====
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Analisa Masukan'''</div>===
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height:2">Berdasarkan analisis yang dilakukan oleh peneliti, sistem informasi surat masuk dan surat keluar yang berjalan di dapat bahwa proses dalam sistem pengolahan data surat menyurat yang sedang berjalan saat ini  belum  terintegrasi  dan  sebagian  proses  masih  dikerjakan secara manual dengan melakukan pencatatan atau pendataan menggunakan buku besar, sehingga pengolahan data belum optimal dalam pencarian data yang telah diarsipkan. Sistem yang berjalan belum dapat diimplementasikan secara optimal maka penulis mengusulkan poin-poin sebagai berikut :</p>
+
<p>Desi Hernandhi dkk (2018) <ref name="Hernandhi,">Hernandhi, Desi Tri, Endang Siti Astuti, dan Swasta Priambada. 2018. “Desain Sistem Informasi Pemasaran Berbasis Website Untuk Promosi”. Malang: Jurnal JAB. Vol.55, No.1 Februari 2018</ref> mengutip beberapa fungsi menurut Aziz yaitu sebagai berikut:</p>
 
<ol>
 
<ol>
<li>Proses pendataan surat masuk dan surat keluar dilakukan secara komputerisasi dengan basis data, sehingga pengontrolannya relatif mudah dan akurat, sehingga memperkecil terjadi kesalahan pada data yang terulang dan dalam merekap data untuk membuat laporan serta untuk pencarian data.
+
<li>Media promosi
<li>Sistem  komputerisasi  sangat  mendukung  proses  kerja  seperti kejelasan data, kecepatan proses yang dilaksanakan dan keakuratan data yang disimpan sehingga dengan mudah dapat memberikan informasi yang dibutuhkan.
+
<p>Sebagai media promosi dapat dibedakan menjadi promosi utama, misalnya website yang berfungsi sebagai search engine atau online atau sebagai penunjang promosi utama, namun website dapat berisi informasi yang lebih lengkap daripada media promosi offline seperti koran atau majalah.</p>
 +
<li>Media Pemasaran
 +
<p>Pada toko online atau sistem afiliasi, website merupakan media pemasaran yang cukup baik, karena dibandingkan dengan toko sebagaimana di dunia nyata, untuk membangun toko online diperlukan modal yang relatif kecil, dan dapat beroperasi 24 jam walaupun pemilik website tidak ditempat, serta diakses darimana saja.</p>
 +
<li>Media Informasi
 +
<p>Website portal dan radio atau tv online menyediakan informasi yang bersifat global karena dapat diakses dari mana saja selama terhubung ke internet, sehingga dapat menjangkau lebih luas daripada media informasi yang konvensional.</p>
 +
<li>Media Pendidikan
 +
<p>Ada komunitas yang membangun website khusus berisi informasi atau artikel yang sarat dengan informasi ilmiah, misalnya Wikipedia.</p>
 +
<li>Media Pendidikan
 +
<p>Banyak terdapat website yang dibangun khusus untuk berkomunikasi seperti forum yang dapat memberikan fasilitas bagi para anggotanya untuk saling berbagi informasi atau membantu pemecahan masalah tertentu.</p>
 
</ol>
 
</ol>
 
</div>
 
</div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Analisa Keluaran'''</div>===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar DATABASE'''</div>===
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi DATABASE'''</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 pendataan surat masuk dan surat keluar sistem yang berjalan masih melakukan pelayanan dan pengolahan data. Untuk itu penulis mengusulkan  sebuah  sistem informasi manajemen dan  pengelolaan surat masuk dan keluar yang digunakan untuk mempermudah pengambilan keputusan serta menghasilkan informasi yang cepat dan akurat.</p></div>
+
<p>Menurut Kusumo (2016:55)<ref name="Kusumo,">Kusumo, Ario Suryo. 2016. “Administrasi SQL Server 2014”. Jakarta: PT Elex Media Komputindo.</ref>, “Database adalah kumpulan data yang di simpan dalam media elektronis, saling berhubungan, diorganisasikan dengan baik agar tidak terjadi redudansi / pengulangan dan inkosistensi, serta nantinya dapat di manfaatkan kembali”.</p>
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konfigurasi Sitem yang berjalan'''</div>==
+
<p>SQL (Structured Query Language) merupakan bahasa Query yang digunakan untuk mengakses database relasional. SQL merupakan bahasa database standar dan hampir semua sistem database memahaminya. SQL terdiri dari berbagai statement, semuanya didesain agar memungkinkan untuk dapat secara interaktif berhubungan dengan database.</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
 
<ol>
 
<ol>
<li>Spesifikasi perangkat keras (''Hardware'')
+
<li>DDL (''Data Definition Language'')
<p>a. Processor : Intel Inside Core 2 duo</p>
+
<p>DDL digunakan untuk mendefinisikan, mengubah, serta menghapus basis data dan objek-objek yang diperlukan dalam database, misalnya tabel, view, user, dan sebagainya. Berikut adalah beberapa perintah DDL yang digunakan adalah :</p>
<p>b. Monitor : LG 14 Inci</p>
+
<ol style="list-style-type:lower-alpha">
<p>c. Hardisk : 500 GB</p>
+
<li>CREATE : untuk membuat objek baru seperti database, table dll
<p>d. RAM : 2 GB</p>
+
<li>USE : untuk menggunakan objek
<p>e. Keyboard : Logitech USB</p>
+
<li>ALTER : untuk mengubah objek yang sudah ada.
<p>f. Mouse : Logitech USB</p>
+
<li>DROP : untuk menghapus objek.
 
+
<li>Spesifikasi perangkat lunak (''Software'')
+
<p>a. Microsoft Windows 7 Profesional 64 Bit</p>
+
<p>b. Microsoft Office 2010 Profesional</p>
+
 
+
<li>Hak Akses (''Brainware'')
+
<p>a. Petugas yang berwenang</p>
+
<p>b. Pimpinan</p>
+
<p>Untuk mengoperasikan atau mengolah data yang dibutuhkan hanya dapat dilakukan oleh Staff IT.</p>
+
 
</ol>
 
</ol>
</div>
 
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Permasalahan yang dihadapi dan Alternatif Pemencahan Masalah'''</div>==
+
<li>DML (''Data manipulation Language'')
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p>DML digunakan untuk memanipulasi data yang ada dalam suatu tabel. Perintah yang umum dilakukan adalah</p>
<ol>
+
<ol style="list-style-type:lower-alpha">
<li>Permasalahan Yang Dihadapi
+
<li>SELECT : untuk menampilkan data
<p>Berdasarkan analisa yang telah dilakukan pada SMK 1 YUPPENTEK Tangerang, Permasalahan yang dihadapi sebagai berikut:</p>
+
<li>INSERT : untuk menambahkan data baru
<p>a. Sistem  yang  berjalan  masih  kurang  efektif,  efisien,  dan akurat karena masih manual untuk pedataan surat.</p>
+
<li>UPDATE : untuk mengubah data yang sudah ada
<p>b. Sistem  pelacakan  surat  masuk  dan  surat  keluar  yang berjalan saat ini belum memiliki tempat penyimpanan data.</p>
+
<li>DELETE : untuk menghapus data
<p>c. Sistem pelacakan surat masuk dan surat keluar dalam pembuatan laporan masih manual berupa buku agenda laporan sehingga belum berjalan dengan baik.</p>
+
</ol>
<p>Dari permasalahan diatas, sebaiknya diadakannya sistem yang dapat  membantu  dalam  hal  persuratan  ini  agar mempermudah dan mempercepat kinerja bagian persuratan.</p>
+
 
+
<li>Alternatif Pemecahan Masalah
+
<p>Berdasarkan analisa terhadap tata laksana sistem yang berjalan, dapat diambil kesimpulan bahwa perlu diadakan pengembangan sistem atas kekurangan dan kebutuhan sistem dengan melakukan analisa terhadap alternatif pemecahan masalah antara lain:</p>
+
<p>a. Membuat  aplikasi  pengolahan  data surat  masuk  dan  surat keluar yang mudah dioperasikan, cepat, tepat dan akurat.</p>
+
<p>b. Aplikasi yang akan dibuat harus terintegrasi dengan database sehingga dapat diupdate jika ada perubahan  informasi serta aman dalam penyimpanan data.</p>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''User Requitment'''</div>==
+
===<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;">'''Elisitasi Tahap I'''</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 style="line-height:2">Elisitasi tahap I merupakan daftar yang diperoleh melalui observasi langsung dan wawancara kepada stakeholder mengenai sistem yang diusulkan. Berikut merupakan tabel elisitasi tahap I :</p></div>
+
<p>Menurut Sommerville and Sawyer dalam Iqbal Hanafri, dkk (2017:7)<ref name="Hanafri,">Hanafri, Muhammad Iqbal, dkk. 2017. Proses Perakitan Trafo Dengan Menggunakan Animasi Multimedia. ISSN : 2088 – 1762. Jurnal SISFOTEK GLOBAL. Vol. 7 No. 1-Maret 2017.</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”.</p>
 
+
<div id="t33" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 3.3 Elisitasi Tahap I</div>
+
<div align="center"><img width="400" height="500" style="margin:0px" src="https://i.postimg.cc/Y0NG1jGZ/aa.png"/></div>
+
<div align="center"><img width="400" height="590" style="margin:0px" src="https://i.postimg.cc/m2RFT3Ks/bb.png"/></div>
+
<div align="center"><img width="400" height="150" style="margin:0px" src="https://i.postimg.cc/ZY6dks7H/cc.png"/></div>
+
 
+
===<div style="font-size: 12pt;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 style="line-height:2">Elisitasi tahap II merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI (Mandatory, Desirable dan Innesential) untuk memisahkan rancangan sistem yang memang penting dan harus ada di dalam sistem yang baru ingin diusulkan dan telah disanggupi untuk selanjutnya dieksekusi. Berikut adalah berupa tabel metode MDI :</p>
+
 
+
<div id="t34" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 3.4 Elisitasi Tahap II</div>
+
<div align="center"><img width="400" height="400" style="margin:0px" src="https://i.postimg.cc/6pp2vW9b/ee.png"/></div>
+
<div align="center"><img width="400" height="700" style="margin:0px" src="https://i.postimg.cc/0N6zVVKp/qq.png"/></div>
+
<div align="center"><img width="400" height="90" style="margin:0px" src="https://i.postimg.cc/02fKjMqJ/rr.png"/></div>
+
 
+
<p>Keterangan :</p>
+
<p>M (''Mandatory'') : Dibutuhkan atau penting</p>
+
<p>D (''Desirable'') : Diinginkan atau tidak terlalu penting</p>
+
<p>I (''Innessential'') : Di luar sistem atau di eliminasi</p>
+
 
</div>
 
</div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Elisitasi Tahap III'''</div>===
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tahapan 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 style="line-height:2">Elisitasi tahap III merupakan hasil dari penyusutan berdasarkan elisitasi tahap II yang mengeliminasi oPTion “I” pada metode MDI dan kembali diklasifikasikan dengan metode TOE. Berikut adalah elisitasi tahap III :</p>
+
<p>Menurut Bachtiar dan Atikah (2015:74)<ref name="Bachtiar, Dede,">Bachtiar, Dede, dan Atikah. 2015. “Sistem Informasi Dashboard Kependudukan di Kelurahan Manis Jaya Kota Tangerang”. Tangerang: STMIK Bina Sarjana Global. JURNAL SISFOTEK GLOBAL. Vol. 5 NO. 1. ISSN: 2088 - 1762.</ref>, elisitasi dilakukan melalui tiga tahap yaitu sebagai berikut :</p>
 +
<ol>
 +
<li>Elisitasi Tahap I
 +
<p>Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.</p>
  
<div id="t35" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 3.5 Elisitasi Tahap III</div>
+
<li>Elisitasi Tahap II
<div align="center"><img width="400" height="350" style="margin:0px" src="https://i.postimg.cc/ZYNWb1vN/1.png"/></div>
+
<p>Merupakan hasil pengklasifikasian dan elisitasi tahap 1 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>
<div align="center"><img width="400" height="750" style="margin:0px" src="https://i.postimg.cc/L6BhfLT6/2.png"/></div>
+
<ol style="list-style-type:lower-alpha">
<div align="center"><img width="400" height="130" style="margin:0px" src="https://i.postimg.cc/5NM66n8R/3.png"/></div>
+
<li>M pada MDI artinya Mandory (penting).
 +
<p>Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.</p>
 +
<li>D pada MDI artinya Desirable.
 +
<p>Maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebut digunakan dalam pembentukan sistem, akan membuat sistem tersebut lebih sempurna.</p>
 +
<li>I pada MDI artinya Inessential.
 +
<p>Maksudnya requirement tersebut bukanlah bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem.</p>
 +
</ol>
  
<p>Keterangan :</p>
+
<li>Elisitasi Tahap III
<p>T  : Technical</p>
+
<p>Merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya I pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE, yaitu sebagai berikut:</p>
<p>O  : Operational</p>
+
<p>E  : Economic</p>
+
<p>L  : Low</p>
+
<p>M  : Medium</p>
+
<p>H  : High</p>
+
</div>
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Elisitasi Tahap Final'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Merupakan bentuk akhir dari tahap-tahap elisitasi perihal sistem yang akan dibentuk untuk dijadikan acuan dan dasar pengembangan sistem nantinya. Berikut requirement final draft elisitasi yang telah diperoleh:</p></div>
+
 
+
<div id="t36" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 3.6 Final Draft Elisitasi</div>
+
<div align="center"><img width="400" height="450" style="margin:0px" src="https://i.postimg.cc/kGyG2ZLd/yy.png"/></div>
+
<div align="center"><img width="400" height="700" style="margin:0px" src="https://i.postimg.cc/wMz3THfV/yyy.png"/></div>
+
<div align="center"><img width="400" height="500" style="margin:0px" src="https://i.postimg.cc/jq6L3w2k/yyyy.png"/></div>
+
 
+
=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
+
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>
+
 
+
==<div style="font-size: 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;">
+
<p style="line-height:2">Perancangan  sistem  yang  diusulkan  ini  dibuat  dengan menggunakan UML (Unified Modelling Language) diagram dengan menggunakan aplikasi software Visual Paradigm for UML 6.4 Enterprise Edition. Sedangkan untuk pembuatan perangkat lunaknya dibuat dengan menggunakan bahasa PHP dengan sistem aplikasi database menggunakan XAMPP. UML yang akan dibuat menggunakan antara lain :</p>
+
 
<ol style="list-style-type:lower-alpha">
 
<ol style="list-style-type:lower-alpha">
<li>''Use Case Diagram''
+
<li>T artinya Technical, maksudnya bagaimana tata cara/teknik pembuatan requirement tersebut dalam sistem yang akan usulkan.
<li>''Activity Diagram''
+
<li>O artinya Operational, maksudnya bagaimana tata cara menggunakan requirement tersebut dalam sistem yang akan dikembangkan.
<li>''Sequence Diagram''
+
<li>E artinya Economy, maksudnya berapakah biaya yang diperlukan guna membangun requirement tersebut dalam sistem. Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu :
<li>''Class Diagram''
+
<p>• High (H) : Sulit untuk dikerjakan, karena teknik pembuatan dan pemakaiannya sulit serta biayanya mahal. Sehingga requirement tersebut harus dieliminasi.</p>
 +
<p>• Middle (M) : Mampu untuk dikerjakan.</p>
 +
<p>• Low (L) : Mudah untuk dikerjakan</p>
 
</ol>
 
</ol>
</div>
 
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Prosedur Sistem Usulan'''</div>===
+
<li>Final Draft Elisitasi
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p>Merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.</p>
<ol>
+
<li>Admin
+
<p>a.  Login aplikasi sebagai admin </p>
+
<p>b.  Membuat klasifikasi surat</p>
+
<p>c.  Membuat dokumentasi surat masuk atau surat keluar</p>
+
<p>d.  Melihat atau mencetak agenda masuk atau agenda keluar</p>
+
<p>e.  Melihat atau mencetak file yang sudah di upload ke aplikasi </p>
+
<p>f.  Membut disposisi surat</p>
+
<p>g.  Mencetak laporan agenda masuk dan keluar</p>
+
<p>h.  Logout.</p>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Prosedur Sistem Usulan pada Use Case Diagram'''</div>===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar LARAVEL'''</div>===
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi LARAVEL'''</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 prosedur sistem  yang diusulkan selesai  dipaparkan, maka prosedur tersebut akan digambarkan ke dalam bentuk diagram dan keterangan dibawahnya agar mudah dibaca dan dipahami. Dapat dilihat pada gambar di bawah ini :</p></div>
+
<p style="line-height:2">Menurut Aminudin (2015)<ref name="Aminudin.">Aminudin. “Cara Efektif Belajar Framework Laravel”. Yogyakarta : Penerbit Lokomedia, 2015.</ref>, laravel dirilis dibawah lisensi MIT dengan kode sumber yang sudah disediakan oleh Github, sama seperti framework-framework yang lain, Laravel dibangun dengan konsep MVC (Model-Controller-View), kemudian Laravel dilengkapi juga command line tool yang bernama “Artisan” yang bisa digunakan untuk packaging bundle dan instalasi bundle melalui command prompt. Framework Laravel berbasis PHP ini memudahkan programmer untuk membuat aplikasi-aplikasi yang lebih elegan dan dinamis. Karena framework ini menekankan kesederhanaan dan leksibilitas pada desain-nya, maka dari itu pengguna framework ini meningkat dari tahun ke tahun.</p></div>
  
<div id="g41" align="center"><img width="550" height="500" style="margin:0px" src="https://i.postimg.cc/mr3BqY2p/aaa.png"/></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar LARAGON'''</div>===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.1 Sistem Usulan pada Use Case Diagram</div>
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi LARAGON'''</div>====
<br>
+
  
 
<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">Keterangan Use Case Diagram :</p>
+
<p style="line-height:2">Menurut Yoppie Kurniawan (2016)<ref name="Kurniawan, Yoppie.">Kurniawan, Yoppie. 2016. Pembangunan Sistem Informasi Penjualan Dan Pemesanan Semen Berbasis Web. S1 thesis, UAJY.</ref>, laragon adalah perangkat lunak bebas yang mendukung banyak sistem operasi, berfungsi sebagai server diri sendiri / localhost. Laragon menyediakan banyak services, tools, dan fitur mulai dari Apache, MySQL, PHP Server, Memchaced, Redis, Composer, Xdebug, PhpMyAdmin, Cmder dan Laravel.</p></div>
<ol>
+
<li>Terdapat 2 Aktor, terdiri dari Admin dan Kepala Sekolah
+
<li>Terdapat 11 Use Case, terdiri dari admin login lalu admin menginput klasifikasi, setelah itu input surat keluar lalu input surat masuk setelah input surat masuk admin bisa membuat disposisi lalu mencetaknya dan memberikan kepada kepala sekolah. Surat masuk dan surat keluar yang telah diinput akan automatis masuk ke galeri file dan agenda surat  lalu  admin  memberikan  laporan  berupa  agenda  yang  telah dicetak kepada kepala sekolah. Setelah itu admin dapat mengakhiri aktifitasnya dan dapat logout.
+
</ol>
+
</div>
+
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Prosedur Sistem Usulan pada Activity Diagram'''</div>===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar APACHE'''</div>===
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi APACHE'''</div>====
  
<div id="g42" align="center"><img width="550" height="600" style="margin:0px" src="https://i.postimg.cc/FKxXGhD2/bb.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;text-indent: 0.5in">Gambar 4.2 Sistem Usulan pada Activity Diagram</div>
+
<p style="line-height:2">Menurut Sunantoro, R. dan anubhakti, dian (2019)<ref name="Sunantoro, R.">Sunantoro, R. and anubhakti, dian (2019) “ANALISA DAN RANCANGAN E-COMMERCE PADA TOKO ANGSANA”, IDEALIS : InDonEsiA journaL Information System, 2(2), pp. 78-84. Available at: http://jom.fti.budiluhur.ac.id/index.php/IDEALIS/article/view/1052 (Accessed: 29October2019).</ref> dalam jurnal idealis vol.2 no 2, Apache merupakan salah satu web server yang ketangguhannya  telah  teruji  serta  sifat  dari  apache yang free dan open source. Web server adalah suatu server  internet  yang  menggunakan  protocol  HTTP untuk melayani semua proses pentransferan data.</p></div>
<br>
+
  
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar ''BLACK BOX TESTING'''''</div>===
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi ''BLACK BOX TESTING'''''</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">Keterangan Activity Diagram </p>
+
<p>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. “Perancangan Sistem Penyebaran Informasi Imunisasi Kepada Ibu Balita Berbasis SMS Gateway Pada UPTD Puskesmas Kecamatan Pontianak Barat”. Jurnal Sistem Dan Teknologi Informasi Vol. 4 No.3</ref>,  Black Box Testing adalah cara pengujian dilakukan dengan hanya menjalankan atau mengeksekusi unit atau modul kemudian diamati apakah hasil dari unit itu sesuai dengan yang diinginkan. Metode pengujian perangkat yang dilakukan adalah dengan cara mengidentifikasi kesalahan yang berhubungan dengan kesalahan fungsionalitas perangkat lunak yang tampak dalam kesalahan output.</p>
 +
 
 +
<p>Sementara menurut Mursyidah dan Hari Toha Hidayat dalam Jurnal Infomedia Vol. 2 No. 2 (2017:7-14)<ref name="Mursyidah">Mursyidah dan Hari Toha Hidayat 2017. “Pengujian Sistem Informasi Akuntansi Biaya Operasional Sekolah Dengan Black Box Testing”. Jurnal Infomedia Vol. 2 No. 2.</ref>, menyatakan bahwa “Black Box Testing berfokus pada spesifikasi fungsional dari perangkat lunak. Tester dapat mendefinisikan kumpulan kondisi input dan melakukan pengetesan pada spesifikasi fungsional program”.</p>
 +
<p>Pada Black Box Testing cenderung untuk menemukan hal-hal berikut:</p>
 
<ol>
 
<ol>
<li>Terdapat Initial Node untuk mengawali system.
+
<li>Fungsi yang tidak benar atau tidak ada
<li>Terdapat 11 Action aktor admin login untuk masuk ke menu admin dengan cara dengan memasukan username dan password yang sudah terdaftar. lalu admin, menginput klasifikasi surat menurut jenis-jenis dari sekolah.  Lalu admin dapat melakukan menginput surat keluar untuk pendokumentasian surat keluar atau menginput surat masuk setalah  input  surat  masuk  admin  bisa  melihat  galeri  file  untuk mencetak file yang udah dinput jika dibutuhkan, admin dapat melakukan  pembuatan  disposisi  dan  mencetaknya  dan  diberikan kepada kepala sekolah untuk ditanda tangani. Admin dapat mencetak laporan berupa agenda-agenda surat yang pernah diinput surat masuk dan keluar dan menjadikannya laporan untuk diberikan kepada kepala sekolah.
+
<li>Kesalahan antarmuka (interface errors)
<li>Terdapat  2  Vertikal  Swimeline  terdiri  dari,  Admin  dan Kepala
+
<li>Kesalahan pada struktur data dan akses basis data
Sekolah.
+
<li>Kesalahan performansi (performance errors)
<li>Terdapat 1 Final Node yang merupakan akhir kegiatan.  
+
<li>Kesalahan inisialisasi dan terminasi.
 
</ol>
 
</ol>
 +
<p>Dari beberapa definisi diatas, penulis menyimpulkan Black Box Testing adalah pengujian yang didasarkan pada fungsionalitas akhir perangkat lunak melalui pengujian data dan hasil eksekusi, dengan arah yang bertentangan dengan struktur dan alur kerja dari perangkat lunak. Pengujian dianalogikan seperti kotak hitam, Penguji hanya memberikan masukan pada perangkat lunak dan mendapatkan hasil yang diharapkan tanpa melihat proses internal yang terjadi.</p>
 
</div>
 
</div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Prosedur Sistem Usulan pada Sequence Diagram'''</div>===
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''''Literature Review'''''</div>==
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 +
<p>Sebagaimana yang dikatakan oleh Fitrianti (2016:42)<ref name="Fitrianti. 2016.">Fitrianti. 2016. “Sukses Profesi Guru dengan Penelitian Tindakan Kelas”. Yogyakarta: Deepublish Grup CV. Budi Utama.</ref>, “Tinjauan 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 id="g43" align="center"><img width="650" height="450" style="margin:0px" src="https://i.postimg.cc/PxrsR07N/cc.png"/></div>
+
<p>Berikut ini adalah penelitian yang telah dilakukan dan memiliki kolerasi yang searah dengan penelitian yang akan dibahas dalam Laporan Skripsi ini antara lain :</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.3 Sistem Usulan pada Sequence Diagram</div>
+
<br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Keterangan  Sequence Diagram :</p>
+
<ol>
+
<li>Terdapat  2 aktor , yaitu Admin  dan Kepala Sekolah
+
<li>Terdapat  15 Message, yaitu input username dan password,  berhasil login,  masuk menu admin, input surat masuk,  buat disposisi, cetak disposisi,  tanda tangan disposisi, input surat keluar,  mengambil data, mengambil data, cetak, rekap data, cetak, memberikan laporan.
+
<li>Terdapat  8 lifeline, yaitu login, menu aplikasi, surat masuk, disposisi, surat keluar, galeri surat, agenda laporan.
+
</ol>
+
 
</div>
 
</div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Prosedur Sistem Usulan pada Class Diagram'''</div>===
 
 
<div id="g44" align="center"><img width="650" height="550" style="margin:0px" src="https://i.postimg.cc/SR3BjRxz/ee.png"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.4 Sistem Usulan pada Class Diagram</div>
 
<br>
 
 
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perbedaan Prosedur Antara Sistem Berjalan Dengan Sistem Diusulan'''</div>===
 
 
<div id="t41" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.1 Perbedaan Antara Sistem Berjalan Dan Sistem Usulan</div>
 
<div align="center"><img width="500" height="550" style="margin:0px" src="https://i.postimg.cc/mDbBGPPL/qq.png"/></div>
 
 
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Basis Data'''</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;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height:2">Spesifikasi basis data merupakan desain basis data yang dianggap telah normal. Desain basis data menjelaskan media penyimpanan  yang digunakan, isi yang disimpan, primary key dan panjang record. Spesifikasi yang digunakan dalam sistem yang akan dibangun adalah sebagai berikut:</p>
 
 
<ol>
 
<ol>
<li>Tabel User
+
<li>Penelitian yang dilakukan oleh Muhaimin Hasanudin, Haris Muhammad Khoirudin, Wahyu Aldi Amroni, Shatya Silen. (2019)<ref name="Hasanudin">Hasanudin, Muhaimin, Haris Muhammad Khoirudin, Wahyu Aldi Amroni, Shatya Silen. 2019. “Aplikasi E-commerce Sistem Informasi Penjualan Rolling Door Berbasis RAPID Application Development”. Tangerang: STMIK Raharja. CERITA Journal. ISSN : 2461-1417.</ref>. “APLIKASI E-COMMERCE SISTEM INFORMASI PENJUALAN ROLLING DOOR BERBASIS RAPID APPLICATION DEVELOPMENT”. Penelitian Ini bertujuan  untuk pengolahan data penjualan Rolling Door.  Dalam  penelitian  ini  menggunakan  model  Rapid  Application  Development  (RAD)  yang diawali  dengan  pengumpulan  data,  analisa  dan  perancangan  sistem  yang  melibatkan  pengguna hingga mencapai sistem yang diingikan dan diakhiri dengan implementasi sistem.
<p>Nama File : tbl_user</p>
+
<p>Media : Hardisk</p>
+
<p>Primary Key : id_user</p>
+
  
<div id="t42" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.2 Tabel User</div>
+
<li>Penelitian yang dilakukan oleh Ika Yuniva & Dany Hestiyanto. (2018)<ref name="Yuniva, Eka">Yuniva, Eka, dan Dany Hestiyanto. 2017. “Perancangan Web E-commerce Untuk Penjualan Sepatu dengan Pendekatan Model Classi Life Cycle”. Tangerang: STMIK Raharja. CERITA Journal. ISSN : 2461-1417.</ref>. “Perancangan Web E-commerce Untuk Penjualan Sepatu Dengan Pendekatan Model Classic Life Cycle”. Penelitian Ini bertujuan untuk menghasilkan sebuah website e-commerce sebagai media promosi dan pemasaran dan membantu Home Industry Rizky Shoes dalam meningkatkan penjualan. Bentuk penelitian ini menggunakan studi kasus dengan metode observasi dan studi pustaka dalam mengumpulkan data. Kebutuhan sistem pada  web e-commerce  ini Admin dapat melakukan proses input barang, menampilkan data maupun proses penghapusan data, mengubah status pembelian. Sedangkan user dapat melakukan pemesanan, melihat produk, mendaftar sebagai member, dan  melakukan konfirmasi pembayaran.
<div align="center"><img width="400" height="250" style="margin:0px" src="https://i.postimg.cc/HsVrchBw/1.png"/></div>
+
  
<li>Tabel Surat Masuk
+
<li>Penelitian yang dilakukan oleh Nur Azizah, Erna Astriyani, & Listiani Nadhia N. (2018)<ref name="Azizah, Nur, Erna Astriyani,">Azizah, Nur, Erna Astriyani, dan Listia Nadhia N. 2017. “Optimalisasi Aplikasi E-Commerce Untuk Penjualan Pada Toko Desfa Bogor”. Tangerang: STMIK Raharja. CERITA Journal. ISSN : 2461-1417.</ref>. “Optimalisasi Aplikasi E-commerce Untuk  Penjualan Pada Toko Desfa Bogor”.  Penelitian Ini bertujuan untuk mengoptimalisasi Aplikasi E-commerce Untuk Penjualan Pada Toko Desfa Bogor. Penelitian Ini bertujuan untuk memberikan penjualan yang lebih luas lagi dan juga untuk mengembangkan bisnis penjualannya untuk mempromosikan produk yang ada pada Toko Desfa, dengan memanfaatkan Sistem Informasi dan juga internet dapat tercapai suatu sistem yang sangat efektif dan efisien dalam menunjang kegiatan pada toko ini.
<p>Nama File : tbl_surat_masuk</p>
+
<p>Media : Hardisk</p>
+
<p>Primary Key : id_sura</p>
+
  
<div id="t43" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.3 Tabel Surat Masuk</div>
+
<li>Penelitian yang dilakukan oleh Sutrisno, Mursalat Asyidiq, Sugeng Santoso. (2018)<ref name="Sutrisno, Mursalat Asyidiq,">Sutrisno, Mursalat Asyidiq, dan Sugeng Santoso. 2018. “Perancangan Sistem Pemasangan  Iklan Online  Pada Aplikasi E-Commerce (E-Gemanusa) Menggunakan Metode Restful API  dan Framework Laravel”. Jurnal Ilmiah Sains dan Teknologi Program Studi Teknik Informatika. Vol 1 No 1: Agustus 2018.</ref>. “Perancangan Sistem Pemasangan Iklan Online Pada Aplikasi E-commerce (E-GEMANUSA) Menggunakan METODE Restfull Api dan Framework Laravel”. Penelitian Ini bertujuan untuk Untuk dapat membuat sebuah sistem pemasangan iklan online yang dapat terintegrasi dengan banyak website. Sebuah integrasi yang baik antara web player dengan web penyedia content. Konten yang diberikan oleh web content bersifat dinamis yang dapat berubah sesuai dengan waktu tayang yang dipesan oleh konsumen. Pembagian sistem e-gemanusa menjadi beberapa microservice memudahkan dalam proses developer dan proses pengembangan. Karena dengan menggunakan metode microservice tidak akan dibatasi oleh bahasa pemrograman apa yang digunakan. Walaupun berbeda bahasa pemrograman yang digunakan dalam membangun servis satu dengan yang lainnya masing-masing servis tetap bisa saling berkomunikasi. Selain itu pembagian sistem menjadi beberapa microservice juga memperingan beban kerja server sehingga kinerja sistem dapat berjalan maksimal.
<div align="center"><img width="400" height="270" style="margin:0px" src="https://i.postimg.cc/GmD9zs09/2.png"/></div>
+
<div align="center"><img width="400" height="230" style="margin:0px" src="https://i.postimg.cc/TYFprJ4Z/3.png"/></div>
+
  
<li>Tabel Surat Keluar
+
<li>Penelitian yang dilakukan oleh Untung Rahardja, Eka Purnama Harahap & Dini Intan Pratiwi. (2018)<ref name="Rahardja, Untung, Eka Purnama Harahap,">Rahardja, Untung, Eka Purnama Harahap, dan Dini Intan Pratiwi. 2018. “Pemanfaatan Rinfosheet Sebagai Media Informasi Laporan Penjualan Barang Pada Raharja Internet Café”. Jurnal Ilmiah Teknologi Asia. Vol.12, No.01. ISSN: 2580-8397.</ref>. “Pemanfaatan Rinfosheet Sebagai Media Informasi Laporan Penjualan Barang Pada Raharja Internet Café”. Penelitian Ini bertujuan untuk bahwa pemanfaatan RinfoSheet ini bisa sangat bermanfaat bagi pencatatan laporan akuntansi. Pembuatan laporan menggunakan RinfoSheet ini lebih efektif di bandingkan dengan Microsoft Excel karena dapat diakses dan di simpan secara online jadi tidak perlu khawatir saat penginputan laporan dan tiba-tiba PC atau komputer mati karena dengan menggunakan RinfoSheet akan tersimpan secara otomatis. Pembuatan laporan bisa dilakukan dimana saja dan penginputan transaksi pun bisa setiap saat. Dengan menggunakan RinfoSheet juga memungkinkan untuk menshare laporan jadi saat akan memberikan laporan bulanan ke manager tidak perlu lagi untuk mencetak hasil laporan dengan Rinfosheet hanya perlu menshare laporan dengan menginputkan email tujuan dan saat share laporan terdapat juga pilihan akses yaitu edit, view dan comment. Tools lain yang ada pada Rinfosheet dan bisa dimanfaatkan yaitu membuat laporan dalam bentuk Grafik dan Chart yang sangat bermanfaat untuk mengukur grafik penjualan harian, mingguan, bulanan dan bahkan tahunan.
<p>Nama File : tbl_surat_keluar</p>
+
<p>Media : Hardisk</p>
+
<p>Primary Key : id_surat</p>
+
  
<div id="t44" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.4 Tabel Surat Keluar</div>
+
<li>Penelitian yang dilakukan oleh Ahmad Roihan & Ali Maksum. (2018)<ref name="Roihan, Ahmad,
<div align="center"><img width="400" height="350" style="margin:0px" src="https://i.postimg.cc/rmVm8nDt/4.png"/></div>
+
">Roihan, Ahmad, dan Ali Maksum. 2018. “Konsep Data Mart Dalam Implementasi Sistem Job Fair Menggunakan Metode Onlien Analytical Processing Pada Dinas Tenaga Kerja”. Seminar Nasional Teknologi Informasi dan Multimedia 2018. ISSN : 2302-3805.</ref>. “Konsep Data Mart Dalam Implementasi Sistem Job Fair Menggunakan Metode Online Analytical Processing Pada Dinas Tenaga Kerja”. Penelitian Ini bertujuan untuk untuk memanfaatkan dan mengembangkan sistem yang sedang berjalan agar dapat memberikan informasi secara cepat kepada atasan dan sekaligus menunjang keputusan saat berlangsungnya acara pelaksanaan job fair. Titik berat penelitian ini adalah pada perubahan dan mengatasi masalah nyata di objek penelitian, sehingga terdapat kontribusi nyata dan langsung terhadap objek penelitian dalam mengatasi masalah tersebut. Selanjutnya dari penelitian ini akan diketahui informasi seberapa besar minat pengguna dalam menggunakan sistem informasi tersebut dan mengetahui tingkat kehadiran pengguna dalam acara
<div align="center"><img width="400" height="100" style="margin:0px" src="https://i.postimg.cc/7LyhRYD9/5.png"/></div>
+
job fair.
  
<li>Tabel Disposisi
+
<li>Penelitian yang dilakukan oleh Abdul Hayat, Umi Riyandho. (2019)<ref name="Hayat,">Hayat, Abdul, Umi Riyandho. (2019).“ Rancang Bangun Sistem Informasi Penjualan Berbasis Web Pada PT Samator Gas Industri”. JURNAL OF INNOVATION AND FUTURE TECHNOLOGY (IFTECH)</ref>.“ Rancang Bangun Sistem Informasi Penjualan Berbasis Web Pada PT Samator Gas Industri”. Penelitian Ini bertujuan untuk menghasilkan sistem yang menggunakan metode pembayaran yang nyaman dan mudah, sebagai pendukung akses pembayaran transaksi pembelian online dibutuhkan data yang akurat dan dapat membantu dalam proses pelayanan customer. Dengan adanya perubahan sistem yang didasari pada perkembangan teknologi informasi ini, diharapkan sistem yang tadinya kurang efektif dan efisien akan menghasilkan data yang mudah dan aman diakses oleh user.
<p>Nama File : tbl_disposisi</p>
+
<p>Media : Hardisk</p>
+
<p>Primary Key : id_disposisi</p>
+
  
<div id="t45" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.5 Tabel Disposisi</div>
+
<li>Penelitian yang dilakukan oleh Qurotul Aini, Untung Rahardja, Abdul Hamid Arribathi, Nuke Puji Lestari Santoso. (2019)<ref name="Aini, Qurotul,">Aini, Qurotul, Untung Rahardja, Abdul Hamid Arribathi, Nuke Puji Lestari Santoso. (2019). “Penerapan Cloud Accounting Dalam Menunjang Efektivitas Laporan Neraca Pada Perguruan Tinggi”. CESS (Journal of Computer Engineering System and Science. Vol. 4 No. ISSN  :2502-7131.</ref>. “Penerapan Cloud Accounting Dalam Menunjang Efektivitas Laporan Neraca Pada Perguruan Tinggi”. Penelitian ini bertujuan dengan digunakannya cloud accounting pada software online jurnal.id data pemasukan dan pengeluaran sudah terinput dengan baik, sehingga data laporan neraca akurat dan cepat. Terdapat menu laporan pada jurnal.id guna mendapatkan data laporan Neraca secara keseluruhan dan akurat. Adanya 7(tujuh) metode sebagai penyelesaian masalah yang digunakan pada penelitian ini. Peneliti berharap dengan adanya manajemen laporan keuangan neraca mampu memudahkan akuntan dalam menyampaikan laporan kepada pimpinan setiap bulan.
<div align="center"><img width="400" height="320" style="margin:0px" src="https://i.postimg.cc/bvHrfcwh/6.png"/></div>
+
  
<li>Tabel Klasifikasi
+
<li>Penelitian yang dilakukan oleh Rita Rahayu & John Day. (2015)<ref name="Rahayu, Rita,">Rahayu, Rita, dan John Day. 2015. “Determinant Factors of E-commerce Adoption by SMEs in Developing Country: Evidence from Indonesia”. Procedia - Social and Behavioral Sciences 195 ( 2015 ) 142 – 150.</ref>. “Determinant Factors of E-commerce Adoption by SMEs in Developing Country: Evidence from Indonesia”. The aim of this study is to investigate those factors that influence SMEs in developing countries in adopting e-commerce. This study is motivated by the fact that the adoption of e-commerce by SMEs, especially in developing countries, is still very far behind the adoption by large companies. Yet to be able to survive in the new economic era, which is the information era; businesses, including SMEs, are forced to adopt e-commerce. Non-adopters will be left behind by the adopters. In addition, studies regarding e-commerce adoption by SMEs are rarely found. Therefore, the results of this study provide a timely understanding of e-commerce adoption by SMEs in developing countries. The model developed in this study is based on the TOE framework. Eleven variables are proposed as the factors that influence SMEs in adopting of e-commerce. These are organized into four groups, namely: technological factors, organizational factors, environmental factors and individual factors. Based on a survey of 292 Indonesian SMEs, it was found that perceived benefits, technology readiness, owners’innovativeness, owners’ IT ability and owners’ IT experience are the determinant factors that influence Indonesian SMEs in their adopting ecommerce.  
<p>Nama File : tbl_klasifikasi</p>
+
<p>Media : Hardisk</p>
+
<p>Primary Key : id_klasifikasi</p>
+
 
+
<div id="t46" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.6 Tabel Klasifikasi </div>
+
<div align="center"><img width="400" height="250" style="margin:0px" src="https://i.postimg.cc/Kj48T1rG/7.png"/></div>
+
 
+
<li>Tabel Sett
+
<p>Nama File : tbl_sett Media : Hardisk Primary Key : id_sett</p>
+
 
+
<div id="t47" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.7 Tabel Kategori</div>
+
<div align="center"><img width="400" height="220" style="margin:0px" src="https://i.postimg.cc/tTBg736v/8.png"/></div>
+
  
 +
<li>Penelitian yang dilakukan oleh Liran Einav, Jonathan Levin, Igor Popov & Neel Sundaresan. (2014)<ref name="Einav, Liran,">Einav, Liran, Jonathan Levin dan Neel Sundaresan. 2014. “Growth, Adoption, and Use of Mobile E-Commerce”. American Economic Review: Papers & Proceedings 2014, 104(5): 489–494.</ref>. “Growth, Adoption and Use Of Mobile E-Commerce”. As of May 2013, 56 percent of American adults had a smartphone, and most of them used it to access the Internet. One-third of smartphone users report that their phone is the primary way they go online.1 Just as the Internet changed retailing in the late 1990s, many argue that the transition to mobile, sometimes referred to as “Web 3.0,” will have a similarly disruptive effect (Brynjolfsson et al. 2013). In this paper, we aim to document some early effects of how mobile devices might change Internet and retail commerce. We present three main findings based on an analysis of eBay’s mobile shopping application and core Internet platform. First, and not surprisingly, the early adopters of mobile e-commerce applications appear
 
</ol>
 
</ol>
 
</div>
 
</div>
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Prototype Aplikasi'''</div>==
+
=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Prototype Halaman Utama'''</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;">
+
<ol>
+
<li>Halaman Login
+
  
<div id="g45" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/k5W7Lzvm/1.png"/></div>
+
==<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Gambaran Umum Kafe Rute 15'''</div>==
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.5 Halaman Login</div>
+
<br>
+
  
 +
===<div style="font-size: 14pt;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;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height:2">Halaman Login adalah halaman yang pertama akan muncul untuk masuk ke menu aplikasi, yang terdapat logo aplikasi, kolom username, kolom pasword, dan tombol login.</p></div>
+
<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>
  
<li>Halaman Utama Aplikasi
+
<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>
  
<div id="g46" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/503b2zrK/2.png"/></div>
+
<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 style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.6 Halaman Utama Aplikasi</div>
+
<br>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<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>
<p style="line-height:2">Halaman ini adalah tampilan utama aplikasi, yang bisa disebut juga halaman utama, yang menampilkan menu total surat masuk, menu total surat keluar, menu total disposisi, menu total klasifikasi surat, dan menu total pengguna.</p></div>
+
  
<li>Halaman Surat Masuk
 
  
<div id="g47" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/L67R52yS/3.png"/></div>
+
</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.7 Halaman Surat Masuk</div>
+
<br>
+
  
 +
===<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;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height:2">Pada  halaman  surat  masuk  ini  adalah  tampilan  surat  masuk  yang sudah diinput kedalam aplikasi, yang menampilkan tombol add data.</p></div>
+
<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>
  
<p>a.   Input Surat Masuk</p>
+
<ol style="list-style-type:lower-alpha">
 +
<li> Memberikan sajian yang berkualitas tinggi dengan harga terjangkau.
 +
<li> Memberikan pelayanan yang baik guna untuk memuaskan pelanggan.
 +
<li> Menciptakan suasana kafe yang romantis dan berkarakter.
 +
</ol>
  
<div id="g48" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/wMjHyv8q/4.png"/></div>
+
<li>Misi
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.8 Input Surat Masuk</div>
+
<p> Misi pada Kafe Rute 15 sebagai berikut: </p>
<br>
+
  
<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">Pada halaman input surat masuk ini adalah halaman untuk memasukan surat yang ingin di input dan akan muncul dihalaman surat masuk yang menampilkan aktifitas surat yaitu kolom nomor agenda, asal surat, nomor surat, isi ringkas, file upload, kode klasifikasi, indeks, tanggal surat, dan keterangan.</p></div>
+
<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.
  
<p>b.  Halaman Disposisi</p>
+
</ol>
 +
</ol>
  
<div id="g49" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/8kZT8hMj/5.png"/></div>
+
===<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: center;text-indent: 0.5in">Gambar 4.9 Halaman Disposisi</div>
+
<br>
+
  
<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">Pada halaman disposisi ini yang berada ditindakan yang berada didalam tabel halaman surat masuk, menampilkan disposisi surat masuk yang akan dituju. </p></div>
+
 
+
<p>c.  Tambah Disposisi</p>
+
 
+
<div id="g410" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/d3NF8Yw8/6.png"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.10 Tambah Disposisi</div>
+
<br>
+
  
 +
===<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;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height:2">Pada halaman tambah  disposisi ini dibuat untuk menambahkan disposisi surat masuk yang akan dituju, yang menampilkan kolom input disposisi, tujuan, isi disposisi, sifat disposisi, batas waktu, dan catatan.</p></div>
+
<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>
 +
<li>Owner
 +
<p>Tugas Owner:</p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Melaksanakan program kerja yang tertuang pada Visi dan Misi Kafe Rute 15</p>
 +
<p><li>Mengadakan pelatihan kepada para karyawannya untuk bisa mengedepankan kualitas karyawan.</p>
 +
</ol>
  
<li>Halaman Surat Keluar
+
<p>Tanggung Jawab Owner:</p>
 
+
<ol style="list-style-type:lower-alpha">
<div id="g411" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/LsFpkvK0/7.png"/></div>
+
<p><li>Penasihat keputusan pimpinan perusahaan</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.11 Halaman Surat Keluar</div>
+
<p><li>Memastikan seluruh karyawan bisa bekerja dengan profesional.</p>
<br>
+
<p><li>Memastikan pendapatan Kafe stabil.</p>
 +
</ol>
 +
<li> Manajer
 +
<p> Tugas Manajer: </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Mengontrol data penjualan setiap harinya.</p>
 +
<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>
 +
<p>Tanggung Jawab Manajer : </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Memastikan restoran bersih.</p>
 +
<p><li>Memastikan pelayan berpenampilan bersih dan rapih.</p>
 +
<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>
 +
<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>
 +
<p> Tugas Dan Tanggung Jawab Admin : </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Memastikan menu yang ada pada halaman pelanggan tersedia.</p>
 +
<p><li>Memastikan menu baru yang sudah di update adalah sesuai</p>
 +
<p><li>Memastikan menu yang ingin dihapus adalah sesuai,</p>
 +
</ol>
 +
<li>Finance
 +
<p> Tugas Finance : </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Menyusun laporan keuangan per hari, minggu, dan bulanan</p>
 +
<p><li>Menyusun laporan pemasukan dan pengeluaran keuangan Kafe. </p>
 +
<p><li>Mengurus surat berharga, salah satunya seperti menandatangani cek.</p>
 +
</ol>
 +
<p>Tugas Dan Tanggung Jawab Finance : </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Bekerja sama dalam menyusun kebijakan administrasi keuangan dengan bagian lain yang terkait sesuai dengan visi dan misi perusahaan</p>
 +
</ol>
 +
<li>Waiter
 +
<p> Tugas Waiter : </p>
 +
<ol style="list-style-type:lower-alpha">
 +
<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>
 +
<p>Tanggung Jawab Waiter:</p>
 +
<ol style="list-style-type:lower-alpha">
 +
<p><li>Memastikan pelanggan puas dengan pelayanan yang diberikan waiter.</p>
 +
<p><li>Memastikan pesanan pelanggan sesuai dengan yang dipesan pelanggan.</p>
 +
</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>
 +
<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>
  
 +
==<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;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height:2">Pada halaman surat keluar ini adalah tampilan surat masuk yang sudah diinput kedalam aplikasi. </p></div>
+
<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>a.   Input Surat Keluar</p>
+
</p>
 
+
</div>
<div id="g412" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/CLdSw-zsJ/8.png"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.12 Input Surat Keluar</div>
+
<br>
+
  
 +
===<div style="font-size: 14pt;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;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height:2">Pada halaman input surat keluar ini adalah halaman untuk memasukan surat yang ingin di input dan akan muncul dihalaman surat keluar.</p></div>
+
<p>Untuk menganalisa sistem berjalan, penelitian ini menggunakan program Unified Modelling Language (UML) untuk menggambarkan prosedur dan proses yang berjalan saat ini:</p>
 +
<ol>
 +
<li>Use Case Diagram Sistem Pemesanan Menu yang Berjalan
  
<li>Halaman Agenda Surat Masuk
+
<div id="g33" align="center"><img width="500" height="700" style="margin:0px" src="https://i.postimg.cc/c4Gp93G5/usecase.jpg/></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>
  
<div id="g413" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/Hkym7RKy/9.png"/></div>
+
<p>Berdasarkan gambar 3.2.2.1 usecase diagram yaitu :</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.13 Halaman Agenda Surat Masuk </div>
+
<ol>
<br>
+
<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>
 +
</ol>
 +
<ol style="list-style-type:lower-alpha">
 +
  <p><li>Waiter memberikan selembar kertas menu.</p>
 +
  <p><li>Pelanggan memilih dan mengisi selembar kertas menu</p>
 +
<p><li>Pelanggan mengantarkan selembar kertas menu yang sudah diisi</p>
 +
<p><li>Kasir menginput pesanan menu</p>
 +
<p><li>Kasir mencetak struk total pembayaran pesanan menu.</p>
 +
<p><li>Kasir memberikan struk total pembayaran pesanan menu.</p>
 +
<p><li>Pelanggan membayar total pembayaran pesanan menu.</p>
 +
<p><li>Kasir mennginput struk pesanan menu.</p>
 +
<p><li>Kasir memberikan struk pesanan menu untuk diolah.</p>
 +
<p><li>Chef menerima struk pesanan menu, lalu mengolah menu.</p>
 +
<p><li>Chef memberitahu bahwa menu sudah siap diantar</p>
 +
<p><li>Waiter mengantarkan pesanan menu.</p>
 +
<p><li>Pelanggan menerima pesanan menu.</p>
 +
</ol>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<li>Activity diagram sistem penjualan yang berjalan
<p style="line-height:2">Pada halaman agenda surat masuk ini bertujuan untuk mengetahui surat masuk yang dicari sesuai tanggal yang diinginkan atau dicari.</p></div>
+
  
<li>Halaman Agenda Surat Keluar
+
<div id="g34" align="center"><img width="500" height="600" style="margin:0px" src="https://i.postimg.cc/rwGnyWJt/2.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 3.4 activity diagram sistem penjualan yang berjalan</div>
  
<div id="g414" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/8CdVZWTk/10.png"/></div>
+
<p>Berdasarkan gambar 3.4 activity diagram sistem penjualan yang berjalan</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.14 Halaman Agenda Surat Keluar</div>
+
<ol style="list-style-type:lower-alpha">
<br>
+
<li>Terdapat 1 initial node merupakan awal proses kegiatan
 +
<li>Terdapat 4 vertical swimline yaitu sales, customer, admin, produksi dan gudang
 +
<li>Terdapat 18 action yang mencerminkan eksekusi suatu aksi
 +
<li>Terdapat 1 decision node yang merupakan verifikasi data
 +
<li>Terdapat 2 fork node yang merupakan proses pembuatan dokumen
 +
<li>Terdapat 1 final node yang merupakan akhir proses kegiatan
 +
</ol>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<li>Activity diagram laporan pengiriman produk yang berjalan
<p style="line-height:2">Pada halaman  agenda surat  keluar ini  bertujuan  untuk  mengetahui surat keluar yang dicari sesuai tanggal yang diinginkan atau dicari.</p></div>
+
  
<li>Halaman Galeri Surat Masuk
+
<div id="g35" align="center"><img width="500" height="400" style="margin:0px" src="https://i.postimg.cc/PrQVTYKv/3.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 3.5 activity diagram laporan penjualan produk yang berjalan</div>
  
<div id="g415" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/d1qcp102/11.png"/></div>
+
<p>Berdasarkan gambar 3.5 acitivity diagram yaitu :</p>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.15 Halaman Galeri Surat Masuk</div>
+
<ol style="list-style-type:lower-alpha">
<br>
+
<li>Terdapat 1 initial node merupakan awal proses kegiatan
 +
<li>Terdapat 4 vertical swimline yaitu admin, customer, sales dan akuntan.
 +
<li>Terdapat 7 action yang mencerminkan eksekusi suatu aksi
 +
<li>Terdapat 1 final node yang merupakan akhir proses kegiatan
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
</ol>
<p style="line-height:2">Pada halaman galeri surat masuk ini untuk menampilkan dokumen- dokumen yang sudah masuk atau diupload pada surat masuk sesuai tanggal yang diinginkan atau dicari.</p></div>
+
  
<p>a.  Detail Surat Masuk</p>
+
<li>Sequence diagram penjualan produk yang berjalan
  
<div id="g416" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/HnNGr99z/12.png"/></div>
+
<div id="g36" align="center"><img width="600" height="400" style="margin:0px" src="https://i.postimg.cc/G3JxyrDZ/4.jpg"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.16 Halaman Detail Surat Masuk</div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 3.6 sequence diagram penjualan produk yang berjalan</div>
<br>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p>Berdasarkan gambar  3.6 sequence diagram penjualan produk yang berjalan</p>
<p style="line-height:2">Pada halaman galeri surat masuk pada dokumen-dokumen terdapat tombol detail saat di klik akan menuju ke detail surat masuk, detail surat masuk ini menampilkan detail berkas surat masuk.</p></div>
+
<ol style="list-style-type:lower-alpha">
 
+
<li>Terdapat 5 actor terdiri dari : sales, customer, admin dan gudang
<li>Halaman Galeri Surat Keluar
+
<li>Terdapat 5 lifeline terdiri dari : Daftar produk, Daftar stok, surat, Daftar pengiriman, Laporan.
 
+
<li>Terdapat 11 message memberikan informasi – informasi tentang gambaran aktifitas yang berlangsung pada proses kegiatan yang dilakukan oleh actor tersebut
<div id="g417" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/V6DP88S3/13.png"/></div>
+
</ol>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.17 Halaman Galeri Surat Keluar</div>
+
</ol>
<br>
+
</div>
  
 +
==<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Analisa Sistem Yang Berjalan'''</div>==
 +
===<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Analisa Batasan 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">Pada halaman galeri surat keluar ini untuk menampilkan dokumen- dokumen yang sudah masuk atau diupload pada surat keluar sesuai tanggal yang diinginkan atau dicari.</p></div>
+
<p>Setiap sistem pasti memiliki batasan yang memisahkan antara sistem dengan lingkungan luarnya. Sesuai dengan permasalahan yang diambil oleh peneliti, bahwa hal yang akan dibahas adalah mengenai permasalahaan analisa proses bisnis pada PT Anugrah Distributor Indonesia. Permasalahan yang diambil yaitu mengenai proses input laporan hasil penjualan barang perhari/perbulan/pertahun, pembuatan input surat keluar barang (delivery order) dan pembuatan input terima barang (invoice).
 
+
</p>
<p>a.  Detail Surat Keluar</p>
+
</div>
 
+
<div id="g418" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/NFFqGzmL/14.png"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.18 Halaman Detail Surat Keluar</div>
+
<br>
+
  
 +
===<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Metode Analisa 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">Pada halaman galeri surat keluar pada dokumen-dokumen terdapat tombol detail saat di klik akan menuju ke detail surat keluar, detail surat keluar ini menampilkan detail berkas surat keluar</p></div>
+
<p>Tahapan analisa terhadap suatu sistem atau aplikasi dilakukan sebelum tahapan perancangan dilakukan. Analisa PIECES ini sangat penting sebelum mengembangkan sebuah sistem informasi karena dalam analisa ini biasanya untuk mengidentifikasi masalah sampai dengan menyelesaikan masalah. Tujuan diterapkannya analisa terhadap suatu sistem adalah untuk mengetahui alasan mengapa sistem tersebut diperlukan, sehingga fungsi yang terdapat di dalam sistem tersebut bekerja secara optimal. Metode analisa yang digunakan peneliti disini adalah menggunakan metode analisa PIECES.</p>
 +
</div>
  
<li>Halaman Klasifikasi
+
<div id="t31" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 3.1 Analisa PIECES</div>
 
+
<div align="center"><img width="400" height="600" style="margin:0px" src="https://i.postimg.cc/qBx2RT6g/Capture1.png"/></div>
<div id="g419" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/XN161n65/15.png"/></div>
+
<div align="center"><img width="400" height="300" style="margin:0px" src="https://i.postimg.cc/KjGkL13j/Capture2.png"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.19 Halaman Klasifikasi </div>
+
<br>
+
  
 +
==<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Metode Analisa Masukan, Analisa Proses, Analisa Keluaran'''</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">Halaman klasifikasi ini untuk mengetahui kode-kode surat untuk mengetahui jenis surat.</p></div>
+
<ol>
 +
<li>Analisa Masukan
 +
<ol style="list-style-type:lower-alpha">
 +
<li>Nama masukan : Data pesanan
 +
<p>Fungsi : Mengetahui pesanan dari customer</p>
 +
<p>Sumber : Customer dan sales</p>
 +
<p>Media : Telepon</p>
 +
<p>Frekuensi : Setiap ada pesanan</p>
 +
<p>Keterangan : Data pesanan didapat dari customer pada saat pemesanan barang.</p>
 +
<li>Nama Masukan : Bukti Bayar
 +
<p>Fungsi : Bukti telah melakukan pembayaran</p>
 +
<p>Sumber : Sales</p>
 +
<p>Media : Kertas</p>
 +
<p>Frekuensi : Setiap ada pembayaran</p>
 +
<p>Keterangan : Customer dianggap telah melakukan pembayaran setelah memberikan bukti bayar kepada bagian sales</p>
 +
</ol>
  
<p>a.   Tambah Klasifikasi Surat</p>
+
<li>Analisa Proses
 +
<ol style="list-style-type:lower-alpha">
 +
<li>Nama Modul : Pengiriman barang
 +
<p>Masukan : Data pesanan</p>
 +
<p>Keluaran : Sales invoice dan delivey order</p>
 +
<p>Ringkasan Proses: Proses ini menghasilkan surat pengantar yang digunakan sebagai dokumen saat pengiriman barang yang berisi informasi nama dan jumlah barang yang dipesan.</p>
 +
<li>Nama Modul : Pembayaran
 +
<p>Masukan : Bukti Bayar</p>
 +
<p>Keluaran : Kwitansi</p>
 +
<p>Ringkasan Proses : Proses ini menghasilkan kwitansi yang digunakan sebagai bukti bahwa customer telah melakukan pembayaran sesuai sales invoice dan delivey order.</p>
 +
</ol>
  
<div id="g420" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/vH1FpCGN/16.png"/></div>
+
<li>Analisa Keluaran
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.20 Tambah Klasifikasi Surat</div>
+
<ol style="list-style-type:lower-alpha">
<br>
+
<li>Nama Keluaran : Delivery order
 +
<p>Fungsi : Sebagai surat pengantar dari pengiriman barang</p>
 +
<p>Media : Kertas</p>
 +
<p>Rangkap : 2</p>
 +
<p>Distribusi : Customer dan admin</p>
 +
<li>Nama Keluaran : Sales invoice
 +
<p>Fungsi : Sebagai bukti serah terima barang oleh sales pengirim ke customer</p>
 +
<p>Media : Kertas</p>
 +
<p>Rangkap : 2</p>
 +
<p>Distribusi : Customer dan admin</p>
 +
<li>Nama Keluaran : Kwitansi
 +
<p>Fungsi : Sebagai bukti terima pembayaran</p>
 +
<p>Media : Kertas</p>
 +
<p>Rangkap : 2</p>
 +
<p>Distribusi : Customer dan admin</p>
 +
</ol>
 +
</ol>
 +
</div>
  
 +
==<div style="font-size: 14pt;font-family: 'times new roman'; text-align: left">'''Konfigurasi Sistem Yang Berjalan'''</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">Halaman tambah klasifikasi surat ini untuk menambah kode-kode surat untuk menambahkan kode klasifikasi.</p></div>
+
<ol>
 +
<li>Spesifikasi Perangkat Keras (''Hardware'')
 +
<ol style="list-style-type:lower-alpha">
 +
<li>Processor : Core 2 duo
 +
<li>RAM : 2 GB
 +
<li>Hardisk : 500 GB
 +
<li>Monitor : 24 inci
 +
<li>Mouse : Optical Mouse
 +
</ol>
  
<li>Halaman Pengaturan
+
<li>Spesifikasi Perangkat Lunak (''Software'')
 +
<ol style="list-style-type:lower-alpha">
 +
<li>Windows 7 Ultimate 64-bit
 +
<li>Google Chrome
 +
</ol>
  
<div id="g421" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/65DJwz35/17.png"/></div>
+
<li>Hak Akses (''Brainware'')
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.21 Halaman Pengaturan</div>
+
<ol style="list-style-type:lower-alpha">
<br>
+
<li>Admin
 +
<li>Customer
 +
</ol>
 +
</ol>
 +
</div>
  
 +
==<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;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height:2">Pada halaman pengaturan ini untuk mengetahui berapa banyak user yang dapat mengakses aplikasi. </p></div>
+
<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>a.   Halaman Tambah User</p>
+
<li>Pada aplikasi penjualan PT Anugrah Distributor Indonesia belum tersedia fitur laporan penjualan oleh karena itu belum maksimalnya penggunaan aplikasi penjualan karena hanya sebatas menjual produk.
 
+
<li>Pada aplikasi penjualan PT Anugrah Distributor Indonesia belum tersedia fitur pembuatan surat-surat pesanan yang masih manual yaitu seperti delivery order dan sales invoice berupa lembaran kertas yang ditulis oleh admin yang memungkinkan tertukar atau salahnya barang yang dipesan pelanggan, bertumpukya surat, tertundanya pengiriman barang dan sulitnya mengevaluasi surat-surat tersebut.
<div id="g422" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/JzZwhJD3/18.png"/></div>
+
<li>Banyaknya data penjualan berupa lembaran-lembaran kertas dan laporan penjualan yang harus dimasukan kedalam excel membuat kerja admin dan akuntan menjadi lebih banyak.
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.22 Halaman Tambah User</div>
+
<br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Pada  halaman  tambah  user  ini  untuk  menambahkan  user  yang dapat diakses aplikasi sesuai level atau tipe user jika diperlukan.</p></div>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Evaluasi Prototype'''</div>===
+
===<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;">
+
<p style="line-height:2">Setelah rancangan prototype dibuat, maka ada beberapa evaluasi untuk memperbaiki kesalahan-kesalahan dan kekurangan-kekurangan yang terdapat didalam prototype aplikasi agar didalam program tidak ada kesalahan. Dalam pototype aplikasi ini, beberapa kekurangan pada prototype  aplikasi  yaitu  tidak  adanya  menu  backup,  restore,  dan  pada menu agenda surat masuk maupun surat keluar tidak adanya tombol cetak atau print, yang harusnya terdapat pada menu agenda surat masuk atau keluar setelah pencarian pada tanggal yang telah ditentukan. </p></div>
+
 
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Program'''</div>==
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Program Dokumentasi E-Surat'''</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 PT Anugrah Distributor Indonesia. Alternatif pemecahan masalah tersebut diantaranya sebagai berikut:</p>
 
<ol>
 
<ol>
<li>Halaman Login Aplikasi
+
<li>Membuat sebuah sistem penjualan secara online yang mampu membantu perusahaan untuk mencapai target serta memperluas penjualan produk perusahaan.
 
+
<li>Dengan menambahkan fitur yang dibutuhakan pada aplikasi, bagian admin dapat langung membuat sales invoice, delivery order pesanan customer dan laporan penjualan dapat direkam secara baik serta terkomputerisasi dengan data yang disimpan secara digital. Untuk mengurangi kesalahan manusia. Dengan begitu kertas yang menumpuk dan dokumen-dokumen yang tidak tersusun dapat diatasi.
<div id="g423" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/mDHjR36C/1.png"/></div>
+
<li>Pada aplikasi akan menampilkan grafik hasil penjualan sehingga memudahkan direktur operasional untuk melihat naik turunnya penjualan dan melihat hasil laporan dimana dan kapan saja.
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.23 Halaman Login Aplikasi</div>
+
</ol>
<br>
+
</div>
  
 +
==<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;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height:2">Di dalam tampilan halaman login, tampilan halaman login dapat di akses dengan memasukkan username dan password kemudian  klik login dan akan muncul halaman utama aplikasi dokumentasi e-Surat.</p></div>
+
<p>Elisitasi tahap I disusun berdasarkan hasil wawancara dengan Direktur Operasional ibu Etty Mulyati.</p>
 +
</div>
  
<li>Halaman Utama
+
<div id="t32" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 3.2 Elisitasi Tahap I</div>
 
+
<div align="center"><img width="400" height="600" style="margin:0px" src="https://i.ibb.co/LnPjL8f/Capture1.png"/></div>
<div id="g424" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/brf7jwLY/2.png"/></div>
+
<div align="center"><img width="400" height="630" style="margin:0px" src="https://i.postimg.cc/66mRJSL7/Capture2.png"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.24 Halaman Utama</div>
+
<div align="center"><img width="400" height="700" style="margin:0px" src="https://i.postimg.cc/sg5P9rGF/Capture4.png"/></div>
<br>
+
  
 +
===<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;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height:2">Di dalam halaman utama terdapat tampilan total surat masuk, total surat keluar, total disposisi, dan total klasifikasi surat. </p></div>
+
<p>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>
  
<li>Aktifitas Surat Masuk
+
<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>
 
+
<div align="center"><img width="400" height="550" style="margin:0px" src="https://i.postimg.cc/x81dFKdD/Capture1.png"/></div>
<div id="g425" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/CMjysbLR/3.png"/></div>
+
<div align="center"><img width="400" height="630" style="margin:0px" src="https://i.postimg.cc/3xcby7Gg/Capture2.png"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.25 Halaman Aktifitas Surat Masuk</div>
+
<div align="center"><img width="400" height="700" style="margin:0px" src="https://i.postimg.cc/hvcCFGFq/Capture3.png"/></div>
<br>
+
<div align="center"><img width="400" height="550" style="margin:0px" src="https://i.postimg.cc/05p8sXSk/Capture4.png"/></div>
  
 +
===<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;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height:2">Halaman aktifitas surat masuk terdapat beberapa bagian :</p></div>
+
<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>
  
<p>a.   Penginputan Surat Masuk</p>
+
<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>
 
+
<div align="center"><img width="400" height="600" style="margin:0px" src="https://i.postimg.cc/85PFq8y0/Capture1.png"/></div>
<div id="g426" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/rsGvy2Y1/4.png"/></div>
+
<div align="center"><img width="400" height="600" style="margin:0px" src="https://i.postimg.cc/SQPXtvcg/Capture2.png"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.26 Halaman Penginputan Surat Masuk</div>
+
<div align="center"><img width="400" height="700" style="margin:0px" src="https://i.postimg.cc/SKVRLTy7/Capture3.png"/></div>
<br>
+
<div align="center"><img width="400" height="400" style="margin:0px" src="https://i.postimg.cc/D0tfBRJH/Capture4.png"/></div>
  
 +
===<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;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
<p style="line-height:2">Di halaman ini untuk menginput surat masuk yang berada  di tombol add data terdapat tampilan nomor agenda surat, asal surat, isi ringkas, file upload, kode klasifikasi, indeks, tanggal surat, dan keterangan lalu klik save dan tersimpan di dalam halaman surat. </p></div>
+
<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>
  
<p>b.   Halaman Disposisi yang berada di surat masuk</p>
+
<div id="t35" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 3.5 Final Draft Elisitasi</div>
 +
<div align="center"><img width="400" height="400" style="margin:0px" src="https://i.postimg.cc/T15HqsXK/Capture1.png"/></div>
 +
<div align="center"><img width="400" height="650" style="margin:0px" src="https://i.postimg.cc/CMZFQLhq/Capture2.png"/></div>
 +
<div align="center"><img width="400" height="700" style="margin:0px" src="https://i.postimg.cc/4xGsy6z6/Capture3.png"/></div>
  
<div id="g427" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/DygttFGF/5.png"/></div>
+
=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.27 Halaman Disposisi</div>
+
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>
<br>
+
  
 +
==<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: justify;text-indent: 0.5in;">
<p style="line-height:2">Di halaman ini untuk mengetahui berapa banyak disposisi pada surat masuk tersebut terdapat tampilan nomor, tujuan disposisi, isi disposisi, sifat batas waktu, dan tindakan di dalam halaman disposi.</p></div>
+
<p>Setelah melakukan analisa terhadap perancangan sistem informasi manajemen laporan penjualan berbasis web pada PT Anugrah Distributor indonesia, peneliti menemukan beberapa masalah, pada sistem aplikasi penjualan berbasis website tetapi belum dapat melakukan proses pembuatan surat jalan (delivery order), peneriman barang (invoice) dan laporan hasil penjualan. Sehingga aplikasi yang berjalan saat ini kurang optimal serta menjadi masalah untuk akuntan. Terlebih lagi, penggunaan aplikasi saat ini sangat dibutuhkan oleh pihak-pihak yang berkepentingan dalam melakukan pengerjaan laporan keuangan. Hal tersebut membuat akuntan harus bekerja 2 (dua) kali dalam artian menggunakan aplikasi berbasis website serta menggunakan Ms. Excel untuk membuat laporan penjualan yang berasal dari aplikasi. Oleh karena itu, pihak perusahaan dan peneliti bersepakat melakukan penambahan fungsi terhadap aplikasi untuk menyempurnakan sistem aplikasi penjualan yang sudah ada.</p>
  
<p>c.   Halaman Tambah Disposisi</p>
+
<p>Selanjutnya dilakukan perancangan terhadap pengembangan sistem aplikasi akuntansi, peneliti menggunakan Visual Paradigm 13.2 untuk menggambarkan use case diagram, activity diagram, sequence diagram dan class diagram.</p>
 
+
</div>
<div id="g428" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/WbjBWthX/6.png"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.28 Halaman Tambah Disposisi</div>
+
<br>
+
  
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Prosedur 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: justify;text-indent: 0.5in;">
<p style="line-height:2">Di  halaman  ini  untuk  menambahkan  disposisi  surat  pada surat masuk yang berisi tujuan, isi disposisi, sifat disposisi, batas waktu, dan catatan di dalam disposisi bisa di tambah atau di delete kemudian klik save. </p></div>
+
<ol>
 +
<li>Admin
 +
<ol style="list-style-type:lower-alpha">
 +
<li>Admin melakukan login
 +
<li>Menampilkan menu utama (Dashboard)
 +
<li>Admin dapat menambah user baru serta hak akses
 +
<li>Admin dapat menampilkan menu master data, accounting master, accounting activity, dan accounting report.
 +
<li>Admin dapat melakukan creat, read, update, dan delete data pada menu program.
 +
<li>Admin dapat menampilkan surat jalan (delivery order) dan peneriman barang (invoice)
 +
<li>Admin dapat melakukan logout.
 +
</ol>
  
<li>Aktifitas Surat Keluar
+
<li>Direktur Operasional
 +
<ol style="list-style-type:lower-alpha">
 +
<li>Direktur operasional melakukan login
 +
<li>Direktur operasional melihat laporan keuangan pada menu accounting report yang telah dibuat dan dikirim oleh akuntan.
 +
<li>Direktur operasional dapat melukan print dan view pada menu accounting report.
 +
<li>Direktur operasional dapat melakukan logout.
 +
</ol>
  
<div id="g429" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/nL65vhyK/7.png"/></div>
+
<li>Akuntan
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.29 Halaman Aktifitas Surat Keluar</div>
+
<ol style="list-style-type:lower-alpha">
<br>
+
<li>Akuntan dapat melakukan login.
 +
<li>Akuntan dapat menginput data pada menu Accounting Master
 +
<li>Akuntan dapat menginput data transaksi pada menu jurnal di Accounting Activity
 +
<li>Akuntan menampilkan menu master data, Accounting Activity, dan laporan penjualan
 +
<li>Akuntan dapat melakukan logout
 +
</ol>
 +
</ol>
 +
</div>
  
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Use case diagram  sistem laporan penjualan yang diusulkan'''</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">Di halaman aktifitas surat keuar menampilkan surat keluar yang telah di input melalui tombol add data terdapat tampilan nomor agenda kode isi ringkas file, tujuan, nomor surat tanggal surat, dan tindakan.</p></div>
 
  
 
+
<div id="g41" align="center"><img width="500" height="500" style="margin:0px" src="https://i.postimg.cc/T2nS73nY/Diagram-Usulan.jpg"/></div>
<div id="g430" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/cLLVWj73/8.png"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.1 Use case Diagram sistem laporan penjualan yang diusulkan</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.30 Halaman Penginputan Surat Keluar</div>
+
 
<br>
 
<br>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p>Pada gambar 4.1 use case diagram yang diusulkan diatas, terdapat:</p>
<p style="line-height:2">Di halaman ini untuk menginput surat keluar yang berada di tombol add data terdapat tampilan nomor agenda, tujuan surat, nomor surat, kode klasifikasi, tanggal surat, keterangan, dan file upload lalu klik save. </p></div>
+
<ol style="list-style-type:lower-alpha">
 +
<li>1 sistem yang menghimpun seluruh kegiatan dalam proses laporan penjualan berbasis web yang diusulkan pada PT Anugrah Distributor Indonesia
 +
<li>3 actor yang melakukan kegiatan yaitu admin, akuntan dan direktur operasional
 +
<li>14 use case yang dilakukan oleh keseluruhan actor
 +
</ol>
 +
</div>
  
<li>Halaman Agenda Surat Masuk
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Activity diagram  yang diusulkan'''</div>===
  
<div id="g431" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/N0yS9Hzf/9.png"/></div>
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Activity diagram pengelola hak akses'''</div>====
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.31 Halaman Agenda Surat Masuk</div>
+
<br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Halaman agenda surat masuk yang sudah masuk dan dapat dicetak dalam  laporan  agenda  surat  masuk  sesuai  tanggal  yang  telah ditentukan terdapat  tampilan  nomor,  kode,  isi  ringkas,  asal  surat, nomor surat, tanggal surat, pengelola, tanggal paraf, dan keterangan lalu klik cetak agenda.</p></div>
+
  
<div id="g432" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/Z5sX5cjM/10.png"/></div>
+
<div id="g42" align="center"><img width="250" height="500" style="margin:0px" src="https://i.postimg.cc/7h8XkS8t/Activity-Diagram-Pengelola-Hak-Akses.jpg"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.32 Tampilan Cetak Agenda Masuk</div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.2  activity diagram pengelola hak akses</div>
 
<br>
 
<br>
  
 
<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">Halaman ini akan muncul jika tombol cetak agenda ditekan dan dapat mencetak agenda surat masuk yang telah ter record sistem. </p></div>
+
<p>Pada gambar 4.2  activity diagram yang diusulkan diatas, terdapat:</p>
 +
<ol style="list-style-type:lower-alpha">  
 +
<li>1 vertical swimlane yang mencakup seluruh kegiatan pengelola hak akses
 +
<li>1 initial node mengawali objek sistem
 +
<li>7 action dari sistem yang mencerminkan kegiatan dari suatu aksi
 +
<li>1 decision node yang menggambarkan kegiatan login dimana ada dua kemungkinan yang pertama apabila login berhasil customer membeli barang. Apabila salah harus melakukan pengisian ulang dengan benar
 +
<li>1 final node menjelaskan bahwa alur sistem berakhir
 +
</ol>
 +
</div>
  
<li>Halaman Agenda Surat Keluar
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Activity diagram  pengelola pemesanan'''</div>====
  
<div id="g433" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/bY0Mt83b/11.png"/></div>
+
<div id="g43" align="center"><img width="300" height="600" style="margin:0px" src="https://i.postimg.cc/vmT0LQth/Activity-Diagram-Pemesanan.jpg"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.33 Halaman Agenda Surat Keluar</div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.3  activity diagram pengelola pemesanan</div>
 
<br>
 
<br>
  
 
<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">Halaman agenda surat masuk yang sudah keluar dan dapat dicetak dalam  laporan  agenda  surat  masuk  sesuai  tanggal  yang   telah ditentukan terdapat tampilan nomor, kode, isi ringkas, tujuan surat, nomor surat, tanggal surat, pengelola, dan keterangan lalu klik cetak agenda.</p></div>
+
<p>Pada gambar 4.3  activity diagram yang diusulkan diatas, terdapat:</p>
 +
<ol style="list-style-type:lower-alpha">  
 +
<li>1 vertical swimlane yang mencakup seluruh kegiatan pemesanan
 +
<li>1 initial node mengawali objek sistem
 +
<li>11 action dari sistem yang mencerminkan kegiatan dari suatu aksi
 +
<li>4 fork node menjelaskan beberapa aliran
 +
<li>1 decision node yang menggambarkan kegiatan login dimana ada dua kemungkinan yang pertama apabila login berhasil admin dapat ke dashboard web. Apabila salah harus melakukan pengisian ulang dengan benar
 +
<li>1 final node menjelaskan bahwa alur sistem berakhir
 +
</ol>
 +
</div>
  
<div id="g434" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/LXLWvMSc/12.png"/></div>
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Activity diagram  pengelola pembayaran'''</div>====
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.34 Tampilan Cetak Agenda Keluar</div>
+
<br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Halaman ini akan muncul jika tombol cetak agenda ditekan dan dapat mencetak agenda surat keluar yang telah ter record sistem. </p></div>
+
 
+
<li>Halaman Galeri Surat Masuk
+
  
<div id="g435" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/2yYKKX8V/13.png"/></div>
+
<div id="g44" align="center"><img width="300" height="600" style="margin:0px" src="https://i.postimg.cc/tgc2BLrj/Activity-Diagram-Pembayaran.jpg"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.35 Halaman Galeri Surat Masuk</div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.4  activity diagram pengelola pembayaran</div>
 
<br>
 
<br>
  
 
<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">Halaman ini adalah galeri surat masuk yang dimana surat yang telah di upload akan langsung masuk ke halaman galeri surat masuk.</p></div>
+
<p>Pada gambar 4.4 activity diagram yang diusulkan diatas, terdapat:</p>
 
+
<ol style="list-style-type:lower-alpha">
<div id="g436" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/7hNW8MfX/14.png"/></div>
+
<li>1 vertical swimlane yang mencakup seluruh kegiatan yang dilakukan direktur operasional
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.36 Halaman Detail Surat Masuk</div>
+
<li>1 initial node untuk mengawali objek.
<br>
+
<li>6 action dari sistem yang mencerminkan eksekusi dari suatu aksi.
 
+
<li>1 decision node untuk menggambarkan pada saat melakukan login, ada dua kemungkinan yang pertama apabila login salah akan error dan apabila login benar maka akan tampil dashboard web.
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<li>1 final node menjelaskan bahwa alur berakhir.
<p style="line-height:2">Stelah  diupload  dan  tersimpan  di  galeri  surat  masuk  berkas  dapat dilihat  detail  berkas  tersebut  dan  dapat  dibuka dan  dapat  di  cetak kembali surat yang telah di upload. </p></div>
+
 
+
<li>Halaman Galeri Surat Keluar
+
 
+
<div id="g437" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/kXnHNZpH/15.png"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.37 Halaman Galeri Surat Keluar</div>
+
<br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Halaman ini adalah galeri surat keluar yang dimana surat yang telah di upload akan langsung masuk ke halaman galeri surat keluar.</p></div>
+
 
+
<div id="g438" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/02cBVngy/16.png"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.38 Halaman Detail Surat Keluar</div>
+
<br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Stelah  diupload  dan  tersimpan  di  galeri  surat  keluar  berkas  dapat dilihat  detail  berkas  tersebut  dan  dapat  dibuka dan  dapat  di  cetak kembali surat yang telah di upload. </p></div>
+
 
+
<li>Halaman Klasifikasi Surat
+
 
+
<div id="g439" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/QdCnw7sk/17.png"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.39 Halaman Klasifikasi Surat</div>
+
<br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Halaman klasifikasi surat, halaman untuk referensi untuk mengetahui jenis suratnya.</p></div>
+
 
+
<div id="g440" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/nhWwJLh8/18.png"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.40 Halaman Tambah Klasifikasi Surat</div>
+
<br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Halaman  tambah  klasifikasi  surat,  halaman  untuk  menambah klasifikasi surat. </p></div>
+
 
+
<li>Halaman Manajemen User
+
 
+
<div id="g441" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/YSmDqwvv/19.png"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.41 Halaman Manajemen User</div>
+
<br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Dihalaman ini untuk mengetahui berapa banyak user yang ada, dan dapat menambahkan pengguna aplikasi jika diinginkan.</p></div>
+
 
+
<li>Halaman Backup Database
+
 
+
<div id="g442" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/gJFSxBhN/20.png"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.42 Halaman Backup Database</div>
+
<br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Halaman ini dibuat untuk membeckup database yang sudah di input untuk sebelumnya. Dengan cara klik tombol backup lalu akan muncul gambar dibawah ini. </p></div>
+
 
+
<div id="g443" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/RF7PKQQ9/21.png"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.43 Halaman Download Database</div>
+
<br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Lalu klik download automatis akan terdownload.</p></div>
+
 
+
<li>Halaman Restore Database
+
 
+
<div id="g444" align="center"><img width="650" height="400" style="margin:0px" src="https://i.postimg.cc/hvK2rzpm/22.png"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Gambar 4.44 Halaman Restore Database</div>
+
<br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Halaman ini dibuat untuk merestore database yang sudah dibackup sebelumnya.</p></div>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konfigurasi Sistem Yang Diusulkan'''</div>==
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Activity diagram  laporan penjualan'''</div>====
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Spesifikasi Hardware'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+
<p style="line-height:2">Perangkat keras yang dibutuhkan oleh aplikasi adalah suatu unit personal komputer. Perangkat keras yang diusulkan ini dibuat berdasarkan kebutuhan sistem saat ini dan antisipasi kebutuhan di masa yang akan datang. Adapun Spesifikasi kebutuhannya adalah sebagai berikut :</p>
+
<ol>
+
<li>Processor: Intel Core i5
+
<li>RAM : DDR3 4 GB
+
<li>Harddisk : 1TB
+
<li>Monitor : 14 inch
+
</ol>
+
</div>
+
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Aplikasi Yang Digunakan'''</div>===
+
<div id="g45" align="center"><img width="300" height="500" style="margin:0px" src="https://i.postimg.cc/Gmc7tPBZ/Activity-Diagram-Laporan-Penjualan.jpg"/></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;text-indent: 0.5in">Gambar 4.5  activity diagram laporan penjualan</div>
<p style="line-height:2">Perangkat lunak yang digunakan merupakan penunjang dari peralatan komputer yang akan digunakan sebagai penghubung dalam instruksi yang diinginkan. Agar sistem dapat menghasilkan informasi yang diharapkan, maka perangkat lunak yang diusulkan dalam rancangan sistem ini adalah sebagai berikut :</p>
+
<br>
<ol>
+
<li>Windows 7 Pro 64 bit
+
<li>XAMPP
+
<li>Sublime Text 2.0
+
<li>Visual Paradigm for UML 6.4 Enterprise Edition
+
<li>Browser (Mozilla Firefox), Opera browser
+
</ol>
+
</div>
+
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Hak Akses'''</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">Hak  akses  untuk  dapat  mengoperasikan  atau  mengolahan  data dapat dilakukan oleh :</p>
+
<p>Pada gambar 4.5 activity diagram yang diusulkan diatas, terdapat:</p>
<ol>
+
<ol style="list-style-type:lower-alpha">
<li>Admin
+
<li>1 vertical swimlane yang mencakup seluruh kegiatan laporan penjualan
<li>Kepala Sekolah
+
<li>1 initial node untuk mengawali objek.
 +
<li>5 action dari sistem yang mencerminkan eksekusi dari suatu aksi.
 +
<li>1 decision node untuk menggambarkan pada saat melakukan login, ada dua kemungkinan yang pertama apabila login salah akan error dan apabila login benar maka akan tampil dashboard web.
 +
<li>1 final node menjelaskan bahwa alur berakhir.
 
</ol>
 
</ol>
 
</div>
 
</div>
 
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Analisa PIECES'''</div>==
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 
<p style="line-height:2">Untuk menemukan masalah-masalah yang akan ditemui maka  diadakan  analisis  terhadap  sistem  yang  sedang  berjalan untuk menemukan faktor-faktor yang berpengaruh terhadap kelemahan dan kekuatan sistem. Faktor-faktor yang terdapat pada analisa  PIESCES  berupa  Kinerja  (Performance),  Informasi (Information),  Ekonomi  (Economics),  Keamanan  /  Kontrol (Control), Efisiensi (Efficience), dan Pelayanan (Service).</p></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 style="line-height:2">Untuk tahap pengujian penulis menggunakan metode Black Box Testing. Metode ini merupakan pengujian program terhadap kebutuhan fungsi dari suatu program yang bertujuan untuk menemukan kesalahan fungsi pada program.</p>
 
<p>Apabila dari input yang diberikan, proses dapat menghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program yang dibuat sudah berjalan dengan baik, tetapi apabila ouput yang dihasilkan tidak  sesuai  dengan  kebutuhan  funsionalnya,  maka  masih  terdapt kesalahan pada program tersebut, dan selanjutnya dilakukan penulusuran perbaikan untuk memperbaiki kesalahan yang terjadi.</p>
 
<p>Berikut metode testing dengan menggunakan metode black box :</p></div>
 
 
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Evaluasi Sistem'''</div>==
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 
<p style="line-height:2">Setelah melakukan pengujian pada aplikasi dokumentasi e-surat dengan menggunakan metode black box testing, untuk menggunakan aplikasi ini caranya sangat mudah dengan cara login melalui aplikasi dokumentasi e-surat dengan memasukkan username dan password setelah melakukan pengisian lalu klik login untuk masuk kemenu utama. Jika terjadi kesalahan pada penginputan username dan password maka aplikasi akan menampilkan notifikasi bahwa username atau password terdapat kesalahan.  Jika  sudah  benar  aplikasi  akan  secara  automatis  langsung masuk kemenu utama aplikasi yang telah dilakukan pengetesan yang ditunjukan melalui  Tabel 4.8 Login diatas.</p>
 
<p>Pengujian aplikasi selanjutnya adalah melakukan penginputan surat masuk, surat keluar, klasifikasi, dan pengaturan. Pengujian surat masuk terdiri dari penambahan penginputan surat masuk, dan penambahan disposisi surat masuk. Pengujian pertama pada surat masuk dengan cara tidak mengisi salah satu dari form yang ada, agar kita dapat mengetahu aplikasi ini berjalan dengan baik atau tidaknya, jika tidak diisi semia form yang ada aplikasi akan mengeluarkan notifikasi didalan kotak form yang tidak diisi agar kita dapat mengetahui bahwa form ini wajib diisi. Jika sudah diisi  dengan  benar semua  aplikasi  akan  dapat  menyimpan  surat masuk  yang  telah  kita  input.  Begitu  pun  dengan  penambahan  pada disposisi surat masuk, surat keluar dan klasifikasi surat yang terdapat didalam menu, agar dapat menambahkan form harus diisi dengan benar setiap form  yang ada. Pengujian ini dibuktikan pada Tabel 4.9 Menu Aplikasi.</p>
 
<p>Pada pengetesan pengaturan terdapat penambahan user, menu backup dan restore menu ini dibuat untuk berjaga-jaga agar data yang terdapat didalam aplikasi dapat terjaga dan aman. Agar hal yang tidak diinginkan tidak terjadi.</p></div>
 
 
==<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;">
 
<p style="line-height:2">Time schedule merupakan hal-hal yang menjelaskan tentang perencanaan proses implementasi. Pada tahap ini, rencana implementasi sangat berguna dalam menentukan proses pelaksanaan langkah-langkah kegiatan implementasi.</p>
 
<p>Adapun langkah-langkah time schedule ini adalah sebagai berikut :</p></div>
 
 
<div id="t411" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.11 Schedule Time</div>
 
<div align="center"><img width="550" height="390" style="margin:0px" src="https://i.postimg.cc/C5xmHN9y/aaa.png"/></div>
 
 
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Estimasi Biaya'''</div>==
 
<div id="t412" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.12 Estimasi Biaya</div>
 
<div align="center"><img width="550" height="450" style="margin:0px" src="https://i.postimg.cc/k49jD9cg/1.png"/></div>
 
 
  
 
=<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">'''BAB V'''</div>=
Baris 2.108: Baris 1.624:
  
 
==<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: 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>Berdasarkan hasil penelitian dan pembahasan pada bab sebelumnya serta hasil analisa dan perancangan yang dilakukan, mengenai Perancangan Sistem Informasi Manajemen Laporan Penjualan Berbasis Web Pada PT Anugrah Distributor Indonesia dikemukakan kesimpulan sebagai berikut :</p>
<p style="line-height:2">Berikut adalah kesimpulan penelitian dan untuk menjawab perihal mengenai rumusan masalah yang terdapat di BAB I, maka disimpulkan sebagai berikut:</p>
+
 
 
<ol>
 
<ol>
<li>Sistem  yang  digunakan  saat ini masih manual  menggunakan buku besar untuk mencatat surat masuk dan surat keluar yang masih belum terinput dan tersimpan rapih.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Proses pembuatan laporan penjualan saat ini masih menggunakan microsoft excel yang diolah langsung oleh akuntan, oleh karena itu penambahan fungsi pada aplikasi penjualan dapat memudahkan akuntan dalam membuat laporan harian dan bulanan.
<li>Untuk merancang pengarsipan surat masuk surat keluar yaitu dengan dibuatnya sistem berbasis web yang dapat mengelola surat masuk dan surat kelar sehingga pada saat pencarian surat masuk surat keluar yang sudah tersimpan akan dapat ditemukan kembali dengan cara searching otomatis maka surat tersebut akan muncul, metode analisa menggunakan metode analisa Piesces dan metode pengujian menggunakan metode BlackBox Testing .
+
<li>Kendala yang dihadapi pada proses pembuatan laporan penjualan, adalah
<li>Belum, dikarenakan pada saat pencarian surat masuk surat keluar kesulitan banyaknya tumpukkan berkas atau arsip yang pada saat dibutuhkan surat tersebut masih belum tersusun rapih dan membutuhkan waktu lama untuk mencari surat masuk surat keluar secara satu per satu.
+
 
 +
<ol style="list-style-type:lower-alpha">
 +
<li>Pada aplikasi saat ini proses pembuatan laporan belum tersedia sehingga harus menambahkan fungsi / fitur yang dibutuhkan, dan setelah ditambahkan Microsoft Excel hanya sebagai pembantu jika ada kekurangan dan penambahan data. Dengan adanya penambahan fungsi laporan ini admin dapat langsung mencetak laporan sesuai dengan periode yang diinput.
 +
<li>Penambahan form cetak delivery order dan invoice juga melengkapi aplikasi yang ada karena sebelumnya harus ditulis secara manual dan membutuhkan waktu jika ingin merekap hasil laporannya.
 +
</ol>
 +
 
 +
<li>Perancangan Sistem Informasi Manajemen Laporan Penjualan Berbasis Web Pada PT Anugrah Distributor Indonesia memaksimalkan system ini dengan beberapa fungsi agar lebih optimal sehingga pembuatan laporan hasil penjualan bisa secara online yang terhubung melalui web dan informasi mengenai laporan hasil penjualan yang akan disampaikan bisa menjadi  lebih  mudah diakses dan modern. Maka dalam perancangan sistem ini dirancang menggunakan metode berorientasi objek dengan menggunakan diagram UML (Unified Modelling Language), seperti usecase diagram, activity diagram, sequence  diagram dan class diagram. Bahasa pemrograman yang digunakan untuk membangun sistem ini adalah PHP dengan Laravel sebagai frameworknya, Laragon sebagai tools, Apache sebagai web server, MYSQL sebagai database server dan text editor menggunakan Sublime Text 3.
 +
 
 
</ol>
 
</ol>
 
</div>
 
</div>
  
 
==<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: 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">Dengan melihat kesimpulan yang ada, maka penulis ingin memberikan beberapa saran yang sesuai dengan apa yang peneliti telah alami selama melaksanakan penelitian ini, adapun saran-saran tersebut sebagai berikut :</p></div>
<p style="line-height:2">Saran  yang ingin disampaikan penulis dengan melihat kesimpulan yang telah dibuat maka saran-saran yang dirasa sesuai untuk pengembangan sistem  ini yaitu sebagai berikut:</p>
+
 
 
<ol>
 
<ol>
<li>Selalu  melakukan  perubahan  serta  merawat  sistem agar selalu  up  to date dengan data yang ada sehingga informasi laporan lebih baik.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Melakukan pembaharuan sistem yang dibuat maka dapat dilakukan pelatihan bagi Staf Gudang dan Marketing agar lebih memahami sistem yang ada.
<li>Apabila sistem yang baru sudah berjalan maka perlu di perhatikan dan di lakukan evaluasi  secara   berkala   terhadap  sistem  untuk   selanjutnya diadakan perbaikan sesuai dengan perubahan dan perkembangan instansi atau perusahaan.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Diperlukan back up data secara berkala untuk menghindari kehilangan data.
<li>Sistem surat masuk dan surat keluar disarankan untuk memaksimalkan sistem yang telah dibuat maka perlu diadakan pelatihan dan juga sosialisasi kepada pengguna atau (user) yang akan menggunakan sistem tersebut sebagai administrator, agar dapat dimanfaatkan dengan baik.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Diharapkan selalu adanya pemeliharaan aplikasi secara berkala atau terus menerus agar aplikasi ini dapat selalu digunakan dengan baik dan berjalan semestinya.
 +
 
 
</ol>
 
</ol>
</div>
+
 
 +
{{pagebreak}}
  
 
=<div style="font-size:14pt;font-family: 'times new roman'; text-align: center">'''DAFTAR PUSTAKA'''</div>=
 
=<div style="font-size:14pt;font-family: 'times new roman'; text-align: center">'''DAFTAR PUSTAKA'''</div>=
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height:2"><references /></p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height:2"><references /></p></div>
  
{{pagebreak}}
+
 
 +
 
 +
{{pagebreak}}*

Revisi per 14 Januari 2020 02.26


PERANCANGAN SISTEM INFORMASI E-MENU SEBAGAI MEDIA

PEMESANAN MAKANAN DAN MINUMAN PADA KAFE

RUTE 15 TANGERANG


SKRIPSI



Disusun Oleh :

NIM : 1612493114
NAMA : RIZKY AMALIA


FAKULTAS SAINS DAN TEKNOLOGI

PROGRAM STUDI SISTEM INFORMASI

KONSENTRASI BUSINESS INTELLIGENCE

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
Fakultas : Sains dan Teknologi
Program Pendidikan : Strata I
Program Studi : Sistem Informasi
Konsentrasi : Business Intelligence



Disahkan Oleh :

Tangerang, Januari 2020

Rektor         Ketua Program Studi
Universitas Raharja         Program Studi Sistem Informasi
           
           
           
           
(Dr. Po. Abas Sunarya, M.Si)         (Euis Sitinur Aisyah, M.Kom)
NIP : 000594         NID: 060003


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
       
       
       
       
(Sri Rahayu, ST.,MMSI)
   
(Nurlaila Suci Rahayu Rais, Dra., MM., MH.)
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 Inntelligence


Tahun Akademik 2019/2020

Disetujui Penguji :

Tangerang, 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, 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 Dr. Henderi, S.Kom., M.Kom. selaku Dekan Fakultas Universitas Raharja.
  3. Bapak Padeli, M.Kom. selaku Wakil Dekan Fakultas Sains dan Teknologi Universitas Raharja
  4. Desy Apriani S.Kom M.TI selaku Ketua Program Studi Sistem Informasi.
  5. Ibu Sri Rahayu, ST.,MMSI selaku Dosen Pembimbing I yang senantiasa memberikan waktunya untuk memberikan bimbingan kepada penulis
  6. Ibu Nurlaila Suci Rahayu Rais, Dra., MM., MH. selaku Dosen Pembimbing II yang senantiasa memberikan waktunya untuk memberikan bimbingan kepada penulis
  7. Ibu Tia selaku stakeholder yang telah memberikan kontribusi besar di dalam lancarnya proses penelitin skripsi ini.
  8. Bapak dan Ibu Dosen serta Staff Universitas Raharja yang telah memberikan bekal ilmu pengetahuan dan motivasi kepada penulis.
  9. Keluarga tercinta yang telah memberikan doa, dukungan moril maupun materil sehingga Skripsi ini dapat terselesaikan dengan baik
  10. 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, 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

  1. 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 Use Case 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), “Sistem merupakan suatu kumpulan dari komponen – komponen yang membentuk satu kesatuan”, sedangkan Anggraeni (2016:23) 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), 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.


Menurut Budi Santoso dalam Jurnal Teknologi Informasi MURA (2018:100)[1], “Perancangan sistem adalah tahap yang dilakukan setelah melakukan analisis sistem, pendefinisian kebutuhan-kebutuhan sistem yang akan dibangun, dan persiapan untuk merancang bangun implementasi sistem dengan menggambarkan sistem yang akan dibangun”.

Menurut Oleh Soleh dkk Jurnal Semnasteknomedia Vol.6 No.1 (2018:128)[2], “Sistem adalah suatu rangkaian yang terdiri dari dua atau lebih komponen yang saling berhubungan dan saling berinteraksi satu sama lain untuk mencapai tujuan dimana sistem biasanya terbagi dalam sub sistem yang lebih kecil yang mendukung sistem yang lebih besar”.

Berdasarkan pendapat diatas maka dapat diambil kesimpulan bahwa perancangan merupakan tahapan awal sebelum membuat suatu sistem, pada proses perancangan tersebut memuat tentang komponen apa saja yang membangun, bagaimana cara kerjanya, apa yang dihasilkan dari sistem yang akan dibuat.

Tujuan Perancangan Sistem

Menurut Muharto & Arisandy (2016:103)[3]. “Tujuan Perancangan sistem untuk memenuhi kebutuhan pemakai (user). Untuk memberikan gambaran yang jelas dan menghasilkan rancangan bangun yang lengkap kepada pemrograman komputer dan ahli-ahli teknik lainnya yang terlibat dakam pengembangan atau pembuatan sistem".

Konsep Dasar Sistem

Menurut Jaluanto Sunu Tunjul Tyoso (2016:1)[4], “Sistem secara umum mempunyai makna sebagai suatu rangkaian yang terdiri dari berbagai elemen yang saling berinteraksi untuk mencapai tujuan tertentu”.

Menurut Sri Rahayu, dkk (2018:03)[5], "Sistem adalah suatu himpunan suatu “benda” nyata atau abstrak yang terdiri dari bagian-bagian atau komponen-komponen yang saling berkaiatan, berhubungan, berketergantungan, saling mendukung yang secara keseluruhan bersatu dalam satu kesatuan untuk mencapai tujuan tertentu secara efisien dan efektif”

Berdasarkan pendapat diatas maka dapat diambil kesimpulan bahwa sistem merupakan seperangkat elemen yang saling berhubungan yang bersama-sama mencapai tujuan tertentu dalam proses yang dapat mendukung system yang lebih besar dan saling memiliki ketergantungan dalam mencapai tujuan tertentu.

Karakteristik Sistem

Menurut Rosmila, Muh. Yamin, LM. Tajidun (2016:227)[6], sebuah sistem mempunyai karakteristik atau sifat-sifat tertentu yaitu:

  1. Memiliki Komponen, suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, bekerja sama membentuk satu kesatuan. Komponen - komponen sistem dapat berupa suatu subsistem atau bagian – bagian dari sistem.
  2. Batas sistem (Boundary), batas sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya. Batas sistem ini memungkinkan suatu sistem dipandang sebagi suatu kesatuan. Batas suatu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.
  3. Lingkungan Luar Sistem (Environtment), adalah apapun di luar batas dari sistem yang mempengaruhi operasi sistem.
  4. Penghubung Sistem (Interface), merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya.
  5. Masukkan Sistem (Input), merupakan energi yang diasukkan ke dalam sistem. Masukan dapat berupa masukan perawatan (maintenance input) dan masukan sinyal (signal input). Maintenance input adalah energi yang dimasukkan supaya sistem tersebut dapat beroperasi. Signal input adalah energi yang diproses untuk didapatkan keluaran.
  6. Keluaran Sistem (Output), merupakan hasil dari energi yang diolah oleh sistem.
  7. Pengolahan Sistem (Process), merupakan bagian yang memproses masukan untuk menjadi keluaran yang diinginkan.

Klasifikasi Sistem

Klasifikasi sebuah sistem menurut Tyoso (2016:5-7)[4], terbagi menjadi beberapa sistem yaitu sebagai berikut:

  1. Sistem Alamiah (Natural System) Sistem alamiah merupakan sistem yang muncul secara alami tanpa campur tangan dari manusia.
  2. Sistem Tiruan (Artificial System) Sistem tiruan merupakan sistem yang diciptakan untuk mendukung tujuan tertentu.
  3. Sistem Deterministik (Deterministic System) Sistem deterministik merupakan sistem yang pekerjaannya dapat diramalkan sebelum terlaksana.
  4. Sistem Probabilistik (Probabilistic System) Sistem probabilistik merupakan sistem yang hanya dapat dilacak menggunakan nilai distribusi probabilitas, sebab selalu terdapat nilai ketidakpastian yang sesungguhnya pada setiap waktu.
  5. Sistem Tertutup (Closed System) Sistem tertutup merupakan sistem yang tidak terjadi pertukaran atau penggunaan sumber daya dengan atau dari lingkungannya, sebab tidak menggunakan input dari lingkungannya maka output yang dihasilkan tidak bertalian pula dengan lingkungannya.
  6. Sistem Terbuka (Opened System) Sistem terbuka merupakan sistem yang menggunakan sumber daya dari lingkungannya, sehingga keluarannya (output) berkaitan dengan lingkungannya juga.

Konsep Dasar Data dan Informasi

Definisi Data

Menurut H.A Rusdiana dan Moch Irfan dalam Triani Amrih Lestari dan Siti Mariah (2018:16)[7], “informasi adalah suatu data atau objek yang diproses terlebih dahulu sedemikian rupa sehingga dapat tersusun dan terklasifikasi dengan baik sehingga memiliki arti bagi penerimanya, yang selanjutnya menjadi pengetahuan bagi penerima tentang suatu hal tertentu tersebut, sehingga membantu dalam pengambilan keputusan secara tepat”.

Menurut Sopingi (2015:20)[8]. “Kata data merupakan bentuk jamak dari datum. Secara sederhana data dapat diartikan sebagai keterangan-keterangan tentang suatu hal. Data merupakan kumpulan fakta atau angka atau segala sesuatu yang dapat dipercaya kebenarannya, dan karenanya dapat dijadikan sebagai dasar untuk menarik suatu kesimpulan. Data dapat berupa angka atau bilangan, dan biasanya disebut sebagai data kuantitatif. Data dapat juga berupa konsep atau 18 kategori yang bukan berupa angka, dan biasanya disebut sebagai data kualitatif”.

Berdasarkan beberapa pendapat para ahli di atas dapat ditarik kesimpulan bahwa data dapat berupa angka, ukuran, kata, kalimat, tulisan-tulisan, uraian cerita, gambar, simbol, tanda, yang belum memiliki ciri-ciri informatif dan belum diinformasikan keberadaannya. Dengan demikian untuk dapat memahaminya maka diperlukan prosedur pengolahan misalnya perhitungan, pengukuran, terhadap data-data yang dimilikinya.

Definisi Informasi

Informasi merupakan segala yang sangat umum dan juga sering mendengar yang dikatakan banyak orang seperti: informasinya kurang lengkap, tidak ada informasi, informasi cukup akurat dan lain-lain. Walaupun kata informasi begitu familiar di telinga, mungkin diantaranya masih ada yang belum memahami pengertian dari informasi itu sendiri.

Berikut ini adalah pengertian dari informasi menurut para ahli dan berbagai sumber:

  1. Menurut Lusyani Sunarya, Po. Abas Sunarya dan Jasmine Dara Assyifa dalam Jurnal CCIT Vol. 9 No.1 (2015)[9], Informasi dapat disimpulkan sebagai hasil dari pengelolaan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya untuk pengambilan keputusan.
  2. Menurut Yulia Djahir dan Dewi Pratitia. (2015:8)[10], “Informasi merupakan satu kesatuan yang tampak maupun tidak tampak fungsinya untuk mengurangi ketidakpastian suatu keadaan atau peristiwa dimasa depan. Informasi terdiri dari data yang telah diambil dan diolah untuk tujuan informatif sebagai kesimpulan, argumen, atau dasar dalam pengambilan keputusan”.

Berdasarkan pendapat diatas maka dapat diambil kesimpulan bahwa informasi adalah data-data yang diolah sehingga memiliki nilai tambah dan bermanfaat bagi pengguna.

Kualitas Informasi

Menurut Delone Mc Lean dalam penelitian Eko (2016:2)[11] Kualitas Informasi harus di dukung dengan indikator-indikator berikut :

  1. Completeness. Suatu Informasi yang dihasilkan oleh sistem informasi dapat dikatakan berkualitas jika informasi yang dihasilkan lengkap.
  2. Relevance. Kualitas Informasi dikatakan relevan apabilainformasi tersebut mempunyai manfaat bagi penggunanya.
  3. Accurate. Informasi yang dihasilkan oleh sistem harus akurat karena sangat berguna bagi pengguna dalam hal pengambilan keputusan.
  4. Timeliness. Informasi yang datang kepada penerima tidak boleh terlambat.
  5. Format. Maksudnya agar memudahkan pengguna untuk memahami informasi yang disediakan oleh sistem informasi mencerminkan kualitas informasi yang baik.

Nilai Informasi

Menurut Nur Azizah, dkk dalam Jurnal SENSI Vol.3 No.1 (2017:17)[12], Suatu informasi dikatakan bernilai bila informasi lebih efektif dibandingkan dengan biaya mendapatkannya. Pengukuran suatu nilai informasi biasanya dihubungkan dengan Analysis Cost Effectiveness atau Cost Benefit. Adapun 10 (sepuluh) sifat yang dapat menentukan nilai informasi yaitu sebagai berikut:

  1. Kemudahan dalam Memperoleh (Accesibility), Informasi memiliki nilai yang lebih sempurna apabila dapat diperoleh secara mudah. Informasi yang penting dan sangat dibutuhkan menjadi tidak bernilai jika sulit diperoleh.
  2. Sifat Luas dan Kelengkapannya (Comprehensiveness) Informasi mempunyai nilai yang lebih sempurna apabila mempunyai lingkup atau cakupan yang luas dan lengkap. Informasi sepotong dan tidak lengkap menjadi tidak bernilai, karena tidak dapat digunakan secara baik.
  3. Ketelitian (Accuracy) Informasi mempunyai nilai yang lebih sempurna apabila mempunyai ketelitian yang tinggi. Informasi menjadi tidak bernilai jika tidak akurat karena akan mengakibatkan kesalahan pengambilan keputusan.
  4. Kecocokan dengan Pengguna (Relevance) Informasi mempunyai nilai yang lebih sempurna apabila sesuai dengan kebutuhan penggunanya. Informasi berharga dan penting menjadi tidak bernilai jika tidak sesuai dengan kebutuhan penggunanya karena tidak dapat dimanfaatkan untuk pengambilan keputusan.
  5. Ketepatan Waktu (Timelines) Informasi mempunyai nilai yang lebih sempurna apabila dapat diterima oleh pengguna pada saat yang tepat. Informasi berharga dan penting menjadi tidak bernilai jika terlambat diterima atau usang, karena tidak dapat dimanfaatkan pada saat pengambilan keputusan.
  6. Kejelasan (Clarity) Informasi yang jelas akan meningkatkan kesempurnaan nilai informasi. Kejelasan informasi dipengaruhi oleh bentuk dan format informasi.
  7. Fleksibilitas (Flexibility) Nilai informasi semakin sempurna apabila memiliki fleksibilitas tinggi. Fleksibilitas informasi diperlukan oleh para manager atau pimpinan pada saat pengambilan keputusan.
  8. Dapat Dibuktikan (Verified) Nilai informasi semakin sempurna apabila informasi tersebut dapat dibuktikan kebenarannya. Tidak Ada Prasangka (Unprejudiced) Nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.
  9. Dapat Diukur (Measurable) Informasi untuk pengambilan keputusan seharusnya dapat diukur agar dapat mencapai nilai yang sempurna.
  10. Tidak ada prasangka nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.

Konsep Dasar Sistem Informasi

Definisi Sistem Informasi

Berikut ini ada beberapa pendapat para ahli mengenai sistem informasi, yaitu:

Suryantara (2017:2)[13], berpendapat bahwa sistem informasi adalah suatu sistem yang dibuat oleh manusia yang terdiri atas komponen-komponen dalam organisasi untuk mencapai suatu tujuan, yaitu untuk menyajikan informasi.

Menurut Euis Sitinur Aisyah dalam Jurnal Sensi (2017:24)[14], “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 beberapa pendapat para ahli diatas, dapat disimpulkan bahwa Sistem Informasi adalah sistem yang dibuat terdiri atas komponen-komponen dan menghasilkan informasi yang berguna.

Komponen Sistem Informasi

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

  1. Blok masukkan (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 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 din secara keseluruhan. Teknologi terdiri dari unsur utama: Teknisi (HUman ware atau Brainware), Perangkat Lunak (Software), dan Perangkat Keras (Hardware).

  5. Blok basis data (data base block)

    Merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk memanipulasi nya.

  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 ketidak efisienan, sabotase dan sebagainya. Beberapa pengendalian pedu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah atau bila terlanjur terjadi kesalahan dapat langsung diatasi.

Karakteristik Sistem Informasi

Patma, Maskan dan Utaminingsih (2018)[16] berpendapat, sistem informasi yang baik memenuhi kriteria sebagai berikut:

  1. Memiliki sistematika yang jelas, ringkas, dan sederhana.
  2. Menciptakan aliran data yang lebih efisien.
  3. Mepunyai model penyajian yang informatif dan standar (mudah dipaham oleh user).
  4. Menditribusikan informasi secara efektif (kepada yang berhak menerima informasi).

Konsep Dasar Analisa Sistem

Definisi Analisa Sistem

Menurut Mulyani (2016:38)[17], mengemukakan bahwa “Suatu teknik penelitian terhadap sebuah sistem dengan menguraikan komponen-komponen pada sistem tersebut dengan tujuan untuk mempelajari komponen itu sendiri serta keterkaitannya dengan komponen lain yang membentuk sistem sehingga didapat sebuah keputusan atau kesimpulan mengenai sistem tersebut baik itu kelemahan ataupun kelebihan sistem”.

Definisi lainnya dikemukakan oleh Jogiyanto sebagaimana dikutip oleh Rani Asmara (2017)[18], Analisis Sistem adalah penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan dan kesempatan.

Analisa sistem merupakan proses atau metode yang digunakan untuk memahami atau melakukan penelitian terhadap sebuah sistem guna mendapatkan solusi dalam menangani permasalahan. Pendapat tersebut dipertegas kembali oleh Suryadi dalam Jurnal CCIT Vol. 9 No. 3 (2016:270)[19], yang mengungkapkan bahwa analisis sistem merupakan penguraian dari suatu sistem yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, hambatan-hambatan yang terjadi dari kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.

Teori Khusus

Konsep Dasar Penjualan

Definisi Penjualan

Menurut Elizaandayni Ginting dalam Maimunah dkk (2016:26)[20], “Penjualan merupakan kegiatan ekonomi yang umum, dimana dengan penjualan sebuah perusahaan akan memperoleh hasil atau laba sesuai dengan apa yang direncanakan atau memperoleh pengembalian atas biaya-biaya yang dikeluarkan. Penjualan adalah penerimaan yang diperoleh dari pengiriman barang dagangan atau penyerahan pelayanan dalam bursa sebagai barang pertimbangan – pertimbangan ini dapat dalam bentuk tunai peralatan kas atau harta lainnya. Pendapatan dapat diperoleh pada saat penjualan, karena terjadi pertukaran, harga jual dapat ditetapkan oleh bebannya diketahui”.

Konsep Dasar UML (Unified Modeling Language)

Definisi UML (Unified Modeling Language)

Menurut Fajarianto dalam Jurnal Lentera ICT Vol 3 (2016 : 55)[21], “Unified Modeling Language (UML) adalah sebuah bahasa pemodelan yang telah menjadi standar dalam industri software untuk visualisasi, merancang, dan mendokumentasikan sistem perangkat lunak”.

Menurut Indra dan George Pri (2017)[22], Unifed Modeling Language (UML) adalah keluarga notasi grafis yang didukung oleh meta-model tunggal, yang membantu mendeskripsikan dan desain sistem perangkat lunak khususnya sistem yang dibangun menggunakan pemrograman berbasis objek.

Konsepsi Permodelan UML (Unified Modeling Language)

Dalam jurnalnya, Suendri (2018)[23] mengutip pendapat Nugroho yang menyatakan sesungguhnya tidak ada batasan yang tegas diantara berbagai konsep dan konstruksi dalam UML, tetapi untuk menyederhanakannya kita membagi sejumlah besar konsep dan dalam UML menjadi beberapa view. Suatu view sendiri pada dasarnya merupakan sejumlah konstruksi pemodelan UML yang merepresentasikan suatu aspek tertentu dari sistem atau perangkat lunak yang sedang kita kembangkan.

Pada peringkat paling atas, view-view sesungguhnya dapat dibagi menjadi tiga area utama, yaitu:

  1. Klasifikasi Struktural (Structural Classification)
  2. Perilaku Dinamis (Dinamic Behaviour)
  3. Pengolahan atau Manajemen Model (Model Management)

Tujuan UML (Unified Modeling Language)

Menurut M. Safii dalam Jurnal Sains Komputer dan Informatika (2017:98)[24], ada bebeapa tujuan dari penggunaan UML (Unified Modeling Language) yakni:

  1. Memberikan model yang siap pakai, bahasa pemodelan visual yang ekspresif untuk mengembangkan dan saling menukar model dengan mudah dan dimengerti secara umum.
  2. Memberikan bahasa pemodelan yang bebas dari berbagai bahasa pemrograman dan proses rekayasa.
  3. Menyatukan praktek-praktek terbaik yang terdapat dalam bahasa pemodelan.

Jenis – jenis Diagram UML (Unified Modeling Language)

Terdapat beberapa jeni-jenis dalam UML (Unified Modelling Language), Menurut Martin Fowler dikutip oleh Dahlan Susilo dkk dalam Jurnal Gaung Informatika (2018:117)[25], beberapa jenis UML (Unified modeling Language) yaitu:

  1. Usecase Diagram

    Use Case diagram adalah teknik untuk merekam persyaratan fungsional sebuah sistem. Use case mendeskripsikan interaksi tipikal antara para pengguna sistem dengan sistem itu sendiri, Use Case Diagram dibuat untuk memvisualisasikan atau menggambarkan hubungan antara Actor dan Use Case.

  2. Class Diagram

    Class Diagram mendeskripsikan jenis-jenis objek dalam sistem dan berbagai macam hubungan statis yang terdapat diantara mereka. Class Diagram juga menunjukkan properti dan operasi sebuah class dan batasan-batasan yang terdapat dalam hubungan-hubungan objek tersebut.

  3. Activity Diagram

    Activity Diagram adalah teknik untuk menggambarkan logika prosedural, proses bisnis, dan jalur kerja, dalam beberapa hal, diagram ini memainkan peran mirip sebuah diagram alir, tetapi perbedaan prinsip antara diagram ini dan notasi diagram alir adalah diagram ini mendukung behavior parallel.

  4. Sequence Diagram

    Sequence diagram adalah penjabaran behavior sebuah skenario tunggal. Sequence diagram menunjukkan sejumlah objek contoh dan pesan-pesan yang melewati objek-objek ini di dalam use case.

  5. Component Diagram

    Component merupakan bagian fisik dari sebuah sistem, karena menetap di komputer tidak berada di analis. Component terhubung melalui antarmuka yang digunakan dan dibutuhkan.

  6. Deployment Diagram

    Deployment Diagram menujukkan susunan fisik sebuah sistem, menunjukkan bagian perangkat lunak mana yang berjalan pada perangkat keras mana.

Konsep Dasar PIECES

Definisi PIECES

Menurut Tri Munfarida dan Yuli Astuti dalam Jurnal Mantik Penusa (2017:16)[26] “Analisis PIECES merupakan analisis yang melihat sistem dari Kinerja (Performance), Informasi (Information), Ekonomi (Economic), Kontrol (Control), Efisiensi (Efficiency) dan Pelayanan (Service)”.

  1. Analisis Kinerja (Performance).

    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 throughput dan respons time. Throughtput adalah jumlah dari pekerjaan yang dilakukan suatu sistem tertentu. Respon time adalah rata-rata waktu yang tertunda diantara dua pekerjaan ditambah dengan waktu respon untuk menangani pekerjaan tersebut.

  2. Analisis Informasi (Information).

    Informasi merupakan salah satu faktor yang penting, karena informasi merupakan titik awal untuk mengoreksi keadaan dalam organisasi. Kualitas dari sebuah informasi (quality of information) tergantung dari tiga hal, yaitu informasi harus akurat (acurat), tepat pada waktunya (timely basis), dan relevan (relevance). Jika informasi yang diproses bisa lebih cepat, akurat, dan relevan tentunya akan memberikan keputusan bisnis yang baik untuk kemajuan perusahaan.

  3. Analisis Ekonomi (Economic).

    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.

  4. Analisis Efisiensi (Efficiency).

    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.

  5. Analisis Kendali (Control).

    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 monitoring/pencatatan perlu adanya kontrol yang dilakukan oleh pihak pemilik terhadap semua proses monitoring/pencatatan yang dilakukan oleh karyawannya.

  6. Analisis Pelayanan (Service).

    Fokus dari analisis pelayanan adalah peningkatan terhadap pelayanan yang dihasilkan sistem dapat memberikan kemudahan dan kenyamanan dalam menyelesaikan pekerjaan untuk memperoleh informasi.

Konsep Dasar WEBSITE

Definisi WEBSITE

Seperti yang dikutip oleh Ruli Dkk dari jurnal SENSI(2018)[27], 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 menurut Rogi Abdulloh (2016)[28] Website diartikan sebagai sekumpulan halaman yang terdiri atas beberapa laman yang berisi informasi dalam bentuk data digital, baik berupa teks, gambar, video, audio dan animasi lainnya yang disediakan melalui jalur koneksi internet.

Fungsi WEBSITE

Desi Hernandhi dkk (2018) [29] mengutip beberapa fungsi menurut Aziz yaitu sebagai berikut:

  1. Media promosi

    Sebagai media promosi dapat dibedakan menjadi promosi utama, misalnya website yang berfungsi sebagai search engine atau online atau sebagai penunjang promosi utama, namun website dapat berisi informasi yang lebih lengkap daripada media promosi offline seperti koran atau majalah.

  2. Media Pemasaran

    Pada toko online atau sistem afiliasi, website merupakan media pemasaran yang cukup baik, karena dibandingkan dengan toko sebagaimana di dunia nyata, untuk membangun toko online diperlukan modal yang relatif kecil, dan dapat beroperasi 24 jam walaupun pemilik website tidak ditempat, serta diakses darimana saja.

  3. Media Informasi

    Website portal dan radio atau tv online menyediakan informasi yang bersifat global karena dapat diakses dari mana saja selama terhubung ke internet, sehingga dapat menjangkau lebih luas daripada media informasi yang konvensional.

  4. Media Pendidikan

    Ada komunitas yang membangun website khusus berisi informasi atau artikel yang sarat dengan informasi ilmiah, misalnya Wikipedia.

  5. Media Pendidikan

    Banyak terdapat website yang dibangun khusus untuk berkomunikasi seperti forum yang dapat memberikan fasilitas bagi para anggotanya untuk saling berbagi informasi atau membantu pemecahan masalah tertentu.

Konsep Dasar DATABASE

Definisi DATABASE

Menurut Kusumo (2016:55)[30], “Database adalah kumpulan data yang di simpan dalam media elektronis, saling berhubungan, diorganisasikan dengan baik agar tidak terjadi redudansi / pengulangan dan inkosistensi, serta nantinya dapat di manfaatkan kembali”.

SQL (Structured Query Language) merupakan bahasa Query yang digunakan untuk mengakses database relasional. SQL merupakan bahasa database standar dan hampir semua sistem database memahaminya. SQL terdiri dari berbagai statement, semuanya didesain agar memungkinkan untuk dapat secara interaktif berhubungan dengan database.

  1. DDL (Data Definition Language)

    DDL digunakan untuk mendefinisikan, mengubah, serta menghapus basis data dan objek-objek yang diperlukan dalam database, misalnya tabel, view, user, dan sebagainya. Berikut adalah beberapa perintah DDL yang digunakan adalah :

    1. CREATE : untuk membuat objek baru seperti database, table dll
    2. USE : untuk menggunakan objek
    3. ALTER : untuk mengubah objek yang sudah ada.
    4. DROP : untuk menghapus objek.
  2. DML (Data manipulation Language)

    DML digunakan untuk memanipulasi data yang ada dalam suatu tabel. Perintah yang umum dilakukan adalah

    1. SELECT : untuk menampilkan data
    2. INSERT : untuk menambahkan data baru
    3. UPDATE : untuk mengubah data yang sudah ada
    4. DELETE : untuk menghapus data

Konsep Dasar ELISITASI

Definisi ELISITASI

Menurut Sommerville and Sawyer dalam Iqbal Hanafri, dkk (2017:7)[31], “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”.

Tahapan Elisitasi

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

  1. Elisitasi Tahap I

    Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.

  2. Elisitasi Tahap II

    Merupakan hasil pengklasifikasian dan elisitasi tahap 1 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.

    1. M pada MDI artinya Mandory (penting).

      Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.

    2. D pada MDI artinya Desirable.

      Maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebut digunakan dalam pembentukan sistem, akan membuat sistem tersebut lebih sempurna.

    3. I pada MDI artinya Inessential.

      Maksudnya requirement tersebut bukanlah bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem.

  3. 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, yaitu sebagai berikut:

    1. T artinya Technical, maksudnya bagaimana tata cara/teknik pembuatan requirement tersebut dalam sistem yang akan usulkan.
    2. O artinya Operational, maksudnya bagaimana tata cara menggunakan requirement tersebut dalam sistem yang akan dikembangkan.
    3. E artinya Economy, maksudnya berapakah biaya yang diperlukan guna membangun requirement tersebut dalam sistem. Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu :

      • High (H) : Sulit untuk dikerjakan, karena teknik pembuatan dan pemakaiannya sulit serta biayanya mahal. Sehingga requirement tersebut harus dieliminasi.

      • Middle (M) : Mampu untuk dikerjakan.

      • 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.

Konsep Dasar LARAVEL

Definisi LARAVEL

Menurut Aminudin (2015)[33], laravel dirilis dibawah lisensi MIT dengan kode sumber yang sudah disediakan oleh Github, sama seperti framework-framework yang lain, Laravel dibangun dengan konsep MVC (Model-Controller-View), kemudian Laravel dilengkapi juga command line tool yang bernama “Artisan” yang bisa digunakan untuk packaging bundle dan instalasi bundle melalui command prompt. Framework Laravel berbasis PHP ini memudahkan programmer untuk membuat aplikasi-aplikasi yang lebih elegan dan dinamis. Karena framework ini menekankan kesederhanaan dan leksibilitas pada desain-nya, maka dari itu pengguna framework ini meningkat dari tahun ke tahun.

Konsep Dasar LARAGON

Definisi LARAGON

Menurut Yoppie Kurniawan (2016)[34], laragon adalah perangkat lunak bebas yang mendukung banyak sistem operasi, berfungsi sebagai server diri sendiri / localhost. Laragon menyediakan banyak services, tools, dan fitur mulai dari Apache, MySQL, PHP Server, Memchaced, Redis, Composer, Xdebug, PhpMyAdmin, Cmder dan Laravel.

Konsep Dasar APACHE

Definisi APACHE

Menurut Sunantoro, R. dan anubhakti, dian (2019)[35] dalam jurnal idealis vol.2 no 2, Apache merupakan salah satu web server yang ketangguhannya telah teruji serta sifat dari apache yang free dan open source. Web server adalah suatu server internet yang menggunakan protocol HTTP untuk melayani semua proses pentransferan data.

Konsep Dasar BLACK BOX TESTING

Definisi BLACK BOX TESTING

Menurut Harahap dkk dalam Jurnal Sistem dan Teknologi Informasi Vol. 4 No. 3 (2016:3)[36], Black Box Testing adalah cara pengujian dilakukan dengan hanya menjalankan atau mengeksekusi unit atau modul kemudian diamati apakah hasil dari unit itu sesuai dengan yang diinginkan. Metode pengujian perangkat yang dilakukan adalah dengan cara mengidentifikasi kesalahan yang berhubungan dengan kesalahan fungsionalitas perangkat lunak yang tampak dalam kesalahan output.

Sementara menurut Mursyidah dan Hari Toha Hidayat dalam Jurnal Infomedia Vol. 2 No. 2 (2017:7-14)[37], menyatakan bahwa “Black Box Testing berfokus pada spesifikasi fungsional dari perangkat lunak. Tester dapat mendefinisikan kumpulan kondisi input dan melakukan pengetesan pada spesifikasi fungsional program”.

Pada Black Box Testing cenderung untuk menemukan hal-hal berikut:

  1. Fungsi yang tidak benar atau tidak ada
  2. Kesalahan antarmuka (interface errors)
  3. Kesalahan pada struktur data dan akses basis data
  4. Kesalahan performansi (performance errors)
  5. Kesalahan inisialisasi dan terminasi.

Dari beberapa definisi diatas, penulis menyimpulkan Black Box Testing adalah pengujian yang didasarkan pada fungsionalitas akhir perangkat lunak melalui pengujian data dan hasil eksekusi, dengan arah yang bertentangan dengan struktur dan alur kerja dari perangkat lunak. Pengujian dianalogikan seperti kotak hitam, Penguji hanya memberikan masukan pada perangkat lunak dan mendapatkan hasil yang diharapkan tanpa melihat proses internal yang terjadi.

Literature Review

Sebagaimana yang dikatakan oleh Fitrianti (2016:42)[38], “Tinjauan 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.”

Berikut ini adalah penelitian yang telah dilakukan dan memiliki kolerasi yang searah dengan penelitian yang akan dibahas dalam Laporan Skripsi ini antara lain :

  1. Penelitian yang dilakukan oleh Muhaimin Hasanudin, Haris Muhammad Khoirudin, Wahyu Aldi Amroni, Shatya Silen. (2019)[39]. “APLIKASI E-COMMERCE SISTEM INFORMASI PENJUALAN ROLLING DOOR BERBASIS RAPID APPLICATION DEVELOPMENT”. Penelitian Ini bertujuan untuk pengolahan data penjualan Rolling Door. Dalam penelitian ini menggunakan model Rapid Application Development (RAD) yang diawali dengan pengumpulan data, analisa dan perancangan sistem yang melibatkan pengguna hingga mencapai sistem yang diingikan dan diakhiri dengan implementasi sistem.
  2. Penelitian yang dilakukan oleh Ika Yuniva & Dany Hestiyanto. (2018)[40]. “Perancangan Web E-commerce Untuk Penjualan Sepatu Dengan Pendekatan Model Classic Life Cycle”. Penelitian Ini bertujuan untuk menghasilkan sebuah website e-commerce sebagai media promosi dan pemasaran dan membantu Home Industry Rizky Shoes dalam meningkatkan penjualan. Bentuk penelitian ini menggunakan studi kasus dengan metode observasi dan studi pustaka dalam mengumpulkan data. Kebutuhan sistem pada web e-commerce ini Admin dapat melakukan proses input barang, menampilkan data maupun proses penghapusan data, mengubah status pembelian. Sedangkan user dapat melakukan pemesanan, melihat produk, mendaftar sebagai member, dan melakukan konfirmasi pembayaran.
  3. Penelitian yang dilakukan oleh Nur Azizah, Erna Astriyani, & Listiani Nadhia N. (2018)[41]. “Optimalisasi Aplikasi E-commerce Untuk Penjualan Pada Toko Desfa Bogor”. Penelitian Ini bertujuan untuk mengoptimalisasi Aplikasi E-commerce Untuk Penjualan Pada Toko Desfa Bogor. Penelitian Ini bertujuan untuk memberikan penjualan yang lebih luas lagi dan juga untuk mengembangkan bisnis penjualannya untuk mempromosikan produk yang ada pada Toko Desfa, dengan memanfaatkan Sistem Informasi dan juga internet dapat tercapai suatu sistem yang sangat efektif dan efisien dalam menunjang kegiatan pada toko ini.
  4. Penelitian yang dilakukan oleh Sutrisno, Mursalat Asyidiq, Sugeng Santoso. (2018)[42]. “Perancangan Sistem Pemasangan Iklan Online Pada Aplikasi E-commerce (E-GEMANUSA) Menggunakan METODE Restfull Api dan Framework Laravel”. Penelitian Ini bertujuan untuk Untuk dapat membuat sebuah sistem pemasangan iklan online yang dapat terintegrasi dengan banyak website. Sebuah integrasi yang baik antara web player dengan web penyedia content. Konten yang diberikan oleh web content bersifat dinamis yang dapat berubah sesuai dengan waktu tayang yang dipesan oleh konsumen. Pembagian sistem e-gemanusa menjadi beberapa microservice memudahkan dalam proses developer dan proses pengembangan. Karena dengan menggunakan metode microservice tidak akan dibatasi oleh bahasa pemrograman apa yang digunakan. Walaupun berbeda bahasa pemrograman yang digunakan dalam membangun servis satu dengan yang lainnya masing-masing servis tetap bisa saling berkomunikasi. Selain itu pembagian sistem menjadi beberapa microservice juga memperingan beban kerja server sehingga kinerja sistem dapat berjalan maksimal.
  5. Penelitian yang dilakukan oleh Untung Rahardja, Eka Purnama Harahap & Dini Intan Pratiwi. (2018)[43]. “Pemanfaatan Rinfosheet Sebagai Media Informasi Laporan Penjualan Barang Pada Raharja Internet Café”. Penelitian Ini bertujuan untuk bahwa pemanfaatan RinfoSheet ini bisa sangat bermanfaat bagi pencatatan laporan akuntansi. Pembuatan laporan menggunakan RinfoSheet ini lebih efektif di bandingkan dengan Microsoft Excel karena dapat diakses dan di simpan secara online jadi tidak perlu khawatir saat penginputan laporan dan tiba-tiba PC atau komputer mati karena dengan menggunakan RinfoSheet akan tersimpan secara otomatis. Pembuatan laporan bisa dilakukan dimana saja dan penginputan transaksi pun bisa setiap saat. Dengan menggunakan RinfoSheet juga memungkinkan untuk menshare laporan jadi saat akan memberikan laporan bulanan ke manager tidak perlu lagi untuk mencetak hasil laporan dengan Rinfosheet hanya perlu menshare laporan dengan menginputkan email tujuan dan saat share laporan terdapat juga pilihan akses yaitu edit, view dan comment. Tools lain yang ada pada Rinfosheet dan bisa dimanfaatkan yaitu membuat laporan dalam bentuk Grafik dan Chart yang sangat bermanfaat untuk mengukur grafik penjualan harian, mingguan, bulanan dan bahkan tahunan.
  6. Penelitian yang dilakukan oleh Ahmad Roihan & Ali Maksum. (2018)[44]. “Konsep Data Mart Dalam Implementasi Sistem Job Fair Menggunakan Metode Online Analytical Processing Pada Dinas Tenaga Kerja”. Penelitian Ini bertujuan untuk untuk memanfaatkan dan mengembangkan sistem yang sedang berjalan agar dapat memberikan informasi secara cepat kepada atasan dan sekaligus menunjang keputusan saat berlangsungnya acara pelaksanaan job fair. Titik berat penelitian ini adalah pada perubahan dan mengatasi masalah nyata di objek penelitian, sehingga terdapat kontribusi nyata dan langsung terhadap objek penelitian dalam mengatasi masalah tersebut. Selanjutnya dari penelitian ini akan diketahui informasi seberapa besar minat pengguna dalam menggunakan sistem informasi tersebut dan mengetahui tingkat kehadiran pengguna dalam acara job fair.
  7. Penelitian yang dilakukan oleh Abdul Hayat, Umi Riyandho. (2019)[45].“ Rancang Bangun Sistem Informasi Penjualan Berbasis Web Pada PT Samator Gas Industri”. Penelitian Ini bertujuan untuk menghasilkan sistem yang menggunakan metode pembayaran yang nyaman dan mudah, sebagai pendukung akses pembayaran transaksi pembelian online dibutuhkan data yang akurat dan dapat membantu dalam proses pelayanan customer. Dengan adanya perubahan sistem yang didasari pada perkembangan teknologi informasi ini, diharapkan sistem yang tadinya kurang efektif dan efisien akan menghasilkan data yang mudah dan aman diakses oleh user.
  8. Penelitian yang dilakukan oleh Qurotul Aini, Untung Rahardja, Abdul Hamid Arribathi, Nuke Puji Lestari Santoso. (2019)[46]. “Penerapan Cloud Accounting Dalam Menunjang Efektivitas Laporan Neraca Pada Perguruan Tinggi”. Penelitian ini bertujuan dengan digunakannya cloud accounting pada software online jurnal.id data pemasukan dan pengeluaran sudah terinput dengan baik, sehingga data laporan neraca akurat dan cepat. Terdapat menu laporan pada jurnal.id guna mendapatkan data laporan Neraca secara keseluruhan dan akurat. Adanya 7(tujuh) metode sebagai penyelesaian masalah yang digunakan pada penelitian ini. Peneliti berharap dengan adanya manajemen laporan keuangan neraca mampu memudahkan akuntan dalam menyampaikan laporan kepada pimpinan setiap bulan.
  9. Penelitian yang dilakukan oleh Rita Rahayu & John Day. (2015)[47]. “Determinant Factors of E-commerce Adoption by SMEs in Developing Country: Evidence from Indonesia”. The aim of this study is to investigate those factors that influence SMEs in developing countries in adopting e-commerce. This study is motivated by the fact that the adoption of e-commerce by SMEs, especially in developing countries, is still very far behind the adoption by large companies. Yet to be able to survive in the new economic era, which is the information era; businesses, including SMEs, are forced to adopt e-commerce. Non-adopters will be left behind by the adopters. In addition, studies regarding e-commerce adoption by SMEs are rarely found. Therefore, the results of this study provide a timely understanding of e-commerce adoption by SMEs in developing countries. The model developed in this study is based on the TOE framework. Eleven variables are proposed as the factors that influence SMEs in adopting of e-commerce. These are organized into four groups, namely: technological factors, organizational factors, environmental factors and individual factors. Based on a survey of 292 Indonesian SMEs, it was found that perceived benefits, technology readiness, owners’innovativeness, owners’ IT ability and owners’ IT experience are the determinant factors that influence Indonesian SMEs in their adopting ecommerce.
  10. Penelitian yang dilakukan oleh Liran Einav, Jonathan Levin, Igor Popov & Neel Sundaresan. (2014)[48]. “Growth, Adoption and Use Of Mobile E-Commerce”. As of May 2013, 56 percent of American adults had a smartphone, and most of them used it to access the Internet. One-third of smartphone users report that their phone is the primary way they go online.1 Just as the Internet changed retailing in the late 1990s, many argue that the transition to mobile, sometimes referred to as “Web 3.0,” will have a similarly disruptive effect (Brynjolfsson et al. 2013). In this paper, we aim to document some early effects of how mobile devices might change Internet and retail commerce. We present three main findings based on an analysis of eBay’s mobile shopping application and core Internet platform. First, and not surprisingly, the early adopters of mobile e-commerce applications appear

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

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:

    1. Use Case 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.

    2. Activity diagram sistem penjualan yang berjalan
      Gambar 3.4 activity diagram sistem penjualan yang berjalan

      Berdasarkan gambar 3.4 activity diagram sistem penjualan yang berjalan

      1. Terdapat 1 initial node merupakan awal proses kegiatan
      2. Terdapat 4 vertical swimline yaitu sales, customer, admin, produksi dan gudang
      3. Terdapat 18 action yang mencerminkan eksekusi suatu aksi
      4. Terdapat 1 decision node yang merupakan verifikasi data
      5. Terdapat 2 fork node yang merupakan proses pembuatan dokumen
      6. Terdapat 1 final node yang merupakan akhir proses kegiatan
    3. Activity diagram laporan pengiriman produk yang berjalan
      Gambar 3.5 activity diagram laporan penjualan produk yang berjalan

      Berdasarkan gambar 3.5 acitivity diagram yaitu :

      1. Terdapat 1 initial node merupakan awal proses kegiatan
      2. Terdapat 4 vertical swimline yaitu admin, customer, sales dan akuntan.
      3. Terdapat 7 action yang mencerminkan eksekusi suatu aksi
      4. Terdapat 1 final node yang merupakan akhir proses kegiatan
    4. Sequence diagram penjualan produk yang berjalan
      Gambar 3.6 sequence diagram penjualan produk yang berjalan

      Berdasarkan gambar 3.6 sequence diagram penjualan produk yang berjalan

      1. Terdapat 5 actor terdiri dari : sales, customer, admin dan gudang
      2. Terdapat 5 lifeline terdiri dari : Daftar produk, Daftar stok, surat, Daftar pengiriman, Laporan.
      3. Terdapat 11 message memberikan informasi – informasi tentang gambaran aktifitas yang berlangsung pada proses kegiatan yang dilakukan oleh actor tersebut

    Analisa Sistem Yang Berjalan

    Analisa Batasan Sistem

    Setiap sistem pasti memiliki batasan yang memisahkan antara sistem dengan lingkungan luarnya. Sesuai dengan permasalahan yang diambil oleh peneliti, bahwa hal yang akan dibahas adalah mengenai permasalahaan analisa proses bisnis pada PT Anugrah Distributor Indonesia. Permasalahan yang diambil yaitu mengenai proses input laporan hasil penjualan barang perhari/perbulan/pertahun, pembuatan input surat keluar barang (delivery order) dan pembuatan input terima barang (invoice).

    Metode Analisa Sistem

    Tahapan analisa terhadap suatu sistem atau aplikasi dilakukan sebelum tahapan perancangan dilakukan. Analisa PIECES ini sangat penting sebelum mengembangkan sebuah sistem informasi karena dalam analisa ini biasanya untuk mengidentifikasi masalah sampai dengan menyelesaikan masalah. Tujuan diterapkannya analisa terhadap suatu sistem adalah untuk mengetahui alasan mengapa sistem tersebut diperlukan, sehingga fungsi yang terdapat di dalam sistem tersebut bekerja secara optimal. Metode analisa yang digunakan peneliti disini adalah menggunakan metode analisa PIECES.

    Tabel 3.1 Analisa PIECES

    Metode Analisa Masukan, Analisa Proses, Analisa Keluaran

    1. Analisa Masukan
      1. Nama masukan : Data pesanan

        Fungsi : Mengetahui pesanan dari customer

        Sumber : Customer dan sales

        Media : Telepon

        Frekuensi : Setiap ada pesanan

        Keterangan : Data pesanan didapat dari customer pada saat pemesanan barang.

      2. Nama Masukan : Bukti Bayar

        Fungsi : Bukti telah melakukan pembayaran

        Sumber : Sales

        Media : Kertas

        Frekuensi : Setiap ada pembayaran

        Keterangan : Customer dianggap telah melakukan pembayaran setelah memberikan bukti bayar kepada bagian sales

    2. Analisa Proses
      1. Nama Modul : Pengiriman barang

        Masukan : Data pesanan

        Keluaran : Sales invoice dan delivey order

        Ringkasan Proses: Proses ini menghasilkan surat pengantar yang digunakan sebagai dokumen saat pengiriman barang yang berisi informasi nama dan jumlah barang yang dipesan.

      2. Nama Modul : Pembayaran

        Masukan : Bukti Bayar

        Keluaran : Kwitansi

        Ringkasan Proses : Proses ini menghasilkan kwitansi yang digunakan sebagai bukti bahwa customer telah melakukan pembayaran sesuai sales invoice dan delivey order.

    3. Analisa Keluaran
      1. Nama Keluaran : Delivery order

        Fungsi : Sebagai surat pengantar dari pengiriman barang

        Media : Kertas

        Rangkap : 2

        Distribusi : Customer dan admin

      2. Nama Keluaran : Sales invoice

        Fungsi : Sebagai bukti serah terima barang oleh sales pengirim ke customer

        Media : Kertas

        Rangkap : 2

        Distribusi : Customer dan admin

      3. Nama Keluaran : Kwitansi

        Fungsi : Sebagai bukti terima pembayaran

        Media : Kertas

        Rangkap : 2

        Distribusi : Customer dan admin

    Konfigurasi Sistem Yang Berjalan

    1. Spesifikasi Perangkat Keras (Hardware)
      1. Processor : Core 2 duo
      2. RAM : 2 GB
      3. Hardisk : 500 GB
      4. Monitor : 24 inci
      5. Mouse : Optical Mouse
    2. Spesifikasi Perangkat Lunak (Software)
      1. Windows 7 Ultimate 64-bit
      2. Google Chrome
    3. Hak Akses (Brainware)
      1. Admin
      2. Customer

    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. Pada aplikasi penjualan PT Anugrah Distributor Indonesia belum tersedia fitur laporan penjualan oleh karena itu belum maksimalnya penggunaan aplikasi penjualan karena hanya sebatas menjual produk.
    2. Pada aplikasi penjualan PT Anugrah Distributor Indonesia belum tersedia fitur pembuatan surat-surat pesanan yang masih manual yaitu seperti delivery order dan sales invoice berupa lembaran kertas yang ditulis oleh admin yang memungkinkan tertukar atau salahnya barang yang dipesan pelanggan, bertumpukya surat, tertundanya pengiriman barang dan sulitnya mengevaluasi surat-surat tersebut.
    3. Banyaknya data penjualan berupa lembaran-lembaran kertas dan laporan penjualan yang harus dimasukan kedalam excel membuat kerja admin dan akuntan menjadi lebih banyak.

    Alternatif Pemecahan Masalah

    Setelah melakukan penelitian dari beberapa permasalahan yang dihadapi, maka diberikan alternatif pemecahan masalah dapat membantu dan menjadi referensi untuk PT Anugrah Distributor Indonesia. Alternatif pemecahan masalah tersebut diantaranya sebagai berikut:

    1. Membuat sebuah sistem penjualan secara online yang mampu membantu perusahaan untuk mencapai target serta memperluas penjualan produk perusahaan.
    2. Dengan menambahkan fitur yang dibutuhakan pada aplikasi, bagian admin dapat langung membuat sales invoice, delivery order pesanan customer dan laporan penjualan dapat direkam secara baik serta terkomputerisasi dengan data yang disimpan secara digital. Untuk mengurangi kesalahan manusia. Dengan begitu kertas yang menumpuk dan dokumen-dokumen yang tidak tersusun dapat diatasi.
    3. Pada aplikasi akan menampilkan grafik hasil penjualan sehingga memudahkan direktur operasional untuk melihat naik turunnya penjualan dan melihat hasil laporan dimana dan kapan saja.

    User Requirement

    Elisitasi Tahap I

    Elisitasi tahap I disusun berdasarkan hasil wawancara dengan Direktur Operasional ibu Etty Mulyati.

    Tabel 3.2 Elisitasi Tahap I

    Elisitasi Tahap II

    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 :

    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.

    Tabel 3.5 Final Draft Elisitasi

    BAB IV

    RANCANGAN SISTEM YANG DIUSULKAN

    Rancangan Sistem Usulan

    Setelah melakukan analisa terhadap perancangan sistem informasi manajemen laporan penjualan berbasis web pada PT Anugrah Distributor indonesia, peneliti menemukan beberapa masalah, pada sistem aplikasi penjualan berbasis website tetapi belum dapat melakukan proses pembuatan surat jalan (delivery order), peneriman barang (invoice) dan laporan hasil penjualan. Sehingga aplikasi yang berjalan saat ini kurang optimal serta menjadi masalah untuk akuntan. Terlebih lagi, penggunaan aplikasi saat ini sangat dibutuhkan oleh pihak-pihak yang berkepentingan dalam melakukan pengerjaan laporan keuangan. Hal tersebut membuat akuntan harus bekerja 2 (dua) kali dalam artian menggunakan aplikasi berbasis website serta menggunakan Ms. Excel untuk membuat laporan penjualan yang berasal dari aplikasi. Oleh karena itu, pihak perusahaan dan peneliti bersepakat melakukan penambahan fungsi terhadap aplikasi untuk menyempurnakan sistem aplikasi penjualan yang sudah ada.

    Selanjutnya dilakukan perancangan terhadap pengembangan sistem aplikasi akuntansi, peneliti menggunakan Visual Paradigm 13.2 untuk menggambarkan use case diagram, activity diagram, sequence diagram dan class diagram.

    Prosedur Sistem Usulan

    1. Admin
      1. Admin melakukan login
      2. Menampilkan menu utama (Dashboard)
      3. Admin dapat menambah user baru serta hak akses
      4. Admin dapat menampilkan menu master data, accounting master, accounting activity, dan accounting report.
      5. Admin dapat melakukan creat, read, update, dan delete data pada menu program.
      6. Admin dapat menampilkan surat jalan (delivery order) dan peneriman barang (invoice)
      7. Admin dapat melakukan logout.
    2. Direktur Operasional
      1. Direktur operasional melakukan login
      2. Direktur operasional melihat laporan keuangan pada menu accounting report yang telah dibuat dan dikirim oleh akuntan.
      3. Direktur operasional dapat melukan print dan view pada menu accounting report.
      4. Direktur operasional dapat melakukan logout.
    3. Akuntan
      1. Akuntan dapat melakukan login.
      2. Akuntan dapat menginput data pada menu Accounting Master
      3. Akuntan dapat menginput data transaksi pada menu jurnal di Accounting Activity
      4. Akuntan menampilkan menu master data, Accounting Activity, dan laporan penjualan
      5. Akuntan dapat melakukan logout

    Use case diagram sistem laporan penjualan yang diusulkan

    Gambar 4.1 Use case Diagram sistem laporan penjualan yang diusulkan


    Pada gambar 4.1 use case diagram yang diusulkan diatas, terdapat:

    1. 1 sistem yang menghimpun seluruh kegiatan dalam proses laporan penjualan berbasis web yang diusulkan pada PT Anugrah Distributor Indonesia
    2. 3 actor yang melakukan kegiatan yaitu admin, akuntan dan direktur operasional
    3. 14 use case yang dilakukan oleh keseluruhan actor

    Activity diagram yang diusulkan

    Activity diagram pengelola hak akses

    Gambar 4.2 activity diagram pengelola hak akses


    Pada gambar 4.2 activity diagram yang diusulkan diatas, terdapat:

    1. 1 vertical swimlane yang mencakup seluruh kegiatan pengelola hak akses
    2. 1 initial node mengawali objek sistem
    3. 7 action dari sistem yang mencerminkan kegiatan dari suatu aksi
    4. 1 decision node yang menggambarkan kegiatan login dimana ada dua kemungkinan yang pertama apabila login berhasil customer membeli barang. Apabila salah harus melakukan pengisian ulang dengan benar
    5. 1 final node menjelaskan bahwa alur sistem berakhir

    Activity diagram pengelola pemesanan

    Gambar 4.3 activity diagram pengelola pemesanan


    Pada gambar 4.3 activity diagram yang diusulkan diatas, terdapat:

    1. 1 vertical swimlane yang mencakup seluruh kegiatan pemesanan
    2. 1 initial node mengawali objek sistem
    3. 11 action dari sistem yang mencerminkan kegiatan dari suatu aksi
    4. 4 fork node menjelaskan beberapa aliran
    5. 1 decision node yang menggambarkan kegiatan login dimana ada dua kemungkinan yang pertama apabila login berhasil admin dapat ke dashboard web. Apabila salah harus melakukan pengisian ulang dengan benar
    6. 1 final node menjelaskan bahwa alur sistem berakhir

    Activity diagram pengelola pembayaran

    Gambar 4.4 activity diagram pengelola pembayaran


    Pada gambar 4.4 activity diagram yang diusulkan diatas, terdapat:

    1. 1 vertical swimlane yang mencakup seluruh kegiatan yang dilakukan direktur operasional
    2. 1 initial node untuk mengawali objek.
    3. 6 action dari sistem yang mencerminkan eksekusi dari suatu aksi.
    4. 1 decision node untuk menggambarkan pada saat melakukan login, ada dua kemungkinan yang pertama apabila login salah akan error dan apabila login benar maka akan tampil dashboard web.
    5. 1 final node menjelaskan bahwa alur berakhir.

    Activity diagram laporan penjualan

    Gambar 4.5 activity diagram laporan penjualan


    Pada gambar 4.5 activity diagram yang diusulkan diatas, terdapat:

    1. 1 vertical swimlane yang mencakup seluruh kegiatan laporan penjualan
    2. 1 initial node untuk mengawali objek.
    3. 5 action dari sistem yang mencerminkan eksekusi dari suatu aksi.
    4. 1 decision node untuk menggambarkan pada saat melakukan login, ada dua kemungkinan yang pertama apabila login salah akan error dan apabila login benar maka akan tampil dashboard web.
    5. 1 final node menjelaskan bahwa alur berakhir.

    BAB V

    PENUTUP

    Kesimpulan

    Berdasarkan hasil penelitian dan pembahasan pada bab sebelumnya serta hasil analisa dan perancangan yang dilakukan, mengenai Perancangan Sistem Informasi Manajemen Laporan Penjualan Berbasis Web Pada PT Anugrah Distributor Indonesia dikemukakan kesimpulan sebagai berikut :

    1. Proses pembuatan laporan penjualan saat ini masih menggunakan microsoft excel yang diolah langsung oleh akuntan, oleh karena itu penambahan fungsi pada aplikasi penjualan dapat memudahkan akuntan dalam membuat laporan harian dan bulanan.
    2. Kendala yang dihadapi pada proses pembuatan laporan penjualan, adalah
      1. Pada aplikasi saat ini proses pembuatan laporan belum tersedia sehingga harus menambahkan fungsi / fitur yang dibutuhkan, dan setelah ditambahkan Microsoft Excel hanya sebagai pembantu jika ada kekurangan dan penambahan data. Dengan adanya penambahan fungsi laporan ini admin dapat langsung mencetak laporan sesuai dengan periode yang diinput.
      2. Penambahan form cetak delivery order dan invoice juga melengkapi aplikasi yang ada karena sebelumnya harus ditulis secara manual dan membutuhkan waktu jika ingin merekap hasil laporannya.
    3. Perancangan Sistem Informasi Manajemen Laporan Penjualan Berbasis Web Pada PT Anugrah Distributor Indonesia memaksimalkan system ini dengan beberapa fungsi agar lebih optimal sehingga pembuatan laporan hasil penjualan bisa secara online yang terhubung melalui web dan informasi mengenai laporan hasil penjualan yang akan disampaikan bisa menjadi lebih mudah diakses dan modern. Maka dalam perancangan sistem ini dirancang menggunakan metode berorientasi objek dengan menggunakan diagram UML (Unified Modelling Language), seperti usecase diagram, activity diagram, sequence diagram dan class diagram. Bahasa pemrograman yang digunakan untuk membangun sistem ini adalah PHP dengan Laravel sebagai frameworknya, Laragon sebagai tools, Apache sebagai web server, MYSQL sebagai database server dan text editor menggunakan Sublime Text 3.

    Saran

    Dengan melihat kesimpulan yang ada, maka penulis ingin memberikan beberapa saran yang sesuai dengan apa yang peneliti telah alami selama melaksanakan penelitian ini, adapun saran-saran tersebut sebagai berikut :

    1. Melakukan pembaharuan sistem yang dibuat maka dapat dilakukan pelatihan bagi Staf Gudang dan Marketing agar lebih memahami sistem yang ada.
    2. Diperlukan back up data secara berkala untuk menghindari kehilangan data.
    3. Diharapkan selalu adanya pemeliharaan aplikasi secara berkala atau terus menerus agar aplikasi ini dapat selalu digunakan dengan baik dan berjalan semestinya.

    DAFTAR PUSTAKA

    1. Santoso, B. (2017). Perancangan Aplikasi OLAP (ONLINE ANALITYCAL PROCESSING) Penjualan Buku Pada Toko Buku Gramedia Lubuk Linggau Dengan Metode Clustering. Jurnal Teknologi Informasi MURA, 9(2), 98-107
    2. Soleh, Oleh, Futri Yunita Aulia, Anis Khoirotun Nisa. 2018. Aplikasi Monitoring Jumlah Bibit Tanaman Menggunakan Analisa Balance Score Card pada UPTD TPA Rawa Kucing Kota Tangerang. Jurnal Semnasteknomedia Vol.6 No.1 Hal: 128-132
    3. Muharto dan Arisandy Ambarita. 2016. Mengatasi Kesulitan Mahasiswa Dalam Menyusun Proposal Penelitian”. Yogyakarta: Depublish.
    4. 4,0 4,1 Tyoso, Jaluanto Sunu Punjul.2016. Sistem Informasi Manajemen. Ed.1, Cet.1.Yogyakarta: Deepublish, 2016.
    5. 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 Vol. 4 No. 1, 2018.]
    6. Rosmila, Muh. Yamin, dan LM. Tajidun. 2016. “Aplikasi Pembagian Harta Warisan Menurut Hukum Islam Dengan Menggunakan Metode Algoritma Genetika”. Jurnal SemanTIK. Vol.2 No.2, ISSN : 25018928
    7. Rusdiana, H.A. dan Moch Irfan. 2014. Sistem Informasi Manajemen. Bandung: CV Pustaka Setia.
    8. Sopingi. Pengantar Statistik Pendidikan. Malang : Gunung Samudera, 2015.
    9. Sunarya, Lusyani. 2015. “Keefektifan Media Komunikasi Visual Sebagai Penunjang Promosi Pada Perguruan Tinggi Raharja”. Journal CCIT Vol. 9 No.1, September 2015.
    10. Djahir, Yulia, Dan Dewi Pratita. 2015. Bahan Ajar Sistem Informasi Manajemen. Yogyakarta: Deepublish
    11. Setiawan, Eko Budi. 2016. “Pembangunan Sistem Informasi Pengelolaan Kerja Praktek di Perguruan Tinggi”. Bandung: Jurnal ULTIMA InfoSys. Vol. VII No. 1.
    12. Azizah, Nur, Lina Yuliana dan Elsa Juliana. 2017. Rancang Bangun Sistem Informasi Penggajian Karyawan Harian Lepas Pada PT Flex Indonesia. Jurnal SENSI Vol.3 No.1 - Februari 2017 ISSN : 2461-1409.
    13. Suryantara, I Gusti Ngurah.. (2017). "Merancang Aplikasi dengan Metodologi Extreme Programmings". Jakarta: PT.Elex Media Komputindo.
    14. Aisyah, E. S., Atika, N. N., & Fandiny, R. I. (2017). RANCANG BANGUN SISTEM INFORMASI PENJUALAN EKSPOR STUDI KASUS PT. ISTEM. SENSI Journal, 3(1), 22-32.
    15. Hutahaean, Jeperson. 2014. Konsep Sistem Informasi. Yogyakarta: Deepublish.
    16. Patma, T. S., Maskan, M., dan Utaminingsih, A. (2018). “Sistem Informasi Manajemen: Guna Mendukung Keputusan.” Malang, Indonesia: UPT Percetakan dan Penerbitan Polinema
    17. Mulyani, Sri. 2016. Analsis dan Perancangan Sistem Informasi Manajemen Keuangan Daerah. Edisi Kedua. Bandung: Abdi Sistematika.”
    18. Asmara, R., Kom, S., & Kom, M. (2017). Sistem Informasi Pengolahan Data Penanggulangan Bencana Pada Kantor Badan Penanggulangan Bencana Daerah (BPBD) Kabupaten Padang Pariaman. Jurnal J-Click, 3(2).
    19. Suryadi, Emi. “Sistem Pendukung Keputusan Pemilihan Kendaraan Dalam Mendistribusikan Zakat, Infak dan Sedekah”. Jurnal CCIT , Vol. 9 No. 3.
    20. Maimunah, Ilamsyah, dan Muhamad Ilham. 2016. “Rancang Bangun Aplikasi Penjualan Furniture Online Pada Mitra Karya Furniture”. Tangerang: STMIK Raharja. CSRID Journal. Vol.8 No.1 Februari 2016, Hal. 25-36.
    21. Fajarianto, Otto. 2016. “Prototype Pelayanan Akademik Terhadap Komplain Mahasiswa Berbasis Mobile”. Jurnal LENTERA ICT. Vol.3 No.1, Mei 2016. ISSN 2338-3143.
    22. Isa, Indra Griha Tofik dan Hartawan, George Pri. 2017. “Perancangan Aplikasi Koperasi Simpan Pinjam Berbasis Web”. Sukabumi: Jurnal Ilmiah Ilmu Ekonomi. Vol.5, Edisi. 10 Maret 2017
    23. Suendri. 2018. “Implementasi Diagram UML (Unified Modelling Language) Pada Perancangan Sistem Informasi Remunerasi Dosen Dengan Database Oracle”. Medan : ALGORITMA: Jurnal Ilmu Komputer dan Informatika.
    24. Safii, M. (2017). Implementasi Web Commerce Sebagai Media Pelatihan Kewirausahaan Mahasiswa. J-SAKTI (Jurnal Sains Komputer dan Informatika), 1(1), 95-106.
    25. Susilo, D., & Charolina, A. (2018). DESAIN APLIKASI KAMUS ISTILAH KOMPUTER BERBASIS ANDROID. JURNAL GAUNG INFORMATIKA, 8(2).
    26. Munfarida, Tri dan Yuli Astuti. 2017. Implementasi Daily Activity Monitoring System (DAMS) pada CV. Jogja Media Telematika. Jurnal Mantik Penusa. ISSN: 2088-3943. Vol.21 No.1-Juni 2017.
    27. 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
    28. Abdulloh, Rogi. 2016. “Easy & Simple Web Programming”. Jakarta : PT. Elex Media Komputindo
    29. Hernandhi, Desi Tri, Endang Siti Astuti, dan Swasta Priambada. 2018. “Desain Sistem Informasi Pemasaran Berbasis Website Untuk Promosi”. Malang: Jurnal JAB. Vol.55, No.1 Februari 2018
    30. Kusumo, Ario Suryo. 2016. “Administrasi SQL Server 2014”. Jakarta: PT Elex Media Komputindo.
    31. Hanafri, Muhammad Iqbal, dkk. 2017. Proses Perakitan Trafo Dengan Menggunakan Animasi Multimedia. ISSN : 2088 – 1762. Jurnal SISFOTEK GLOBAL. Vol. 7 No. 1-Maret 2017.
    32. Bachtiar, Dede, dan Atikah. 2015. “Sistem Informasi Dashboard Kependudukan di Kelurahan Manis Jaya Kota Tangerang”. Tangerang: STMIK Bina Sarjana Global. JURNAL SISFOTEK GLOBAL. Vol. 5 NO. 1. ISSN: 2088 - 1762.
    33. Aminudin. “Cara Efektif Belajar Framework Laravel”. Yogyakarta : Penerbit Lokomedia, 2015.
    34. Kurniawan, Yoppie. 2016. Pembangunan Sistem Informasi Penjualan Dan Pemesanan Semen Berbasis Web. S1 thesis, UAJY.
    35. Sunantoro, R. and anubhakti, dian (2019) “ANALISA DAN RANCANGAN E-COMMERCE PADA TOKO ANGSANA”, IDEALIS : InDonEsiA journaL Information System, 2(2), pp. 78-84. Available at: http://jom.fti.budiluhur.ac.id/index.php/IDEALIS/article/view/1052 (Accessed: 29October2019).
    36. 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”. Jurnal Sistem Dan Teknologi Informasi Vol. 4 No.3
    37. Mursyidah dan Hari Toha Hidayat 2017. “Pengujian Sistem Informasi Akuntansi Biaya Operasional Sekolah Dengan Black Box Testing”. Jurnal Infomedia Vol. 2 No. 2.
    38. Fitrianti. 2016. “Sukses Profesi Guru dengan Penelitian Tindakan Kelas”. Yogyakarta: Deepublish Grup CV. Budi Utama.
    39. Hasanudin, Muhaimin, Haris Muhammad Khoirudin, Wahyu Aldi Amroni, Shatya Silen. 2019. “Aplikasi E-commerce Sistem Informasi Penjualan Rolling Door Berbasis RAPID Application Development”. Tangerang: STMIK Raharja. CERITA Journal. ISSN : 2461-1417.
    40. Yuniva, Eka, dan Dany Hestiyanto. 2017. “Perancangan Web E-commerce Untuk Penjualan Sepatu dengan Pendekatan Model Classi Life Cycle”. Tangerang: STMIK Raharja. CERITA Journal. ISSN : 2461-1417.
    41. Azizah, Nur, Erna Astriyani, dan Listia Nadhia N. 2017. “Optimalisasi Aplikasi E-Commerce Untuk Penjualan Pada Toko Desfa Bogor”. Tangerang: STMIK Raharja. CERITA Journal. ISSN : 2461-1417.
    42. Sutrisno, Mursalat Asyidiq, dan Sugeng Santoso. 2018. “Perancangan Sistem Pemasangan Iklan Online Pada Aplikasi E-Commerce (E-Gemanusa) Menggunakan Metode Restful API dan Framework Laravel”. Jurnal Ilmiah Sains dan Teknologi Program Studi Teknik Informatika. Vol 1 No 1: Agustus 2018.
    43. Rahardja, Untung, Eka Purnama Harahap, dan Dini Intan Pratiwi. 2018. “Pemanfaatan Rinfosheet Sebagai Media Informasi Laporan Penjualan Barang Pada Raharja Internet Café”. Jurnal Ilmiah Teknologi Asia. Vol.12, No.01. ISSN: 2580-8397.
    44. Roihan, Ahmad, dan Ali Maksum. 2018. “Konsep Data Mart Dalam Implementasi Sistem Job Fair Menggunakan Metode Onlien Analytical Processing Pada Dinas Tenaga Kerja”. Seminar Nasional Teknologi Informasi dan Multimedia 2018. ISSN : 2302-3805.
    45. Hayat, Abdul, Umi Riyandho. (2019).“ Rancang Bangun Sistem Informasi Penjualan Berbasis Web Pada PT Samator Gas Industri”. JURNAL OF INNOVATION AND FUTURE TECHNOLOGY (IFTECH)
    46. Aini, Qurotul, Untung Rahardja, Abdul Hamid Arribathi, Nuke Puji Lestari Santoso. (2019). “Penerapan Cloud Accounting Dalam Menunjang Efektivitas Laporan Neraca Pada Perguruan Tinggi”. CESS (Journal of Computer Engineering System and Science. Vol. 4 No. ISSN  :2502-7131.
    47. Rahayu, Rita, dan John Day. 2015. “Determinant Factors of E-commerce Adoption by SMEs in Developing Country: Evidence from Indonesia”. Procedia - Social and Behavioral Sciences 195 ( 2015 ) 142 – 150.
    48. Einav, Liran, Jonathan Levin dan Neel Sundaresan. 2014. “Growth, Adoption, and Use of Mobile E-Commerce”. American Economic Review: Papers & Proceedings 2014, 104(5): 489–494.


    *

Contributors

Thassa

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