LAPORAN KERJA PRAKTIK
RANCANG BANGUN APLIKASI MOBILE
acc
PT. GLOBAL INTERMEDIA NUSANTARA
Utk diujikanDr. Murinto, M.Kom 29/01/2023
Oleh : Sulharjan Fahrullah
1900018125
PRODI STUDI S1 INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS AHMAD DAHLAN
TAHUN 2022/2023
Cover
Lembar Persetujuan Instansi
S ulharjan Fahrullah 190001 8125
: Dr. Murinto, S.Si., M.Kom.
NIY
( : 60040496)
………..,
: Anna Hendri Solel i za Jon e s , S .Kom, M.Cs NIY
( : 60110647 )
………..,
Lembar Pengesahan
PRAKTIK MAGANG
RANCANG BANG UN APLIKASI E - P RESENSI PT. GLOBAL INTERMEDIA NUSANTARA
PEMBIMBING ..………….
PENGUJI ..………….
Yogyakarta, ……….
Kaprodi Informatika
Dr. Murinto, S.Si., M.Kom.
NIY : 60040496
10/02/2023
10/02/2023
Kata Pengantar
Segala puji syukur atas kehadirat Allah SWT yang telah melimpahkan rahmat dan hidayah-Nya yang telah memberikan banyak kesempatan, sehingga penulis dapat menyelesaikan praktik magang dan menyelesaikan Laporan praktik magang dengan judul
“Rancang Bangun Aplikasi Mobile” dengan baik. Kegiatan praktik magang ini merupakan
matakuliah dan persyaratan bagi mahasiswa semester 7 di Universitas Ahmad Dahlan.
Kegiatan praktik magang ini dilakukan selama 3 bulan yaitu dimulai dari tanggal 21 september 2022 sampai dengan 22 Desember 2022. Laporan praktik magang ini disusun berdasarkan apa yang telah penulis lakukan pada saat magang di bagian pemrograman mobile PT. Global Intermedia Nusantara, Yogyakarta. Dalam penyusunan laporan praktik magang, penulis menyadari bahwa terselesainya laporan praktik magang ini tidak terlepas dari dukungan, semangat, serta bimbingan dari berbagai pihak, baik secara moril maupun materil.
Oleh karena itu, penulis ingin menyampaikan ucapan terimakasih antara lain kepada :
1.
Allah SWT yang telah melimpahkan rahmat dan kesehatan sehingga penyusunan dapat melaksanakan KP dan menyelesaikan penyusunan Laporan tanpa halangan apapun.
2.
Orang tua yang selalu memberikan doa dan dorongan, yang telah memberikan semua fasilitas untuk mendukung semua aktivitas perkuliahan.
3.
Ibu Nur Rochmah Dyah PA, S.T., M.Kom. selaku ketua program studi.
4.
Ibu Sri Winiarti, S.T., M.Cs. selaku Dekan
5.
Bapak Nuril Anwar, S.T., M.Kom. selaku koordinator praktik magang
6.Bapak Bambang Robiin, S.T.,M.T. selaku dosen wali
7.
Bapak Dr., Murinto, S.Si., M.Kom. selaku dosen pembimbing praktik magang.
8.
Bapak Eko Sutrisno, S.T., M.Cs. selaku direktur utama dari PT. Global Intermedia Nusantara
9.
Bapak Qohar Nur Annafi selaku pembimbing lapangan dari PT. Global Intermedia Nusantara
10.
Seluruh karyawan di PT. Global Intermedia Nusantara atas segala keramahan serta memberikan masukan selama kegiatan magang industri
11.
Seluruh rekan-rekan praktik magang di PT. Global Intermedia Nusantara yang berasal dari berbagai Universitas dan Sekolah yang telah memberikan semangat dan dukungan dalam kegiatan praktik magang
Penulis menyadari bahwa penyusunan laporan praktik magang ini masih jauh dari sempurna.
Oleh sebab itu, demi kesempurnaan laporan ini penulis mengharapkan kritik dan saran yang
bersifat membangun. Akhir kata penulis mengucapkan terima kasih, semoga laporan magang
ini memberikan banyak manfaat bagi penulis dan pembaca pada umumnya.
Yogyakarta, 22 Desember 2022
Sulharjan Fahrullah
Daftar Isi
Cover... 2
Lembar Persetujuan Instansi ... 2
Lembar Pengesahan ... 3
Kata Pengantar ... 4
Daftar Isi ... 5
Daftar Gambar ... 8
Daftar Tabel... 9
BAB I Pendahuluan ... 10
A. Latar Belakang ... 10 B. Identifikasi Masalah ... 10 C. Batasan masalah ... 10 D. Rumusan Masalah ... 11 E. Tujuan Praktik Magang ... 11 F. Manfaat Praktik Magang ... 11 BAB II Gambaran Instansi ... 12
A. Umum ... 12 B. Struktur Organisasi Ditempat Magang ... 13 C. Sumber Daya Manusia Dan Sumber Daya Fisik Di lokasi Magang ... 13
D. Proses bisnis saat ini yang berhubungan dengan tema Praktik Magang ... 15
BAB III Tahapan Kegiatan Praktik Magang ... 17
A. Lokasi Praktik Magang, Alamat, Kontak ... 17
B. Rencana Observasi ...
17
C. Rancangan Jadwal Kegiatan Magang ...
17
BAB IV Hasil Pelaksanaan Praktik Magang ... 20 A. Hasil Observasi Magang ...
20
1. Proses Bisnis ...
20
2. Rincian Pekerjaan ...
21
B. Pembahasan Magang ...
22
1. Problem yang ditemukan di tempat magang sebagai topik praktik magang ... 22 2. Analisis terhadap hasil observasi ...
22
3. Capaian Magang ...
31
4. Keberlanjutan ...
37
BAB V Penutup ... 38 A. Kesimpulan ...
38
B. Saran ...
38
Lampiran ... 39 A. Surat Izin Praktik Magang Dari TU/Fakultas ... 39 B. Logbook ...
41
C. Dokumentasi Kegiatan Praktik Magang ...
43
D. Penilaian Pembimbing Lapangan ...
44
E. Sertifikat ...
45
Daftar Gambar
gambar 2. 1 bagan struktur dari PT. Global Intermedia Nusantara
... 12gambar 2. 2 bagan proses bisnis yang terjadi di pemerintah daerah
... 15gambar 3. 1 diagram use case pada sistem presensi digital
... 17gambar 3. 2 kumpulan data pegawai data blog, data pengumuman, data agenda, data presensi, dan data admin
... 18Gambar 4. 1 proses bisnis histori, pegawai ... 19
Gambar 4. 2 bisnis dari pengumuman ... 20
Gambar 4. 3 listing dari detail agenda ... 24
Gambar 4. 4 tampilan dari detail agenda ... 24
Gambar 4. 5 listing program dari filter bulan ... 25
Gambar 4. 6 tampilan dari filter bulan pada histori ... 25
Gambar 4. 7 pengujian pada login ... 26
Gambar 4. 8 pengujian pada login ... 26
Gambar 4. 9 tampilan halaman home ... 27
Gambar 4. 10 tampilan halaman agenda ... 27
Gambar 4. 11 pengujian pada halaman blog ... 28
Gambar 4. 12 pengujian pada scan qr ... 28
Gambar 4. 13 pengujian pada halaman kode agenda ... 29
Gambar 4. 14 pengujian pada profil ... 29
Gambar 4. 15 pengujian pada halaman presensi ... 30
Gambar 4. 16 rest API dari aplikasi E-presensi ... 30
Gambar 4. 17 listing program dari histori dari E-presensi ... 31
Gambar 4. 18 tampilan dari histori dari E-presensI ... 31
Gambar 4. 19 listing program dari histori detail dari E-presensi ... 32
Gambar 4. 20 tampilan dari histori detail dari E-presensi ... 32
Gambar 4. 21 listing dari halaman pengumuman ... 33
Gambar 4. 22 tampilan dari halaman pengumuman pada aplikasi E-presensi ... 33
Gambar 4. 23 listing dari halaman notifikasi ... 34
Gambar 4. 24 tampilan dari halaman notifikasi pada aplikasi E-presensi ... 34
Daftar Tabel Tabel 2. 1 Sumber daya manusia ... 15
Tabel 2. 2 Prasarana yang terdapat di PT. Global Intermedia Nusantara ... 16
Tabel 2. 3 Sarana yang terdapat di PT. Global Intermedia Nusantara ... 16
Tabel 3. 1 rancangan jadwal kegiatan magang ... 18
Tabel 4. 1 fungsi – fungsi yang ada pada aplikasi E-presensi ... 32
BAB I Pendahuluan
A. Latar Belakang
Perkembangan ilmu teknologi saat ini sudah berkembang sangat pesat, hal tersebut dibuktikan dengan berkembangnya sumber daya manusia yang mampu bersaing dengan perkembangan zaman yang semakin modern. Pendidikan menjadi peran yang sangat penting untuk menunjang sumber daya manusia menjadi lebih baik lagi. Salah satunya adalah melakukan kegiatan praktik magang.
Sistem E-Presensi merupakan sebuah sistem manajemen pengelolaan data presensi pemerintah Maluku Utara yang berbasis mobile. Sistem tersebut memudahkan pengguna dalam melakukan pengelolaan data presensi.
Dalam pelaksanaan pendataan presensi SIMDA Maluku Utara masih dilakukan pencatatan secara manual, sehingga membutuhkan waktu yang lama dalam proses pendataan presensi.
Oleh karena itu, dibutuhkan suatu sistem informasi yang dapat mempermudah proses presensi SIMDA Maluku Utara, sehingga data presensi dapat dilakukan pencatatan dengan mudah
B. Identifikasi Masalah
Manajemen pengelolaan data presensi pada SIMDA Maluku Utara masih dilakukan secara manual.
C. Batasan masalah
Pada kegiatan praktik magang ini membuat rancangan aplikasi mobile, adapun batasan masalah diantaranya :
1. Pengerjaan aplikasi menggunakan bahasa pemrograman javascript dengan framwork react native
2. Pembahasan pada laporan ini hanya pada sisi front end pada sistem presensi digital
D. Rumusan Masalah
Berdasarkan identifikasi masalah diatas, maka dapat ditarik rumusan masalah bagaimana merancang frontend sistem presensi digital.
E. Tujuan Praktik Magang
Tujuan dilaksanakannya kegiatan praktik magang sebagai berikut:
a.
Melakukan kegiatan praktik magang dan mempelajari tentang aplikasi mobile yang diterapkan di PT. Global Intermedia Nusantara.
b.
Mengetahui cara kerja dan juga sistem kerja yang diterapkan di PT. Global Intermedia Nusantara.
c.
Menambah pengalaman dan wawasan mengenai dunia kerja.
d.
Menambah kemampuan dalam aspek pengembangan aplikasi mobile.
F. Manfaat Praktik Magang
Adapun manfaat dilaksanakannya kegiatan prakerin kerja sebagai berikut:
1. Bagi mahasiswa praktik magang
a. Sebagai sarana latihan dan penerapan ilmu yang didapat di universitas
b. Sebagai sarana untuk menambah pengetahuan, wawasan, dan pengalaman di dunia kerja di bidang pemrograman mobile
c. Mengetahui dan mempelajari pekerjaan seseorang yang bekerja pada rekayasa perangkat lunak di PT.Global Intermedia Nusantara
d. Membekali pengalaman dunia kerja kepada mahasiswa praktik magang
2. Bagi Instansi
a. Membangun hubungan yang baik dan adanya pertukaran informasi
b. Meningkatkan produktivitas perusahaan baik didalam maupun luar rekayasa perangkat lunak.
BAB II Gambaran Instansi
A. Umum
Kegiatan praktik magang dilaksanakan di kantor PT. Global Intermedia (G- IM) dikenal sebagai De Concept Computer 2000. PT. Global Intermeda Nusantara merupakan perusahaan yang bergerak dalam bidang konsultasi, analisis, desain, serta implementasi sistem informasi yang berkedudukan di Yogyakarta, perusahaan tersebut mempunyai cabang di beberapa daerah. PT. Global Intermedia Nusantara pusat Terletak di Jl. Taman Siswa No.125, RT.074/RW.024, Wirogunan, Kec.
Mergangsan, Kota Yogyakarta, Daerah Istimewa Yogyakarta.
PT. Global Intermedia Nusantara didirikan secara resmi pada 1 Maret 2004
setelah lebih dari 2 tahun (sejak tahun 2001) dilakukan
perencanaanperencanaannya. Anggota tim Global Intermedia telah dilatih dengan
baik di berbagai perusahaan dan beberapa institusi, untuk menyediakan tim yang
solid dan tangguh. Dengan teknologi informasi sebagai bisnis utama, kami
menyediakan aplikasi desktop, aplikasi web, presentasi multimedia dan perawatan jaringan komputer.
PT. Global Intermedia Nusantara Integrasi Nusantara memiliki visi integrasi nusantara, dan misi memberikan pelayanan terbaik dengan berorientasi pada kepuasan pelanggan, memberikan jaminan kualitas yang prima, mengembangkan sistem secara terintegrasi. Salah satu kontak dari perusahaan PT. Global Intermedia Nusanntara adalah +62 274 379492 (Fax) ataupun melalui mail [email protected].
B. Struktur Organisasi Ditempat Magang
Struktur Organisasi di perusahaan PT. Global Intermedia sebagai berikut :
gambar 2. 1 bagan struktur dari PT. Global Intermedia Nusantara.
C. Sumber Daya Manusia Dan Sumber Daya Fisik Di lokasi Magang
1.Sumber daya manusia
Sumber daya manusia sebagai salah satu sumber daya organisasi memegang peranan penting dalam keberhasilan pelaksanaan tujuan organisasi. Sumber daya manusia menggunakan sumber daya lain yang dimiliki oleh organisasi untuk mencapai tujuan. Bahkan mesin berteknologi tinggi pun akan menjadi tidak berarti jika sumber daya manusia yang mengoperasikannya tidak mumpuni untuk memproduksinya. Begitu pula dengan sumber informasi. Informasi yang diterima organisasi, betapapun bagus dan lengkapnya, tidak akan berarti apa-apa jika kualitas sumber daya manusia yang ada tidak mampu mengubahnya menjadi informasi yang berguna bagi perkembangan dan kemajuan organisasi (Huzain Hasriany., 2021). PT. Global Intermedia Nusantara memiliki keseluruhan staff berjumlah 63 orang. Dari banyaknya staff Pegawai yang ada, mereka memiliki tugas yang berbeda dalam mengelola perusahaan sebagai berikut :
Tabel 2. 1 Sumber daya manusia
No. Nama Bagian Jumlah
1 Administrasi 10 orang
2 Pemasaran 8 orang
3 Pengembangan Bisnis 30 orang
4 Produksi 15 orang
1. Sumber daya fisik
Sumber daya fisik merupakan sumber daya yang memiliki wujud yang nyata dan berguna sebagai sarana dan prasarana yang menunjang kegiatan pada lingkungan tertentu. Adapun sumber daya fisik yang terdapat pada PT. Global Intermedia Nusantara adalah sebagai berikut :
a. Tempat PT. Global Intermedia Nusantara
Pada gambar diatas merupakan gambar dari Gmaps PT. Global Intermedia Nusantara.
Gedung PT. Global Intermedia Nusantara terletak di Jl. Taman Siswa No.125,
RT.074/RW.024, Wirogunan, Kapanewon Mergangsan, Kota Yogyakarta, Daerah Istimewa Yogyakarta.
b. Prasarana yang terdapat di PT. Global Intermedia Nusantara
Tabel 2. 2 Prasarana yang terdapat di PT. Global Intermedia Nusantara
No. Nama Prasarana Jumlah
1 Mushola 1
2 WC 6
3 Ruang Rapat 1
4 Ruang Staff 8
Prasarana yang tersedia di PT. Global Intermedia Nusantara sangat berguna dalam menunjang fasilitas oleh staff pegawai maupun tamu.
c. Sarana yang terdapat di PT. Global Intermedia Nusantara
Tabel 2. 3 Sarana yang terdapat di PT. Global Intermedia Nusantara
No. Nama Sarana Jumlah
1 LCD Projector 3
2 Whiteboard Digital 2 2
3 Router Wi-Fi 4
sarana yang tersedia di PT. Global Intermedia Nusantara sangat berguna dalam melakukan pekerjaan kantor baik individu maupun tim oleh staff pegawai.
D. Proses bisnis saat ini yang berhubungan dengan tema Praktik Magang
Proses bisnis yang terjadi pada pemerintah daerah maluku utara saat ini masih menggunakan metode konvensional yang mana dalam prosesnya masih terdapat kesulitan dalam memantau laporan. Berikut merupakan bagan proses bisnis aktifitas pelaporan hasil presesnsi pegawai.
gambar 2. 2 bagan proses bisnis yang terjadi di pemerintah daerah
merupakan bagan proses bisnis yang terjadi di pemerintah daerah , dimulai dari
pegawai menerima jadwal agenda, kemudian pegawai melakukan presensi, setelah itu dilakukan rekap data dari pegawai.
BAB III Tahapan Kegiatan Praktik Magang
A. Lokasi Praktik Magang, Alamat, Kontak
Kegiatan praktik magang dilakukan di PT. Global Intermedia Nusantara pusat Terletak di Jl. Taman Siswa No.125, RT.074/RW.024, Wirogunan, Kec. Mergangsan, Kota Yogyakarta, Daerah Istimewa Yogyakarta, dengan +62 274 379492 (Fax) ataupun melalui mail [email protected] merupkan kontak dari perusahaan PT. Global Intermedia Nusantara.
B. Rencana Observasi
Kunjungan magang dilaksanakan pada hari kamis 8 September 2022 yang bertempat di PT. Global Intermedia Nusantara, yang sebelumnya telah dilakukan mengumpulkan informasi yang bersumber
dari internet. Pada kunjungan tersebut dilakukan wawancara untuk mengetahui perusahaan, syarat pendaftaran dan praktik magang.
C. Rancangan Jadwal Kegiatan Magang
Pada rancangan jadwal kegiatan magang yang dilakukan di PT. Global Intermedia Nusantara diantaranya :
Tabel 3. 1 rancangan jadwal kegiatan magang
No. Nama Kegiatan Minggu Pelaksanaan
1 2 3 4 5 6 7 8 9 10 11 12 13 14 1 Membantu pegawai
membuat desain aplikasi data jalan
2 Membantu pegawai dalam implementasi desain aplikasi antrean samsat Maluku ke dalam tampilan mobile
3 Menganalisa proses bisnis epresensi
SIMDA Maluku Utara
4 Mengumpulkan Data
5 Analisis kebutuhan sistem
6 Impelentasi Program Front End
7 Pengujian sistem
8 Mempresentasikan hasil aplikasi
Pada rancangan jadwal kegiatan yang dilakukan oleh penulis. Dalam keggiatan magang dilaksanakan selama 14 minggu yang dimulai pada 21 September 2022 sampai 22 Desember 2022.
Dalam kurun waktu 14 minggu penulis mengerjakan berbagai kegiatan magang di perusahaan PT.
Global Intermdia Nusantara.
D.
Rancangan SistemDalam merancang sistem aplikasi presensi digital diperlukan analisis kebutuhan sistem, analisis kebutuhan sistem ini bertujuan untuk menentukan spesifikasi pada sistem yang akan dibangun. Berikut merupakan analisis kebutuhan sistem pada sistem presensi digital SIMDA Maluku Utara.
1.Diagram Use Case
Diagram Use Case merupakan tipe dari diagram UML (Unified Modelling Language) untuk menggambarkan interaksi antara aktor dan sistem yang berkaitan. Dengan adanya rancangan diagram use case, dapat memperjelas alur proses bisnis kedalam bentuk diagram yang mudah dipahami. Berikut merupakan rancangan Diagram Use Case yang digunakan pada Sistem Informasi presensi digital SIMDA Maluku Utara.
gambar 3. 1 diagram use case pada sistem presensi digital
Pada gambar 3.1. menunjukan diagram use case pada sistem presensi digital. Terdapat dua aktor yaitu pegawai dan admin. Pegawai dapat melakukan lihat agenda, lihat pengumuman, kelola data blog, input presensi, dan lihat riwayat presensi pegawai yang diharuskan melakukan login terlebih dahulu. Pada admin dapat melakukan kelola data agenda, kelola data pengumuman, lihat blog pegawai, dan lihat riwayat presensi pegawai yang diharuskan melakukan login terlebih dahulu.
2.Entity Relationship Diagram (ERD)
Entity Relationship Diagram (ERD) merupakan diagram yang digunakan dalam menggambarkan perancangan sistem pada data base dan menjelaskan dengan satu elemen dengan elemen lainn yang berkaitan. Berikut merupakan rancangan ERD pada sistemaplikasi presensi digital SIMDA Maluku Utara.
gambar 3. 2 kumpulan data pegawai data blog, data pengumuman, data agenda, data presensi, dan data admin
Pada gambar 3.2. menunjukan kumpulan data pegawai, data blog, data pengumuman, data agenda, data presensi, dan data admin yang dihubungkan menjadi Entity Relationship Diagram untuk memudahkan dalam pembuatan sistem presensi digital. Data pegawai berelasi dengan kelola semua data blog, melihat data pengumuman, melihat data agenda dan input data presensi. Data admin berelasi dengan melihat data blog,kelola data pengumuman, kelola data agenda, melihat data presensi.
BAB IV Hasil Pelaksanaan Praktik Magang
A. Hasil Observasi Magang 1. Proses Bisnis
Pada proses bisnis yang telah dirancang yang akan ditunjukan pada gambar berikut.
Histori
Pada proses bisnis histori, pegawai mempunyai akses untuk melakukan kelolah data sedangkan admin hanya melihat histori dari pegawai, berikut merupakan proses bisnis dari histori.
Gambar 4. 1 proses bisnis histori, pegawai
Pengumuman
Pada proses bisnis pengumuman, admin mempunyai akses untuk melakukan
kelolah data sedangkan pegawai hanya melihat pengumuman dari admin, berikut
merupakan proses bisnis dari pengumuman.
Gambar 4. 2 bisnis dari pengumuman
2. Rincian Pekerjaan
Kegiatan magang yang dilaksanakan yaitu rancang bangun aplikasi mobile.
Kegiatan yang dilakukan yaitu sebagai berikut :
a.
Menganalisis proses bisnis presensi digital SIMDA Maluku Utara.b.
Merancang sistem informasi yang sesuai dengan permasalahan dan proses bisnis.c.
Menganalisis kebutuhan sistem informasi presensi digital.d.
Merancang program front end (Histori, histori detail, pengumuman, notifikasi, detail agenda, filter bulan) untuk aplikasi presensi digital.e.
Membantu peserta magang lainnya dalam instalasi framework react native.B. Pembahasan Magang
1. Problem yang ditemukan di tempat magang sebagai topik praktik magang 2. Analisis terhadap hasil observasi
Sesuai dengan observasi yang telah penulis lakukan, maka dapat dirancang sebuah sistem informasi yang dapat memudahkan dan meningkatkan efektifitas dalam kegiatan pelaporan data presensi pegawai. Kegiatan pelaporan data presensi pegawai yang dilaporkan dengan cara manual dirasa kurang efektif, selain melakukan presensi manual, untuk merekap presensi juga membutuhkan waktu yang lama bagi perekap presensi. Dengan demikian dapat disimpulkan bahwa permasalahan tersebut memerlukan sebuah solusi yang dapat meningkatkan efektifitas kerja dalam kegiatan tersebut yakni dengan merancang suatu aplikasi E-presensi.
2.1. Deskripsi sistem yang dibangun
Sistem aplikasi presensi (E-presensi) merupakan sistem yang memiliki fungsi dalam merekam data – data dari setiap pegawai yang melakukan presensi yang tidak lagi dilakukan secara manual melainkan melalui smartphone. Sistem ini dikembangkan dengan tujuan agar data – data dari pegawai yang ada dapat dengan mudah dikumpulkan dan direkap dari pada menggukan presensi manual sehingga untuk merekap presensi pegawai tidak mengalami kesulitan dalam mengumpulkan data hasil presensi pegawai. Sistem ini dikembangkan menggunakan Bahasa pemrograman JavaScrip dengan react native serta menggunakan framework Visual Studio Code, Android Studio dan juga Expo.
2.2. Pembahasan sistem yang dibangun 2.2.1. Hasil analisis
a. Analisis kebutuhan software
Agar sistem tersebut dapat dikembangkan dan digunakan sebagaimana mestinya, maka diperlukan beberapa tools sebagai penunjang
pengembangan sistem. Adapun untuk penjabarannya sebagai berikut : a) Sistem Operasi Windows 11 Home
b) Visual Studio Code
c) Android Studio d) Expo
e) Dbeaver
b. Analisis kebutuhan hadware
Selain
toolsyang dibutuhkan untuk pengembangan sistem,
hardwarejuga menjadi salah satu kunci keberhasilan dalam pengembangan sebuah sistem.
Hardwarediperlukan dalam pengembangan sistem ini adalah komputer, komputer berperan sebagai media yang berwujud fisik dan berfungsi sebagai media controller dalam pengembangan sistem. Adapun spesifikasi komputer yang digunakan dalam pengembangan sistem ini adalah sebagai berikut :
a) Prosesor Intel Evo Core i5 b) Ram 16 GB
c) Penyimpanan 512 GB
c. Analisis kebutuhan user
a) Log in dan log out (pegawai dan admin)
b) Kelola data blog pegawai
c) Kelola data presensi pegawai
d) Kelola data agenda admin
e) Kelola data pengumuman admin
f) Melihat data blog (admin)
g) Melihat riwayat presensi (admin)
h) Melihat pengumuman (pegawai) 9. Melihat agenda (pegawai)
d. Analisis kebutuhan fungsional
a) Sistem dapat merespon inputan blog oleh pegawai
b) Sistem dapat merespon inputan presensi oleh pegawai
c) Sistem dapat merespon inputan agenda oleh admin
d) Sistem dapat merespon inputan pengumuman oleh admin
e) Sistem dapat menampilkan blog oleh pegawai dan admin
f) Sistem dapat menampilkan riwayat presensi oleh pegawai dan admin
g) Sistem dapat menampilkan agenda oleh pegawai dan admin
h) istem dapat menampilkan pengumuman oleh pegawai dan admin
i) Sistem dapat memperbarui blog oleh pegawai
j) Sistem dapat memperbarui presensi oleh pegawai
k) Sistem dapat memperbarui agenda oleh admin
l) Sistem dapat memperbarui pengumuman oleh admin
m) Sistem dapat menghapus blog oleh pegawai
n) Sistem dapat menghapus agenda oleh admin
o) Sistem dapat menghapus pengumuman oleh admin
p) Sistem dapat kelola profil pegawai dan admin
e. Analisis kebutuhan non - fungsional
a) Sistem memiliki tampilan sederhana dan navigasi yang jelas sehingga mudah digunakan oleh pengguna.
b) Sistem dapat mengautentikasi akun saat melakukan login
c) sistem dapat memperbarui password ketika dilakukan reset password
d) sistem dapat memperbarui profil ketika diperbarui
2.2.2. Hasil implementasi
Adapun untuk bagian hasil implementasi akan dijelaskan secara rinci mengenai implementasi dari hasil analisis sebelumnya yaitu sebagai berikut:
a.Detail Agenda
Gambar 4. 3 listing dari detail agenda
Gambar 4.3. di atas menunjukan listing dari detail agenda yang berfungsi untuk menampilkan agenda dari suatu hari yang dipilih.
Gambar 4. 4 tampilan dari detail agenda
Gambar 4.4 di atas menunjukan tampilan dari detail agenda. dari pengujian ini fungsi telah berjalan lancar dan menampilkan output yang diharapkan.
b. filter bulan
Gambar 4. 5 listing program dari filter bulan
Gambar diatas menunjukkan listing program dari filter bulan yang berfungsi untuk menampilkan suatu filter bulan ketika pengguna ingin memilih hari dan bulan dari history E-presensi.
Gambar 4. 6 tampilan dari filter bulan pada histori
Gambar 4.6 merupakan tampilan dari filter bulan pada histori. dari pengujian ini fungsi telah berjalan lancar dan menampilkan output yang diharapkan.
Pekerjaan yang dilakukan oleh rekan tim :
a.Login
Gambar 4. 7 pengujian pada login
merupakan halaman menggunakan firebase pada halaman tersebut input harus sesuai dan terdaftar pada database. Pada halaman tersebut berhasil untuk melakukan proses login, jika email dan
password benar maka akan langsung menuju ke halaman home. Jika email dan password tidak diisi ataupun salah maka akses akan ditolak dan muncul peringatan.
b.Halaman reset password
Gambar 4. 8 pengujian pada login
merupakan halaman pada reset password. Pada pengujian tersebut yang menggunakan firebase, email yang telah dimasukkan akan dikirimi sebuah link untuk melakukan reset password pada pesan email.
c. Halaman home
Gambar 4. 9 tampilan halaman home
merupakan hasil dari source code home pada source code 4.2.3. pada halaman tersebut menampilkan sebuah gambar profil, dan menu seperti tombol log out, tombol agenda, tombol blog, dan tombol history presensi.
d. Halaman Agenda
Gambar 4. 10 tampilan halaman agenda
merupakan hasil dari source code 4.2.5. pada halaman tersebut menampilkan sebuah data agenda dan
e.Halaman Blog
Gambar 4. 11 pengujian pada halaman blog
merupakan hasil pada halaman tersebut logo tambah berupa membuat data blog baru. Saat mengirim permintaan sesuai judul blog maka blog sesuai ud tersebut dapat melakukan proses hapus dan update.
f. Halaman Scan
Gambar 4. 12 pengujian pada scan qr
pada halaman tersebut menampilkan sebuah kamera untuk melakukan scan, tombol scan qr untuk melakukan aksi scan, dan kode agenda untuk nevigasi ke halaman kode agenda.
g.Halaman Kode agenda
Gambar 4. 13 pengujian pada halaman kode agenda
Pada halaman kode agenda akan memunculkan sebuah field input yang nantinya akan dilakukan autenikasi pada kode agenda untuk memunculkan sebuah presensi.
h.Halaman Profil
Gambar 4. 14 pengujian pada profil
merupakan pengujian menggunakan firebase pada halaman profil, pada halaman tersebut input berupa gambar dan terjadi pengiriman data gambar ke database. Pada halaman tersebut juga akan memunculkan email dari user yang diambil dari database.
i. Halaman presensi
Gambar 4. 15 pengujian pada halaman presensi
Pada halaman tersebut tedapa dua fields input gambar dan lokasi pada agenda untuk melakukan syarat presensi oleh user. Setelah dilakukan proses simpan maka data tersebut akan tersimpan kedalam database.
3. Capaian Magang
Berikut merupakan capaian magang yang penulis dapatkan dengan membangun suatu aplikasi presensi pegawai (E-presensi). Penulis merancang beberapa menu dari aplikasi E- presensi untuk kegiatan input dan output suatu presensi pegawai, berikut adalah beberapa bagian dari Aplikasi E-presensi yang sudah dirancang oleh penulis. a)Membuat rest API E- presensi
Gambar 4. 16 rest API dari aplikasi E-presensi
Gambar 4.16 di atas merupakan rest API dari aplikasi E-presensi untuk melengkapi dalam pembuatan aplikasi E-presensi, namun terdapat bug saat proses pengerjaan sehingga tidak
berjalan sebagaimana mestinya.
b) Histori dan histori detail E-presensi
Gambar 4. 17 listing program dari histori dari E-presensi
Gambar 4.17 di atas merupakan listing program dari histori dari E-presensi dimana user akan melakukan suatu inputan untuk dapat dikelolah oleh admin.
Gambar 4. 18 tampilan dari histori dari E-presensI
Gambar 4.18 di atas merupakan tampilan dari histori dari E-presensi, dari pengujian ini fungsi telah berjalan lancar dan menampilkan output yang diharapkan.
Gambar 4. 19 listing program dari histori detail dari E-presensi
Gambar 4.19 di atas merupakan listing program dari histori detail dari Epresensi, dibagian ini aktivitas pegawai pada bagian histori dapat dilihat pada histori detail.
Gambar 4. 20 tampilan dari histori detail dari E-presensi
Gambar 4.20 di atas merupakan tampilan dari histori detail dari E-presensi, dari pengujian ini fungsi telah berjalan lancar dan menampilkan output yang diharapkan. c) Halaman Pengumuman
Gambar 4. 21 listing dari halaman pengumuman
Gambar 4.21 di atas merupakan listing dari halaman pengumuman, yang berfungsi untuk memberikan informasi terkait pekerjaan melalui aplikasi E-presensi oleh admin yang kemudian akan dapat di terima oleh user.
Gambar 4. 22 tampilan dari halaman pengumuman pada aplikasi E-presensi
Gambar 4.22 di atas merupakan tampilan dari halaman pengumuman pada aplikasi E-presensi , dari pengujian ini fungsi telah berjalan lancar dan menampilkan output yang diharapkan. d) Halaman notifikasi
Gambar 4. 23 listing dari halaman notifikasi
Gambar 4.23 di atas merupakan listing dari halaman notifikasi, yang berfungsi untuk memberikan informasi terkait pengingat saat jam presensi oleh admin kepada pegawai.
Gambar 4. 24 tampilan dari halaman notifikasi pada aplikasi E-presensi
Gambar 4.24 di atas merupakan tampilan dari halaman notifikasi pada aplikasi E- presensi , dari pengujian ini fungsi telah berjalan lancar dan menampilkan output sesuai dengan yang diharapkan.
Tabel 4. 1 fungsi – fungsi yang ada pada aplikasi E-presensi
No
Skenario Pengujian
Test Case
Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1
Rest API
Menambahkan rest API untuk pembuatan aplikasi
Untuk dapat dikelolah oleh database
Terdapat bug pada saat pengerjaan rest API
Tidak valid
2
Histori &
Histori detail
Sistem menyimpan data presensi dari user ke dalam database dan akan memunculkan data di histori
Data yang dikirimkan terekam pada data base
Data muncul ke dalam halaman histori detail
Valid
3
Pengumuman
Admin menginputkan dan mengirim
informasi melalui halaman
pengumuman yang kemudian di terima oleh user
Sistem akan mengirimkan sebuah pengumuman kedalam halaman penguuman yang diterima oleh user
Data
pengumuman muncul kedalam halaman pengumuman user
Valid
4
Notifikasi
Admin mengirimkan notifikasi pengingat oleh admin kepada user saat akan melakukan presensi
Sistem
akan mengirimkan sebuah notifikasi dari admin ke user
Data notifikasi muncul
Valid
5
Filter bulan
User melakukan filter pada bulan yang akan menampilkan data di setiap bulan yang telah difilter
Sistem akan
menampilkan sebuah bulan yang telah difilter pada bulan yang dipilih
Data bulan yang telah difilter akan muncul
Valid
6
Detail agenda
User yang telah memiliki data agenda akan ditampilkan oeh sistem pada halaman detail agenda
Sistem akan menampilkan data agenda dihalaman data agenda user yang telah disimpan di
database
Data detail agenda akan memunculka n sebuah rincian data pada user di halaman detail agenda
Valid
Dari tabel diatas dapat disimpulkan bahwa fungsi – fungsi yang ada pada aplikasi E-presensi sudah dapat bekerja dengan baik sebagaimana mestinya. Dalam pengujuan menggunakan metode black box, pada pengujian tersebut dilakukan pengujian proses input output dan pada proses aksi reaksi pada sistem. Sistem berjalan dengan baik terkecuali database API yang masih ada kendala didalamnya.
Dimulai dari Halaman history, hingga notifikasi yang telah dirancang bekerja dengan semestinya.
4. Keberlanjutan
Dalam kegiatan magang ini penulis tidak melakukan keberlanjutan dengan PT Global Intermedia Nusantara, sehingga penulis hanya melaksanakan kegiatan Kerja Praktik saja.
BAB V Penutup
A. Kesimpulan
Setelah melakukan perancangan Sistem Aplikasi E-presensi yang dilakukan pada PT. Global Intermedia Nusantara maka penulis dapat menarik kesimpulan sebagai berikut :
1.
Telah dirancangnya program backend dari Aplikasi E-presensi yang memiliki fungsi sebagai media pencatatan laporan kehadiran yang mana dapat memudahkan pengguna yang akan melaporkan kehadirannya dan juga memudahkan dalam mengumpulkan data dari kehadiran pegawai. Penulis mengerjakan beberapa fitur dari Aplikasi E-presensi ini diantaranya adalah halaman detail history, filter bulan, history, pengumuman , notifikasi dan juga database API.2.
Program frontend dari sistem epresensi SIMDA Maluku Utara yang telah dirancang sudah melewati uji Black box.B. Saran
Untuk memberikan peningkatan kefektifitasan sistem pada waktu yang akan datang, dengan demikian penulis menuangkan beberapa saran yang sekiranya dapat dilakukan oleh generasi selanjutnya. Saran yang dapat penulis berikan adalah sebagai berikut :
1. Dapat meningkatkan penggunaan API seperti pembuatan aplikasi mobile dan sejenisnya.
2. Dapat megembangkan dengan lebih baik terkait aplikasi mobile seperti yang telah dibuat yaitu E-presensi.
3. Dapat memperbaiki serta menambahkan fitur pada aplikasi E-presensi
jika dirasa masih ada yang kurang.
Lampiran
A. Surat Izin Praktik Magang Dari TU/Fakultas
A. Logbook
B. Dokumentasi Kegiatan Praktik Magang
C. Penilaian Pembimbing Lapangan
A. Sertifikat
