UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil tahun 2006/2007 ANALISIS DAN PERANCANGAN APLIKASI PELATIHAN KARYAWAN BARU BERBASIS WEB PADA PT. METRODATA ELECTRONICS, TBK. Tania Wijayanti 0700715454 Monika Nancy 0700715555 Lenny Kumalasari 0700716375 Kelas / Kelompok : 07 PCT / 06 Abstrak Tujuan penelitian adalah membuat aplikasi yang berbasis web untuk mempermudah proses pelaksanaan program orientasi karyawan baru, memastikan setiap karyawan baru memiliki standar pengetahuan yang sama, dan mempermudah proses ealuasi untuk pelaksanaan program orientasi. Metodelogi penelitian yang digunakan antara lain metode analisis obserasi, penyebaran angket, dan wawancara, serta metode kepustakaan dan metode perancangan yang menggunakan Data Flow Diagram dan State Transition Diagram. Hasil yang dicapai adalah suatu aplikasi pelatihan karyawan baru berbasis web yang dapat membantu proses persiapan dan pelaksanaan program orientasi, serta melihat laporan hasil program orientasi. Simpulan yang didapat dari hasil penelitian adalah aplikasi ini dapat memenuhi kebutuhan perusahaan untuk mengatasi masalah dalam program orientasi karyawan. Kata kunci: orientasi karyawan, web-based training, e-testing, otomatisasi
KATA PENGANTAR Segala hormat, puji dan syukur kepada Allah Bapa yang Maha Kuasa atas berkat dan rahmat-nya, sehingga penulisan dan penelitian skripsi yang berjudul : ANALISIS DAN PERANCANGAN APLIKASI PELATIHAN KARYAWAN BARU BERBASIS WEB PADA PT METRODATA ELECTRONICS, TBK. dapat diselesaikan dengan baik tepat pada waktunya sebagai syarat menyelesaikan jenjang studi Strata-1 jurusan Teknik Informatika di Uniersitas Bina Nusantara, Jakarta. Penyusunan skripsi ini dapat berlangsung dengan baik berkat bantuan dan dukungan dari berbagai pihak. Oleh karena itu, dalam kesempatan ini penulis ingin mengucapkan terima kasih kepada : 1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc., selaku Rektor Uniersitas Bina Nusantara, Jakarta. 2. Bapak Ir. Sablin Yusuf, M.Sc., M.comp.Sc., selaku Dekan Fakultas Ilmu Komputer Uniersitas Bina Nusantara 3. Bapak H.M. Subekti, BE, M.Sc., selaku Ketua Jurusan Teknik Informatika Uniersitas Bina Nusantara. 4. Bapak Syaeful Karim, Ir., M.Sc., selaku dosen pembimbing yang telah banyak memberikan bimbingan dalam penulisan skripsi dari awal hingga akhir. 5. Bapak Albert Santosa, S.Kom, selaku penanggung jawab dari pihak PT Metrodata Electronics, Tbk. yang telah banyak memberikan masukan dalam penulisan skripsi ini dari awal hingga akhir. 6. Bapak Denny Soesantio, S.Kom, selaku mentor yang telah banyak membimbing dalam pembuatan aplikasi pelatihan karyawan baru ini.
7. Pimpinan dan rekan-rekan PT Metrodata Electronics, Tbk. yang telah banyak membantu dalam penulisan skripsi ini. 8. Orang tua dan saudara yang memberikan dukungan moril dan materiil. 9. Sahabat-sahabat yang telah memberikan dukungan, semangat, dan doa. Akhir kata, segala saran dan kritik yang membangun dari pembaca akan sangat berguna bagi pengembangan dan penyempurnaan hasil yang telah diperoleh. Semoga skripsi ini dapat bermanfaat bagi pembaca dan pihak-pihak yang membutuhkan. Jakarta, Januari 2007 Penulis
DAFTAR ISI Halama n HALAMAN JUDUL LUAR...i HALAMAN JUDUL DALAM... ii HALAMAN PERSETUJUAN HARDCOVER...... iii HALAMAN PERNYATAAN DEWAN PENGUJI i ABSTRAK...... KATA PENGANTAR..... i DAFTAR ISI... ii i DAFTAR TABEL...xi DAFTAR GAMBAR... x iii DAFTAR LAMPIRAN... xx iii
BAB 1 PENDAHULUAN... 1 1.1 Latar Belakang.. 1 1.2 Ruang Lingkup..2 1.3 Tujuan dan Manfaat.. 3 1.4 Metodologi.... 4 1.5 Sistematika penulisan 4 BAB 2 LANDASAN TEORI.... 7 2.1 Analisis dan Perancangan 7 2.1.1 Pergertian Analisis... 7 2.1.2 Langkah-langkah pada Analisis Sistem... 7 2.1.3 Pengertian Perancangan... 8 Halaman 2.1.4 Alat-Alat Perancangan... 10 2.1.4.1 Data Flow Diagram ( DFD ) 10 2.1.4.2 State Transition Diagram ( STD )... 12 2.1.4.3 Entity Relationship Diagram ( ERD ).. 13 2.2 Internet..... 15 2.2.1 Sejarah Internet... 15 2.2.2 Definisi Internet.. 16 2.3 Protokol Internet...... 17 2.3.1 Pengertian Protokol Internet...17 2.3.2 HTTP ( Hyper Text Transfer Protocol )...... 17 2.3.3 Transmission Control Protocol / Internet Protocol.. 17 2.4 Teori Internet Serice.. 18
2.4.1 World Wide Web (WWW)... 18 2.4.2 HTML ( Hyper Text Markup Language ) 19 2.5 E-Learning....20 2.5.1 Definisi E-Learning. 20 2.5.2 Fungsi E-Learning. 22 2.5.3 Manfaat E-Learning. 23 2.5.4 Peyelenggaraan E-Learning. 26 2.6 Interaksi Manusia dan Komputer (IMK). 27 2.6.1 Sistem Interaksi.... 27 2.6.2 Pedoman untuk Merancang User Interface... 28 2.7 Rekayasa Piranti Lunak 30 Halaman 2.7.1 Definisi Rekayasa Piranti Lunak... 30 2.7.2 Model Rekayasa Piranti Lunak. 31 2.8 Sistem Basis Data 33 2.8.1 Pengertian Sistem Basis Data....33 2.8.2 Komponen-komponen Sistem Basis Data 33 2.8.3 Bahasa dalam Sistem Manajemen Basis Data.. 35 BAB 3 ANALISIS DAN PERANCANGAN SISTEM..36 3.1 Analisis Sistem... 36 3.1.1 Gambaran Umum Organisasi... 36 3.1.1.1 Sejarah Singkat Organisasi... 36 3.1.1.2 Visi dan Misi Organisasi... 37 3.1.1.3 Struktur Organisasi... 38
3.1.1.4 Tugas dan Wewenang... 39 3.1.2 Sistem yang Sedang Berjalan... 40 3.1.2.1 Gambaran Umum Sistem Penyebaran Informasi yang Sedang Berjalan... 40 3.1.2.2 Analisa Permasalahan... 42 3.1.2.2.1 Analisa Kuesioner... 43 3.1.2.2.2 Hasil wawancara... 50 3.1.2.3 Permasalahan yang Dihadapi... 54 3.1.2.4 Usulan Pemecahan Masalah... 54 3.2 Rancangan Sistem yang Diusulkan... 56 3.2.1 Data Flow Diagram Sistem yang Diusulkan... 56 Halaman 3.2.1.1 Data Flow Diagram Konteks... 56 3.2.1.2 Data Flow Diagram Nol... 57 3.2.1.3 Data Flow Diagram Rinci Proses Add & Inite New Employee... 58 3.2.1.4 Data Flow Diagram Rinci Proses Login to Application.. 58 3.2.1.5 Data Flow Diagram Rinci Proses Request Password... 59 3.2.1.6 Data Flow Diagram Rinci Proses Change Password... 59 3.2.1.7 Data Flow Diagram Rinci Proses Follow Training... 60 3.2.1.8 Data Flow Diagram Rinci Proses Follow Test... 60 3.2.1.9 Data Flow Diagram Rinci Proses Manage Training & FAQ... 61 3.2.1.10 Data Flow Diagram Rinci Proses Use Forum... 62
3.2.1.11 Data Flow Diagram Rinci Proses Manage Forum... 62 3.2.2 Data Sistem... 63 3.2.2.1 Spesifikasi Basis Data... 63 3.2.2.2 Hubungan Antartabel... 71 3.2.3 Perancangan Sistem... 72 3.2.3.1 Struktur Menu... 72 3.2.3.1.1 Struktur Menu Trainee Setelah Login... 72 3.2.3.1.2 Struktur Menu Admin Setelah Login... 72 3.2.3.2 State Transition Diagram... 73 3.2.3.2.1 State Transition Diagram Sebelum Login... 73 Halaman 3.2.3.2.2 State Transition Diagram Admin Setelah Login... 74 3.2.3.2.3 State Transition Diagram Trainee Setelah Login... 75 3.2.4 Spesifikasi Modul... 76 3.2.4.1 Spesifikasi Modul Admin... 76 3.2.4.2 Spesifikasi Modul Trainee... 98 3.2.5 Rancangan Layar... 109 3.2.5.1 Rancangan Layar Sebelum Login... 109 3.2.5.1.1 Rancangan Layar Forget Password... 110 3.2.5.1.2 Rancangan Layar Forget Password Success 110 3.2.5.1.3 Rancangan Layar Forget Password Error... 111
3.2.5.2 Rancangan Layar Admin Setelah Login... 111 3.2.5.2.1 Rancangan Layar Home Admin... 111 3.2.5.2.2 Rancangan Layar Change Password... 112 3.2.5.2.3 Rancangan Layar Member... 112 3.2.5.2.4 Rancangan Layar Add / Edit Profile Trainee 113 3.2.5.2.5 Rancangan Layar Add New Trainee Upload Excel File... 113 3.2.5.2.6 Rancangan Layar Add / Edit Profile Admin.. 114 3.2.5.2.7 Rancangan Layar Training... 114 3.2.5.2.8 Rancangan Layar Subject... 115 3.2.5.2.9 Rancangan Layar Add / Edit Subject... 115 Halaman 3.2.5.2.10 Rancangan Layar Material... 116 3.2.5.2.11 Rancangan Layar Add / Edit Material... 116 3.2.5.2.12 Rancangan Layar Question... 117 3.2.5.2.13 Rancangan Layar Add / Edit Question... 117 3.2.5.2.14 Rancangan Layar Add New Question Upload Excel File... 118 3.2.5.2.15 Rancangan Layar Forum... 118 3.2.5.2.16 Rancangan Layar Create New Topic... 119 3.2.5.2.17 Rancangan Layar View Message... 119 3.2.5.2.18 Rancangan Layar Reply Topic... 120 3.2.5.2.19 Rancangan Layar FAQ... 120 3.2.5.2.20 Rancangan Layar Add / Edit FAQ... 121
3.2.5.2.21 Rancangan Layar Contact Us... 121 3.2.5.2.22 Rancangan Layar Site Map... 122 3.2.5.3 Rancangan Layar Trainee Setelah Login... 122 3.2.5.3.1 Rancangan Layar Home Trainee... 122 3.2.5.3.2 Rancangan Layar Change Password... 123 3.2.5.3.3 Rancangan Layar Subject... 123 3.2.5.3.4 Rancangan Layar Material... 124 3.2.5.3.5 Rancangan Layar View Score... 124 3.2.5.3.6 Rancangan Layar FAQ... 125 3.2.5.3.7 Rancangan Layar Forum... 125 3.2.5.3.8 Rancangan Layar Create New Topic... 126 Halaman 3.2.5.3.9 Rancangan Layar View Message... 126 3.2.5.3.10 Rancangan Layar Reply Topic... 127 3.2.5.3.11 Rancangan Layar Follow Test... 127 3.2.5.3.12 Rancangan Layar Contact Us... 128 3.2.5.3.13 Rancangan Layar Site Map... 128 BAB 4 IMPLEMENTASI DAN EVALUASI... 129 4.1 Spesifikasi Sistem... 129 4.1.1 Spesifikasi Hardware... 129 4.1.1.1 Spesifikasi Hardware Serer... 129 4.1.1.2 Spesifikasi Hardware Client... 129 4.1.2 Spesifikasi Software... 130 4.1.2.1 Spesifikasi Software Serer... 130
4.1.2.2 Spesifikasi Software Client... 130 4.1.3 Sumber Daya Manusia yang Dibutuhkan... 130 4.2 Prosedur Operasional... 131 4.2.1 Halaman Login... 131 4.2.2 Halaman Forget Password... 132 4.2.3 Prosedur Operasional Trainee... 133 4.2.4 Prosedur Operasional Admin... 140 4.2.5 Halaman Logout... 155 4.3 Arsitektur Jaringan... 156 4.4 Ealuasi Sistem... 156 Halaman BAB 5 KESIMPULAN DAN SARAN... 158 5.1 Kesimpulan... 158 5.2 Saran... 159 DAFTAR PUSTAKA.. 160 RIWAYAT HIDUP. 163 LAMPIRAN L1 FOTOKOPI SURAT SURVEI
DAFTAR TABEL Tabel 3.1 Anak Perusahaan... 37 Tabel 3.2 Perincian jawaban pertanyaan pertama kuesioner... 44 Tabel 3.3 Perincian jawaban pertanyaan kedua kuesioner... 45 Tabel 3.4 Perincian jawaban pertanyaan ketiga kuesioner... 45 Tabel 3.5 Perincian jawaban pertanyaan keempat kuesioner... 46 Tabel 3.6 Perincian jawaban pertanyaan kelima kuesioner... 47 Tabel 3.7 Perincian jawaban pertanyaan keenam kuesioner... 48 Tabel 3.8 Perincian jawaban pertanyaan ketujuh kuesioner... 49 Tabel 3.9 Perincian jawaban pertanyaan kedelapan kuesioner... 49 Tabel 3.10 Perincian jawaban pertanyaan kesembilan kuesioner... 50 Tabel 3.11 Tabel Database Ms_Actiity... 63 Tabel 3.12 Tabel Database Tr_ActiityLog... 64 Tabel 3.13 Tabel Database Ms_Admin... 64 Tabel 3.14 Tabel Database Tr_ExamQuestion... 65 Tabel 3.15 Tabel Database Ms_FAQ... 65 Tabel 3.16 Tabel Database Ms_Material... 66 Tabel 3.17 Tabel Database Tr_MaterialLog... 66 Tabel 3.18 Tabel Database Ms_Message... 67 Tabel 3.19 Tabel Database Ms_Subject... 67 Tabel 3.20 Tabel Database Tr_TestLog... 68 Tabel 3.21 Tabel Database Tr_TestTransaction... 69 Tabel 3.22 Tabel Database Ms_Topic... 69 Tabel 3.23 Tabel Database Ms_Trainee... 70
DAFTAR GAMBAR Gambar 2.1 Simbol-simbol dalam Diagram Aliran Data... 11 Gambar 2.2 Simbol State... 13 Gambar 2.3 Simbol Transition State... 13 Gambar 2.4 Contoh Entiti... 14 Gambar 2.5 Contoh Relasi 1-1... 15 Gambar 2.6 Waterfall Lifecycle Model... 33 Gambar 3.1 Struktur Organisasi... 38 Gambar 3.2 Sistem yang Sedang Berjalan...41 Gambar 3.3 Pie chart jawaban pertanyaan pertama kuesioner... 44 Gambar 3.4 Pie chart jawaban pertanyaan keempat kuesioner... 46 Gambar 3.5 Data Flow Diagram Konteks... 56 Gambar 3.6 Data Flow Diagram Nol... 57 Gambar 3.7 Data Flow Diagram Rinci Add & Inite New Employee... 58 Gambar 3.8 Data Flow Diagram Rinci Login to Application... 58 Gambar 3.9 Data Flow Diagram Rinci Request Password... 59 Gambar 3.10 Data Flow Diagram Rinci Change Password... 59 Gambar 3.11 Data Flow Diagram Rinci Follow Training... 60 Gambar 3.12 Data Flow Diagram Rinci Follow Test... 61 Gambar 3.13 Data Flow Diagram Rinci Manage Training & FAQ... 61 Gambar 3.14 Data Flow Diagram Rinci Use Forum... 62 Gambar 3.15 Data Flow Diagram Rinci Manage Forum... 62 Gambar 3.16 Hubungan antar tabel... 71
Gambar 3.17 Struktur Menu Trainee Setelah Login... 72 Gambar 3.18 Struktur Menu Admin Setelah Login... 73 Gambar 3.19 State Transition Diagram Sebelum Login... 74 Gambar 3.20 State Transition Diagram Admin Setelah Login... 75 Gambar 3.21 State Transition Diagram Trainee Setelah Login... 76 Gambar 3.22 Rancangan Layar Sebelum Login... 109 Gambar 3.23 Rancangan Layar Forget Password... 110 Gambar 3.24 Rancangan Layar Forget Password : Success... 110 Gambar 3.25 Rancangan Layar Forget Password : Error... 111 Gambar 3.26 Rancangan Layar Home Admin... 111 Gambar 3.27 Rancangan Layar Change Password... 112 Gambar 3.28 Rancangan Layar Member... 112 Gambar 3.29 Rancangan Layar Add / Edit Profile Trainee... 113 Gambar 3.30 Rancangan Layar Add New Trainee Upload Excel File... 113 Gambar 3.31 Rancangan Layar Add / Edit Profile Admin... 114 Gambar 3.32 Rancangan Layar Training... 114 Gambar 3.33 Rancangan Layar Subject... 115 Gambar 3.34 Rancangan Layar Add / Edit Subject... 115 Gambar 3.35 Rancangan Layar Material... 116 Gambar 3.36 Rancangan Layar Add / Edit Material... 116 Gambar 3.37 Rancangan Layar Question... 117 Gambar 3.38 Rancangan Layar Add / Edit Question... 117 Gambar 3.39 Rancangan Layar Add New Question Upload Excel File... 118 Gambar 3.40 Rancangan Layar Forum... 118
Gambar 3.41 Rancangan Layar Create New Topic... 119 Gambar 3.42 Rancangan Layar View Message... 119 Gambar 3.43 Rancangan Layar Reply Topic... 120 Gambar 3.44 Rancangan Layar FAQ... 120 Gambar 3.45 Rancangan Layar Add / Edit FAQ... 121 Gambar 3.46 Rancangan Layar Contact Us... 121 Gambar 3.47 Rancangan Layar Site Map... 122 Gambar 3.48 Rancangan Layar Home Trainee... 122 Gambar 3.49 Rancangan Layar Change Password... 123 Gambar 3.50 Rancangan Layar Subject... 123 Gambar 3.51 Rancangan Layar Material...124 Gambar 3.52 Rancangan Layar View Score... 124 Gambar 3.53 Rancangan Layar FAQ... 125 Gambar 3.54 Rancangan Layar Forum... 125 Gambar 3.55 Rancangan Layar Create New Topic... 126 Gambar 3.56 Rancangan Layar View Message... 126 Gambar 3.57 Rancangan Layar Reply Topic... 127 Gambar 3.58 Rancangan Layar Follow Test... 127 Gambar 3.59 Rancangan Layar Contact Us... 128 Gambar 3.60 Rancangan Layar Site Map... 128 Gambar 4.1 Diagram Pembagian Layar... 131 Gambar 4.2 Tampilan Halaman Login... 131 Gambar 4.3 Tampilan Halaman Forget Password... 132 Gambar 4.4 Tampilan Halaman Forget Password Success... 132
Gambar 4.5 Tampilan Halaman Forget Password Error... 132 Gambar 4.6 Tampilan Halaman Home Trainee... 133 Gambar 4.7 Tampilan Halaman Change Password... 133 Gambar 4.8 Tampilan Halaman Subject... 134 Gambar 4.9 Tampilan Halaman Subject: Material... 135 Gambar 4.10 Tampilan Halaman Subject: Follow Test... 135 Gambar 4.11 Tampilan Halaman View Score... 136 Gambar 4.12 Tampilan Halaman Forum... 137 Gambar 4.13 Tampilan Halaman Forum : Create New Topic... 137 Gambar 4.14 Tampilan Halaman Forum : View Message... 138 Gambar 4.15 Tampilan Halaman Forum : Reply Topic... 138 Gambar 4.16 Tampilan Halaman FAQ... 139 Gambar 4.17 Tampilan Halaman Contact Us... 139 Gambar 4.18 Tampilan Halaman Site Map... 140 Gambar 4.19 Tampilan Halaman Home Admin... 141 Gambar 4.20 Tampilan Halaman Change Password... 141 Gambar 4.21 Tampilan Halaman Member... 142 Gambar 4.22 Tampilan Halaman Member : Add / Edit New Member Trainee... 143 Gambar 4.23 Tampilan Halaman Member : Upload Excel File... 143 Gambar 4.24 Tampilan Halaman Member : Add / Edit New Member Admin... 144 Gambar 4.25 Tampilan Halaman Training... 144 Gambar 4.26 Tampilan Halaman Training Subject... 145 Gambar 4.27 Tampilan Halaman Training Subject : Add Subject... 145 Gambar 4.28 Tampilan Halaman Training Subject : Edit Subject... 146
Gambar 4.29 Tampilan Halaman Training Material... 146 Gambar 4.30 Tampilan Halaman Training Material : Add Material... 147 Gambar 4.31 Tampilan Halaman Training Material : Edit Material... 147 Gambar 4.32 Tampilan Halaman Training Question... 148 Gambar 4.33 Tampilan Halaman Training Question : Add Question... 149 Gambar 4.34 Tampilan Halaman Training Question : Upload Excel File... 149 Gambar 4.35 Tampilan Halaman Training Question : Edit Question... 150 Gambar 4.36 Tampilan Halaman Report... 150 Gambar 4.37 Tampilan Halaman Forum... 151 Gambar 4.38 Tampilan Halaman Forum : Create Topic... 151 Gambar 4.39 Tampilan Halaman Forum : View Message... 152 Gambar 4.40 Tampilan Halaman Forum : Reply Topic... 152 Gambar 4.41 Tampilan Halaman FAQ... 153 Gambar 4.42 Tampilan Halaman FAQ : Add FAQ... 153 Gambar 4.43 Tampilan Halaman FAQ : Edit FAQ... 154 Gambar 4.44 Tampilan Halaman Contact Us... 154 Gambar 4.45 Tampilan Halaman Site Map... 155 Gambar 4.46 Tampilan Halaman Logout... 155 Gambar 4.47 Rancangan arsitektur jaringan... 156
DAFTAR LAMPIRAN Lampiran 1 Kuesioner Analisa Permasalahan...L1