APLIKASI PENGOLAHAN ARSIP SERTIFIKAT PEGAWAI BERBASIS WEB PADA TELKOM LEARNING CENTER TUGAS AKHIR Disusun sebagai salah satu syarat untuk kelulusan Program Strata 1, di Program Studi Teknik Informatika, Universitas Pasundan Bandung oleh : Erika A. Simarmata NRP : 12.304.060 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS PASUNDAN BANDUNG OKTOBER 2014
DAFTAR ISI ABSTRAK... i ABSTRACT... ii KATA PENGANTAR... iii DAFTAR ISI... iv DAFTAR TABEL... vii DAFTAR GAMBAR... viii DAFTAR SIMBOL...x BAB 1 PENDAHULUAN... 1-1 1.1 Latar Belakang... 1-1 1.2. Identifikasi Masalah... 1-2 1.3. Tujuan Tugas Akhir... 1-2 1.4. Lingkup Tugas Akhir... 1-2 1.5 Metodologi Tugas Akhir... 1-3 1.6 Sistematika Pembahasan Tugas Akhir... 1-4 BAB 2 LANDASAN TEORI... 2-1 2.1 Pengertian Aplikasi Arsip Sertifikat... 2-1 2.1.1 Aplikasi... 2-1 2.1.2 Arsip... 2-1 2.1.3 Sertifikat... 2-1 2.2 Aplikasi dan Pemrograman Berbasis Web... 2-1 2.2.1 Pengujian Aplikasi Berbasis Web... 2-2 2.2.2 Karakteristik Aplikasi Berbasis Web... 2-2 2.2.3 Arsitektur Aplikasi Berbasis Web... 2-3 2.3 Perkembangan Teknologi Web... 2-4 2.3.1 Teknologi Web 1.0... 2-5 2.3.2 Teknologi Web 2.0... 2-5 2.3.3 Teknologi Web 3.0... 2-5 2.4 Teori Pendukung... 2-6 2.4.1 PHP... 2-6 2.4.2 PHPMyAdmin... 2-6 2.4.3 MySQL... 2-6 2.4.4 HTML... 2-7 2.4.5 CSS (Cascading Style Sheet)... 2-7 2.4.6 JavaScript... 2-8 2.4.7 XAMPP... 2-8 iv
2.4.8 Apache... 2-8 2.4.9 UML ( Unified Modeling Language )... 2-8 BAB 3 ANALISIS DAN PERANCANGAN SISTEM... 3-1 3.1. Objek Penelitian... 3-1 3.1.1 Sejarah Singkat PT. Telekomunikasi Indonesia Unit Learning Center... 3-1 3.1.2 Visi dan Misi Perusahaan... 3-2 3.2 Gambaran Sistem... 3-2 3.3. Sistem Informasi Layanan E-learning... 3-2 3.4. Analisis Sistem Yang Berjalan... 3-4 3.4.1 Proses Bisnis Pendaftaran Sertifikasi... 3-4 3.4.2 Proses Bisnis Kordinasi Penyelenggaraan... 3-5 3.4.3 Proses Bisnis Pelaksanaan Test Online... 3-5 3.4.4 Proses Bisnis Pengarsipan Sertifikat... 3-6 3.4.3 Proses Bisnis Pelaksanaan Test Online... 3-5 3.5 Analisis Kebutuhan... 3-7 3.5.1 Analisis Aktor... 3-7 3.5.2 Analisis Kebutuhan Informasi... 3-8 3.6 Daftar Kebutuhan... 3-8 3.6.1 Kebutuhan Fungsional... 3-8 3.6.2 Kebutuhan Non Fungsional... 3-8 3.7 Analisis Sistem Yang Akan Dibangun... 3-9 3.7.1 Usecase Diagram Aplikasi... 3-10 3.7.2 Diagram Aktivitas Aplikasi... 3-16 3.7.3 Sequence Diagram Aplikasi... 3-21 3.8 Perancangan... 3-24 3.8.1 Perancangan Struktur Data... 3-25 3.8.3 Perancangan Struktur Menu Aplikasi... 3-27 3.8.4 Perancangan Antarmuka... 3-29 BAB 4 IMPLEMENTASI DAN PENGUJIAN... 4-1 4.1 Tinjauan Umum... 4-1 4.2 Persiapan Perangkat... 4-1 4.2.1 Kebutuhan Perangkat Keras... 4-1 4.2.2 Kebutuhan Perangkat Lunak... 4-1 4.3. Implementasi Antarmuka... 4-2 4.3.1 Implementasi Antarmuka Login... 4-2 4.3.2 Implementasi Antarmuka Profil User... 4-2 4.3.3 Implementasi Antarmuka Edit Profil User... 4-2 v
4.3.4 Implementasi Antarmuka Daftar Sertifikasi Pegawai... 4-2 4.3.5 Implementasi Antarmuka Halaman Ubah Password... 4-2 4.3.6 Implementasi Antarmuka Tambah Sertifikasi... 4-3 4.3.7 Implementasi Antarmuka Dashboard Human Resource... 4-3 4.3.8 Implementasi Antarmuka Halaman Kategori Sertifikat... 4-3 4.3.9 Implementasi Antarmuka Menambah Jenis Sertifikasi... 4-3 4.3.10 Implementasi Antarmuka Daftar Sertifikasi Pegawai... 4-3 4.3.11 Implementasi Antarmuka Halaman Laporan Sertifikasi... 4-3 4.3.12 Implementasi Antarmuka Mengubah Status Sertifikasi Pegawai... 4-3 4.3.13 Implementasi Antarmuka Dashboard Admin... 4-3 4.3.14 Implementasi Antarmuka Halaman Daftar User... 4-3 4.4 Pengujian... 4-4 4.4.1 Pengujian Black Box... 4-4 4.4.2 Test Case... 4-4 BAB 5 KESIMPULAN DAN SARAN... 5-1 5.1 Kesimpulan... 5-1 5.2 Saran... 5-1 DAFTAR PUSTAKA... xii LAMPIRAN... xiii vi
DAFTAR TABEL Tabel 3.1 Daftar Kebutuhan Fungsional... 3-8 Tabel 3.1 Daftar Kebutuhan Non Fungsional... 3-8 Tabel 3.3 Skenario Usecase Otorisasi... 3-11 Tabel 3.4 Skenario Usecase Menambah Data User... 3-12 Tabel 3.5 Skenario Usecase Mengubah Data User... 3-12 Tabel 3.6 Tabel 3.6 Skenario Usecase Menghapus Data User... 3-13 Tabel 3.7 Skenario Usecase Menambah Sertifikat... 3-14 Tabel 3.8 Skenario Usecase Mencari Sertifikat... 3-15 Tabel 3.9 Skenario Usecase Mengubah Status Sertifikat... 3-15 Tabel 3.10 Skenario Usecase Mengelola Kategori Sertifikat... 3-15 Tabel 3.11 Skenario Usecase Review Laporan... 3-16 Tabel 3.12 Skenario Usecase Mengubah Password... 3-16 Tabel 3.13 Perancangan Database... 3-25 Tabel 4.1 Kebutuhan Perangkat Keras... 4-1 Tabel 4.2 Kebutuhan Perangkat Lunak... 4-2 Tabel 4.3 Skenario Test Case Otorisasi User... 4-4 Tabel 4.4 Skenario Test Case Ubah Password... 4-5 Tabel 4.5 Skenario Test Case Otorisasi User... 4-5 Tabel 4.6 Skenario Test Case Mengubah Data User... 4-6 Tabel 4.7 Skenario Test Case Menghapus User... 4-7 Tabel 4.8 Skenario Test Case Menambah Kategori Sertifikat... 4-7 Tabel 4.9 Skenario Test Case Mengubah Data Kategori... 4-8 Tabel 4.10 Skenario Test Case Menambah Data Sertifikasi... 4-8 Tabel 4.11 Skenario Test Case Konfirmasi Data Sertifikasi... 4-9 Tabel 4.12 Skenario Test Case Menghapus Data Sertifikasi... 4-10 vii
DAFTAR GAMBAR Gambar 1.1 Metode Waterfall... 1-1 Gambar 2.1 Langkah Kerja Web... 2-4 Gambar 3.1 Diagram Aktivitas Pengarsipan Sertifikat... 3-4 Gambar 3.2 Diagram Aktivitas Kordinasi Penyelenggaraan... 3-5 Gambar 3.3 Diagram Aktivitas Pelaksanaan Test Online... 3-6 Gambar 3.4 Diagram Aktivitas Pengarsipan Sertifikat... 3-7 Gambar 3.5 Diagram Aktivitas Sistem Yang Akan Dibangun... 3-9 Gambar 3.6 Diagram Aktivitas Pengolahan Sertifikat... 3-10 Gambar 3.7 Usecase Diagram Aplikasi Pengolahan Data Sertifikat Berbasis Web... 3-11 Gambar 3.8 Usecase Diagram Spesifikasi Mengelola Data User... 3-12 Gambar 3.9 Usecase Diagram Spesifikasi Mengelola Data Sertifikat... 3-14 Gambar 3.10 Diagram Aktivitas Otorisasi... 3-17 Gambar 3.11 Diagram Aktivitas Mengubah Password... 3-17 Gambar 3.12 Diagram Aktivitas Mengelola Data User... 3-18 Gambar 3.13 Diagram Aktivitas Mengelola Data Sertifikat... 3-19 Gambar 3.14 Diagram Aktivitas Mengelola Data Sertifikat... 3-20 Gambar 3.15 Diagram Aktivitas Review Laporan... 3-20 Gambar 3.16 Sequence Diagram Otorisasi User... 3-21 Gambar 3.17 Sequence Diagram Mengubah Data User... 3-21 Gambar 3.18 Sequence Diagram Menambah User... 3-22 Gambar 3.19 Sequence Diagram Mengubah Data User... 3-22 Gambar 3.20 Sequence Diagram Menghapus Data User... 3-23 Gambar 3.21 Sequence Diagram Menambah Data Sertifikat... 3-23 Gambar 3.22 Sequence Diagram Mengubah Data Sertifikat... 3-24 Gambar 3.23 Sequence Diagram Mengubah Data Sertifikat... 3-24 Gambar 3.24 Perancangan Struktur Menu Admin... 3-27 Gambar 3.25 Perancangan Struktur Menu Human Resource... 3-28 Gambar 3.26 Rancangan Struktur Menu Pegawai... 3-29 Gambar 3.27 Rancangan Antarmuka Login... 3-30 Gambar 3.28 Rancangan Antarmuka Halaman Utama Pegawai... 3-30 Gambar 3.29 Rancangan Antarmuka Tambah Sertifikat... 3-31 Gambar 3.30 Rancangan Antarmuka Dashboard Admin... 3-32 Gambar 3.31 Rancangan Antarmuka Kelola Pegawai... 3-32 Gambar 3.32 Rancangan antarmuka Tambah User... 3-33 Gambar 3.33 Rancangan Antarmuka Kelola Sertifikat... 3-33 viii
Gambar 3.34 Rancangan Antarmuka Edit Sertifikat... 3-34 Gambar 4.1 Halaman Antarmuka Login User...A-1 Gambar 4.2 Halaman Antarmuka Profil User...A-1 Gambar 4.3 Halaman Antarmuka Edit Profil...A-2 Gambar 4.4 Halaman Antarmuka Daftar Sertifikat Pegawai...A-2 Gambar 4.5 Halaman Antarmuka Ubah Password...A-3 Gambar 4.6 Halaman Antarmuka Tambah Sertifikasi...A-3 Gambar 4.7 Halaman Antarmuka Dashboard Dashboard Human Resource...A-4 Gambar 4.8 Halaman Antarmuka Kategori Sertifikat...A-4 Gambar 4.9 Halaman Antarmuka Tambah Jenis Sertifikasi...A-5 Gambar 4.10 Halaman Antarmuka Daftar Sertifikasi Pegawai...A-5 Gambar 4.11 Halaman Antarmuka Laporan Sertifikasi...A-6 Gambar 4.12 Halaman Antarmuka Mengubah Status Sertifikasi...A-7 Gambar 4.13 Halaman Antarmuka Dashboard Admin...A-7 Gambar 4.14 Halaman Antarmuka Daftar Pegawai...A-8 ix
DAFTAR SIMBOL NO GAMBAR NAMA KETERANGAN 1 Actor Menspesifikasikan himpuan peran yang pengguna mainkan ketika berinteraksi dengan Usecase. 2 Dependency 3 Generalization Hubungan dimana perubahan yang terjadi pada suatu elemen mandiri (independent) akan mempengaruhi elemen yang bergantung padanya elemen yang tidak mandiri (independent). Hubungan dimana objek anak (descendent) berbagi perilaku dan struktur data dari objek yang ada di atasnya objek induk (ancestor). 4 Include Menspesifikasikan bahwa Usecase sumber secara eksplisit. 5 Extend 6 Association 7 System Menspesifikasikan bahwa Usecase target memperluas perilaku dari Usecase sumber pada suatu titik yang diberikan. Apa yang menghubungkan antara objek satu dengan objek lainnya. Menspesifikasikan paket yang menampilkan sistem secara terbatas. 8 Usecase Deskripsi dari urutan aksi-aksi yang ditampilkan sistem yang menghasilkan suatu hasil yang terukur bagi suatu aktor 9 Collaboration Interaksi aturan-aturan dan elemen lain yang bekerja sama untuk menyediakan prilaku yang lebih besar dari jumlah dan elemenelemennya (sinergi). 10 Note Elemen fisik yang eksis saat aplikasi dijalankan dan mencerminkan suatu sumber daya komputasi 11 Actifity Memperlihatkan bagaimana masing-masing kelas antarmuka saling berinteraksi satu sama lain 12 Action State dari sistem yang mencerminkan eksekusi dari suatu aksi 13 Initial Node Bagaimana objek dibentuk atau diawali. 14 Actifity Final Node Bagaimana objek dibentuk dan dihancurkan 15 Fork Node 16 LifeLine Satu aliran yang pada tahap tertentu berubah menjadi beberapa aliran Objek entity, antarmuka yang saling berinteraksi. x
NO GAMBAR NAMA KETERANGAN 17 Message 18 Generalization Spesifikasi dari komunikasi antar objek yang memuat informasiinformasi tentang aktifitas yang terjadi Hubungan dimana objek anak (descendent) berbagi perilaku dan struktur data dari objek yang ada di atasnya objek induk (ancestor). 19 Nary Association Upaya untuk menghindari asosiasi dengan lebih dari 2 objek. 20 Class 21 Realization 22 Dependency 23 Association Himpunan dari objek-objek yang berbagi atribut serta operasi yang sama. Operasi yang benar-benar dilakukan oleh suatu objek. Hubungan dimana perubahan yang terjadi pada suatu elemen mandiri (independent) akan mempegaruhi elemen yang bergantung padanya elemen yang tidak mandiri Apa yang menghubungkan antara objek satu dengan objek lainnya xi