RANCANG BANGUN MOBILE APPLICATION SISTEM PRESENSI BERBASIS ANDROID
PT. SOLUSI KARYA INSANI (SKI)
LAPORAN KERJA MAGANG
Meilona Eurica Karmelia Rajagukguk 00000026158
PROGRAM STUDI INFORMATIKA FAKULTAS TEKNIK DAN INFORMATIKA
HALAMAN PERSETUJUAN
Laporan Kerja Magang dengan Judul
RANCANG BANGUN MOBILE APPLICATION SISTEM PRESENSI BERBASIS ANDROID
PT. SOLUSI KARYA INSANI (SKI)
oleh
Meilona Eurica Karmelia Rajagukguk 00000026158
telah disetujui untuk diajukan pada
Sidang Kerja Magang Universitas Multimedia Nusantara
Tangerang, 20 Oktober 2020 Menyetujui, Dosen Pembimbing
Fenina Adline Twince Tobing, M.Kom.
Mengetahui, Ketua Program Studi
Marlinda Vasty Overbeek, S.Kom., M.Kom.
LEMBAR PENGESAHAN LAPORAN KERJA MAGANG
RANCANG BANGUN MOBILE APPLICATION SISTEM PRESENSI BERBASIS ANDROID
PT. SOLUSI KARYA INSANI (SKI)
Oleh
Nama : Meilona Eurica Karmelia Rajagukguk
NIM : 00000026158
Program Studi : Informatika
Fakultas : Fakultas Teknologi dan Informatika
Tangerang, 29 Oktober 2020
Dosen Pembimbing Dosen Penguji
Fenina Adline Twince Tobing, M.Kom.
Andrey Andoko, M.Sc.
Mengetahui,
Ketua Program Studi Informatika
Marlinda Vasty Overbeek, S.Kom., M.Kom.
LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT
Lembar Pernyataan tidak melakukan plagiat dalam penyusunan Laporan Kerja Magang
Dengan ini saya:
Nama : Meilona Eurica Karmelia Rajagukguk
NIM : 00000026158
Program Studi : Informatika
Menyatakan bahwa saya telah melaksanakan praktek kerja magang:
Nama perusahaan : PT. Solusi Karya Insani Divisi : Developer
Alamat : GRAHA ANABATIC, LANTAI 10 JL. SCIENTIA BOULEVARD KAV U2 SUMMARECON SERPONG Periode magang : 17 Juni 2020 - 04 September 2020
Pembimbing lapangan : Jonatan
Laporan kerja magang merupakan hasil karya saya sendiri, dan saya tidak melakukan plagiat.
Semua kutipan karya ilmiah orang lain atau lembaga lain yang dirujuk dalam laporan kerja magang ini telah saya sebutkan sumber kutipannya serta saya cantumkan di Daftar Pustaka.
Jika di kemudian hari terbukti ditemukan kecurangan/ penyimpangan, baik dalam pelaksanaan kerja magang maupun dalam penulisan laporan kerja magang, saya bersedia menerima konsekuensi dinyatakan tidak lulus untuk mata kuliah kerja magang yang telah saya tempuh.
Tangerang, 19 Oktober 2020
Meilona Eurica Karmelia R.
KATA PENGANTAR
Puji syukur kepada Tuhan Yang Maha Esa atas karunia dan rahmatnya ehi gga a a e ja aga g de ga j d RANCANG BANGUN MOBILE APPLICATION SISTEM PRESENSI BERBASIS ANDROID PT. SOLUSI KARYA INSANI (SKI) da a di e e ai a de ga e a a .
Penulis juga mengucapkan terimakasih kepada :
1. Bapak Dr. Ninok Leksono selaku Rektor Universitas Multimedia Nusantara,
2. Bapak Dr. Eng. Niki Prastomo, S.T., M.Sc selaku Dekan Fakultas Teknik dan Informatika Universitas Multimedia Nusantara,
3. Ibu Marlinda Vasty Overbeek, S.Kom., M.Kom selaku Ketua Program Studi Informatika Universitas Multimedia Nusantara, 4. Ibu Fenina Adline Twince Tobing, M.Kom. yang membimbing dalam
pembuatan laporan Kerja Magang dan telah memberikan arahan dan saran dalam mengerjakan laporan kerja magang,
5. Seluruh Bapak dan Ibu Dosen Program Studi Informatika Universitas Multimedia Nusantara,
6. Bapak Jonatan selaku pembimbing proses kerja magang di PT. SKI 7. Rekan-rekan kerja di PT. SKI yang telah membantu penulis menjalani
kerja magang
8. Kedua orang tua yang selalu memberikan semangat kepada penulis, dan
9. Seluruh pihak lainnya yang tidak dapat disebutkan satu per satu yang telah memberikan semangat dan dukungan sampai pembuatan laporan kerja magang ini selesai.
Besar harapan laporan kerja magang ini dapat menjadi sumber informasi dan juga sumber inspirasi bagi para pembaca.
Tangerang, 19 Oktober 2020
Meilona Eurica Karmelia R.
RANCANG BANGUN MOBILE APPLICATION SISTEM PRESENSI BERBASIS ANDROID
PT. SOLUSI KARYA INSANI (SKI)
ABSTRAK
Laporan kerja magang ini berisikan rancang bangun mobile application sistem presensi berbasis android yang merupakan sebuah projek di PT. Solusi Karya Insani (SKI). Aplikasi mobile dibuat untuk membantu berjalannya sistem presensi pada PT. SKI dan juga client perusahaan agar seluruh karyawan dapat melakukan presensi masuk dan keluar kerja dimanapun karyawan berada dengan bantuan verifikasi approval dari manager jika dibutuhkan. Bahasa pemrograman yang digunakan adalah bahasa Java untuk backend dan XML untuk frontend dengan menggunakan tambahan beberapa library yang ada pada github.
Komunikasi server dengan aplikasi diakses melalui API webservice yang telah disediakan.
Kata kunci: Android, API, Aplikasi Mobile, Sistem Presensi
DAFTAR ISI
HALAMAN PERSETUJUAN ... ii
LEMBAR PENGESAHAN LAPORAN KERJA MAGANG ... iii
LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT ... iv
KATA PENGANTAR ... v
ABSTRAK ... vii
DAFTAR ISI ... viii
DAFTAR GAMBAR ... x
DAFTAR TABEL ... xii
BAB 1 PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Maksud dan Tujuan Kerja Magang ... 2
1.3 Waktu dan Prosedur Pelaksanaan Kerja Magang ... 3
BAB 2 GAMBARAN UMUM PERUSAHAAN ... 5
2.1 Sejarah Singkat Perusahaan ... 5
2.2 Produk Perusahaan ... 6
2.3 Struktur Organisasi Perusahaan ... 6
BAB 3 PELAKSANAAN KERJA MAGANG ... 8
3.1 Kedudukan dan Koordinasi ... 8
3.2 Tugas yang Dilakukan ... 8
3.3 Uraian Pelaksanaan ... 10
3.3.1 Proses Pelaksanaan ... 10
A User Requirements ... 11
B Perancangan Aplikasi ... 11
B.1 Flowchart ... 11
B.1.1 Flowchart Login ... 11
B.1.2 Flowchart Home Menu ... 12
B.1.3 Flowchart Attendance Menu ... 13
B.1.4 Flowchart Approval Menu ... 14
B.1.5 Flowchart Profile Menu ... 14
B.1.6 Flowchart Logout ... 15
B.2 Struktur API ... 16
B.2.1 Login Server ... 16
B.2.2 Login Web ... 16
B.2.3 Employee Info ... 17
B.2.4 News ... 18
B.2.5 Annoucement ... 19
B.2.6 Temporary Attendance ... 20
B.2.7 Approval ... 21
B.2.8 Work Category ... 22
B.3 Rancangan Antarmuka ... 22
B.3.1 Rancangan Antarmuka (Splash Screen dan Login Server) ... 22
B.3.2 Rancangan Antarmuka (Login Web) ... 24
B.3.3 Rancangan Antarmuka (Home)... 25
B.3.4 Rancangan Antarmuka (Attendance) ... 26
B.3.5 Rancangan Antarmuka (Approval) ... 30
B.3.6 Rancangan Antarmuka (Profile) ... 32
C Implementasi ... 34
3.3.2 Kendala yang Ditemukan ... 43
3.3.3 Solusi Atas Kendala yang Ditemukan ... 44
BAB 4 SIMPULAN DAN SARAN ... 45
4.1 Simpulan ... 45
4.2 Saran ... 45
DAFTAR PUSTAKA ... 46
DAFTAR LAMPIRAN ... 47
DAFTAR GAMBAR
Gambar 2.1 Logo PT. SKI ... 5
Gambar 2.2 Logo Karyaputra Suryagemilang ... 5
Gambar 2.3 Logo DEOS Group ... 5
Gambar 2.4 Logo Transform ... 6
Gambar 2.5 Struktur Organisasi PT. SKI ... 7
Gambar 3.1. Flowchart Login Server ... 12
Gambar 3.2. Flowchart Login Web... 12
Gambar 3.3. Flowchart Home Menu ... 13
Gambar 3.4. Flowchart Attendance Menu ... 14
Gambar 3.5. Flowchart Approval Menu ... 14
Gambar 3.6. Flowchart Profile Menu ... 15
Gambar 3.7. Flowchart Logout ... 15
Gambar 3.8 Response Information dari API login server ... 16
Gambar 3.9 Response Information dari API login web ... 17
Gambar 3.10 Response Information dari API Employee info ... 18
Gambar 3.11 Response Information dari API News ... 19
Gambar 3.12 Response Information dari API Announcement ... 20
Gambar 3.13 Response Information dari API Temporary Attendance ... 21
Gambar 3.14 Response Information dari API Approval ... 22
Gambar 3.15 Response Information dari API Work Category ... 22
Gambar 3.16 Rancangan Antarmuka Splash Screen... 23
Gambar 3.17 Rancangan Antarmuka Login Server ... 24
Gambar 3.18 Rancangan Antarmuka Login Web ... 25
Gambar 3.19 Rancangan Antarmuka Home Menu ... 26
Gambar 3.20 Rancangan Antarmuka Attendance Menu (Check-In) ... 27
Gambar 3.21 Rancangan Antarmuka Attendance (Prompt GPS) ... 27
Gambar 3.22 Rancangan Antarmuka Attendance (Check-In) ... 28
Gambar 3.23 Rancangan Antarmuka Attendance (Check-In pilih kategori) ... 28
Gambar 3.24 Rancangan Antarmuka Attendance (Success)... 29
Gambar 3.25 Rancangan Antarmuka Attendance Menu (Check-Out) ... 29
Gambar 3.26 Rancangan Antarmuka Attendance (Check-Out) ... 30
Gambar 3.27 Rancangan Antarmuka Approval Menu ... 31
Gambar 3.28 Rancangan Antarmuka Approval (Decline) ... 31
Gambar 3.29 Rancangan Antarmuka Profile Menu ... 32
Gambar 3.30 Rancangan Antarmuka Profile - Log Out ... 33
Gambar 3.31 Rancangan Antarmuka Setelah Log Out ... 33
Gambar 3.32 Halaman Login Server ... 34
Gambar 3.33 Halaman Login Web ... 35
Gambar 3.35 Halaman News Detail... 36
Gambar 3.36 Halaman Attendance ... 37
Gambar 3.37 Halaman Check-In... 38
Gambar 3.38 Halaman Konfirmasi ... 38
Gambar 3.39 Halaman Popover Akses Lokasi ... 39
Gambar 3.40 Halaman Check-Out ... 40
Gambar 3.41 Halaman Profile... 41
Gambar 3.42 Halaman Approval ... 42
Gambar 3.43 Halaman Prompt Decline ... 43
DAFTAR TABEL
Tabel 3.1 Tugas yang Dilakukan Dalam Proses Kerja Magang ... 8
Tabel 3.2 Tabel Url parameter login server ... 16
Tabel 3.3 Tabel Url parameter login web ... 17
Tabel 3.4 Tabel Url parameter Employee info... 17
Tabel 3.5 Tabel Url parameter News ... 18
Tabel 3.6 Tabel Url parameter Announcement ... 19
Tabel 3.7 Tabel Body parameters Temporary Attendance ... 20
Tabel 3.8 Tabel Url parameter Approval ... 21