Hak cipta dan penggunaan kembali:
Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis dan melisensikan ciptaan turunan dengan syarat yang serupa dengan ciptaan asli.
Copyright and reuse:
This license lets you remix, tweak, and build upon work
non-commercially, as long as you credit the origin creator
and license it on your new creations under the identical
terms.
BAB III
PELAKSANAAN KERJA MAGANG 3.1 Kedudukan dan Koordinasi
Posisi yang diberikan dalam pelaksanaan kerja magang di PT. Hexaon business Mitrasindo adalah sebagai software engineer. Tugas yang diberikan adalah membuat project Sistem Infornasi Angkatan Laut (SIMAL). Kerja magang dikoordinasikan Bapak Julian Rulliansyah selaku Senior Software Engineer sekaligus pembimbing lapangan selama kerja magang. Proyek ini dikerjakan oleh satu anak magang dan satu orang karyawan divisi Research and Develop Team.
Secara berkala Bapak Julian Rulliansyah menanyakan progress dari aplikasi yang dikerjakan. Jika menemukan kesulitan dapat menanyakan secara langsung.
Penjelasan tugas diberikan melalui rapat yang diadakan setiap hari Senin pagi sehingga memudahkan dalam proses pengerjaan.
3.2 Tugas yang dilakukan
Selama pelaksanaan kerja magang yang berdurasi 40 hari, backend yang dikerjakan yaitu Implementasi Sistem Informasi Angkatan Laut menggunakan framework Express.js, Socket.io untuk data real-time, MongoDB sebagai basis data. Pengembangan Sistem Informasi Angkatan Laut hanya membuat dari sisi admin yaitu pihak angkatan laut. Sistem ini digunakan agar admin dapat melihat lokasi secara real-time beberapa data diri dan lokasi dari prajurit dan juga dapat membuat user baru.
Berikut ini rincian pekerjaan yang dilakukan di PT. Hexaon Business Mitrasindo.
Table 3. 1 Uraian Tugas per Minggu
Pada minggu pertama, pengenalan program Sistem Informasi Angkatan Laut(SIMAL) dilakukan untuk mengetahui alur program, cara kerja program dan fungsi-fungsi yang ada pada program. Aplikasi ini nantinya akan menerima informasi lokasi dari mobile apps yang terpasang di handphone milik tentara dan kemudian menyimpannya kedalam basis data dan menampilkannya dalam bentuk maps. Pada hari itu juga mendapat tugas untuk mempelajari socket.io untuk mengimplementasikan web socket real-time. Pada saat pembelajaran melakukan sebuah mini project untuk mengambil data lokasi secara real-time.
Minggu Tugas
1 - Pengenalan program
- Pembelajaran impelementasi web socket real-time dengan socket.io
2 - Pembelajaran web service real-time dengan framework feathers.js
3 - Integration node.js dengan MongoDB dan Express.js
- Membuat basis data dengan MongoDB dan library mongoose di MLAB
4 - Integrasi aplikasi dengan GIS dengan menggunakan Google Maps API
5 - Membuat fitur authentication Node.js - Membuat fitur login dan register 6 - Membuat kerangka aplikasi
- Membuat halaman Create User - Membuat halaman Dashboard - Membuat halaman Location
7 - Membuat fitur Create, Retrieve, Update, dan Delete(CRUD)
8 - Membuat fitur menampilkan maps pada halaman Location - Uji coba dan evaluasi
Pada minggu kedua, pembimbing lapangan memberikan tugas untuk melakukan riset mengenai web service real-time menggunakan framework Feathers.JS. Setelah melakukan riset mengenai Feathers.JS dapat disimpulkan bahwa framework ini tidak terlalu cocok dengan aplikasi yang akan dibuat sehingga tidak jadi digunakan.
Pada minggu ketiga, dilanjutkan dengan pengerjaan mengintegrasikan Node.JS dengan framework Express.JS dan juga membuat basis data menggunakan MongoDB dan bantuan library mongoose dan merancang basis data di MLAB secara online.
Pada minggu keempat, pembimbing lapangan memberikan tugas untuk riset mengenai penggunaan aplikasi dengan GIS yang menggunakan Google Maps API.
Pada minggu kelima, kemudian dilanjutkan dengan membuat authentication Node.JS dan juga membuat front-end dan back-end untuk menjalankan fitur login dan membuat fitur register dan menyimpan data ke basis data.
Pada minggu keenam, dilanjutkan dengan membuat kerangka aplikasi serta membuat beberapa halaman yaitu halaman Create User, Dashboard, dan juga halaman Location.
Pada minggu ketujuh, pembimbing lapangan meminta agar admin mempunyai fitur untuk Create, Retrieve, Update dan Delete.
Pada minggu kedelapan, dilanjutkan dengan membuat fitur Maps pada halaman Location menggunakan Google Maps API dan kemudian dilakukan
presentasi fitur apa saja yang sudah penulis buat dan membuat dokumentasi untuk diserahkan kepada pihak perusahaan karena waktu magang yang sudah mencapai akhir.
3.3 Uraian Pelaksanaan Kerja Magang
Dalam Pelaksanaannya Sistem Informasi Angkatan Laut dibagi menjadi beberapa bagian dan dijelaskan dalam proses pelaksanaan, flowchart, database schema dan implementasi.
3.3.1 Proses Pelaksanaan
Pengembangan Sistem Informasi Angkatan Laut menggunakan perangkat lunak dan perangkat keras. Perangkat lunak yang digunakan akan dijabarkan sebagai berikut.
1. Operating System Windows 8.1 Pro 2. Google Chrome 69.0.3497.100 64-bit 3. Sublime Versi 3
4. Command Prompt (Windows)
Sedangkan perangkat keras yang digunakan untuk pengembangan akan dijabarkan sebagai berikut.
1. Asus A455-LN (2015)
2. Prosesor 1,7 GHz Intel Core i5 3. Ram 8GB
4. Graphics NVIDIA GeForce 840M
3.3.2 Flowchart
Adapun alur dari aplikasi yang dikembangkan digambarkan dalam flowchart. Flowchart dibagi menjadi dua yaitu flowchart umum, dan flowchart CreateUserPage.
A. Flowchart Umum
Aplikasi Sistem Informasi Angkatan Laut diakses menggunakan browser.
Secara default aplikasi ini langsung menuju ke halaman login dan setelah login menuju ke Halaman CreateUserPage. Setelah itu ada beberapa pilihan halaman.
Alur proses dapat dilihat pada Gambar 3.1.
Gambar 3.1 Flowchart umum
B. Flowchart CreateUserPage
Saat CreateUserPage dipilih maka user akan dapat melakukan register, edit, dan juga delete user di dalam database. Di halaman ini juga user yang ada pada basis data akan ditampilkan namun hanya nama dan email-nya yang akan tertera pada tabel. Alur proses dapat dilihat dari Gambar 3.2.
Gambar 3.2 Flowchart Laman CreateUser
3.3.3 Struktur Tabel
Media penyimpanan data yang digunakan dalam aplikasi Sistem Informasi Angkatan Laut adalah MongoDB. Dalam merancang aplikasi ini penulis baru membuat satu tabel yaitu tabel user yang berfungsi untuk menyimpan data user.
Table 3.2 Struktur Tabel User
No Nama Kolom Tipe Data Keterangan
1 id String Primary Key
2 name String -
3 email String -
4 Passwd1 String -
3.3.4 Perancangan Antarmuka Sistem
Dalam perancangan aplikasi Sistem Informasi Angkatan laut terdapat proses perancangan tampilan. Perancangan tampilan didiskusikan oleh tim dan mendapat evaluasi dari pembimbing sehingga sesuai dengan kebutuhan.
A. Rancangan Halaman Login
Pada Gambar 3.3 merupakan rancangan halaman login yang meminta inputan email serta password dan ada tombol untuk login ke halaman CreateUser.
Gambar 3.3 Rancangan Halaman Login
Gambar 3.4 Rancangan Halaman CreateUser B. Rancangan Halaman CreateUser
Pada Gambar 3.4 merupakan rancangan halaman CreateUser. Terdapat button create new user, button delete, dan button update untuk mengubah data user dan juga menghapusnya.
C. Rancangan Halaman Dashboard
Gambar 3.5 Rancangan Halaman Dashboard
Pada gambar 3.5 merupakan halaman Dashboard berisi tentang email, dan nama user yang telah terdaftar di basis data.
D. Rancangan Halaman Location
Pada gambar 3.6 ada satu maps yang dibuat menggunakan Google Maps API untuk memperlihatkan titik letak pos-pos tentara Negara Indonesia.
Gambar 3.6 Rancangan Halaman Location 3.3.5 Implementasi Sistem
A. Mini Project socket.io
Mini project untuk mengimplementasikan socket.io mempunyai dua halaman yang satu untuk menampilkan sebuah maps yang memperlihatkan lokasi dengan menggunakan marker disaat seseorang mengakses halaman yang sudah ditentukan sebelumnya. Gambar 3.8 memperlihatkan maps ketika ada seseorang yang mengakses halaman yang ditunjukkan pada Gambar 3.9. Alur proses dapat dilihat pada Gambar 3.7.
Gambar 3.7 Flowchart mini project socket.io
Gambar 3.8 Lokasi Hasil Track
Gambar 3.9 Trigger untuk meminta izin pengambilan lokasi B. Halaman Login
Gambar 3.10 Halaman Login
Gambar 3.11 Halaman CreateUser
Gambar 3.10 menunjukkan tampilan halaman login yang membutuhkan email dan password untuk dapat masuk ke dalam aplikasi.
C. Halaman CreateUser
Gambar 3.11 merupakan halaman CreateUser. Di sini dapat membuat user baru dan juga melihat user yang sudah ada sebelumnya. Di sini juga dapat melakukan update data maupun delete user yang sudah ada dan juga dapat melakukan reset password pada akun yang tidak dapat mengingat password-nya.
D. Halaman Dashboard
Gambar 3.12 Halaman Dashboard
Gambar 3.12 berisi halaman dashboard yang masih berisi informasi random karena penulis belum mengetahui informasi detail apa yang harus dimasukan ke dalam halaman ini.
E. Halaman Location
Pada Gambar 3.13 terdapat maps yang memperlihatkan lokasi dari pos-pos penjagaan Tentara Negara Indonesia yang menjadi tempat bertugas para tentara
3.4 Kendala yang ditemukan
Selama pelaksanaan kerja magang di PT. Hexaon Business Mitrasindo, terdapat beberapa kendala yang dialami yaitu sebagai berikut.
1. keterbatasan pengalaman di bidang pemrograman menggunakan framework Express.js, Socket.Io maupun basis data MongoDB dan juga jam masuk supervisor yang berbeda.
2. Terdapat beberapa bugs yang ditemukan pada saat pertama kali didemonstrasikan.
3. Register dan login yang tidak jalan dikarenakan masalah teknis seperti koneksi internet yang tidak stabil yang dialami oleh admin.
3.5 Solusi atas Kendala yang ditemukan
Solusi atas kendala yang dialami adalah sebagai berikut.
1. berdiskusi dengan rekan kerja dan menunggu supervisor hingga tiba di kantor.
2. mencari penyelesaian terkait melalui internet.
3. Memastikan koneksi internet stabil agar dapat melakukan register maupun login pada aplikasi.