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 evaluasi untuk pelaksanaan program orientasi. Metodelogi penelitian yang digunakan antara lain metode analisis observasi, 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:
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 Universitas 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 Universitas Bina Nusantara, Jakarta.
2. Bapak Ir. Sablin Yusuf, M.Sc., M.comp.Sc., selaku Dekan Fakultas Ilmu Komputer Universitas Bina Nusantara
3. Bapak H.M. Subekti, BE, M.Sc., selaku Ketua Jurusan Teknik Informatika Universitas 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.
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
DAFTAR ISI
Halama n
HALAMAN JUDUL LUAR ………..….i
HALAMAN JUDUL DALAM ………... ii
HALAMAN PERSETUJUAN HARDCOVER ...……..………. iii
HALAMAN PERNYATAAN DEWAN PENGUJI……… iv
ABSTRAK ...………... v KATA PENGANTAR ………..………... vi
DAFTAR ISI ………... vii i DAFTAR TABEL ………...xvi
DAFTAR GAMBAR ………... xv 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.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.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 &Invite 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.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.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 Trainee113 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 NewTopic... 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.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 NewTopic... 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 Server ... 129
4.1.1.2 Spesifikasi HardwareClient... 129
4.1.2 Spesifikasi Software... 130
4.1.2.2 Spesifikasi SoftwareClient... 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 Evaluasi Sistem ... 156
Halaman BAB 5 KESIMPULAN DAN SARAN ...158
5.1 Kesimpulan ... 158
5.2 Saran... 159
DAFTAR PUSTAKA……….. 160
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_Activity ... 63
Tabel 3.12 Tabel Database Tr_ActivityLog ... 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
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 &Invite 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.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.41 Rancangan Layar Create NewTopic... 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 NewTopic... 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.5 Tampilan Halaman Forget Password – Error... 132
Gambar 4.6 Tampilan Halaman HomeTrainee... 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.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