PENGEMBANGAN APLIKASI E-

PRESENSI BERBASIS MOBILE

MENGGUNAKAN BAHASA
PEMROGRAMAN JAVA DI
PERUSAHAAN PT. BASICTEKNOLOGI
INTERSOLUSI TERSINERGI
I Komang Gede Andhi Kurniawan (1202174325)
S1 Sistem Informasi / FRI
 Tempat kerja praktek : PT. Basicteknologi Intersolusi
Tersinergi
Waktu : 01 Juni s/d 24 Juli 2020
Unit Kerja : Produksi & DevOps
Lingkup Penugasan : 1. Memahami proses bisnis aplikasi
E-Presensi pada sebuah
perusahaan.
2. Membuat design UI aplikasi E-
Lingkup Presensi sesuai dengan material
design.
Penugasan 3. Memahami perancangan sistem
yang digunakan dalam
membangun sebuah aplikasi.
4. Mengembangkan aplikasi mobile
menggunakan bahasa
pemrograman java.
  PT. Basicteknologi Intersolusi Tersinergi adalah perusahaan
yang bergerak di bidang IT Consultant, Mobile Apps Development,
Web Development, IT Procurrement, Professional IT Training, IT
Network Infrastructure, Internet of Thing Development, IT
Outsourcing. PT. Basicteknologi Intersolusi Tersinergi
menawarkan solusi dalam bidang IT untuk menunjang bisnis dan
usaha perusahaan, meningkatkan Automatisasi dan Produktifitas
Profil dalam suatu proses bisnis. Didirikan pada tahun 2011 oleh enam
orang alumni Telkom University yang berawal dari tim proyek
Perusahaan mahasiswa. Pada tahun 2012 menjadi legalitas CV Basic IT Team,
hingga pada tahun 2019 melakukan pengembangan, menambah
anggota tim, mengatur manajemen lebih baik, dan transformasi
menjadi PT Basicteknologi Intersolusi Tersinergi. Selama berdiri
perusahaan ini telah melayani berbagai segmen customer seperti
BUMN, Kementerian, Dinas, Swasta dan Internasional serta
founder.
  Nama, Profil Singkat, dan Tugas Pokok Satuan/Unit Kerja
Unit kerja tempat kerja praktek adalah Produksi & DevOps. Pada
PT. Basicteknologi, unit kerja Produksi bertanggung jawab
Proses Bisnis di melakukan aktivitas pengembangan suatu produk perusahaan
Satuan Unit mulai dari konsep sampai siap dipasarkan. Beberapa tugas
pokoknya adalah menyusun konsep, membuat desain, prototipe,
Kerja dan eksekusi produk. Sedangkan untuk DevOps sendiri adalah
serangkaian pekerjaan yang mengotomasisasi proses build, test dan
release perangkat lunak agar berjalan lebih baik dan meningkatkan
nilai dari produk itu sendiri
  Pemodelan Proses Bisnis di Satuan/Unit Kerja
Pada tahap planning atau perencanaan meliputi analisis pekerjaan
yaitu untuk menentukan lingkup pekerjaan, kebutuhan pekerjaan,
Proses Bisnis di dan timeline pekerjaan yang dilakukan oleh tim analis professional
perusahaan. Pada tahap design & execution merupakan penentuan
Satuan Unit skema alur pekerjaan dari hasil analisis yaitu berupa konsep tahapan
proses development dari setiap pekerjaan. Selanjutnya, pada tahap
Kerja implementation merupakan tahapan uji teknis secara langsung dari
setiap tahapan proses pekerjaan yang telah melalui tahapan uji
development. Berikut adalah representasi proses bisnis pada PT.
Basicteknologi Intersolusi Tersinergi.
 Minggu ke 1 (satu)

Rencana & Target Redesign User Interface Aplikasi E-

Presensi AdhiBeton

Realisasi Aktivitas 1. Melakukan meeting online via

zoom bersama pembimbing
lapangan untuk membahas
target kerja praktek dan
Pelaksanaan penjelasan tentang aplikasi
eksisting yang akan di redesign.
Kerja Praktek 2. Mencari referensi design UI
aplikasi mobile di dribble.com.
3. Mulai melakukan redesign UI
Aplikasi E-Presensi dengan
menggunakan tools Adobe XD
4. Presentasi progress hasil
redesign UI aplikasi dan evaluasi
hasil pengerjaan oleh
pembimbing lapangan
 Minggu ke 2 (dua)
Membuat dan mengajukan
Rencana & Target perancangan aplikasi E-Presensi
AdhiBeton yang akan
dikembangkan.
Realisasi Aktivitas 1. Membentuk kelompok yang
terdiri dari tiga orang untuk
pengembangan aplikasi.
2. Membuat project charter aplikasi
Pelaksanaan 3. Menyusun timeline pengerjaam
aplikasi dan Work Breakdown
Kerja Praktek Structure (WBS).
4. Membuat perancangan aplikasi
yang terdiri dari Entity
Relationship Diagram, Data Flow
Diagram, Flowchart, dan
Mockup aplikasi.
5. Meeting online bahas progress
 Minggu ke 3 (tiga)
