<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE article PUBLIC "-//NLM//DTD JATS (Z39.96) Journal Archiving DTD v1.0 20120330//EN" "JATS-journalarchiving.dtd">
<article xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ali="http://www.niso.org/schemas/ali/1.0">
  <front>
    <article-meta>
      <title-group>
        <article-title>Design and Build a Web-Based CCTV Sales Information System</article-title>
        <subtitle>Rancang Bangun Sistem Informasi Penjualan CCTV Berbasis Web</subtitle>
      </title-group>
      <contrib-group content-type="author">
        <contrib id="person-84cf51aaff037e6f7ef134bcd49b3c88" contrib-type="person" equal-contrib="no" corresp="no" deceased="no">
          <name>
            <surname>Putra</surname>
            <given-names>Ryan Hanggara</given-names>
          </name>
          <email>171080200069@umsida.ac.id</email>
          <xref ref-type="aff" rid="aff-1" />
        </contrib>
        <contrib id="person-8a9d237ece6b20c6c35fd312aa39517a" contrib-type="person" equal-contrib="no" corresp="no" deceased="no">
          <name>
            <surname>Astutik</surname>
            <given-names>Ika Ratna Indra</given-names>
          </name>
          <email>ikaratna@umsida.ac.id</email>
          <xref ref-type="aff" rid="aff-2" />
        </contrib>
      </contrib-group>
      <aff id="aff-1">
        <country>Indonesia</country>
      </aff>
      <aff id="aff-2">
        <country>Indonesia</country>
      </aff>
      <history>
        <date date-type="received" iso-8601-date="2022-10-04">
          <day>04</day>
          <month>10</month>
          <year>2022</year>
        </date>
      </history>
      <abstract />
    </article-meta>
  </front>
  <body id="body">
    <sec id="heading-0f5665fdaa0c366ab23dbf6353221941">
      <title>Pendahuluan</title>
      <p id="_paragraph-12">Pada era saat ini, CCTV memiliki peranan yang cukup penting dalam bidang keamanan. CCTV dipasang di daerah-daerah strategis untuk melakukan fungsi pengawasan terhadap kemungkinan terjadinya tindak kriminal. Ketika tindak kriminal terjadi di daerah tersebut, ahli forensik dapat menganalisa dan memproses video hasil rekaman CCTV. Video ini akan digunakan oleh pihak kepolisian sebagai alat bukti untuk melakukan investigasi terhadap tindak kriminal tersebut.[1]</p>
      <p id="_paragraph-13">CCTV (<italic id="_italic-15">Closed Circuit Television</italic>) merupakan sebuah perangkat kamera video digital yang digunakan untuk mengirim informasi visual ke layar monitor di suatu ruang atau tempat tertentu. CCTV sering digunakan untuk mengawasi area publik seperti : Hotel, Bank, Bandara Udara, Pabrik maupun Pergudangan.(Deisman, 2003) [2]</p>
      <p id="_paragraph-14">Kemajuan dalam bidang teknologi pada saat ini berkembang dengan pesat, dan menuntun manusia mengikuti perkembangannya untuk membantu kebutuhan informasi. Kemajuan teknologi pada masa sekarang sangatlah dibutuhkan karena untuk mempermudah dalam proses kebutuhan dalam pekerjaan. Terutama dalam proses penjualan. Pada proses penjualan CCTV yang terjadi dalam CV. Centra Elektronik ini berjalan dengan baik dalam prosesnya namun, proses penjualan CCTV ini juga masih mengalami permasalahan – permasalahan yang harus dihadapi. (Dulu, 2017) [3]</p>
      <p id="_paragraph-15">CV. Centra Elektronik merupakan perusahaan yang bergerak dibidang barang dan jasa. Sistem yang digunakan dalam perusahaan ini adalah sistem yang masih manual. Dan proses pengelolaan data penjualan lebih memakan waktu yang cukup lama sehingga sering terjadi kesalahan dalam proses pembuatan laporan. Permasalahan yang terjadi lainnya pada perusahaan ini yaitu adanya manajemen pengolah data yang kurang rapi sehingga rentan terjadinya kesalahan. (Sihombing, &amp; Sihotang, 2019) [4]</p>
      <p id="_paragraph-16">Untuk mengatasi permasalahan tersebut sehingga dilakukan proses perancangan sebuah sistem pengolahan data yang akan menjadi lebih rapi dan memakan waktu yang tidak begitu lama dan menjadi lebih efektif juga menjadi efisen. Serta meminimalisir terjadinya kesalahan dalam proses pembuatan laporan. Berdasarkan uraian di atas, penulis membangun “Rancang Bangun Sistem Informasi Penjualan CCTV Berbasis Web Pada CV. Centra Elektronik”.</p>
      <p id="_paragraph-17">Sistem yaitu kelompok elemen yang saling terhubung satu sama lain yang membentuk satu kesatuan dalam usaha untuk mencapai suatu tujuan. Di dalam perusahaan, yang dimaksud elemen dari sistem merupakan departemen-departemen internal, seperti persediaan barang mentah, produksi, persediaan barang jadi, penjualan, promosi, keuangan, personalia, serta pihak eksternal supplier dan konsumen yang saling terhubung satu sama lain dan membentuk suatu kesatuan usaha. Informasi merupakan hasil pemrosesan data yang diperoleh dari setiap elemen sistem tersebut menjadi bentuk yang mudah dipahami dan merupakan pengetahuan yang relevan yang dibutuhkan oleh orang untuk menambah pemahamannya terhadap fakta-fakta yang ada. .( Ajie, 1996) [5]</p>
      <p id="_paragraph-18">Menurut Jhonsen (dalam Rivai &amp; Purnama 2013) Website merupakan kumpulan dari halaman-halaman yang berhubungan dengan file-file lain yang saling terkait. Dalam sebuah website terdapat satu halaman yang dikenal dengan sebutan home-page. Homepage adalah sebuah halaman yang pertama kali dilihat ketika seseorang mengunjungi sebuah website. Menurut Lukman (dalam Rivai 2013) <italic id="_italic-16">Data Flow Diagram </italic>adalah suatu model logika data atau proses yang dibuat lebih mendetail dibanding diagram konteks yang diperbolehkan, bisa dicapai dengan mengembangkan diagram. Sisa diagram asli dikembangkan ke dalam gambaran yang lebih terperinci yang melibatkan tiga sampai Sembilan proses dan menunjukkan penyimpanan data dan aliran data baru pada level yang lebih rendah . [6]</p>
      <p id="_paragraph-19">Flowchart merupakan penggambaran secara grafik dari langkah-langkah dan urut-urutan prosedur dari suatu program. Flowchart menolong analis dalam untuk memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternatif-alternatif lain dalam pengoperasian. Flowchart adalah alat pemetaan sederhana yang menunjukkan urutan tindakan dalam proses dalam bentuk yang mudah dibaca dan dikomunikasikan.(Ridlo, 2017). [7]</p>
      <p id="_paragraph-20">Basis dapat diartikan markas atau gudang, tempat sarang dan berkumpul. Data merupakan representasi fakta dunia nyata yang memiliki objek seperti manusia (pegawai,siswa, pembeli, pelanggan), barang, peristiwa, konsep, keadaan, dan sebagainya, yang direkam dalam bentuk angka, huruf,simbol, teks, gambar, bunyi atau kombinasinya. Basis data dapat dibayangkan sebagai lemari arsip. (Data, 2004). [8]</p>
      <p id="_paragraph-21"><italic id="_italic-17">Entity Relationship Diagram </italic>(ERD) adalah sekumpulan cara atau peralatan untuk mendeskripsikan data- data atau objek-objek yang dibuat berdasarkan dan berasal dari dunia nyata yang disebut entitas (<italic id="_italic-18">entity</italic>) serta hubungan (<italic id="_italic-19">relationship</italic>) antar entitas-entitas tersebut dengan menggunakan beberapa notasi. (Edi, 2009) [9]</p>
      <p id="_paragraph-22">XAMPP merupakan software yang berfungsi untuk menjalankan website berbasis PHP dan menggunakan pengolah data MYSQL di komputer lokal. XAMPP berperan sebagai server web pada komputer lokal. XAMPP juga dapat disebut sebuah server virtual, yang dapat membantu melakukan <italic id="_italic-20">preview </italic>sehingga dapat dimodifikasi website tanpa harus online atau terakses dengan internet. Wicaksono (dalam Priyanti &amp; Iriani 2013) [10]</p>
      <p id="_paragraph-23">Menurut Dodit Supriyanto (dalam Muslih &amp; Purnama 2013 ) PHP adalah singkatan dari "PHP: <italic id="_italic-21">Hypertext Preprocessor</italic>", yang merupakan sebuah bahasa scripting yang terpasang pada <italic id="_italic-22">HyperText Markup Language </italic>(HTML). Sebagian besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik. Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan perancang web menulis halaman web dinamik dengan cepat. [11]</p>
      <p id="_paragraph-24">Menurut Setiawan (dalam Usada, Yuniarsyah, &amp; Rifani 2012) MySQL merupakan program database server yang mampu menerima dan mengirimkan data dengan sangat cepat, multi user serta menggunakan peritah standar SQL (<italic id="_italic-23">Structured Query Language</italic>) dan baik digunakan sebagai client maupun server.[12]</p>
      <p id="_paragraph-25">Menurut Rozi, Zaenal &amp; Comunity Smit Dev (dalam Christian, Hesinto, &amp; Agustina 2018) Bootstrap merupakan paket aplikasi siap pakai untuk membuat front-end sebuah website. Bootstrap adalah template desain web dengan fitur plus. Bootstrap diciptakan untuk mempermudah proses desain web bagi berbagai tingkat pengguna, mulai dari level pemula hingga yang sudah berpengalaman. Cukup bermodalkan pengetahuan dasar mengenai HTML dan CSS. [13]</p>
      <p id="_paragraph-26">Sublime Text Editor merupakan editor teks bahasa pemograman termasuk pemograman PHP. Sublime Text Editor merupakan editor text lintas platform dengan Python Application Programming Interface (API). Sublime Text Editor juga mendukung banyak bahasa pemrograman dan bahasa markup, dan fungsinya dapat ditambah dengan plugin, dan Sublime Text Editor tanpa lisensi perangkat lunak.(Pasaribu 2017). [14]</p>
      <p id="_paragraph-27">Menurut (Mustaqbal, Firdaus, &amp; Rahmadi, 2015<italic id="_italic-24">) </italic><italic id="_italic-25">Black Box Testing </italic>berfokus pada spesifikasi fungsional dari perangkat lunak. Tester dapat mendefinisikan kumpulan kondisi input dan melakukan pengetesan pada spesifikasi fungsional program. [15]</p>
    </sec>
    <sec id="sec-1">
      <title>Metode Penelitian</title>
      <p id="_paragraph-28">Penelitian ini dilaksanakan di CV. Centra Elektronik, Surabaya. Penelitian dilakukan dalam rangka pembangunan sistem informasi penjualan pada perusahaan tersebut. Penelitian diawali dengan mengidentifikasi layanan pada perusahaan bangunan yang didapatkan dari hasil interview dengan pemilik dan analisis proses yang ada didalamnya.</p>
      <p id="_paragraph-29">Metode yang digunakan untuk penelitian ini adalah sebagai berikut:</p>
      <list list-type="bullet" id="list-999c89ca586189396b073f60be1875a3">
        <list-item>
          <p>Observasi</p>
        </list-item>
        <list-item>
          <p>Wawancara dan,</p>
        </list-item>
        <list-item>
          <p>Studi Pustaka. Berdasarkan proses yang ada didalam CV. Centra Elektronik, dilakukan perancangan sistem informasi dengan menggunakan metode waterfall yang terdiri dari : Identifikasi Kebutuhan, Perancangan Sistem Informasi, Implementasi, Testing, dan Maintenance.</p>
        </list-item>
      </list>
    </sec>
    <sec id="sec-2">
      <title>Hasil dan Pembahasan</title>
      <sec id="heading-a6e497def1a87c2fe3abf54464d73459">
        <title>Perancangan Sistem</title>
        <p id="heading-06d00e664ae8fb4cc20b2a4dd3f336cc">1. Flowchart</p>
        <fig id="figure-panel-17778ef283c5561ca742d9e92bca3221">
          <label>Figure 1</label>
          <caption>
            <title><italic id="_italic-26">Flowchart</italic> Admin</title>
            <p id="paragraph-129ae4694186097d32a92187faa32fc6" />
          </caption>
          <graphic id="graphic-d1e2884c04c273d2664f1422ceedee59" mimetype="image" mime-subtype="png" xlink:href="732 ijins g1.PNG" />
        </fig>
        <p id="_paragraph-31">2. DFD Level 0</p>
        <fig id="figure-panel-94cca6c2743089416880caa318b2e1ce">
          <label>Figure 2</label>
          <caption>
            <title>DFD Level 0</title>
            <p id="paragraph-cf27e76fcaf1c828c75e4afed6a4d508" />
          </caption>
          <graphic id="graphic-a6e462b98f72602176724bededa7c8fc" mimetype="image" mime-subtype="png" xlink:href="732 ijins g2.PNG" />
        </fig>
        <p id="_paragraph-32">3. DFD Level 1</p>
        <fig id="figure-panel-724b4e067be12ec697e813b0bf57d51a">
          <label>Figure 3</label>
          <caption>
            <title>DFD Level 1</title>
            <p id="paragraph-df277975d8e8db7df18e773f490ee5c0" />
          </caption>
          <graphic id="graphic-05986171387ca830945a7b20d8e1f4a4" mimetype="image" mime-subtype="png" xlink:href="732 ijins g3.PNG" />
        </fig>
        <p id="_paragraph-33">4. ERD</p>
        <fig id="figure-panel-569a2816fab5904531bca5b77eec7890">
          <label>Figure 4</label>
          <caption>
            <title>ERD</title>
            <p id="paragraph-4df963051f8c4b0eddbdcee1d967d2b2" />
          </caption>
          <graphic id="graphic-7aefce6acd583086cd76035c83b696f9" mimetype="image" mime-subtype="png" xlink:href="732 ijins g4.PNG" />
        </fig>
        <p id="_paragraph-34">5. Relasi Tabel</p>
        <fig id="figure-panel-15e726c1f9a22afd277bd86d586ec97c">
          <label>Figure 5</label>
          <caption>
            <title>Relasi Tabel</title>
            <p id="paragraph-78e05fda48537000b13f7ed9837cead5" />
          </caption>
          <graphic id="graphic-c8bdd72d2a3d84ce2b2feaa16f856eee" mimetype="image" mime-subtype="png" xlink:href="732 ijins g5.PNG" />
        </fig>
        <p id="paragraph-2864d0cf30c1114f608c65201f632088">6. Desain Tampilan Perancangan Web</p>
        <fig id="figure-panel-31e2cab532a0c8fca8006335fb9527e9">
          <label>Figure 6</label>
          <caption>
            <title>Tampilan Rancangan Halaman menu utama atau Dashboard</title>
            <p id="paragraph-18878004142845e859788879c2dbc4cb" />
          </caption>
          <graphic id="graphic-db67550f973ef9f53fa3564fbff9caf7" mimetype="image" mime-subtype="png" xlink:href="732 ijins g6.PNG" />
        </fig>
        <p id="paragraph-1152fd72a2f43949fdaf2e74329cc173">7. <italic id="_italic-27">User Interface</italic> </p>
        <fig id="figure-panel-aaa518148d592a0bc1248faac31ef231">
          <label>Figure 7</label>
          <caption>
            <title>Halaman Menu Utama</title>
            <p id="paragraph-a0d9ced7fd191251712220fdbc54837b" />
          </caption>
          <graphic id="graphic-03965175972ee7812eff86e1e79b2fa6" mimetype="image" mime-subtype="png" xlink:href="732 ijins g7.PNG" />
        </fig>
      </sec>
      <sec id="heading-3d95776b40d6172afa4c69313b42cce0">
        <title>Pengujian Sistem</title>
        <p id="_paragraph-37">Pengujian sistem informasi penjualan CCTV pada CV. Centra Elektronik menggunakan pengujian sistem <italic id="_italic-28">blackbox testing. </italic>Pengujian dilakukan terhadap fungsi-fungsi yang terlibat dalam sistem sehingga dapat menghasilkan output yang telah diintegrasikan. Pengujian <italic id="_italic-29">blackbox testing </italic>dilakukan untuk mencari kesalahan yang terjadi pada sistem sehingga peneliti dapat memperbaiki kesalahan tersebut.</p>
        <p id="_paragraph-38">Metode yang digunakan yaitu metode <italic id="_italic-30">Equivalence partioning </italic>merupakan metode ujicoba <italic id="_italic-31">blackbox </italic>yang membagi domain input dari program menjadi beberapa kelas data dari kasus ujicoba yang dihasilkan. Kasus uji untuk menemukan sejumlah kesalahan (misalnya : kesalahan pemrosesan dari seluruh data karakter) yang merupakan syarat lain dari suatu kasus yang dieksekusi sebelum kesalahan umum diamati.</p>
      </sec>
    </sec>
    <sec id="sec-3">
      <title>Simpulan</title>
      <p id="_paragraph-39">Dengan adanya Sistem Informasi Penjualan CCTV Berbasis Web Pada CV. Centra Elektronik, transaksi penjualan lebih baik, cepat dan efektif dan diharapkan menjadi solusi terhadap permasalahan yang dihadapi oleh CV. Centra Elektronik seperti dalam pengarsipan data dan dalam pengolahan data laporan penjualan.</p>
    </sec>
  </body>
  <back />
</article>