MIGRASI WEBSITE PERUSAHAAN DARI PHP NATIVE
MENJADI CODEIGNITER 3 PADA PT INFO
CEMERLANG ANDAL NUSA
LAPORAN KERJA MAGANG
Edward Louis Rago 00000022464
PROGRAM STUDI INFORMATIKA
FAKULTAS TEKNIK DAN INFORMATIKA
UNIVERSITAS MULTIMEDIA NUSANTARA
TANGERANG
2020
ii
LEMBAR PENGESAHAN LAPORAN KERJA MAGANG
MIGRASI WEBSITE PERUSAHAAN DARI PHP NATIVE MENJADI CODEIGNITER 3 PADA PT INFO CEMERLANG ANDAL NUSA
Oleh
Nama : Edward Louis Rago NIM : 00000022464 Program Studi : Informatika
Fakultas : Teknik & Informatika
Tangerang, 7 Januari 2021
Dosen Pembimbing
Fenina Adline Twince Tobing, S.Kom., M.Kom.
Dosen Penguji
Farica Perdana Putri, S.Kom., M.Sc.
Mengetahui, Ketua Program Studi
Informatika
iii
LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT
DALAM PENYUSUNAN LAPORAN KERJA MAGANG
Dengan ini saya:
Nama : Edward Louis Rago
NIM : 00000022464
Program Studi : Informatika
Menyatakan bahwa saya telah melaksanakan praktek kerja magang: Nama Perusahaan : PT Info Cemerlang Andal Nusa
Divisi : IT
Alamat : Ruko Boulevard Gading Serpong Blok AA3 No.61 - 62, Gading Serpong, Tangerang.
Periode Magang : 21 September 2020 – 21 Desember 2020 Pembimbing lapangan : Nyoman Tri Anjasmara
Laporan kerja magang merupakan hasil karya saya sendiri, dan saya tidak melakukan plagiat. Semua kutipan karya ilmiah orang lain atau lembaga lain yang dirunjuk dalam laporan kerja magang ini telah saya sebutkan sumber kutipannya serta saya cantumkan 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.
Tangerang, 19 Desember 2020
iv
MIGRASI WEBSITE PERUSAHAAN DARI PHP NATIVE
MENJADI CODEIGNITER 3 PADA PT INFO CEMERLANG
ANDAL NUSA
ABSTRAK
Website Icedalnusa dibangun untuk membantu karyawan dalam perusahaan di PT Info Cemerlang Andal Nusa (ICAN Education Consultant) dalam proses pengolahan data terkait kerja perusahaan. Setiap user memiliki fungsi dan peran masing – masing dalam penggunaan website. Dalam proses praktik kerja magang ini, proses migrasi website difokuskan pada halaman website untuk mengolah data student, yang kebanyakan akan di-handle oleh counsellor yaitu halaman Student Monitoring dan juga halaman Detail Student. Proses migrasi website dilakukan dari yang sebelumnya digunakan bahasa pemrograman “PHP Native” untuk pembangunannya, menjadi menggunakan framework Codeigniter 3 dengan alasan untuk mempercepat proses pengolahan data yang ada, dan meningkatkan keamanan dari website yang dibangun. Ada juga alasan lain penggunaan framework Codeigniter 3 adalah karena jika menggunakan bahasa PHP saja, fitur dan desain yang bisa dibuat cenderung terbatas dan kurang efektif, karena itu dilakukan proses migrasi menggunakan framework Codeigniter 3 yang bisa menggunakan PHP, HTML, dan juga Javascript agar proses pembangungan website lebih fleksibel. Untuk proses migrasi website ini sendiri, belum selesai dilakukan secara keseluruhan, karena baru berfokus kepada halaman student saja dan masih belum digunakan secara live oleh perusahaan, tetapi direncanakan pada bulan Januari 2021 website sudah bisa digunakan secara live.
v
MIGRASI WEBSITE PERUSAHAAN DARI PHP NATIVE
MENJADI CODEIGNITER 3 PADA PT INFO CEMERLANG
ANDAL NUSA
ABSTRACT
The Icedalnusa website was built to help employees within the company at PT Info Cemerlang Andal Nusa (ICAN Education Consultant) in processing data related to company work. Each user has their own function and role in using the website. In this internship practical process, the website migration process is focused on the website page for processing student data, most of which will be handled by the counselor, namely the Student Monitoring page and also the Details Student page. The process of website migration is carried out from previously used the programming language "PHP Native" for its development, to using the Codeigniter 3 framework with the reason to speed up the existing data processing and to increase the security of the website being built. There are also other reasons for using the Codeigniter 3 framework because if you only use the PHP language, the features and designs that can be made tend to be limited and less effective, therefore the migration process is carried out using the Codeigniter 3 framework which can use PHP, HTML, and also Javascript so that the website building process is more flexible. The website migration process itself has not been completed in its entirety, because it has only focused on the student page and is still not used online by the company, but it is planned that in January 2021 the website can be used online.
vi
KATA PENGANTAR
Puji syukur kepada Tuhan Yang Maha Esa atas berkat dan rahmat-Nya sehingga penulis dapat menyelesaikan laporan magang yang berjudul “Migrasi Website Perusahaan Dari PHP Native Menjadi Codeigniter 3 Pada PT Info Cemerlang Andal Nusa” tepat waktu, guna untuk menjadi syarat kelulusan program studi S-1 Informatika Universitas Multimedia Nusantara.
Penulis juga mengucapkan terima kasih kepada:
1. Dr. Ninok Leksono, Rektor Universitas Multimedia Nusantara, yang memberi inspirasi bagi penulis untuk berprestasi,
2. Dr. Eng. Niki Prastomo, S.T., M.Sc., Dekan Fakultas Teknik dan Informatika Universitas Multimedia Nusantara,
3. Marlinda Vasty Overbeek, S.Kom., M.Kom., Ketua Program Studi Informatika Universitas Multimedia Nusantara, yang menerima penulis dengan baik untuk berkonsultasi, dan
4. Fenina Adline Twince Tobing, S.Kom., M.Kom., yang membimbing pembuatan laporan Kerja Magang dan yang telah mengajar penulis tata cara menulis karya ilmiah dengan benar.
5. Kedua orang tua dan saudara penulis, yang telah memberikan dukungan dan arahan dalam proses Kerja Magang dan pembuatan laporan Kerja Magang. 6. Semua pihak yang tidak dapat disebutkan satu persatu yang telah membantu
penulis dalam proses pembuatan laporan Kerja Magang.
Semoga laporan Kerja Magang ini dapat bermanfaat, baik sebagai sumber informasi maupun sumber inspirasi, bagi para pembaca.
Tangerang, 19 Desember 2020
vii
DAFTAR ISI
LEMBAR PENGESAHAN LAPORAN KERJA MAGANG ... ii
LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT DALAM PENYUSUNAN LAPORAN KERJA MAGANG ... iii
ABSTRAK ... iv
ABSTRACT ... v
KATA PENGANTAR ... vi
DAFTAR ISI ... vii
DAFTAR GAMBAR ... viii
DAFTAR TABEL ... x
DAFTAR LAMPIRAN ... xi
BAB 1 PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Maksud dan Tujuan Kerja Magang ... 2
1.3 Waktu dan Prosedur Pelaksanaan Kerja Magang ... 3
BAB 2 GAMBARAN UMUM PERUSAHAAN ... 5
2.1 Sejarah Singkat Perusahaan... 5
2.2 Visi dan Misi Perusahaan ... 6
2.3 Struktur Organisasi Perusahaan ... 8
BAB 3 PELAKSANAAN KERJA MAGANG ... 13
3.1 Kedudukan dan Koordinasi ... 13
3.2 Tugas yang Dilakukan ... 13
3.3 Uraian Pelaksanaan Kerja Magang ... 15
3.3.1 Proses Pelaksanaan ... 15
3.3.2 Perangkat yang Digunakan ... 18
3.3.3 Perancangan Fitur ... 19
3.3.4 Implementasi Fitur ... 31
3.3.5 Kendala yang Ditemukan ... 52
3.3.6 Solusi Atas Kendala yang Ditemukan ... 52
BAB 4 KESIMPULAN DAN SARAN ... 54
4.1 Simpulan ... 54
4.2 Saran ... 54
viii
DAFTAR GAMBAR
Gambar 2.1 Logo PT Info Cemerlang Andal Nusa ... 5
Gambar 2.2 Struktur Organisasi PT Info Cemerlang Andal Nusa ... 8
Gambar 3.1 Flowchart Keseluruhan Website ... 19
Gambar 3.2 Flowchart Halaman Student Monitoring ... 20
Gambar 3.3 Flowchart Subprocess Add Student Halaman Student Monitoring .. 22
Gambar 3.4 Flowchart Subprocess Filter Student Monitoring ... 23
Gambar 3.5 Flowchart Halaman Detail Student ... 24
Gambar 3.6 Flowchart Halaman Detail Student (Lanjutan) ... 26
Gambar 3.7 Flowchart Fungsi Fitur Halaman Detail Student ... 27
Gambar 3.8 Flowchart Fungsi Add Task ... 30
Gambar 3.9 Tampilan Halaman Student Monitoring (Login Admin) ... 31
Gambar 3.10 Tampilan Halaman Student Monitoring (Login Counsellor) ... 32
Gambar 3.11 Tampilan Halaman Student Monitoring Dengan Filter ... 33
Gambar 3.12 Tampilan Filter Find Other Students ... 33
Gambar 3.13 Tampilan Modal Untuk Menambah Data Student ... 34
Gambar 3.14 Tampilan Alert Setelah Menambah Data Student ... 35
Gambar 3.15 Tampilan Halaman Detail Student (Login Admin atau Counsellor Sesuai) ... 35
Gambar 3.16 Tampilan Halaman Detail Student (Login Admin atau Counsellor Sesuai Lanjutan) ... 36
Gambar 3.17 Tampilan Alert Jika Yang Mengakses Halaman Bukan Admin Atau Bukan Counsellor Yang Sesuai ... 37
Gambar 3.18 Tampilan Halaman Detail Student Dengan Fungsi Yang Di Disable ... 37
Gambar 3.19 Tampilan Edit Data Student Pada Halaman Detail Student ... 38
Gambar 3.20 Tampilan Alert Berhasil Edit Data Student ... 38
Gambar 3.21 Tampilan Selection Yang Digunakan Untuk Assign Counsellor .... 39
Gambar 3.22 Tampilan Alert Assign Counsellor... 39
Gambar 3.23 Tampilan Alert Remove Counsellor ... 40
Gambar 3.24 Tampilan Modal Add Task ... 40
Gambar 3.25 Tampilan Alert Setelah Berhasil Add Task ... 41
Gambar 3.26 Tampilan Tabel Activity ... 42
Gambar 3.27 Tampilan Alert Jika Button Ditekan Sebelum Checkbox Dipilih ... 42
Gambar 3.28 Tampilan Activity Jika Checkbox Dipilih ... 43
Gambar 3.29 Tampilan Alert Jika Activity Dihapus ... 43
Gambar 3.30 Tampilan Tabel History ... 44
Gambar 3.31 Tampilan Progress Bar Yang Berubah Jika Di Klik ... 44
Gambar 3.32 Tampilan Progress Bar Jika Button Set To Inactive Di Klik ... 45
Gambar 3.33 Tampilan Tabel History Yang Mencatat Perubahan Data Student . 45 Gambar 3.34 Tampilan Tabel Upload Files ... 46
ix
Gambar 3.36 Tampilan Modal Fungsi Add Multiple ... 47
Gambar 3.37 Tampilan Modal Fungsi Add Multiple (Lanjutan)... 48
Gambar 3.38 Tampilan Alert Add Multiple Document ... 49
Gambar 3.39 Tampilan Tabel Upload Files Jika Dokumen Sudah Di Upload ... 49
Gambar 3.40 Tampilan Download Yang Terjadi Jika Nama File Di Klik ... 50
Gambar 3.41 Tampilan Modal Edit Dokumen... 50
Gambar 3.42 Tampilan Alert Jika Button Ditekan Sebelum Checkbox dipilih .... 51
Gambar 3.43 Tampilan Field Jika File Dipilih ... 51
x
DAFTAR TABEL
Tabel 3.1 Jadwal Kerja Magang ... 15 Tabel 3.2 Uraian Pelaksanaan Kerja Magang ... 16
xi
DAFTAR LAMPIRAN
1. Surat Konfirmasi Penerimaan Magang 2. Form KM-03 (copy)
3. Form KM-04 (copy) 4. Form KM-05 (copy) 5. Form KM-07 (copy) 6. Daftar Riwayat Hidup (CV)
