PERANCANGAN DAN PEMBUATAN WEBSITE ADMINISTRASI UNTUK KARYAWAN PADA PT INFO
CEMERLANG ANDAL NUSA
LAPORAN KERJA MAGANG
Fakhri Faiz 14110110070
PROGRAM STUDI INFORMATIKA FAKULTAS TEKNIK DAN INFORMATIKA UNIVERSITAS MULTIMEDIA NUSANTARA
TANGERANG 2020
iv
PERANCANGAN DAN PEMBUATAN WEBSITE ADMINISTRASI UNTUK KARYAWAN PADA PT INFO
CEMERLANG ANDAL NUSA
ABSTRAK
Bahasa Inggris merupakan salah satu bahasa yang penting dalam kehidupan sehari- hari, baik untuk berkomunikasi, menulis hingga salah satu syarat untuk bekerja.
Hampir semua universitas di luar negeri mewajibkan mahasiswanya untuk mengambil test TOEFL iBT atau IELTS sebagai syarat utama untuk pelajar yang ingin masuk ke universitas di luar negeri. Didirikan pada tahun 2011, PT Info Cemerlang Andal Nusa (ICAN Education) merupakan salah satu perusahaan yang bergerak di bidang konsultan pendidikan di luar negeri, penyedia tes TOEFL, IELTS dan kursus bahasa Inggris. Praktik kerja magang di ICAN Education dilaksanakan selama 60 hari kerja dan ditempatkan di posisi IT Support yang diberikan tugas untuk merancang dan membangun user interface serta website administrasi karyawan icedalnusa milik ICAN Education. Website administrasi karyawan dapat digunakan untuk mempermudah karyawan menambah, menghapus dan menambahkan data baik untuk student, counsellor dan university. Pembuatan website administrasi karyawan meliputi beberapa halaman yaitu: halaman login, halaman user maintenance, halaman user group, halaman my dashboard dan halaman student monitoring. Pada akhir masa pengerjaan, website administrasi karyawan masih dalam tahap pengembangan selanjutnya, namun sudah dilakukan tahap testing dan debugging dengan pihak IT Support. Diharapkan dengan adanya website icedalnusa yang baru dapat memberikan kemudahan untuk karyawan bekerja lebih baik tanpa ada kendala.
Kata Kunci: ICAN Education, IT Support, Website Administrasi Karyawan
v
DESIGN AND DEVELOPMENT OF EMPLOYEE
MANAGEMENT SYSTEM IN PT INFO CEMERLANG ANDAL NUSA
ABSTRACT
English is one of the important language in daily life, both for communication, writing, and one of the requirements for work. Almost all universities abroad require the students to take TOEFL iBT or IELTS test as the main requirement for students wishing to enter a well-known university. Founded in 2011, PT Info Cemerlang Andal Nusa (ICAN Education) is a company engaged in overseas education consulting, provider of TOEFL, IELTS test and english courses. The internship practice at ICAN Education is carried out for 60 working days and is placed in IT Support position which is given the task of making user interfaces for ICAN Education employee management system website. Employee management system website can be used to make it easier for employee to add, delete and add data for students, counsellor and university. The create of an employee management system website include several pages, namely: a login page, user maintenance page, user group page, my dashboard page and student monitoring page. ICAN Education employee management system website was developed using programming language PHP, HTML and Javascript. At the end of the working period, the employee management system website is still in the development stage, however the testing and debugging stages have been carried out with IT Support. It is hoped that the new website can make it easier for employee to be better without nay obstacles.
Keyword: Employee Management System, ICAN Education, IT Support
vi
KATA PENGANTAR
Puji syukur kepada Allah SWT 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 Info Cemerlang Andal Nusa yang berlokasi di Jl. Boulevard Raya Gading Serpong No.61-62, Pakulonan Bar. Kec. Klp Dua, Kota Tangerang, Banten dengan judul laporan kerja magang yaitu “PERANCANGAN DAN PEMBUATAN WEBSITE ADMINISTRASI UNTUK KARYAWAN PADA PT INFO CEMERLANG ANDAL NUSA”.
Dengan berakhirnya proses kerja magang dan penulisan laporan magang, penulis ingin mengucapkan terima kasih kepada PT Info Cemerlang Andal Nusa 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. Dr. Ninok Leksono, selaku Rektor Universitas Multimedia Nusantara.
2. Ibu Marlinda Vasty Overbeek, S.Kom., M.Kom., selaku Ketua Program Studi Informatika yang telah bersedia menyetujui laporan magang yang telah disusun.
viii
DAFTAR ISI
LEMBAR PENGESAHAN ... ii
LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT ... iii
ABSTRAK ... iv
ABSTRACT ... v
KATA PENGANTAR ... vi
DAFTAR ISI ... viii
DAFTAR TABEL ... x
DAFTAR GAMBAR ... xi
BAB 1 PENDAHULUAN ... 1
1.1. Latar Belakang ... 1
1.2. Maksud dan Tujuan Kerja Magang ... 3
1.3. Waktu, Lokasi dan Prosedur Pelaksaan Magang ... 4
1.3.1. Waktu dan Lokasi Kerja Magang ... 4
1.3.2. Prosedur Kerja Magang ... 4
BAB 2 GAMBARAN PERUSAHAAN ... 7
2.1. Gambaran Umum Perusahaan ... 7
2.2. Visi dan Misi Perusahaan ... 8
2.3. Struktur Organisasi PT Info Cemerlang Andal Nusa ... 9
BAB 3 PELAKSANAAN KERJA MAGANG... 11
3.1. Kedudukan dan Koordinasi ... 11
3.2. Tugas yang Dilakukan ... 11
3.3. Uraian Pelaksanaan Praktik Kerja Magang ... 13
3.3.1. Penjelasan pekerjaan yang diberikan oleh project manager (Minggu 1) ... 13
3.3.2. Pembuatan Flowchart Diagram Website (Minggu 1 - 2) ... 14
3.3.3. Membuat Mockup Untuk Website Administrasi Karyawan (Minggu 2 - 3) ... 38
3.3.4. Pembuatan Website Administrasi Karyawan (Minggu 3 – 10)... 75
3.3.5. Penyerahan Source Code & Presentasi (Minggu 10) ... 75
3.4. Kendala yang Dihadapi ... 75
3.5. Solusi atas Kendala ... 76
BAB 4 SIMPULAN DAN SARAN ... 77
ix
4.1. Simpulan ... 77
4.2. Saran ... 78
4.2.1. Pihak PT Info Cemerlang Andal Nusa ... 78
4.2.2. Pihak Universitas Multimedia Nusantara ... 78
4.2.3. Pihak Mahasiswa ... 78
DAFTAR PUSTAKA ... 79
LAMPIRAN ... 80
x
DAFTAR TABEL
Tabel 3.1. Timeline Pelaksanaan Kerja Magang ... 13
xi
DAFTAR GAMBAR
Gambar 2.1. Struktur Organisasi PT Info Cemerlang Andal Nusa ... 9
Gambar 3.1 Flowchart Login ... 15
Gambar 3.2 Flowchart Dashboard Utama... 16
Gambar 3.3 Flowchart Closing Record Information ... 17
Gambar 3.4 Flowchart Leads Potential ... 18
Gambar 3.5 Flowchart Student ... 19
Gambar 3.6 Flowchart University... 20
Gambar 3.7 Flowchart Counsellor ... 21
Gambar 3.8 Flowchart Leads ... 22
Gambar 3.9 Flowchart New Leads... 23
Gambar 3.10 Flowchart Activity Timeline ... 24
Gambar 3.11 Flowchart User Maintenance ... 25
Gambar 3.12 Flowchart User Maintenance (Add) ... 26
Gambar 3.13 Flowchart User Maintenance (Edit) ... 27
Gambar 3.14 FlowchartUser Maintenance (Delete) ... 28
Gambar 3.15 Flowchart User Group ... 29
Gambar 3.16 Flowchart User Group (Add) ... 30
Gambar 3.17 Flowchart User Group (Edit) ... 31
Gambar 3.18 Flowchart User Group (Delete) ... 32
Gambar 3.19 Flowchart User Group (Detail) ... 33
Gambar 3.20 Flowchart Student Monitoring ... 34
Gambar 3.21 Flowchart Student Monitoring (Add) ... 35
Gambar 3.22 Flowchart My Dashboard (Profile) ... 36
Gambar 3.23 Flowchart My Dashboard (Setting) ... 37
Gambar 3.24 Mockup Desain Halaman Login ... 39
Gambar 3.25 Mockup Desain Halaman Dashboard 1 ... 40
Gambar 3.26 Mockup Desain Halaman Dashboard 2 ... 41
Gambar 3.27 Mockup Desain Halaman User Maintenance ... 42
Gambar 3.28 Mockup Desain Halaman User Maintenance (Add) ... 43
Gambar 3.29 Mockup Desain Halaman User Maintenance (Edit) ... 44
Gambar 3.30 Mockup Desain Halaman User Maintenance (Delete) ... 45
xii
Gambar 3.31 Mockup Desain Halaman User Group ... 46
Gambar 3.32 Mockup Desain Halaman User Group (Detail) ... 47
Gambar 3.33 Mockup Desain Halaman User Group (Add) ... 48
Gambar 3.34 Mockup Desain Halaman User Group (Edit) ... 49
Gambar 3.35 Mockup Desain Halaman User Group (Delete) ... 50
Gambar 3.36 Mockup Desain Halaman My Dashboard (Profile)... 51
Gambar 3.37 Mockup Desain Halaman My Dashboard (Setting)... 52
Gambar 3.38 Mockup Desain Halaman Student Monitoring ... 53
Gambar 3.39 Mockup Desain Halaman Student Monitoring (Add) ... 54
Gambar 3.40 Halaman Login ... 56
Gambar 3.41 Halaman Dashboard 1 ... 57
Gambar 3.42 Halaman Dashboard 2 ... 58
Gambar 3.43 Halaman Dashboard 3 ... 58
Gambar 3.44 Halaman Dashboard 4 ... 59
Gambar 3.45 Halaman User Maintenance ... 60
Gambar 3.46 Halaman User Maintenance (Add) ... 61
Gambar 3.47 Halaman User Maintenance (Edit) ... 62
Gambar 3.48 Halaman User Maintenance (Delete) ... 63
Gambar 3.49 Halaman User Group ... 64
Gambar 3.50 Halaman User Group (Add 1) ... 65
Gambar 3.51 Halaman User Group (Add 2)... 66
Gambar 3.52 Halaman User Group (Edit 1) ... 67
Gambar 3.53 Halaman User Group (Edit 2) ... 68
Gambar 3.54 Halaman User Group (Delete) ... 69
Gambar 3.55 Halaman User Group (Detail)... 70
Gambar 3.56 Halaman Student Monitoring ... 71
Gambar 3.57 Halaman Student Monitoring (Add) ... 72
Gambar 3.58 Halaman My Dashboard (Profile)... 73
Gambar 3.59 Halaman My Dashboard (Setting) ... 74
