<?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>Web-Based Employee Attendance Information System</article-title>
        <subtitle>Sistem Informasi Absensi Karyawan Berbasis Web</subtitle>
      </title-group>
      <contrib-group content-type="author">
        <contrib id="person-51430e3adc12de999c1d4352955b8332" contrib-type="person" equal-contrib="no" corresp="no" deceased="no">
          <name>
            <surname>Nugraha</surname>
            <given-names>Prasadhana Aditya</given-names>
          </name>
          <email>prasadhanaaditya@gmail.com</email>
          <xref ref-type="aff" rid="aff-1" />
        </contrib>
        <contrib id="person-7c7a39ec3272d22ad93c31bf3f2e0692" 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-5c1d50a2090d40d06743c450ec04d9d7">
      <title>Pendahuluan</title>
      <p id="_paragraph-24">Semakin berkembangnya ilmu pengetahuan dan teknologi khususnya teknologi informasi memiliki peran yang sangat penting. Penggunaan teknologi informasi ini dapat menunjang aktivitas suatu institusi ataupun perorangan dibidang pemerintahan, kesehatan dan pendidikan yang digunakan untuk menyimpan mengolah maupun menyajikan data maka dari itu diperlukan rencana dan strategi pengembangan dibidang teknologi informasi yang terus menerus berkembang diberbagai bidang. Dengan demikian diperlukannya penguasaan dalam bidang teknologi informasi dan penyediaan sumber daya manusia yang berkualitas dan handal.</p>
      <p id="_paragraph-25">Salah satunya yaitu sistem absensi pegawai. Dimana sistem ini membantu dalam pengolahan data absen pegawai pada suatu perusahaan untuk meningkatkan kualitas perusahaan. Sistem absensi di CV. Tiga Putra masig menggunakan sistem absensi manual sehingga menjadi kurang efektif dan efisien digunakan oleh pemilik cv untuk melakukan absensi para pegawai setiap harinya dan mencetak laporan setiap bulannya.</p>
      <p id="_paragraph-26">Dengan kebutuhan itulah aplikasi ini dibuat guna untuk mempermudah manajer untuk mengabsensi. Aplikasi ini dibangun dengan fungsi dan tujuan yaitu mecatat presensi atau kehadiran pegawai. Dengan sistem komputerisasi yang cepat dan handal, pencatatan data absensi dilakukan secara <italic id="_italic-128">realtime </italic>dan menghasilkan sebuah laporan yang akurat. Aplikasi ini dibangun dengan perangkat lunak PHP dan MySQL sebagai tempat penyimpanan data pegawai berupa <italic id="_italic-129">database</italic>. Sistem informasi ini dibangun bertujuan untuk memberikan kemudahan si pemilik perusahaan sehingga dalam penyajian laporan atau informasi absensi pegawai dapat diperoleh secara cepat dan akurat.</p>
      <p id="_paragraph-27">Berdasarkan latar belakang tersebut, dibuatlah suatu rancangan Sistem Informasi Absensi Karyawan Berbasis <italic id="_italic-130">Web</italic>Pada CV. Tiga Putra” yang nantinya akan dibuat offline menggunakan server lokal pada CV. Supaya memudahkan verifikasi karyawan agar tidak melakukan kecurangan manipulasi absensi dan pengolahan data menjadi lebih rapi dan memakan waktu yang tidak begitu lama dan menjadi lebih efektif juga menjadi efisen. Juga meminimalisir terjadinya kesalahan dalam proses pembuatan laporan.</p>
      <p id="_paragraph-28">Sistem adalah kumpulan elemen-elemen yang saling berkaitan dan bekerja sama dalam melakukan kegitan untuk mencapai suatu tujuan.[1]</p>
      <p id="_paragraph-29">Informasi adalah data yang sudah diolah menjadi sebuah bentuk yang berarti bagi pengguna, yang bermanfaat dalam pengambilan keputusan saat ini atau pendukung sumber informasi. Data belum memiliki nilai sedangkan informasi sudah memiliki nilai. [2]</p>
      <p id="_paragraph-30">Sistem informasi adalah suatu sistem di dalam suatu organisasi yang menemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-ilaporan yang diperlukan.[3]</p>
      <p id="_paragraph-31">Absensi adalah suatu kegiatan pencatatan terhadap setiap kehadiran dengan tujuan untuk mengetahui data yang berkaitan dengan kehadiran baik secara priodik baik harian maupun bulanan.[4]</p>
      <p id="_paragraph-32">Pengertian <italic id="_italic-131">Comanditaire Venootschap </italic>atau CV adalah suatu bentuk perjanjian kerjasama untuk mengatur perusahaan dan bertanggung jawab penuh dengan kekayaan pribadinya, dengan orang-orang yang memberikan pinjaman dan tidak bersedia memimpin perusahaan serta bertanggung jawab terbatas pada kekayaan yang diikutsertakan dalam perusahaan tersebut.[5]</p>
      <p id="_paragraph-33">MySQL adalah sistem manajemen database SQL yang bersifat Open Source dan paling populer saat ini. Sistem Database MySQL mendukung beberapa fitur seperti multithreaded, multi-user, dan SQL database manajemen sistem ( DBMS).[6]</p>
      <p id="_paragraph-34">PHP <italic id="_italic-132">(</italic>PHP: <italic id="_italic-133">Hypertext Preprocessor) </italic>adalah suatu bahasa pemrograman yang digunakan untuk <italic id="_italic-134">translate</italic>atau menerjemahkan baris kode program menjadi sebuah kode mesin yang dapat dimengerti oleh komputer yang bersifat <italic id="_italic-135">server-side</italic>yang dapat ditambahkan ke dalam <italic id="_italic-136">HTML</italic>.[6]</p>
      <p id="_paragraph-35"><italic id="_italic-137">Flowchart</italic>merupakan penggambaran secara grafik dari langkah-ilangkah dan urutan prosedur suatu program. Biasanya mempengaruhi penyelesaian masalah yang khusunya perlu dipelajari dan dievaluasi lebih lanjut supaya mancapai t ujuan suatu program yang diharapkan.[7]</p>
      <p id="_paragraph-36"><italic id="_italic-138">Use case diagram </italic>yaitu sebuah diagram yang menggambarkan dan merepresentasikan <italic id="_italic-139">actor</italic>, <italic id="_italic-140">use case</italic>, dan <italic id="_italic-141">dependencies </italic>suatu proyek dimana tujuan dari diagram ini adalah untuk mendefiniskan atau menggambarkan sebuah konsep hubungan antara sistem dengan dunia luar. Notasi-notasi yang digunakan untuk membuat use case.[8]</p>
      <p id="_paragraph-37">DFD adalah suatu <italic id="_italic-142">network</italic>untuk menggambarkan suatu sistem komputerisasi, manualisasi, dan gabungan dari keduanya. Penggambarannya tersusun dalam bentuk suatu komponen sistem yang saling berhubungan sesuai dengan aturannya.[9]</p>
      <p id="_paragraph-38">ERD digunakan untuk pemodelan basis data relational untuk merancang hubungan antar tabel- tabel dalam basis data. ERD biasanya memiliki hubungan <italic id="_italic-143">binary </italic>( satu relasi menghubungkan dua buah <italic id="_italic-144">entitas</italic>). Beberapa metode perancangan ERD menoleransi hubungan relasi <italic id="_italic-145">ternary </italic>( satu relasi menghubungkan tiga buah <italic id="_italic-146">entitas </italic>atau <italic id="_italic-147">N-ary</italic>, satu relasi menghubungkan banyak <italic id="_italic-148">entitas</italic>), tapi banyak metode perancangan ERD yang tidak mengizinkan hubungan <italic id="_italic-149">ternary</italic>atau <italic id="_italic-150">N-ary</italic>.[10]</p>
      <p id="_paragraph-39"><italic id="_italic-151">Black Box Testing </italic>merupakan pengujian yang berfokus pada spesifikasi fungsional dari perangkat lunak, <italic id="_italic-152">tester</italic>dapat mendefinisikan kumpulan kondisi <italic id="_italic-153">input</italic>dan melakukan pengetesan pada spesifikasi fungsional program dan mengemukakan ciri-ciri black box testing, yaitu:</p>
      <list list-type="bullet" id="list-9cbded1b5f89f093df73d073e6989a13">
        <list-item>
          <p>Black box testing berfokus pada kebutuhan fungsional pada software, berdasarkan pada spesifikasi kebutuhan dari software.</p>
        </list-item>
        <list-item>
          <p>Black box testing bukan teknik alternatif daripada white box testing. Lebih dari pada itu, ia merupakan pendekatan pelengkap dalam mencakup error dengan kelas yang berbeda dari metode white box testing. Black box testing melakukan pengujian tanpa pengetahuan detail struktur internal dari sistem atau komponen yang dites. juga disebut sebagai behavioral testing, specification-based testing, input/output testing atau functional testing.[11]</p>
        </list-item>
      </list>
    </sec>
    <sec id="heading-e826e33748da4aa7032c07c733c1b85d">
      <title>Metode Penelitian</title>
      <p id="_paragraph-40">Penelitian ini dilaksanakan di CV. Tiga Putra. Penelitian dilakukan dalam rangka pembangunan sistem informasi absensi karyawan pada perusahaan tersebut. Penelitian diawali dengan mengidentifikasi sistem absensi dan pembuatan laporan pada perusahaan yang didapatkan dari hasil interview dengan pemilik dan analisis proses yang ada didalamnya.</p>
      <p id="_paragraph-41">Metode yang digunakan untuk penelitian ini adalah sebagai berikut:</p>
      <list list-type="bullet" id="list-e5c786fdeccbe19af123ba006156778d">
        <list-item>
          <p>Observasi</p>
        </list-item>
        <list-item>
          <p>Wawancara dan,</p>
        </list-item>
        <list-item>
          <p>Studi Pustaka.</p>
        </list-item>
      </list>
      <p id="_paragraph-42">Berdasarkan proses yang ada didalam CV. Tiga Putra, dilakukan perancangan sistem informasi dengan menggunakan metode waterfall yang terdiri dari : Identifikasi Kebutuhan, Perancangan Sistem</p>
      <p id="_paragraph-43">Informasi, Implementasi, Testing, dan Maintenance.</p>
    </sec>
    <sec id="heading-659598e60ea63f0d61a61a77bac4db62">
      <title>Hasil dan Pembahasan</title>
      <sec id="heading-bd574380d1fcfdc45d4784a2b1ecbef2">
        <title>Perancangan Sistem</title>
        <p id="paragraph-e2b449e04625a998d0befee1eef89705">1. Flowchart</p>
        <fig id="figure-panel-d0e45eee7157274e6d3ed9cb79ff56c1">
          <label>Figure 1</label>
          <caption>
            <title>
              <italic id="_italic-154">Flowchart</italic>
            </title>
            <p id="paragraph-9e99da623aab5ce741c4a25228b0cd53" />
          </caption>
          <graphic id="graphic-48c892d013bfe21794c14a5891eaa175" mimetype="image" mime-subtype="png" xlink:href="734 ijins g1.PNG" />
        </fig>
        <p id="paragraph-78d04be4a326b311fea32342430a5b60">2. DFD Level <bold id="_bold-21">1</bold></p>
        <fig id="figure-panel-126a5bc4053f1697332166240c1524c6">
          <label>Figure 2</label>
          <caption>
            <title>DFD Level 0</title>
            <p id="paragraph-065ebec84ae1db5bbb09c0cbafa9f449" />
          </caption>
          <graphic id="graphic-51a2ec91d321ec205270bb1c8df7a4bc" mimetype="image" mime-subtype="png" xlink:href="734 ijins g2.PNG" />
        </fig>
        <p id="_paragraph-45">3. DFD Level 1</p>
        <fig id="figure-panel-c8517efa625e3afcdd009d5672790c6e">
          <label>Figure 3</label>
          <caption>
            <title>DFD Level 1</title>
            <p id="paragraph-bfab9822fa9d4fd9821cef1c0ca00f33" />
          </caption>
          <graphic id="graphic-f7488065317da5052a892166a8c80053" mimetype="image" mime-subtype="png" xlink:href="734 ijins g3.PNG" />
        </fig>
        <p id="_paragraph-46">4. ERD</p>
        <fig id="figure-panel-5be9c7d7643a8bc489d75417ab676437">
          <label>Figure 4</label>
          <caption>
            <title>ERD</title>
            <p id="paragraph-3c3b9dd87b036c5ecf01167316873098" />
          </caption>
          <graphic id="graphic-e1d8ea5675080e4c5bd1353f9785480b" mimetype="image" mime-subtype="png" xlink:href="734 ijins g4.PNG" />
        </fig>
        <p id="paragraph-2317c595c40d71380a3e8fbaa9a42ae6">5. Relasi Tabel</p>
        <fig id="figure-panel-f7c1f038dd70762a221388fdb11a3999">
          <label>Figure 5</label>
          <caption>
            <title>Relasi Tabel</title>
            <p id="paragraph-dce5940cb8bb7395e27c51b2ab8f547c" />
          </caption>
          <graphic id="graphic-143e4d6e48754a5dbd5cfe420c83516b" mimetype="image" mime-subtype="png" xlink:href="734 ijins g5.PNG" />
        </fig>
      </sec>
      <sec id="heading-f5ab7e10acd9a7d809ca938d2c4f185d">
        <title>Desain Tampilan Perancangan Sistem</title>
        <p id="paragraph-3f0aa95c9af03b8f3c5bed223dec6bd9">1. Tampilan Dashboard User / Karyawan</p>
        <fig id="figure-panel-e93489c3694acaba64577ea17b690386">
          <label>Figure 6</label>
          <caption>
            <title>Tampilan Dashboard User</title>
            <p id="paragraph-d442acc6b12409d41a1e82d2a1100a52" />
          </caption>
          <graphic id="graphic-31341a62be3966706dbebbf2750a069a" mimetype="image" mime-subtype="png" xlink:href="734 ijins g6.PNG" />
        </fig>
        <p id="paragraph-62c3c5d810302fa09b9cef72c70419f3">2. Tampilan Dashboard Admin</p>
        <fig id="figure-panel-610c06c798d274b1df2c32683623bdbf">
          <label>Figure 7</label>
          <caption>
            <title>Tampilan Dashboard Admin</title>
            <p id="paragraph-0b2eb0c280dadecc781d1be0076df785" />
          </caption>
          <graphic id="graphic-4251c36767e7fddcd17dca346f1565e2" mimetype="image" mime-subtype="png" xlink:href="734 ijins g7.PNG" />
        </fig>
      </sec>
      <sec id="heading-51ca91b0e6b45350b472f6b107b94ad8">
        <title>User Interface</title>
        <p id="paragraph-97f7c47986cc32adcd36a7a3ca0a11e5">1. Tampilan Dashboard User/Karyawan</p>
        <fig id="figure-panel-0ac74a964b42822d09fe6ab84c8e3bb4">
          <label>Figure 8</label>
          <caption>
            <title>Tampilan Dashboard User</title>
            <p id="paragraph-09b989a9834ad3794c2e0dad3835a4e4" />
          </caption>
          <graphic id="graphic-1c6d8a4781e8347214e0233f8bbccd9c" mimetype="image" mime-subtype="png" xlink:href="734 ijins g8.PNG" />
        </fig>
        <p id="_paragraph-51">2. Tampilan Dashboard Admin</p>
        <fig id="figure-panel-2978be126e4f68fe88668ee52c24a836">
          <label>Figure 9</label>
          <caption>
            <title>Tampilan Dashboard Admin</title>
            <p id="paragraph-d03a2772715caf15f704984fc707b0c6" />
          </caption>
          <graphic id="graphic-7416feef6ee23723fc524e345ecc1f09" mimetype="image" mime-subtype="png" xlink:href="734 ijins g9.PNG" />
        </fig>
      </sec>
      <sec id="heading-3241b03092ad28fa8520e1d5b192577c">
        <title>Pengujian Sistem</title>
        <p id="_paragraph-53">Pengujian sistem informasi absensi karyawan pada CV. Tiga Putra menggunakan pengujian sistem <italic id="_italic-155">blackbox</italic><italic id="_italic-156">testing.</italic>Pengujian dilakukan terhadap fungsi-fungsi yang terlibat dalam sistem sehingga dapat menghasilkan output yang telah diintegrasikan. Pengujian <italic id="_italic-157">blackbox</italic><italic id="_italic-158">testing</italic>dilakukan untuk mencari kesalahan yang terjadi pada sistem sehingga peneliti dapat memperbaiki kesalahan tersebut.</p>
      </sec>
    </sec>
    <sec id="heading-305d213dfa35396b5f51cb5d1a0e44bb">
      <title>Simpulan</title>
      <p id="_paragraph-54">Dengan Sistem Absensi Karyawan berbasis web ini memudahkan karyawan untuk melakukan absensi dan dengan adanya Sistem Absensi Karyawan berbasis web ini, agar pemilik perusahaan ini dapat mengontrol absen karyawan dengan mudah serta menghasilkan format laporan yang ringkas dan memadai.</p>
    </sec>
  </body>
  <back />
</article>