Mengimplementasikan hasil dari
Rencana & Target perancangan aplikasi yang dimulai
dengan menyelesaikan Front-End
Aplikasi berbasis mobile..
Realisasi Aktivitas 1. Memperbaiki hasil evaluasi dari
perancangan aplikasi pada
meeting sebelumnya.
2. Melakukan pembagian jobdesk
Pelaksanaan dengan anggota tim untuk
pengerjaan aplikasi.
Kerja Praktek 3. Mengerjakan front-end aplikasi
untuk splash screen, halaman
dashboard/home, halaman
absen, fitur absen face
recognition/detection, halaman
kehadiran yaitu list kehadiran &
filter kehadiran.
 Minggu ke 4 (empat)

Rencana & Target Pengerjaan dan menyelesaikan

Back-End Aplikasi berbasis mobile

Realisasi Aktivitas 1. Melanjutkan pengerjaan front-

end aplikasi pada beberapa
halaman yang masih belum
terselesaikan pada minggu
Pelaksanaan sebelumnya.
2. Menerapkan Location Based
Kerja Praktek Services(LBS) pada halaman
home dan halaman absen
aplikasi.
3. Menerapkan layanan google
map api yang menampilkan map
current location user aplikasi.
4. Menghubungkan satu halaman
dengan halaman lainnya
 Minggu ke 5 (lima)

Rencana & Target Pengerjaan dan menyelesaikan

Back-End Aplikasi berbasis mobile

Realisasi Aktivitas 1. Mencari dan mempelajari

referensi library tentang face
recognition yang digunakan
untuk validasi absen wajah.
Pelaksanaan 2. Mencoba mengimplementasikan
library face recognition dari
Kerja Praktek OpenCV namun tidak berhasil
karena sulit di implementasikan.
3. Mencoba mengimplementasikan
library face recognition dari
luxand namun gagal
4. Mengimplementasikan library
face recognition dari firebase ML
Kit
 Minggu ke 6 (enam)

Rencana & Target Pengerjaan dan menyelesaikan

Back-End Aplikasi berbasis mobile

Realisasi Aktivitas 1. Melanjutkan pengerjaan back-

end pada fitur absen wajah
dengan library face recognition
firebase ML Kit, memasukan
Pelaksanaan data absen ke database ketika
absen berhasil
Kerja Praktek dilakukanMengerjakan back-end
pada halaman kehadiran yaitu
menampilkan list kehadiran
berdasarkan data absen yang
tersimpan pada database.
2. Mengerjakan back-end pada
filter kehadiran, dimana nantinya
user dapat memfilter kehadiran
sesuai bulan/tahun yang dipilih
 Minggu ke 7 (tujuh)
Merging/Penggabungan fitur-fitur
Rencana & Target aplikasi yang dibuat terpisah
sebelumnya di branch masing-
masing tim dan finalisasi pengerjaan
aplikasi.
Realisasi Aktivitas 1. Melanjutkan pengerjaan back-
end pada filter kehadiran yang
belum selesai pada minggu
Pelaksanaan sebelumnya.
2. Implementasi struktur baru pada
Kerja Praktek database
3. Melakukan perbaikan pada fitur
absen wajah dengan face
recognition dan fitur kehadiran
karena masih terdapat beberapa
kekurangan.
4. Membantu mengerjakan pada
fitur detail kehadiran, yang berisi
waktu absen, foto absen, dan
lokasi absen.
 Minggu ke 8 (delapan)

Rencana & Target Testing Aplikasi, Presentasi, dan

Pengerjaan Laporan Kerja Praktek

Realisasi Aktivitas 1. Melakukan pengecekan pada

seluruh fitur aplikasi untuk
memastikan dapat berjalan
dengan baik.
Pelaksanaan 2. Membuat user guide untuk
memudahkan pengguna aplikasi.
Kerja Praktek 3. Presentasi terakhir untuk hasil
pengerjaan aplikasi kepada
pembimbing lapangan.
4. Mengerjakan laporan kerja
praktek.
  Redesign UI Aplikasi E-Presensi AdhiBeton
1. Analisis UI Aplikasi Eksisting

Hasil Aplikasi E-Presensi Adhi Beton berbasis mobile merupakan aplikasi

yang digunakan untuk mencatat kehadiran pegawai serta
Pelaksanaan menyajikan laporan rekap data karyawan pada perusahaan PT. Adhi
Persada Beton. Fitur-fitur yang terdapat pada aplikasi tersebut
Kerja Praktek mencakup fitur absen, fitur perizinan, fitur meeting, fitur cek absen,
dan lembur. Namun fokus yang diredesign adalah halaman login,
home, dan fitur absen. Berikut merupakan tampilan dari aplikasi
eksisting
 Halaman Login Halaman Home

UI Aplikasi
Eksisting
 Halaman Absen Halaman Kehadiran

UI Aplikasi
Eksisting
 Halaman Login Halaman Home

Hasil Redesign
UI
 Halaman Profile Halaman Absen

Hasil Redesign
UI
 Halaman Absen Wajah Halaman Kehadiran

