<?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>Android-Based Employee Attendance Information System</article-title>
        <subtitle>Sistem Informasi Presensi Karyawan Berbasis Android</subtitle>
      </title-group>
      <contrib-group content-type="author">
        <contrib id="person-c315961cd7007afa9765f55685277617" contrib-type="person" equal-contrib="no" corresp="no" deceased="no">
          <name>
            <surname>Farisy</surname>
            <given-names>M. Hilal Al</given-names>
          </name>
          <email>hilalalfarisy.hl23@gmail.com</email>
          <xref ref-type="aff" rid="aff-1" />
        </contrib>
        <contrib id="person-8ef4b3f4d8642a8f60e62141827499b7" contrib-type="person" equal-contrib="no" corresp="no" deceased="no">
          <name>
            <surname>Fitrani</surname>
            <given-names>Fitrani</given-names>
          </name>
          <email>asfjim@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-7cf52fb9349a059ace0e33de5ee63bb6">
      <title>Pendahuluan</title>
      <p id="heading-e51aa73faa2258b9eebe32daa1d91c8c">Latar Belakang</p>
      <p id="_paragraph-14">Pemanfaatan teknologi <italic id="_italic-21">s</italic><italic id="_italic-22">martphon</italic>e pada era globalisasi saat ini menjadi kebutuhan utama dalam menunjang pekerjaan manusia. Salah satunya ialah untuk mencari dan memberikan informasi. Menurut APJII (asosiasi penyedia jasa internet indonesia) “pada tahun 2017 pengguna internet di indonesia mencapai 72,41% dan perangkat yang paling banyak digunakan adalah <italic id="_italic-23">smartphone</italic> yang mencapai 70,96%”[1]. Keunggulan dari <italic id="_italic-24">s</italic><italic id="_italic-25">martphon</italic>e dengan sistem operasi android memungkinkan pengguna untuk memasang banyak aplikasi yang dapat menunjang dan memudahkan pekerjaan manusia.</p>
      <p id="_paragraph-15">Android merupakan salah satu sistem operasi untuk <italic id="_italic-26">smartphone </italic>yang paling banyak digunakan di seluruh indonesia [2]. Kelebihan android dibandingkan dengan sistem operasi <italic id="_italic-27">smartphone</italic> yang lain adalah android berbasis <italic id="_italic-28">open source </italic>sehingga memudahkan para pengembang untuk mengembangkan atau menciptakan aplikasi yang belum ada di sistem operasi android. Aplikasi berbasis android menawarkan kemudahan dan kepraktisan mengenai informasi bagi penggunanya tanpa harus membuka browser terlebih dahulu karena dengan membuka aplikasi maka pengguna akan otomatis tehubung dengan sistem aplikasi tersebut.</p>
      <p id="_paragraph-16">Presensi kehadiran merupakan bagian penting dalam kegiatan setiap perusahaan. Presensi karyawan adalah sebuah kegiatan pengambilan data karyawan guna untuk mengetahui jumlah kehadiran dan ketidakhadiran karyawan pada suatu kegiatan perusahaan. Dengan adanya data dari presensi kehadiran karyawan, perusahaan dapat mengetahui jumlah karyawan yang masuk dan tidak masuk. Dengan data tersebut perusahaan dapat mengambil keputusan tentang karir karyawan yang disiplin hadir dan yang tidak hadir.</p>
      <p id="_paragraph-17">PT. Sunjaya Coating Perdana adalah perusahaan yang bergerak dibidang pembuatan <italic id="_italic-29">furniture </italic>rumah, seperti: meja, kursi, almari dan lain-lain. Perusahaan ini berlokasi di Jl. Mayjend Sungkono No. 45 Pagerwojo Sidoarjo. Dalam pengambilan data presensi karyawan di perusahaan ini masih menggunakan cara manual, yaitu dengan memasukkan kertas yang berisi data diri ke suatu alat presensi. Pengambilan data presensi dengan cara manual memiliki banyak kekurangan, seperti data yang tidak valid ketika data yang dimasukkan salah, hilangnya data ketika alat presensi tiba-tiba rusak dan kurang efisiensi dalam pengolahan data perusahaan.</p>
      <p id="_paragraph-18">Dari permasalahan diatas maka peneliti akan membangun suatu sistem informasi presensi berbasis android yang dapat memudahkan dan pengelolahan presensi karyawan pada PT. Sunjaya Coating Perdana. Sistem ini akan dibuat menggunakan metode <italic id="_italic-30">waterfall </italic>dan <italic id="_italic-31">software</italic> sebagai berikut: Visual code sebagai editor, Bahasa pemrograman React Native, framework Javascript, web server Apache dan MySQL sebagai databasenya.</p>
      <p id="paragraph-b23f2f48e80fbf9bf7cf548d8a8cab59">Kajian Literatur Terdahulu</p>
      <table-wrap id="_table-figure-1">
        <label>Table 1</label>
        <caption>
          <title><bold id="_bold-19"/>Kajian Literatur Terdahulu</title>
          <p id="_paragraph-20" />
        </caption>
        <table id="_table-1">
          <tbody>
            <tr id="table-row-d79bbd76885aadc3734757d5015baf6d">
              <td id="table-cell-44e0989c1c8c698a653f6ef55b31649c">Penulis </td>
              <td id="table-cell-86158d9a97af649da1c00a066e8b2cbb">Judul Karya</td>
              <td id="table-cell-b33176881ad2a6f901b017f8b33216eb">Penjelasan </td>
            </tr>
            <tr id="table-row-9ff09cd343aa63272cfb63f7e2f4570d">
              <td id="table-cell-2dfdb07aa0d17c2681c6aef017975307">Ade Deni Ardyansyah (2017)</td>
              <td id="table-cell-3c8812ca0642965a20100aa58c84467d">Perancangan Sistem Informasi Absensi Siswa Berbasis Web Pada SMK Cempaka Jakarta</td>
              <td id="table-cell-00e1443d93afd96d311415847d44c0fe">Membuat sistem informasi pengelolaan absensi siswa berbasis web di smk cempaka Jakarta dari pengelolaan absensi secara manual menjadi terkomputerisasi [3].</td>
            </tr>
            <tr id="table-row-0d4c373be250e1a4480677de6971b166">
              <td id="table-cell-4ca4e47d6c6c0e58f74cfdf22782b5cf">Fachrival Mustari(2018)</td>
              <td id="table-cell-39e5f6946b4270c3b242da068ca56a9d">Aplikasi Absensi Guru Pada Sekolah Berbasis Android (Studi Kasus SMP Negeri 1 Bulukumba)</td>
              <td id="table-cell-6683e5c9ae11bbb16d70febc133251a1">Pembuatan sistem informasi pengelolaan absensi guru menggunakan basis android, sistem ini dapat memudahkan dalam pengambilan presensi kehadiran guru[4].</td>
            </tr>
          </tbody>
        </table>
      </table-wrap>
    </sec>
    <sec id="heading-ddfe48f6c4e965eb53841fb32f09300f">
      <title>Metode Penelitian</title>
      <p id="heading-ec1fabc6d758b68d5814aaacb53f056a">A. Bahan Penelitian</p>
      <p id="_paragraph-22">Dalam proses penelitian ini menggunakan perangkat lunak, seperti: sistem operasi windows 8.1, Microsoft Word 2016, Xampp 1.7.3, MySQL, Visual Code, NodeJS, dan Corel Draw X7. Sedangkan untuk perangkat keras memakai laptop yang spesifikasinya memakai processor Intel Core i3, Ram 4 GB dan Harddisk 500 GB.</p>
      <p id="paragraph-154bc86748352350b37de25092a735d1">B. Teknik Pengumpulan Data</p>
      <p id="_paragraph-23">Untuk memperoleh data yang dapat menunjang proposal skripsi dan pembuatan aplikasi ini, maka memerlukan data dari lapangan dan pengamatan serta data teori. Adapun penulis melakukan beberapa penelitian dengan :</p>
      <p id="paragraph-922b098cb3c80473281f10840f198d94">a. Metode Observasi</p>
      <p id="_paragraph-24">Melakukan pengamatan langsung ke lapangan (PT.Sunjaya Coating Perdana) guna untuk mengamati permasalahan yang terjadi secara langsung pada sistem presensi perusahaan.</p>
      <p id="paragraph-74fd1e1fb7cd1b2f1187c472f7b55625">b. Metode Wawancara</p>
      <p id="_paragraph-25">Melakukan tanya jawab secara langsung kepada karyawan atau narasumber tentang permasalahan presensi yang terjadi di PT.Sunjaya Coating Perdana.</p>
      <p id="paragraph-188a8e7d49ece8b3347d50b4e1999d77">C. Metode Waterfall</p>
      <p id="_paragraph-26">Metode yang digunakan pada penelitian ini adalah metode waterfall menurut Pressman yang bisa dilihat pada gambar 1 dibawah ini [5].</p>
      <fig id="figure-panel-d0852fc53edac8ac640924b86746efe2">
        <label>Figure 1</label>
        <caption>
          <title>Metode waterfall menurut Pressman</title>
          <p id="paragraph-7f19edaf2d966a4d52df81b57df454f6" />
        </caption>
        <graphic id="graphic-f16c54db6f63179353af40ecead7dd6e" mimetype="image" mime-subtype="png" xlink:href="738 Ijins G1 Waterfall.png" />
      </fig>
      <p id="paragraph-01bd19a2c56831508115773286893b73">D. Rancangan Sistem</p>
      <p id="_paragraph-28">Dalam perancangan sistem ada beberapa tahapan yang perlu dilakukan. Tahapan tahapan yang akan dilakukan untuk merancangn sistem tersebut adalah membuat flowchart, use case, activity diagram dan sequence.</p>
      <p id="paragraph-810e7985414d4eec8b55df2d7e3e9cfc">a. Flowchart</p>
      <fig id="figure-panel-d79e301289430bd8ed20524231580413">
        <label>Figure 2</label>
        <caption>
          <title>Flowchart Sistem</title>
          <p id="paragraph-b9da6c9290b4f8b1aead4608a4569b51" />
        </caption>
        <graphic id="graphic-e33eb3b754eea124af0a6f04f53040f8" mimetype="image" mime-subtype="png" xlink:href="738 Ijins G2 Fchart.png" />
      </fig>
      <p id="paragraph-78f701e2a5f571a51da39a8d25cdf416">b. Use Case</p>
      <fig id="figure-panel-1a9ecadec71c1d03e9f8dbe589d1b0cf">
        <label>Figure 3</label>
        <caption>
          <title>Use Case Sistem</title>
          <p id="paragraph-67cfe703a2c58db8167bc876dcfe55ae" />
        </caption>
        <graphic id="graphic-0c3590e25b5ff8261763cb82f8496c1e" mimetype="image" mime-subtype="png" xlink:href="738 Ijins G3 Use Case.png" />
      </fig>
      <p id="_paragraph-30">c. Activity Diagram</p>
      <fig id="figure-panel-1bf44bff121265970030d042f9612f48">
        <label>Figure 4</label>
        <caption>
          <title>Activity Diagram Sistem</title>
          <p id="paragraph-abb468ce5ce7d603a57fb5420c261b76" />
        </caption>
        <graphic id="graphic-f2d37854c53544083c98e87d11d6716f" mimetype="image" mime-subtype="png" xlink:href="738 Ijins G4 AD.png" />
      </fig>
      <p id="paragraph-ab59adde7fc95d731a024bcae441141f">d. Sequence</p>
      <fig id="figure-panel-cc894d4345d37664d770b86142c7a15b">
        <label>Figure 5</label>
        <caption>
          <title><italic id="_italic-41"/>Sequence Sistem</title>
          <p id="paragraph-2d6245e1dbb7a419058f81e72d4637c8" />
        </caption>
        <graphic id="graphic-b8858b9fcded6a39de7ecde1c92b27ab" mimetype="image" mime-subtype="png" xlink:href="738 Ijins G5 Seqence.png" />
      </fig>
    </sec>
    <sec id="heading-ca94d24a775a58f4d496e08194cca3ce">
      <title>Hasil dan Pembahasan</title>
      <sec id="heading-57406dfc238034ad83911a860432ed28">
        <title>Hasil Penelitian</title>
        <p id="_paragraph-34">Proses Impementasi dari perencanaan sistem yang dilakukan pada bab sebelumnya akan dijelaskan pada bab ini. Implementasi merupakan tahapan pembangunan rancangan sistem yang menjadi sebuah sistem informasi atau aplikasi. Implementasi yang dilakukan sebagai hasil penelitian Sistem Informasi Presensi Karyawan Berbasis Android sebagai berikut :</p>
        <list list-type="bullet" id="list-44ba21cb71feaea4164ad241d12c58e6">
          <list-item>
            <p>Admin dapat mengelolah data presensi semua pegawai pada sistem.</p>
          </list-item>
          <list-item>
            <p>User / Pegawai dapat melakukan presensi kehadiran dengan mengirim data foto dan titik kordinat melalui aplikasi pada smartphone masing-masing.</p>
          </list-item>
          <list-item>
            <p>User / Pegawai dapat mengajukan ijin tidak masuk kerja melalui aplikasi pada smartphone masing-masing.</p>
          </list-item>
          <list-item>
            <p>User / Pegawai dapat melihat data histori absensi dan ijin melalui aplikasi pada smartphone masing-masing.</p>
          </list-item>
          <list-item>
            <p>User / Pegawai dapat mengetahui tugas harian kerja melauli aplikasi pada smartphone masing-masing.</p>
          </list-item>
        </list>
      </sec>
      <sec id="heading-c8fbd3110f2a93e2f632382c4399dc7c">
        <title>Pembahasan</title>
        <p id="heading-8a9805871d20d25d6c429e9cb7071abd">Halaman Awal (User / Karyawan)</p>
        <p id="_paragraph-35">Halaman awal adalah halaman yang pertama kali muncul ketika aplikasi presensi dijalankan.</p>
        <fig id="figure-panel-87285cf1ecb1aa2336041b7580ad50bf">
          <label>Figure 6</label>
          <caption>
            <title>Halaman Awal</title>
            <p id="paragraph-806d13025d110883373c08a78d925c8f" />
          </caption>
          <graphic id="graphic-7d790420f03e0b29408dfddbcfb54626" mimetype="image" mime-subtype="jpeg" xlink:href="738 Ijins G6 HA.jpg" />
        </fig>
        <p id="paragraph-a9575a3b0b3f7dbf44c9e7bdbc0e605c">Halaman Login (User / Karyawan)</p>
        <p id="_paragraph-37">Halaman yang digunakan oleh user / pegawai untuk masuk ke sistem aplikasi. user harus login dengan username dan password yang sudah didaftarkan.</p>
        <fig id="figure-panel-9cefa295fa583318cd224a6677c2ae68">
          <label>Figure 7</label>
          <caption>
            <title>Halaman Login</title>
            <p id="paragraph-c3a5f69a106eb6106825a7d7b4b90d08" />
          </caption>
          <graphic id="graphic-f9b4bd75ac318513944e4ddeb8f9e7b7" mimetype="image" mime-subtype="jpeg" xlink:href="738 Ijins G7 HL.jpg" />
        </fig>
        <p id="paragraph-672dcf9b15d8700d53dcac038973f809">Halaman Utama (User / Karyawan)</p>
        <p id="_paragraph-39">Halaman utama adalah halaman yang muncul ketika user berhasil login. Halaman ini memiliki menu utama yaitu presensi pegawai, ijin pegawai dan daftar pekerjaan harian pegawai.</p>
        <fig id="figure-panel-8bba87bbc937c30546c1bc511ebc57d1">
          <label>Figure 8</label>
          <caption>
            <title>Halaman Utama</title>
            <p id="paragraph-c27f67d7606679a570b3fd07e20436d0" />
          </caption>
          <graphic id="graphic-02240f26e8e965064256866cd97b0e9f" mimetype="image" mime-subtype="jpeg" xlink:href="738 Ijins G8 HU.jpg" />
        </fig>
        <p id="paragraph-5f44207916211eb09721d65646a03a76">Halaman Presensi (User / Karyawan)</p>
        <p id="_paragraph-41">Halaman Presensi adalah halaman yang digunakan oleh user / pegawai untuk melakukan presensi kehadiran. Pada halaman ini berisi tiga menu, yaitu presensi datang, presensi pulang dan history presensi.</p>
        <fig id="figure-panel-dc2ee13f51e15b8d899c74c3c83f29b9">
          <label>Figure 9</label>
          <caption>
            <title>Halaman Presensi</title>
            <p id="paragraph-53eed1a9d19be407b8a18cda6bdca06e" />
          </caption>
          <graphic id="graphic-f6ad5bb5401aa12ede03c11b169b3080" mimetype="image" mime-subtype="jpeg" xlink:href="738 Ijins G9 HP.jpg" />
        </fig>
        <p id="paragraph-7de7a2ef1cdb8cceaf4a3e9d59766f30">Halaman Presensi (titik kordinat) (User / Karyawan)</p>
        <p id="_paragraph-43">Halaman presensi kordinat adalah halaman yang digunakan untuk menentukan lokasi kordinat user / pegawai untuk melakukan presensi.</p>
        <fig id="figure-panel-c370ed68847110a45c521ec60a4957f2">
          <label>Figure 10</label>
          <caption>
            <title>Halaman Presensi (titik kordinat)</title>
            <p id="paragraph-6ec2b7c8fa80ba71a78b2611c30b9cea" />
          </caption>
          <graphic id="graphic-d030502331c60b002c1c907bf688dee7" mimetype="image" mime-subtype="jpeg" xlink:href="738 Ijins G10 HPTK.jpg" />
        </fig>
        <p id="paragraph-c434fbd9b92803f5f19152118c424ca6">Halaman Ijin (User / Karyawan)</p>
        <p id="_paragraph-45">Halaman ijin adalah halaman yang digunakan oleh user / pegawai untuk mengajukan ijin tidak masuk kerja.</p>
        <fig id="figure-panel-e2a40af5d1a744097051bea0de189663">
          <label>Figure 11</label>
          <caption>
            <title>Halaman Ijin</title>
            <p id="paragraph-16f04692ac76f5c5a10559e6a5b1e640" />
          </caption>
          <graphic id="graphic-2fd76396e4603b1c5c83d239f238721f" mimetype="image" mime-subtype="jpeg" xlink:href="738 Ijins G11 HI.jpg" />
        </fig>
        <p id="paragraph-1c0ded108a42ec611599e73f19564592">Halaman History Presensi (User / Karyawan)</p>
        <p id="_paragraph-47">Halaman history presensi adalah halaman yang digunakan oleh user / pegawai untuk melihat history presensi masing-masing pegawai.</p>
        <fig id="figure-panel-b6cfa24705ddcc205dc0e22198b85549">
          <label>Figure 12</label>
          <caption>
            <title>Halaman History Presensi</title>
            <p id="paragraph-d657e6e2c369f4094887b476015463f5" />
          </caption>
          <graphic id="graphic-07a9a685d3e33335194e88e6e25c5f0e" mimetype="image" mime-subtype="jpeg" xlink:href="738 Ijins G12.jpg" />
        </fig>
        <p id="paragraph-e4f4272ea2fb5f64f18a423f67cab284">Halaman Login (Admin)</p>
        <p id="_paragraph-49">Pada Login admin merupakan tampilan awal untuk masuk sebagai Administrator yang mempunyai akses penuh terhadap aplikasi. Admin harus login dengan username dan password yang sudah didaftarkan.</p>
        <fig id="figure-panel-7b6b1cd50ff5dc4784f70569f1807e96">
          <label>Figure 13</label>
          <caption>
            <title>Halaman Login Admin</title>
            <p id="paragraph-526702fbdef8a41073fb9960e7d65595" />
          </caption>
          <graphic id="graphic-a31f197beecc9a9c9f75b0069138d4b8" mimetype="image" mime-subtype="png" xlink:href="738 Ijins G13.png" />
        </fig>
        <p id="paragraph-1972bc53040a2d81bc9b68637868f2d0">Halaman Dashboard (Admin)</p>
        <p id="_paragraph-51">Halaman dashboard adalah halaman yang muncul ketika admin berhasil login. Halaman ini berisi informasi tentang presensi semua pegawai.</p>
        <fig id="figure-panel-e2cfdfb115cf771d5031121aa795e00c">
          <label>Figure 14</label>
          <caption>
            <title>Halaman Dashboard Admin</title>
            <p id="paragraph-cd881795ae6dbf06ff6f1bcbec2183c4" />
          </caption>
          <graphic id="graphic-b9703ae939b3da81463f1cbb88204d09" mimetype="image" mime-subtype="png" xlink:href="738 Ijins G14.png" />
        </fig>
        <p id="paragraph-e690ece305e543dd3a89e301bbef3446">Halaman Master Karyawan (Admin)</p>
        <p id="_paragraph-53">Halaman master user adalah halaman yang digunakan untuk mengelolah dan menambahkan data user / pegawai baru.</p>
        <fig id="figure-panel-505f1a096947e89578f0d05c06f7ce3a">
          <label>Figure 15</label>
          <caption>
            <title>Halaman Master Karyawan</title>
            <p id="paragraph-02d3537ed7d647a6291144966c5fed6e" />
          </caption>
          <graphic id="graphic-f096dad93a631a25eaf6708191a487d2" mimetype="image" mime-subtype="png" xlink:href="738 Ijins G15.png" />
        </fig>
        <p id="paragraph-efe24ad6ae9ce91ce5ac152ff98c549b">Halaman History Presensi (Admin)</p>
        <p id="_paragraph-55">Halaman histori presensi adalah halaman yang digunakan untuk mengetahui informasi tentang histori presensi user / pegawai.</p>
        <fig id="figure-panel-d5144dd43a7d7f6d84879c25402f9558">
          <label>Figure 16</label>
          <caption>
            <title>Halaman History Presensi</title>
            <p id="paragraph-9abd44f03411259b286926f9d9a39cb6" />
          </caption>
          <graphic id="graphic-5abe6609462ee640deeaa5bf59f21bc8" mimetype="image" mime-subtype="png" xlink:href="738 Ijins G16.png" />
        </fig>
        <p id="paragraph-3a5c2f468b0b30c4b4b20c56e4b6dae0">Halaman History Ijin (Admin)</p>
        <p id="_paragraph-57">Halaman histori ijin adalah halaman yang digunakan untuk mengetahui informasi tentang histori ijin user / pegawai.</p>
        <fig id="figure-panel-aa2af8fa8eaa9a0acf053b2e4930c9c9">
          <label>Figure 17</label>
          <caption>
            <title>Halaman History Ijin</title>
            <p id="paragraph-2f5750254644e8e466b5bfc9e9ab8fe7" />
          </caption>
          <graphic id="graphic-336c96a2e46c2bcaf32cfb6d210f671b" mimetype="image" mime-subtype="png" xlink:href="738 Ijins G17.png" />
        </fig>
      </sec>
    </sec>
    <sec id="heading-e87031b7fef1caa421483777f14c8756">
      <title>Simpulan</title>
      <p id="_paragraph-60">Setelah melalui beberapa tahapan dalam menyelesaikan sistem informasi presensi karyawan berbasis android (studi kasus di PT.Sunjaya Coating Perdana), terdapat beberapa kesimpulan diantaranya :</p>
      <list list-type="bullet" id="list-17c1c8f0d583708c75d22bf964917a25">
        <list-item>
          <p>Sistem presensi yang telah dibuat ini berbasis android sehingga dapat memudahkan pegawai melakukan presensi kehadiran lewat smartphone masing-masing.</p>
        </list-item>
        <list-item>
          <p>Pembuatan aplikasi ini menggunakan bahasa pemrogaramman Open Source yang tidak di khawatirkan dengan kelegalitasnya.</p>
        </list-item>
        <list-item>
          <p>Sistem ini dapat mempermudah dalam pengolahan presensi kehadiran pegawai.</p>
        </list-item>
        <list-item>
          <p>Dapat menghemat waktu dalam proses presensi kehadiran.</p>
        </list-item>
      </list>
    </sec>
  </body>
  <back />
</article>