RANCANG BANGUN FRONT END SISTEM PENILAIAN KINERJA KARYAWAN BERBASIS ANDROID DAN SITUS WEB PADA PT . MITRA HUTAMA BERSINAR
PROPOSAL KERJA PRAKTIK
Program Studi S1 Sistem Informasi
Oleh:
ADRIANUS HERNOWO WAHYU PANDITO 18410100009
FAKULTAS TEKNOLOGI DAN INFORMATIKA UNIVERSITAS DINAMIKA 2021
ii RANCANG BANGUN FRONT END SISTEM PENILAIAN KINERJA
KARYAWAN BERBASIS ANDROID DAN SITUS WEB PADA PT . MITRA HUTAMA BERSINAR
Diajukan sebagai salah satu syarat untuk menyelesaikan Program Sarjana
Disusun Oleh:
Nama : Adrianus Hernowo W. P.
NIM : 18410100009
Program : S1 (Strata Satu) Jurusan : Sistem Informasi
FAKULTAS TEKNOLOGI DAN INFORMATIKA UNIVERSITAS DINAMIKA SURABAYA
iii RANCANG BANGUN FRONT END SISTEM PENILAIAN KINERJA
KARYAWAN BERBASIS ANDROID DAN SITUS WEB PADA PT . MITRA HUTAMA BERSINAR
Laporan Kerja Praktik oleh Adrianus Hernowo W. P.
NIM : 18410100009
Telah diperiksa, diuji dan disetujui
Surabaya, 4 April 2021
Disetujui:
Pembimbing Penyelia
Ayouvi Poerna Wardhanie, S.M.B., M.M. Calvin Young, NIDN. 0721068904 Direktur PT MHB
Mengetahui,
Ketua Program Studi S1 Sistem Informasi
Dr. Anjik Sukmaaji, S.Kom., M.Eng NIDN. 0731057301
iv Pernyataan
Dengan ini saya menyatakan dengan benar, bahwa Laporan Kerja Praktik ini adalah asli karya saya, bukan plagiat baik sebagian maupun apalagi keseluruhan. Karya atau pendapat orang lain yang ada dalam laporan kerja praktik ini adalah semata hanya rujukan yang dicantumkan dalam dalam daftar pustaka saya. Apabila dikemudian hari ditemukan adanya tindakan plagiat pada laporan kerja praktik ini, maka saya bersedia untuk dilakukan pencabutan terhadap gelar kesarjanaan yang telah diberikan pada saya.
Surabaya, April 2021
v ABSTRAK
Front-end adalah bagian dari pembuatan situs web, android, dan aplikasi desktop yang langsung berinteraksi dengan pengguna. Dengan adanya front-end, user akan terbantu untuk memudahkan kinerjanya. Font-end juga memiliki fungsi untuk menyimpan, mengolah serta menampilkan data pada user. Jadi, bisa dikatakan pula bahwa front-end merupakan penghubung antara sistem dan user.
Pada PT. Mitra Hutama Bersinar, dibutuhkan rancang bangun front-end untuk penilaian karyawan sebagai bahan pertimbangan HRD terhadap karyawan yang bersangkutan, untuk aset serta pedoman pembuatan desain telah disiapkan pihak perusahaan, sehingga saat melakukan kegiatan kerja praktik sudah tidak dilakukan dari tahap awal. Bahasa pemrograman yang digunakan yakni Javascript, karena perusahaan telah melakukan riset yang cocok mengenai program yang akan diimplementasikan.
Hasil dari kerja praktik ini adalah pembuatan aplikasi yang dapat digunakan oleh dua user yakni manajer dan admin TI. Manajer perlu melakukan penilaian melalui aplikasi android dengan durasi yang sudah ditentukan pihak perusahaan, serta manajer juga dapat mengetahui performa karyawan yang berada pada divisi manajer tersebut. Agar manajer melakukan penilaian tidak melebihi batas waktu, maka admin perlu memiliki fitur yang dapat memantau manajer bila belum melakukan penilaian pada karyawan terkait yang dapat dilihat melalui situs web.
vi KATA PENGANTAR
Puji Syukur kehadirat Tuhan Yang Maha Esa karena berkat dan rahmat dapat menyelesaikan Laporan Kerja Praktek yang berjudul “Rancang Bangun Front End Sistem Penilaian Kinerja Karyawan Berbasis Android dan Situs Web Pada PT . Mitra Hutama Bersinar” ini dapat diselesaikan.
Laporan Kerja Praktik ini ini disusun dalam rangka penulisan laporan untuk memperoleh gelar sarjana komputer pada program studi S1 sistem informasi universitas Dinamika Surabaya.
Melalui kesempatan yang sangat berharga ini penulis menyampaikan ucapan terima kasih yang sebesar-besarnya kepada semua pihak yang telah membantu penyelesaian laporan kerja praktik ini terutama kepada yang terhormat:
1. Bapak Prof. Dr. Budi Jatmiko, M.Pd selaku Rektor Universitas Dinamika yang memberikan kesempatan untuk melaksanakan kerja praktik.
2. Bapak Dr. Anjik Sukmaaji, S.Kom., M.Eng. selaku Kepala Program Studi S1 Sistem Informasi Universitas Dinamika.
3. Ibu Ayouvi Poerna Wardhanie, S.M.B., M.M. selaku dosen wali dan dosen pembimbing yang telah mendukung penulis dalam pelaksanaan kerja praktik.
4. Bapak Calvin Young selaku Direktur Utama PT Mitra Utama Bersinar yang telah mengijinkan saya melakukan kegiatan kerja praktik. 5. Semua pihak yang tidak dapat disebutkan satu persatu dalam
kesempatan ini yang telah memberikan bantuan moral dan materiil dalam proses penyelesaian laporan ini.
Semoga Tuhan Yang Maha Esa memberikan imbalan yang setimpal atas segala bantuan yang telah diberikan.
Surabaya, April 2021 Penulis
vii DAFTAR ISI
ABSTRAK ... v
KATA PENGANTAR ... vi
DAFTAR ISI ... vii
DAFTAR TABEL ... ix
DAFTAR GAMBAR ... x
BAB I PENDAHULUAN ... 1
1.1 LATAR BELAKANG MASALAH ... 1
1.2 RUMUSAN MASALAH ... 2
1.3 BATASAN MASALAH ... 3
1.4 TUJUAN ... 3
1.5 MANFAAT ... 3
BAB II GAMBARAN UMUM PERUSAHAAN ... 4
2.1 GAMBARAN UMUM ... 4
2.2 STRUKTUR ORGANISASI ... 5
BAB III LANDASAN TEORI ... 6
3.1 APLIKASI ... 6
3.2 SITUS WEB ... 7
3.3 ANDROID ... 7
3.4 FRONT END ... 8
3.5 FRONT END DEVELOPER ... 9
3.6 SYSTEM FLOWCHART ... 10
BAB IV DESKRIPSI PEKERJAAN ... 12
4.1 ANALISIS DAN DESAIN SISTEM ... 12
4.1.1 WAWANCARA ... 12
4.1.2 ANALISIS KEBUTUHAN FUNGSIONAL ... 12
4.2 PERANCANGAN SISTEM ... 12
4.2.1. SYSFLOW ... 13
4.2.2. PERANCANGAN ANTAR MUKA PENGGUNA ... 14
BAB V PENUTUP ... 24
5.1 KESIMPULAN ... 24
viii DAFTAR PUSTAKA ... 26
ix DAFTAR TABEL
x DAFTAR GAMBAR
Gambar 1. Struktur Organisasi ... 5
Gambar 2 Login Manajer ... 14
Gambar 3 Dashboard Manajer... 14
Gambar 4 Form Penialain Manajer ... 15
Gambar 5 Performa Karyawan Manajer ... 15
Gambar 6 Login Manajer ... 16
Gambar 7 Dashboard Admin ... 16
Gambar 8 Sidebar Admin ... 17
Gambar 9 Tabel Kriteria Dan Bobot ... 17
Gambar 10 Tabel Penilaian ... 18
Gambar 11 Tabel Series ... 19
Gambar 12 Tabel Karyawan... 19
Gambar 13 Tabel Pekerjaan ... 20
Gambar 14 Tabel Departemen... 21
Gambar 15 Detil Laporan Tabel Departemen ... 21
Gambar 16 Form Ubah Dan Tambah Tabel Departemen ... 22
1 BAB I PENDAHULUAN
1.1 LATAR BELAKANG MASALAH
Pada era 4.0 ini, banyak sekali perusahaan yang berusaha mengefisienkan pekerjaan menggunakan teknologi. Hal tersebut berdampak positif pada produktivitas perusahaan yang semakin cepat, mengurangi kecacatan produk serta pengendalian masalah yang lebih mudah. Tak menutup kemungkinan perusahaan bergerak dalam bidang barang maupun jasa pasti dapat memanfaatkan teknologi. Teknologi juga memiliki fungsi planning dan decision, yang menjadi landasan knowledge generator dan alasan yang kuat bagi para pemimpin perusahaan untuk mengambil suatu keputusan (Nagitec, 2020).
PT. Mitra Hutama Bersinar adalah perusahaan dari Indonesia yang sudah berdiri sejak 29 Augstus 2020. Perusahaan ini bergerak dibidang penjualan barang sanitasi seperti gayung, shower, dan lain sebagainya. PT. Mitra Hutama Bersinar memiliki kantor yang berada di Pantai Mentari, Blok. W No.34, Kenjeran, Kecamatan Bulak, Surabaya 60123 yang terdiri dari satu direktur utama, satu direktur, dan dua staff untuk mengelola teknologi informasi perusahaan. Jam kerja di perusahaan tersebut seperti perusahaan pada umumnya yakni delapan jam kerja, tapi yang membedakan yakni jam kerja tersebut sangat fleksibel. Jika karyawan mempunyai keperluan lain, maka jam kerjanya bisa diganti pada hari lain atau dapat lembur hingga malam.
PT. Mitra Hutama Bersinar memiliki empat departemen yang harus dilakukan penilaian pada masing-masing karyawannya, yang berjumlah antara sepuluh hingga dua belas karyawan. Departemen tersebut yakni administrasi, pengiriman, gudang, dan marketing. Menurut standar operasional prosedur, manajer tiap departemen wajib melakukan penilaian dalam beberapa periode yang terbagi menjadi periode mingguan, bulanan, tiga bulanan, enam bulanan, dan tiap tahun. Pada periode mingguan, manajer wajib melakukan penilaian sebanyak dua kali dan pengisian dilakukan pada hari yang berbeda. Untuk pengisian periode selain mingguan, akan diberitahukan dikemudian hari oleh komisaris.
2 Selama ini, PT. Mitra Hutama Bersinar melakukan penilaian karyawan menggunakan excel. Diawal, perusahaan memiliki pandangan walau hanya dengan menggunakan excel, data bisa tetap terorganisir dengan mudah dan tak perlu repot-repot membuat aplikasi. Tapi, setelah dilakukan evaluasi, dirasa penggunaan excel tidak menghasilkan keputusan yang tepat karena manajer sering lupa melakukan kegiatan penilaian karyawannya yang dilakukan diakhir minggu pada hari yang sama. Hal tersebut termasuk pelanggaran standar operasional karena pengisian nilai dihari yang sama dianggap tidak objektif. Hal tersebut juga menjadi bahan evaluasi komisaris yang menghasilkan keputusan bahwa diperlukannya aplikasi yang dapat mengingatkan manajer untuk melakukan penilaian dengan penginputan nilai sesuai standar operasional.
Oleh sebab itu, pada kerja praktik ini penulis membantu perusahaan dalam dua hal. Pertama, penulis membantu departemen teknologi informasi perusahaan untuk melakukan rancang bangun front-end berbasis situs web yang berguna untuk melihat data pengisian form yang telah dilakukan manajer, ubah data jika terdapat salah input, informasi keputusan penunjang untuk penilaian karyawan, penambahan karyawan, penambahan manajer, penambahan perusahaan, dan mengetahui hasil penilaian karyawan ditiap departemennya. Kedua, penulis juga membantu membuat rancang bangun front-end berbasis android ditiap manajer departemen untuk mengingatkan agar melakukan penilaian sesuai standar operasional dan juga sebagai form pengisian nilai sesuai periode. Beberapa syarat dan kriteria front-end yang penulis buat sudah disesuaikan dengan pedoman perusahaan seperti warna, font, logo, dan sebagainya agar tetap konsisten pada budaya perusahaan. Pemilihan bahasa pemrograman juga disesuaikan dengan keinginan perusahaan yakni javascript yang diyakini memiliki tingkat kecepatan membaca basis data serta responsive bila dibuka pada beberapa device.
1.2 RUMUSAN MASALAH
Berdasarkan latar belakang diatas, maka diperoleh rumusan masalah yaitu bagaimana merancang dan membangun front-end sistem penilaian kinerja karyawan berbasis android dan situs web pada PT . Mitra Hutama Bersinar.
3 1.3 BATASAN MASALAH
Batasan masalah dari perancangan front-end sistem penilaian kinerja karyawan berbasis android dan situs web pada PT . Mitra Hutama Bersinar:
Aplikasi berbasis situs web untuk admin teknologi informasi yang dapat melakukan create, update, delete (CRUD) data manajer, dan mengetahui hasil penilaian karyawan tiap departemen;
Aplikasi berbasis android untuk manajer departemen administrasi, pengiriman, gudang, dan marketing yang dapat melakukan pengisian form nilai karyawan dan sebagai pengingat untuk mengisikan nilai pada periode tertentu sesuai standar operasional;
Pembuatan front-end aplikasi tidak keluar dari budaya perusahan seperti halnya font, warna, logo, dan lain sebagainya yang sudah ditetapkan perusahaan.
1.4 TUJUAN
Tujuan dari pembuatan front-end sistem penilaian kinerja karyawan berbasis android dan situs web pada PT . Mitra Hutama Bersinar, yaitu memudahkan komisaris mendapatkan hasil penilaian tiap karyawan ditiap departemen sesuai standar operasional prosedur.
1.5 MANFAAT
Meningkatkan kreativitas dan kepedulian terhadap dunia industri dan TI sehingga mampu menciptakan aplikasi yang dapat memenuhi kebutuhan industri di bidang TI;
Memanfaatkan moment kegiatan kerja praktik untuk mengimplementasikan hasil pembelajaran selama kuliah.
4 BAB II GAMBARAN UMUM PERUSAHAAN
2.1 GAMBARAN UMUM
Nama perusahaan : PT. Mitra Hutama Bersinar
Alamat : Pantai Mentari, Blok. W No.34, Kenjeran, Kecamatan Bulak, Kota Surabaya, Jawa Timur.
Kontak : +62 851-5782-9294 / Bapak Owen
Kode post : 60123
Tanggal berdiri : 29 Augstus 2020
Visi : Menjadi perusahaan digital modern, besar, terpercaya & profesional di indonesia.
Misi : 1. Kami bertujuan untuk memberikan pelayanan terbaik dengan menciptakan produk yang berkualitas.
2. Menjalin hubungan kerjasama dengan mitra usaha yang saling menguntungkan dan berkelanjutan.
3. Serta terus mengembangkan potensi sumber daya yang kami miliki untuk dapat memberikan nilai tambah yang tinggi.
5 2.2 STRUKTUR ORGANISASI
Gambar 1. Struktur Organisasi
Pada gambar 1 merupakan struktur organisasi PT. Mitra Hutama Bersinar memiliki komisaris sebagai pemimpin puncak yang mengepalai laju produktivitas dan pelayanan tingkat nasional. Sedangkan untuk direktur utama, memiliki peran untuk mengawasi dan menyiapkan strategi terkhusus di area Surabaya. Sedangkan direktur yang mengepalai staff memiliki peran untuk mengawasi pekerjaan serta menjadi penilai untuk karyawannya.
6 BAB III LANDASAN TEORI
Landasan teori merupakan dasar pendapat penelitian atau penemuan dengan didukung oleh data dan argumentasi. Landasan teori ini digunakan untuk menjelaskan teori-teori yang mendukung penyusunan laporan Kerja Praktik ini, antara lain:
3.1 APLIKASI
Aplikasi dalam kehidupan manusia sangat mendukung dalam berbagai bidang mulai dari hal mendasar seperti alarm bangun pagi hingga hal penting seperti berbagi informasi politik dan ekonomi. Sebuah perangkat lunak atau program yang diciptakan dan dikembangkan untuk melakukan tugas-tugas tertentu pada perangkat komputer, laptop ataupun smartphone disebut aplikasi (Putra, 2020).
Aplikasi memiliki beberapa tipe yang dapat disesuikan dengan kebutuhan. Berikut beberapa tipe aplikasi:
Real-time software
Berguna untuk menganalisa dan mendapatkan informasi secara cepat. Aplikasi tipe ini biasanya digunakan untuk komunikasi antar pengguna.
System software
Aplikasi ini berguna untuk mengontrol perangkat keras yang biasa digunakan pada pabrik.
Personal computer software
Aplikasi yang khusus digunakan untuk seseorang saja. Pengguna aplikasi ini hanya diberikan beberapa akses khusus atau memiliki otoritas mengatur sistem aplikai lain.
7 3.2 SITUS WEB
Situs web adalah halaman yang berisikan informasi berupa gambar, tulisan, dan video yang dapat diakses khalayak umum melalui browser. Situs web memiliki protokol keamanan dengan menggunakan protokol Hypertext Transfer Protokol (HTTP). Halaman-halaman dalam sebuah situs web biasanya merupakan campuran teks dan media lainnya (Mardatila, 2021).
Dengan adanya situs web, pengguna dapat mudah mengakses suatu informasi. Situs web menjadi salah satu hal terpenting untuk kamu miliki, website bukan hanya digunakan untuk keperluan bisnis, namun juga dapat menjadi sarana komunikasi untuk berinteraksi dengan banyak orang (Nuresa, 2021). Berikut beberapa ciri situs web yang baik:
1. Desain yang mudah dimengerti
Desain tentu saja berdampak besar pada pengguna yang nyaman dan memudahkan pengguna untuk mencari informasi yang diperlukan. 2. Tidak memerlukan waktu tunggu akses yang lama
Situs web baik memiliki waktu tunggu kurang dari tiga detik. Jika sebuah situs memiliki waktu tunggu lebih dari tiga detik, maka akan lebih baik untuk diperbaiki terlebih dahulu.
3. Mempunyai informasi jelas
Penggunanya tentu memiliki tujuan untuk dapat menemukan informasi yang jelas dan tidak merepotkan. Situs yang baik akan menampilkan pengguna untuk membaca informasi dengan mudah.
3.3 ANDROID
Android merupakan sebuah sistem operasi yang dijalankan pada ponsel pintar atau smartphone. Saat ini, pengguna android di Indonesia sudah mencapai 95,53% dari hasil perhitungan grafik pengguna selama 12 bulan terakhir (StatCounter, 2021). Google sebagai pembuat operasi sistem android menggratiskan penggunaannya untuk dapat melakukan berbagai kebutuhan. Pada dasarnya, Google sendiri mendapatkan keuntungan apabila ada perusahaan atau pengembang aplikasi mereka sendiri ke Google Play Store (BootUp, 2019).
8 Pengguna android tentu perlu mengunduh dan menginstal aplikasi melalui aplikasi khusus unduh aplikasi yakni Google Play-store. Banyaknya aplikasi di Google Play Store, tidak semuanya berasal dari sumber yang terpercaya atau bisa dikatakan palsu dan berbahaya (Nugroho, 2019). Berikut beberapa ciri aplikasi yang aman dan layak untuk digunakan:
1. Nama Aplikasi
Pengguna yang ingin mengunduh aplikasi diharap dapat lebih teliti dan peka mengenai nama aplikasi serta nama pengembang aplikasi. Pemberian nama yang aneh bisa menjadi indikasi bahwa aplikasi tersebut tidak aman dan baik untuk diunduh.
2. Ulasan dan Penilaian Pengguna
Melihat ulasan yang tertera pada kolom komentar Google Play-store dapat menjadi bantuan pengguna sebelum mengunduh. Dikolom komentar pula dapat diidentifikasi mengenai pihak pengembang yang menerima saran dengan menanggapi para komentator atau tidak menanggapi.
3. Periksa Izin
Jika dua hal diatas tidak terindikasi ada masalah, hal selanjutnya yakni setelah pengguna mengunduh aplikasi. Beberapa aplikasi membutuhkan akses ijin untuk dapat menjalankan aplikasinya. Jika aplikasi meminta ijin untuk mengakses hal yang tidak wajar, maka lebih baik ditolak dan segera melakukan hapus instalasi.
3.4 FRONT END
Data perlu diolah agar dapat menjadi informasi. Pengguna tentunya menginginkan melihat informasi yang ringkas dan mudah walau memiliki data yang cukup banyak. Dari permasalahan tersebut, front-end dapat membantu pengguna untuk mengelola data dan mengubahnya menjadi tampilan aplikasi maupun situs web yang menarik. Front-End adalah sebuah bagian dari website yang menyuguhkan tampilan kepada user (Putri, 2019).Tampilan yang efisien dan efektif menjadi prioritas front-end yang harus terpenuhi.
9 Indikator tampilan yang menarik sangat subjektif. Hal tersebut karena tiap orang memiliki cita rasa dan cara tersendiri dalam menikmati sesuatu, untuk dapat menghasilkan tampilan aplikasi atau situs web yang baik, maka pihak front-end perlu melakukan diskusi dengan pihak User Interface/User Experience (UI/UX) agar dapat mendefinisikan tampilan seperti apa yang diinginkan serta kebutuhan apa saja yang dibutuhkan mulai dari primer hingga tersier. Front-end bertugas untuk mewujudkan desain yang sudah dibuat oleh UI/UX designer (Nashiruddin, 2020).
3.5 FRONT END DEVELOPER
Front-end developer adalah orang yang berperan membuat tampilan situs atau aplikasi melalui HTML, CSS, dan JavaScript (Firdiansyah, 2020). Ketiga bahasa tersebut merupakan dasar dari pengetahuan yang harus dimiliki front-end developer hal tersebut dikarenakan HTML merupakan tumpuan dasar atau struktur utama dari pembuatan situs web. CSS juga menjadi bagian penting karena dapat digunakan sebagai pengontrol halaman pada tampilan HTML seperti menentukan font, warna, gambar latar belakang, dan lainnya. Pada JavaScript, bahasa tersebut berguna untuk dapat menciptakan situs web yang lebih interaktif, memberikan animasi, serta meningkatkan performa dari fitur yang ingin ditambahkan. Front-end juga memiliki peran mengetahui kebutuhan dan tingkat prioritas pengguna dari tampilan situs web atau android yang akan dibuat. Selain itu, front-end juga berperan mengambil dan mengelola data dari basis data.
Front-end developer bertugas membuat situs atau aplikasi berdasarkan hasil prototype dari pihak UI/UX. Seorang front-end developer bertugas untuk menerapkan interface dan experience yang telah diberikan oleh seorang desainer Website atau UI/UX Designer (Kopidev, 2020). Selain tiga bahasa pemrograman diatas, terdapat beberapa kemampuan lain yang harus dimiliki front-end developer yakni:
1. Version Control/Git
Version control adalah sebuah proses melacak dan mengontrol perubahan-perubahan kode sehingga tidak perlu mengulangi semuanya dari awal.
10 2. Desain responsif
Agar aplikasi atau situs web dapat digunakan pada perangkat apapun, maka diperlukan Bootstrap untuk dapat dapat mengimplementasikan desain yang responsif.
3. Testing
Jika situs web atau aplikasi telah rampung dibuat, maka pada tahap ini aplikasi atau situs web akan dicek bila mendapati adanya bug atau eror pada fitur tertentu.
3.6 SYSTEM FLOWCHART
System flowchart merupakan bagan yang berguna untuk menunjukkan aliran penggunaan data serta operasi yang oleh pengguna maupun sistem aplikasi. Bagan ini juga menjelaskan prosedur yang wajib dilakukan oleh pengguna dari awal hingga akhir saat menggunakan sistem aplikasi. Bagan alir (flowchart) digunakan terutama untuk alat bantu komunikasi dan untuk dokumentasi (Rizky, 2019). Berikut beberapa simbol beserta penjelasan dapat dilihat pada tabel 1 dibawah ini:
Tabel 1 Penjelasan Simbol Sysflow
Simbol Nama simbol
Penjelasan
Terminal Simbol ini digunakan sebagai awal dan akhir pada alur penggunaan sistem.
Proses Simbol ini digunakan sebagai informasi proses yang sedang dijalankan sistem.
Pilihan Simbol ini digunakan sebagai pilihan untuk beberapa kondisi.
Inputan Simbol ini digunakan sebagai inputan pada sistem.
11 Basis data Simbol ini digunakan sebagai pengambilan atau
penambahan data pada basis data.
Garis alur Simbol ini digunakan sebagai informasi alur sistem.
Tampilan Simbol ini digunakan sebagai tampilan pada pengguna atau respon sistem.
12 BAB IV DESKRIPSI PEKERJAAN
4.1 ANALISIS DAN DESAIN SISTEM
Tahap analisis dan desain sistem berguna untuk mengumpulkan data dan memetakan periode pekerjaan selama masa kerja praktik. Untuk dapat melakukan pemetaan kerangka kerja, penulis sering berkonsultasi dengan pihak terkait agar dapat menyesuaikan waktu bersama. Setelah menyesuaikan jadwal dengan pihak perusahaan, hal yang dilakukan selanjutnya yakni menganalisa. Analisa yang dilakukan dimulai dari wawancara, analisis kebutuhan pengguna, analisis kebutuhan fungsional, analisis kebutuhan non fungsional, analisis kebutuhan sistem.
4.1.1 WAWANCARA
Wawancara yang penulis lakukan dilangsungkan selama satu hari kerja. Orang yang penulis wawancarai yakni Bapak Owen selaku orang kepercayaan dari direktur PT Mitra Utama Bersinar yang akan mengawasi dan membimbing penulis. Bapak Owen memberitahukan bahwa untuk desain UI/UX memang belom tersedia, dan berharap agar penulis bisa membuatkan pula UI/UX nya hingga pembuatan aplikasi android maupun situs web.
4.1.2 ANALISIS KEBUTUHAN FUNGSIONAL
Analisa kebutuhan fungsional berguna untuk memberitahukan diagram alir yang dikonsep atau dikemas dalam bentuk deskripsi. Analisis pada tahap ini dibagi menjadi dua, yakni manager pengguna android dan admin pengguna situs web. Meskipun terdapat 2 pengguna, namun analisis kebutuhan fungsional berpandangan pada tahap-tahap yang akan dilakukan oleh pengguna dalam melakukan suatu keputusan bukan pada penggunaannya yang android maupun situs web. Keputusan yang dimaksud dapat berupa melihat data, penambahan data, pengubahan data, maupun penghapusan data. Adapun detil analisis kebutuhan fungsional berupa tabel yang terdapat pada lampiran tabel 4 hingga tabel 12.
4.2 PERANCANGAN SISTEM
Tahap perancangan sistem merupakan tahap lanjutan setelah analisis dan desain sistem selesai. Perancangan sistem terbagi menjadi dua hal, yakni
13 pembuatan system flow (sysflow) dan perancangan antar muka. Sysflow berguna untuk memudahkan pembaca melihat serta mengimplementasikan bahkan dapat mengembangkan program yang akan dibuat dari hasil analisis kebutuhan fungsional yang telah dilakukan. Selain itu, kegunaan sysflow dapat menjadi tolak ukur seberapa besar program akan dijalankan. Desain antar muka merupakan bagian dari pengimplementasian awal pembuatan program. Dengan desain antar muka programmer memiliki pedoman desain yang harus diimplementasikan ke dalam coding.
4.2.1. SYSFLOW
Untuk memudahkan pengembangan aplikasi android maupun situs web pada masa mendatang, developer memiliki cara untuk memetakan hal-hal apa saja yang dapat dilakukan pengguna dan tanggapan yang harusnya dilakukan oleh sistem. Pada kondisi ini, sysflow dibagi menjadi dua, yakni manager sebagai pengguna android, dan admin sebagai pengguna situs web. Adapun sysflow berupa gambar yang berisi alur sistem yang terdapat pada lampiran gambar 19 hingga gambar 26.
14 4.2.2. PERANCANGAN ANTAR MUKA PENGGUNA
Berikut adalah tampilan dari sudut pandang manajer yang menggunakan android:
Gambar 2 Login Manajer Gambar 3 Dashboard Manajer
Gambar 2 menunjukkan saat manajer akan login ke aplikasi penilaian karyawan.
Gambar 3 menunjukkan saat pertama kali berada di aplikasi. Terdapat penjelasan batas waktu, serta banyaknya penilaian yang sudah dilakukan.
15 Gambar 4 Form Penialain Manajer Gambar 5 Performa Karyawan
Manajer
Gambar 4 menunjukkan form penilaian yang akan dilakukan oleh manajer. Gambar diatas juga sama halnya jika manajer melakukan ubah nilai.
Gambar 5 menunjukkan performa karyawan terbaik yang telah dinilai.
16 Berikut adalah tampilan dari sudut pandang admin yang menggunakan situs web:
Gambar 6 Login Manajer
Gambar 6 adalah halaman login untuk admin. Pada halaman admin tertera email dan password yang dapat di atur oleh admin, sehingga adanya halaman login tersebut untuk mengamankan dan memastikan hanya pihak admin yang bisa masuk.
Gambar 7 Dashboard Admin
Gambar 7 merupakan grafik performa departemen serta manajer. Grafik departemen dibuat dalam bentuk grafik lingkaran karena departemen perusahaan tidak banyak. Untuk grafik performa manajer dibuat dalam bentuk
17 persentase karena manajer yang harus dinilai cukup banyak serta informasi yang ingin dilihat berupa persentase, sehingga akan lebih baik menggunakan grafik bar.
Gambar 8 Sidebar Admin
Gambar 8 menjelaskan side bar dari situs web admin. Pada sidebar tersebut dapat disembunyikan atau ditampilkan, sehingga tidak banyak menghabiskan ruang pada tampilan. Jika admin membutuhkan informasi, dapat ditekan tampil agar mengetahui isi side bar.
Gambar 9 Tabel Kriteria Dan Bobot
Gambar 9 menjelaskan mengenai tabel kriteria dan bobot. Terdapat pula tambah dan ubah dan hapus serta laporan yang terdapat pada tabel. Tabel tersebut akan memberikan informasi mengenai departemen apa saja yang terkait pada kriteria dan bobot yang telah ditentukan.
18 Gambar 10 Tabel Penilaian
Gambar 10 menjelaskan mengenai tabel penilaian. Terdapat pula tambah dan ubah dan hapus serta laporan yang terdapat pada tabel. Tabel tersebut ditujukan untuk tiap karyawan yang berada didepartemen tertentu yang dapat disesuaikan dengan keadaan bila ingin diubah. Tabel penilaian juga dapat dilakukan tambah nilai jika manajer belum mengisi data penilaian karyawan walau sudah diingatkan.
19 Gambar 11 Tabel Series
Gambar 11 menjelaskan mengenai tabel series. Terdapat pula tambah dan ubah yang terdapat pada tabel. Tombol tambah diatas menjadi inactive karena hanya bisa ditambah minimal 6 bulan sekali. Tabel series berguna untuk menentukan periode pengisian nilai yang dapat dilakukan manajer.
Gambar 12 Tabel Karyawan
Gambar 12 adalah tabel karyawan yang memiliki tambah, ubah dan hapus pada tabelnya. Tabel karyawan berguna untuk melihat daftar dan biodata karyawan. Admin dapat melakukan tambah karyawan, ubah karyawan dan hapus karyawan. Untuk fitur foto masih belum tersedia karena pada saat itu perusahaan hanya
20 meminta untuk dibuatkan kolomnya saja, tapi untuk tambah foto maupun edit foto masih belum tersedia.
Gambar 13 Tabel Pekerjaan
Gambar 13 adalah tabel pekerjaan yang memiliki tambah, ubah dan hapus pada tabelnya. Tabel pekerjaan berguna untuk melihat daftar pekerjaan yang dimiliki perusahaan. Tabel tersebut hanya menginformasikan seputar pekerjaan saja.
21 Gambar 14 Tabel Departemen
Gambar 14 adalah tabel departemen yang memiliki tambah, ubah dan hapus serta laporan pada tabelnya. Tabel departemen berguna untuk melihat daftar departemen yang dimiliki perusahaan. Tabel tersebut hanya menginformasikan seputar departemen saja.
Gambar 15 Detil Laporan Tabel Departemen
Gambar 15 menjelaskan pada halaman departemen dan memilih tombol laporan. Laporan yang ditampilkan dalam bentuk pop-up berupa informasi nama karyawan serta nilai karyawan dari departemen yang dipilih.
22 Gambar 16 Form Ubah Dan Tambah Tabel Departemen
Gambar 16 menjelaskan pada halaman departemen bila memilih tombol ubah maupun tambah yang berada pada gambar 14 tabel departemen maka akan muncul form. Untuk melakukan tambah atau ubah departemen, form yang ditampilkan dalam bentuk pop-up yang dapat diisi nama departemen serta note jika memiliki catatan khusus departemen tersebut. Pada kolom ID Departemen berwarna abu-abu karena kolom tersebut akan diisi automatis dari sistem.
Gambar 17 Tabel Perusahaan
Gambar 17 menjelaskan tabel pada halaman perusahaan. Tabel pekerjaan berguna untuk melihat daftar perusahaan yang menjadi rekan kerja PT. Mitra Hutama Bersinar yang dapat dilakukan tambah, ubah, maupun hapus data. Tabel tersebut hanya menginformasikan seputar rekan kerja perusahaan saja
23 Beberapa gambar diatas memiliki pagination table yang berarti dapat diaturnya banyak halaman serta menyeleksi tampilan tabel. Untuk informasi tabel yang tidak ada karena data yang dimiliki masih kosong sehingga tombol tambah, ubah, dan hapus masih belum tersedia.
24 BAB V PENUTUP
5.1 KESIMPULAN
Berdasarkan pelaksanaan kerja praktik yang dilakukan di PT. Mitra Hutama Bersinar, dapat disimpulkan bahwa dalam pembuatan rancang bangun front end sistem penilaian kinerja karyawan berbasis android dan situs web dapat disimpulkan sebagai berikut:
1. Aplikasi android yang digunakan oleh manajer untuk melakukan penilaian karyawan, sudah dapat dilakukan dengan memiliki ketentuan pembaruan nilai kurang dari 24 jam. Manajer juga dapat mengetahui berapa kali manajer telah melakukan penilaian pada masing-masing karyawan, dan manajer juga mengetahui berapa banyak karyawannya yang belum dinilai. Selain itu, manajer juga dapat mengetahui performa karyawan melalui grafik bar. Performa tersebut diperoleh dari hasil penilaian yang dilakukan oleh manajer.
2. Situs web pada admin memiliki beberapa tabel yang sudah dilengkapi dengan table pagination untuk memudahkan pengguna. Pada tiap tabel terdiri dari informasi detil tabel tersebut, serta fitur untuk menambah, hapus, ubah yang akan memudahkan admin untuk mengelola data. Pada beberapa tabel memiliki fitur laporan yang berguna untuk melihat detil laporan berupa pop-up form. Selain tabel, admin juga memiliki fitur dashboard nilai yang terdiri dari grafik lingkaran untuk melihat performa semua departemen dan grafik presentase untuk melihat performa semua manajer.
Perancangan antar muka telah dilakukan revisi sebanyak 4 kali karena adanya permintaan dan pengurangan kebutuhan dalam aplikasi. Pembuatan situs web dan android tidak sampai ditahap akhir yakni testing dikarenakan waktu yang tidak cukup.
25 5.2 SARAN
Berdasarkan kesimpulan di atas dan kerja praktik yang dilakukan, maka menghasilkan sejumlah saran yang dapat dikembangkan lebih lanjut pada masa mendatang sebagai bagian dari upaya peningkatan kualitas sistem. Berikut adalah beberapa saran tersebut:
1. Terdapat beberapa fitur yang belum dilengkapi, seperti fitur jika pengguna lupa password, fitur notifikasi untuk manajer yang lupa melakukan penilaian, dan beberapa fitur lain yang sekiranya dapat memudahkan pengguna. Diharapkan dapat dilakukan pengembangan lebih lanjut untuk meningkatkan kenyamanan pengguna.
2. Disarankan untuk terus mengikuti perubahan mode tampilan antarmuka sesuai dengan berjalannya waktu, agar fitur - fitur yang digunakan dapat membuat pengguna nyaman.
3. Penulis merekomendasikan kepada pengguna yang menggunakan sistem informasi ini sesuai dengan prosedur yang terdiskripsi pada sysflow penulis agar aplikasi dan situs web dapat digunakan sesuai dengan fungsinya.
26 DAFTAR PUSTAKA
BootUp. (2019, Mei 27). Android Adalah? Pengertian, Sejarah, Hingga Kelebihanya dibanding OS lain. Retrieved from bootup.ai: https://bootup.ai/blog/apa-itu-android-pengertian-kelebihan/
Digital, D. (2021). Website yang Baik Harus Memenuhi Kriteria Ini. Retrieved from www.dhadigital.com: https://www.dhadigital.com/syarat-website-untuk-bisnis/
Firdiansyah, A. (2020, Desember 22). Kerap Beriringan, Apa Perbedaan Antara Front End dan Back End? Retrieved from glints.com:
https://glints.com/id/lowongan/perbedaan-front-end-dan-back-end/#.YJPeeLUzZZV
Kopidev, M. (2020, 04 26). Panduan Menjadi Front-End Developer. Retrieved from kopi.dev:
https://kopi.dev/front-end-developer/#apa_itu_front_end_developer
Mardatila, A. (2021, Januari 21). Mengenal Pengertian Website, Ketahui Jenis dan Fungsinya. Retrieved from www.merdeka.com:
https://www.merdeka.com/sumut/pengertian-website-fungsi-beserta-jenis-jenisnya-kln.html
Nagitec. (2020). PENTINGNYA TEKNOLOGI BAGI PERUSAHAAN. Retrieved from nagitec.com:
https://nagitec.com/pentingnya-teknologi-bagi-perusahaan/
Nashiruddin, T. (2020, 10 01). Mengenal Front-End Programmer, Pelaksana Ide-Ide UI/UX Designer. Retrieved from www.jagoanhosting.com:
https://www.jagoanhosting.com/blog/front-end-programmer/
Nugroho, R. A. (2019, 04 23). 7 Cara Mengetahui Aplikasi Palsu dan Berbahaya di Play Store, Agar HP Aman. Retrieved from hot.liputan6.com:
https://hot.liputan6.com/read/3948120/7-cara-mengetahui-aplikasi-palsu-dan-berbahaya-di-play-store-agar-hp-aman
27 Nuresa, G. (2021). 4 Kriteria Website yang Berkualitas Baik. Retrieved from
whello.id: https://whello.id/tips-digital-marketing/kriteria-website-yang-berkualitas-baik/#1_Website_Responsive
Putra. (2020, Juni 16). PENGERTIAN APLIKASI: Fungsi, Sejarah, Klasifikasi, Jenis & Contoh Aplikasi. Retrieved from salamadian.com:
https://salamadian.com/pengertian-aplikasi/
Putri, A. R. (2019, 04 26). Apa Itu Front-End dan Back-End di Dunia Teknologi? Retrieved from kumparan.com: https://kumparan.com/kumparantech/apa-itu-front-end-dan-back-end-di-dunia-teknologi-1qxlD60BCjk
Rizky, D. (2019, April 30). Jenis Flowchart dan Simbol-Simbolnya. Retrieved from medium.com: https://medium.com/dot-intern/jenis-flowchart-dan-simbol-simbolnya-ef6553c53d73
StatCounter. (2021, April). Mobile & Tablet Android Version Market Share Indonesia. Retrieved from gs.statcounter.com:
https://gs.statcounter.com/os-version-market-share/android/mobile-tablet/indonesia