Hasil Redesign
UI
  Overview Aplikasi
Adhi Persada Beton E-Presensi adalah aplikasi sistem informasi
untuk mencatat data kehadiran pegawai serta menyajikan laporan
rekap data karyawan pada perusahaan PT. Adhi Persada Beton.
Proses pada aplikasi ini meliputi perekaman, pendaftaran identitas
Perancangan pada sistem, sinkronisasi pegawai melalui API yang tersedia,
Aplikasi penentuan hari libur dan hari cuti nasional, penentuan kategori
perizinan, serta perekapan jadwal lembur dan meeting. Aplikasi ini
merupakan aplikasi berbasis mobile yang dibangun dengan
menggunakan bahasa Java dan database menggunakan Real Time
Firebase. Tools yang digunakan dalam pengembangan aplikasi ini
adalah Android Studio.
  Fitur-fitur aplikasi
Berikut merupakan list fitur-fitur yang terdapat pada aplikasi yang
dirancang, untuk detail fiturnya akan dijelaskan pada sub bab
selanjutnya.
a. Login
Perancangan
b. Homepage
Aplikasi c. Absen
d. Kehadiran
e. Izin
f. Profile
  Fitur-fitur aplikasi
Berikut merupakan list fitur-fitur yang terdapat pada aplikasi yang
dirancang, untuk detail fiturnya akan dijelaskan pada sub bab
selanjutnya.
a. Login
Perancangan
b. Homepage
Aplikasi c. Absen
d. Kehadiran
e. Izin
f. Profile
Perancangan  Flowchart Aplikasi

Aplikasi
Perancangan  ERD Aplikasi

Aplikasi
  DFD Aplikasi

Perancangan
Aplikasi
  Halaman Login
Halaman yang berisikan form
Hasil data yang harus diisi user
Pengerjaan untuk melakukan login. Data
yang digunakan adalah NPP
Aplikasi dan Password yang dimiliki
oleh karyawan PT. Adhi
Persada Beton.
  Homepage
Halaman ini menampilkan
dashboard dari aplikasi e-
presensi yang berisi:
a. Laporan waktu dan lokasi,
dimana data yang telah
Hasil direkam dan diolah menjadi
informasi yang dapat
Pengerjaan diakses oleh pengguna.
Aplikasi b. Menu-menu/ fitur yang
terdapat di dalam aplikasi.
c. Profil Pengguna.
d. Berita-berita yang dishare
oleh perusahaan.
e. Fitur reminder absen.
  Absen
Pada fitur ini karyawan dapat
melakukan absen dari aplikasi mobile
sesuai titik lokasi yang telah
ditentukan yang dilengkapi dengan :
a. Face Recognition, mendeteksi
serta mengenali wajah pengguna
aplikasi.
Hasil b. QR Code, melakukan scan
Pengerjaan barcode sesuai dengan barcode
perusahaan.

Aplikasi c. Global Positioning System (GPS) ,

menyimpan data lokasi presensi.
Pengguna dapat memilih satu
diantara dua metode absen yang
tersedia. Jika pengguna telah absen
dengan menggunakan salah satu
metode, data absen akan tersimpan
ke dalam database dan data tersebut
bisa dilihat pada homepage atau pada
menu kehadiran
Hasil
Pengerjaan
Aplikasi
  Kehadiran
Pada menu ini terdapat dua tab
yaitu tab list kehadiran dan tab
statistik kehadiran. User dapat
melihat rekap presensi yang
telah dilakukan sebelumnya
dalam bentuk list maupun
Hasil statistik. User juga dapat
Pengerjaan melihat detail dari kehadiran
pada hari tertentu. Detail
Aplikasi kehadiran terdapat absensi,
foto, dan lokasi. Pada menu
kehadiran terdapat juga fitur
filter. Filter ini digunakan untuk
menampilkan rekap absen pada
bulan/tahun tertentu sesuai
pilihan yang diinginkan oleh
user
Hasil
Pengerjaan
Aplikasi
Hasil
Pengerjaan
Aplikasi
  Izin
Halaman atau menu ini
berisikan daftar izin yang
dilakukan pegawai melalui
aplikasi e-presensi. Terdapat
dua tab yaitu tab proses dan tab
selesai. Dimana tab proses
Hasil merupakan izin yang baru
Pengerjaan dibuat dan belum disetujui oleh
admin. Sedangkan tab selesai
Aplikasi merupakan izin yang berhasil
diajukan dan disetujui oleh
admin. Untuk membuat izin
user dapat memilih floating
action button di bawah pojok
kanan tampilan aplikasi. Selain
itu user juga dapat melihat
detail perizinan yang dibuat.
Hasil
Pengerjaan
Aplikasi
  Profil
Halaman ini berisi informasi
utama dari user. Beberapa fitur
utama yang terdapat pada
halaman ini adalah
a. Ubah Data, yang berfungsi
Hasil untuk melakukan update
data karyawan
Pengerjaan b. Ubah Password, untuk
Aplikasi mengubah password dari
akun karyawan
c. Download CV, untuk
mengunduh CV dari
karyawan tersebut
d. Logout untuk melakukan
logout.