PERANCANGAN USER INTERFACE DAN MEMBUAT
KONEKSI DATABASE PADA SISTEM APLIKASI
BAGIAN INVENTORY PADA PT POLARITAS
MULTITRANS TECHNOLOGY
LAPORAN KERJA MAGANG
Alexander Alvin Chui 13110310067
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS TEKNIK DAN INFORMATIKA
UNIVERSITAS MULTIMEDIA NUSANTARA
TANGERANG
2020
i
PERNYATAAN
Dengan ini saya menyatakan bahwa telah melaksanakan praktek kerja magang pada:
Nama Perusahaan : PT Polaritas Multitrans Technology
Divisi : IT (User Interface Designer)
Alamat : Komplek Ruko BSD Blok RN No. 53,
Sektor 7, Serpong, Lengkong Wetan, Kec. Serpong, Kota Tangerang Selatan, Banten
Periode Magang : 17 Februari 2020 – 24 April 2020
Pembimbing Lapangan : Ali Faturochman
Laporan kerja magang ini adalah karya tulis saya sendiri, bukan plagiat dari karya tulis yang ditulis oleh orang lain atau lembaga lain, dan semua karya tulis orang lain atau lembaga lain yang dirujuk dalam laporan kerja magang ini telah disebutkan sumber kutipannya serta dicantumkan 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 dan status kesarjanaan strata satu yang sudah diterima akan dicabut.
Tangerang, 30 April 2020
ii
Halaman Persetujuan
Laporan Kerja Magang dengan Judul
“Perancangan User Interface dan Membuat Koneksi Database Pada Sistem Aplikasi Bagian Inventory Pada PT Polaritas Multitrans Technology”
Oleh
Alexander Alvin Chui
telah disetujui untuk diajukan pada
Sidang Ujian Magang Universitas Multimedia Nusantara
Tangerang, 29 April 2020
Menyetujui,
Dosen Pembimbing Ketua Program Studi
HALAMAN PENGESAHAN
Laporan Kerja Magang dengan judul
“Perancangan User Interface dan Membuat Koneksi Database Pada Sistem Aplikasi Bagian Inventory Pada PT Polaritas Multitrans Technology”
oleh
Alexander Alvin Chui
telah diujikan pada hari Rabu, 6 Mei 2020, pukul 10:00 s.d. 11:00 dan dinyatakan lulus
dengan susunan penguji sebagai berikut.
Dosen Pembimbing Penguji
Ir. Raymond Sunardi Oetama, M.C.I.S. Ririn Ikana Desanti, S.Kom., M.Kom.
Disahkan oleh
Ketua Program Studi Sistem Informasi – UMN
Ririn Ikana Desanti, S.Kom., M.Kom.
iii
PERANCANGAN USER INTERFACE DAN MEMBUAT KONEKSI
DATABASE PADA SISTEM APLIKASI BAGIAN INVENTORY
PADA PT POLARITAS MULTITRANS TECHNOLOGY
ABSTRAK
Oleh: Alexander Alvin Chui
Dengan perkembangan jaman dan ilmu pengetahuan yang semakin melaju dengan pesat di bidang teknologi dan informasi, maka dituntut untuk bekerja secara mandiri dan memiliki sebuah keahlian atau keterampilan agar dapat bersaing di dalam dunia kerja. PT Polaritas Multitrans Technology merupakan perusahaan yang bergerak di bidang alat rumah sakit khususnya bagian kalibrasi. Pada saat ini, PT Polaritas Multitrans Technology sedang dalam tahap pengembangan sistem aplikasi untuk penggunaan di internal perusahaan termasuk untuk bagian Inventory, tetapi terkendala kurangnya personil yang dibutuhkan terutama untuk membuat rancangan user interface. Oleh karena itu PT Polaritas Multitrans Technology membutuhkan tenaga kerja magang yang berhubungan dengan pengembangan tampilan antar muka.
Proses kerja praktek magang di PT Polaritas Multitrans Technology dilakukan selama 40 hari kerja dan ditempatkan sebagai User Interface Designer yang dituntut untuk membuat rancangan desain user interface untuk sistem aplikasi bagian Inventory dengan hasil akhir berupa mock-up. Kemudian juga diberikan pekerjaan tambahan untuk membantu tim back-end development dalam melakukan koneksi database dengan sistem aplikasi yang sedang dibuat.
iv
USER INTERFACE DESIGN AND MAKING DATABASE
CONNECTION FOR THE INVENTORY APPLICATION SYSTEM
AT PT POLARITAS MULTITRANS TECHNOLOGY
ABSTRACT
By: Alexander Alvin Chui
With the current development and science that are progressing rapidly in the field of technology and information, it is required to work independently and have an expertise or skills in order to compete in the world of work. PT Polaritas Multitrans Technology is a company engaged in the field of hospital equipment, especially the calibration section. At this time, PT Polaritas Multitrans Technology is in the stage of developing an application system for use in internal company area including for the Inventory system but is constrained by the lack of personnel needed specially to create user interface designs. Therefore, PT Polaritas Multitrans Technology requires an intern who is related to the development of interface appearance.
The internship practice process at PT Polaritas Multitrans Technology is carried out for 40 working days and is placed as a User Interface Designer who is required to create a user interface design for the Inventory application system with the final result in the form of mock-ups. Then also given additional work to assist the back-end development team in connecting the database with the application system that is being created.
v
KATA PENGANTAR
Puji Syukur kepada Tuhan Yang Maha Esa atas berkat, rahmat, dan karunia yang diberikan sehingga sampai saat ini dapat Menyusun dan menyelesaikan program kerja magang dan membuat laporan kerja magang ini. Program kerja magang dilaksanakan di PT Polaritas Multitrans Technology yang berlokasi di Komplek Ruko BSD Blok RN No. 53, Sektor 7, Serpong, Lengkong Wetan, Kec. Serpong, Kota Tangerang Selatan, Banten dengan judul laporan kerja magang yaitu “PERANCANGAN USER INTERFACE DAN MEMBUAT KONEKSI DATABASE PADA SISTEM APLIKASI BAGIAN INVENTORY PADA PT POLARITAS MULTITRANS TECHNOLOGY”.
Dengan berakhirnya proses kerja magang dan penulisan laporan magang, penulis ingin mengucapkan terima kasih kepada PT Polaritas Multitrans Technology di Tangerang & Universitas Multimedia Nusantara selaku almamater tempat penulis menuntut ilmu dan berbagai pelajaran sebagai bekal untuk terjun ke dunia kerja yang sesungguhnya. Laporan kerja magang dan program kerja magang yang dijalankan tidak akan terlaksana dan terselesaikan dengan baik tanpa bantuan dan dukungan dari berbagai pihak. Oleh karena itu, ingin mengucapkan terima kasih kepada:
1. Ibu Ririn Ikana Desanti, S.Kom., M.Kom., selaku Ketua Program Studi Sistem Informasi yang telah bersedia menyetujui laporan magang yang telah disusun.
vi
2. Bapak Ir. Raymond Sunardi Oetama, M.C.I.S. selaku dosen pembimbing penulisan laporan magang kerja, yang telah membantu dengan memberikan saran-saran selama pengerjaan laporan magang kerja ini berlangsung 3. Bapak Ali Faturochman selaku pembimbing lapangan yang telah membantu
penulis selama melaksanakan kerja magang
4. Ayah dan Ibu yang telah memberikan kasih saying, do’a, bantuan, dukungan, dan motivasi dalam melaksanakan program kerja magang. 5. Rekan – rekan kerja di tempat PT Polaritas Multitrans Technology yang
telah bekerja sama dan sedia membantu penulis sewaktu ada kesulitan di tempat magang
6. Septian Mochamad Sholikhin S.Kom. dan Richard Anthony S.Kom. selaku teman yang membantu memberikan semangat dan motivasi selama pengerjaan magang ini dan teman – teman lainnya yang memberikan motivasi selama pengerjaan magang.
Semoga laporan kerja magang ini kemudian dapat memberikan manfaat dan informasi yang berguna bagi siapapun yang membaca laporan magang ini
Tangerang, 28 April 2020
vii
DAFTAR ISI
PERNYATAAN ... i Halaman Persetujuan ... ii ABSTRAK ... iii ABSTRACT ... iv KATA PENGANTAR ... v DAFTAR TABEL ... ix DAFTAR GAMBAR ... x BAB I PENDAHULUAN ... 1 1.1 Latar Belakang ... 11.2 Maksud Kerja Magang ... 2
1.3 Tujuan Kerja Magang ... 3
1.4 Waktu dan Prosedur Pelaksanaan Kerja Magang ... 4
1.4.1 Waktu Pelaksanaan Kerja Magang ... 4
1.4.2 Prosedur Pelaksanaan Magang ... 5
BAB II GAMBARAN PERUSAHAAN ... 8
2.1 Gambaran Umum Perusahaan ... 8
2.2 Produk Perusahaan ... 9
2.3 Visi dan Misi Perusahaan ... 14
2.3.1 Visi Perusahaan ... 15
2.3.2 Misi Perusahaan ... 15
2.4 Struktur Organisasi ... 16
2.5 Logo Perusahaan ... 17
BAB III PELAKSANAAN KERJA MAGANG ... 47
3.1 Kedudukan dan Koordinasi ... 47
3.2 Tugas yang Dilakukan ... 48
3.3 Uraian Pekerjaan Magang ... 49
3.3.1 Pengenalan Lingkungan Kerja (Minggu 1 – 2) ... 49
3.3.1 Membantu Back-end Development (Minggu ke 3 – 6)... 52
3.3.2 Ikut Kegiatan Kalibrasi Alat Kesehatan dan Input Data Sertifikasi Alat Kesehatan (Minggu ke 7 – 8) ... 63
3.3.3 User Interface Sistem Inventory (Minggu ke 9 – 10)... 65
viii
3.5 Solusi atas Kendala ... 73
BAB IV KESIMPULAN DAN SARAN ... 74
4.1 Kesimpulan ... 74
4.2 Saran ... 75
4.2.1 Pihak PT Polaritas Multitrans Technology ... 75
4.2.2 Pihak Universitas Multimedia Nusantara... 75
4.2.3 Pihak Mahasiswa... 75
DAFTAR PUSTAKA ... 76
ix
DAFTAR TABEL
Tabel 1.1 Gantt Chart Pelaksanaan Magang ... 7 Tabel 2.1 Profil Perusahaan ... 8
x
DAFTAR GAMBAR
Gambar 2.1 Calibration Center ... 10
Gambar 2.2 Consultan Management Hospital ... 12
Gambar 2.3 Training Center ... 13
Gambar 2.4 Struktur Organisasi ... 16
Gambar 2.5 Logo Perusahaan ... 17
Gambar 3.1 Coding untuk back-end ... 53
Gambar 3.2 Koneksi Database ... 54
Gambar 3.3 Tabel Alat Kalibrasi ... 55
Gambar 3.4 Coding untuk fungsi Create ... 57
Gambar 3.5 Coding untuk filter foto ... 58
Gambar 3.6 Coding Lokasi Penyimpanan Foto ... 59
Gambar 3.7 Coding untuk proses Read... 60
Gambar 3.8 Coding untuk proses Update ... 62
Gambar 3.9 Proses untuk Delete ... 63
Gambar 3.10 Halaman Utama ... 66
Gambar 3.11 Halaman List Alat Kalibrasi ... 67
Gambar 3.12 Halaman Kelola Alat Kalibrasi ... 68
Gambar 3.4 Pop Up Tambah Alat ... 69
Gambar 3.5 Pop Up Konfirmasi Hapus Alat ... 70