LAPORAN PRAKTIKUM 4 SISTEM INFORMASI-SISTEM KEPEGAWAIAN

LAPORAN PRAKTIKUM SISTEM INFORMASI OLEH: DWITHA FAJRI RAMADHANI 160533611410 S1 PTI 16 B UNIVERSITAS NEGERI MALANG FAKULTAS TEKNIK JURUSAN TEKNIK ELEKTRO PROGRAM STUDI S1 PENDIDIKAN TEKNIK INFORMATIKA OKTOBER, 2017 LAPORAN PRAKTIKUM SISTEM INFORMASI Fakultas Teknik – Jurusan Teknik Elektro Universitas Negeri Malang Jl. Semarang No. 2, Malang MODUL KE-4 MEMBUAT SISTEM INFORMASI KEPEGAWAIAN (IV) Nama Dwitha Fajri Ramadhani Nim 160533611410 Prodi S1 Pendidikan Teknik Informatika 2016 B Dosen Pembimbing Dila Umnia Soraya, S.Pd, M.Pd 2 A. TUJUAN PRAKTIKUM Setelah mempelajari modul 4 ini, mahasiswa dapat : 1. Membuat halaman untuk merubah password. 2. Membuat halaman Show data. 3. Membuat halaman Update data. B. DASAR TEORI 1. Definisi Username dan Password 1.1 Username Username adalah serangkaian huruf yang merupakan identitas untuk masuk dan mengakses jaringan. Username digunakan untuk memberi tanda pengenal kepada user dalam suatu sistem atau jaringan. Biasanya untuk mendapatkan username dalam suatu sistem itu harus mendaftar dengan memasukkan data pribadi user. 1.2 Password Kata sandi (password) adalah kumpulan karakter atau string yang digunakan oleh pengguna jaringan atau sebuah sistem operasi yang mendukung banyak pengguna (multiuser) untuk memverifikasi identitas dirinya kepada sistem keamananyang dimiliki oleh jaringan atau sistem tersebut. Kata sandi (password) juga dapat diartikan sebagai kata rahasia yang digunakan sebagai pengenal. Sistem keamanan akan membandingkan kode-kode yang dimasukkan oleh pengguna yakni terdiri atas username dan password dengan daftar atau basis data yang disimpan oleh sistem keamanan atau sistem tersebut dengan metode autentikasi tertentu. Jika kode yang dibandingkan cocok, maka sistem keamanan akan mengizinkan akses kepada pengguna terhadap layanan dan sumber daya yang terdapat didalam jaringan atau sistem tersebut. 2. Metode Membuat Kata Sandi 2.1 Metode Kata Sandi Bruce Schneier Ahli keamanan Bruce Schneier mengemukakan sebuah teori tentang pembuatan kata sandi atau password dengan cara mengambil susunan suku 3 kata pada suatu kalimat untuk digunakan sebagai kata sandi, metode ini masih dia rekomendasikan sampai saat ini karena terbukti kuat dan mudah diingat, Contoh :  Sagadapamese1ju : Saya ganteng dan pandai menabung sebulan 1 juta (dibutuhkan waktu 2.131 abad untuk memecahkan kata sandi ini berdasarkan kaspersky password checker) Anda cukup membuat sebuah kalimat yang mudah anda ingat, kemudian ambil bagian suku kata dalam kalimat itu, bila Anda menggunakan suku kata yang berada di depan maka gunakanlah secara konsisten, dan bila anda menggunakan suku kata yang berada dibelakang gunakan semua suku kata yang ada dibelakang agar anda mudah mengingatnya. Metode ini telah diuji menggunakan beberapa software pemecah kata sandi dan terbukti ampuh. 2.2 Metode Kata Sandi PAO Teknik menghafal dan perangkat mnemonic dapat membantu Anda untuk membuat password yang aman dan mudah diingat, Setidaknya, itulah teori yang diajukan oleh Carnegie Mellon University ilmuwan komputer yang menyarankan menggunakan metode People-Action-Object (PAO) untuk membuat password yang sulit dipecahkan. Metode PAO merupakan metode kognitif, otak kita mudah mengingat sesuatu dengan lebih baik dengan visual, bersamaan dengan sebuah skenario yang aneh. Setelah Anda membuat dan menghafal beberapa cerita PAO, Anda dapat menggunakan cerita untuk menghasilkan password. Metodenya seperti ini : Pilih gambar dari tempat yang menarik (Gunung Semeru). Pilih foto dari seseorang yang akrab atau terkenal (Sule). Bayangkan beberapa kelakuan sule bersamaan dengan foto gunung semeru maka hasilnya bisa seperti ini, rambutsulekuningterbakarkawahsemeru. 2.3 Metode Hybrid (Mencampur metode kata sandi PAO dan Metode Kata Sandi Bruce Schneier) Metode kata sandi hybrid adalah metode yang digunakan untuk membuat kata sandi dengan menggabungkan dua atau lebih metode pembuatan kata sandi seperti menggabungkan metode kata sandi Bruce Shneier dengan metode kata sandi People-Action-Object. 4 C. HASIL LATIHAN 1. Latihan 1 Pada latihan pertama diperintahkan untuk membuat halaman ubah password. Langkah pertama yaitu membuat halaman user_ubah_password.php dan user_konfirmasi.php dengan cara save as file user_home.php agar pada halaman user_ubah_password.php sudah terdapat recordset dengan nama rsHome yang sudah dibuat pada modul sebelumnya. Selanjutnya adalah insert form record dengan cara klik menu Insert → Application Object → Insert record → Record Insertion From Wizard, hidden semua field kecuali field username dan field password. Gambar 1. Record Insertion From Wizard Ubah button value menjadi “Ubah Password” dan tambahkan kata “Batal” di samping button Ubah Password. Jadikan kata “Batal” sebagai button dengan menghubungkan dengan user_home.php. Gambar 2. Mengubah button value Gambar 3. Hasil ubah button value Buka halaman user_konfirmasi.php, lalu buat tabel dengan 7 baris, 4 kolom. 5 Gambar 4. Membuat tabel pada user_konfirmasi.php Masukkan foto user, langkahnya sama seperti modul sebelumnya. Atur tampilan seperti di bawah ini setelah itu klik save. Gambar 5. Edit halaman pada user_konfirmasi.php Buka halaman user_home.php, hubungkan kalimat “Ubah Password?” menuju ke halaman user_ubah_password.php. Gambar 6. Link UBAH PASSWORD pada user_ubah_password.php 6 Jangan lupa untuk mengubah parameter nya sesuai perintah pada modul. Gambar 7. Edit parameter Link pada user_ubah_password.php Sehingga tampilan parameter nya akan menjadi seperti ini, jangan lupa untuk save halaman yang telah diedit. Gambar 8. Parameter link pada user_ubah_password.php 7 Gambar 9. Hasil dari user_ubah_password.php 2. Latihan 2 Pada latihan kedua ini diperintahkan membuat halaman show data. Langkah pertama yaitu buka file user_data.php anda. Pastikan semua menu di bagian kiri halaman sudah terhubung dengan halaman masing-masing, begitu juga menu Logout sudah diatur sebagai Logout user melalui Server Behavior. Kemudian cek recordset pada Server Behaviors seperti pada gambar berikut. Gambar 10. Cek pada server behaviors user_data.php Langkah selanjutnya adalah membuat sebuah tabel dengan cara Insert → Tabel. Buat 15 baris dan 4 kolom tabel, atur lebar tabel menjadi 80% kemudian klik Ok. Gambar 11. Insert tabel pada halaman user_data.php 8 Jangan lupa ubah align atau posisi tabel menjadi Center. Gambar 12. Edit align tabel pada halaman user_data.php Atur tampilan tabel semenarik mungkin sesuai dengan krativitas. Seperti pada latihan dan modul sebelumnya, dengan melakukan drag and drop item binding recordset ke kolom yang sesuai. Gambar 13. Drag dan drop item Bindings sesuai dengan ketentuan field. Untuk pangaturan foto juga sama seperti langkah yang pernah dibahas sebelumnya, jangan lupa untukmenyimpan file yang telah jadi. Tampilan akan seperti berikut Gambar 14. Tampilan foto pada user_data.php 9 Gambar 15. Hasil dari user_data.php 3. Latihan 3 Untuk latihan ketiga diperintahkan untuk membuat halaman edit data. Langkah awal dengan buka file user_edit.php yang pernah anda simpan. Kemudian buat sebuah Recordset baru dengan nama rsUserEdit jangan lupa untuk mengubah URL Parameter menjadi Session Variable dan isi menjadi MM_Username. Gambar 16. Membuat recordset pada user_edit.php Gambar 17. Cek keberhasilan pembuatan rsUserEdit pada user_edit.php 10 Langkah selanjutnya yaitu dengan menambahkan Update Record From Wizard melalui menu Insert → Application Objects → Update Record → Record Update From Wizard. Hilangkan field id, sedangkan username, password, dan level di hidden file. Gambar 18. Membuat record update pada user_edit.php Jenis kelamin Display As RadioGroup, klik RadioGroup Properties, sesuaikan Label dan Value- nya, dan buat field alamat menjadi text area. Gambar 19. Edit radiogruoup properties pada user_edit.php Sehingga tampilan user_edit.php akan menjadi seperti ini. 11 Gambar 20. Hasil record update pada user_edit.php Karena disini nantinya user dapat juga melakukan update foto, maka pengaturan lebih lanjut diperlukan. Hapus TextField pada baris “Foto:”, ubah dengan FileField. fileField Name beri nama dengan foto. Gambar 21. Edit filefield name untuk foto pada user_edit.php Ubah ke mode Code. Carilah baris program if ((isset($_POST["MM_update"])) && ($_POST["MM_update"] == "form2")) { Lalu tambahkan baris program di bawah ini. $target = "upload_foto/"; //This is the directory where file will be uploaded// $target = $target . basename( $_FILES['foto']['name']); Carilah baris program berikut: GetSQLValueString($_POST['id'], "int")); Lalu tambahkan baris program berikut dibawahnya if(move_uploaded_file($_FILES['foto']['tmp_name'], $target)) { 12 Gambar 22. Edit code pada user_edit.php Cari baris program: header(sprintf("Location: %s", $updateGoTo)); } Tambahkan baris program berikut di bawahnya: else { header(sprintf("Location: "user_data.php?file=error)); } Gambar 23. Edit code pada user_edit.php Jika update berhasil, user akan diarahkan ke user_data.php?file=uploaded, dan jika gagal user akan diarahkan ke user_data.php?file=error. Kemudian ubah button Upadte Record menjadi Update Data, jangan lupa untuk menyimpan hasil halaman yang telah diedit. Gambar 24. Ubah value button pada user_edit.php Gambar 25. Hasil dari user_edit.php 13 D. TUGAS PRAKTIKUM Praktikum kali ini melanjutkan tugas praktikum Modul 3 yaitu melengkapi layanan ubah password, melengkapi website agar dapat menampilkan data, dan dapat melakukan update data. 1. Praktikum 1 (Modul 4 Latihan 1) Pada praktikum pertama ini mengaplikasikan latihan pertama pada modul 4 dengan perintah untuk membuat halaman ubah password. Langkah pertama yaitu membuat halaman user_ubah_password.php dan user_konfirmasi.php dengan cara save as file user_home.php agar pada halaman user_ubah_password.php sudah terdapat recordset dengan nama rsHome yang sudah dibuat pada modul sebelumnya. Gambar 26. Tampilan awal user_ubah_password.php Selanjutnya adalah insert form record dengan cara klik menu Insert → Application Object → Insert record → Record Insertion From Wizard, hidden semua field kecuali field username dan field password. Gambar 27. Record Insertion From Wizard 14 Ubah button value menjadi “Update Password” dan tambahkan kata “Batal” di samping button Update Password. Jadikan kata “Batal” sebagai button dengan menghubungkan dengan user_home.php. Gambar 28. Hasil ubah button value Buka halaman user_konfirmasi.php, lalu buat tabel dengan 7 baris, 4 kolom. Gambar 29. Membuat tabel pada user_konfirmasi.php Masukkan foto user, langkahnya sama seperti modul sebelumnya. Atur tampilan seperti di bawah ini setelah itu klik save. 15 Gambar 30. Edit halaman pada user_konfirmasi.php Buka halaman user_home.php, hubungkan kalimat “Ubah Password?” menuju ke halaman user_ubah_password.php. Jangan lupa untuk mengubah parameter nya sesuai perintah pada modul. Gambar 31. Edit parameter Link pada user_ubah_password.php Sehingga tampilan pada link ubah password akan berubah sesuai dengan parameter yang telah diedit seperti gambar berikut, jangan lupa untuk save halaman yang telah diedit. 16 Gambar 32. Parameter link pada user_ubah_password.php Untuk hasil dari praktikum kali ini adalah sebagai berikut. Gambar 33. Hasil dari user_home.php 17 Gambar 34. Hasil dari user_ubah_password.php 2. Praktikum 2 (Modul 4 Latihan 2) Pada praktikum kedua ini mengaplikasikan latihan kedua pada modul 4 dengan perintah untuk membuat halaman show data. Langkah pertama yaitu buka file user_data.php anda. Gambar 35. Tampilan awal user_data..php Pastikan semua menu di bagian kiri halaman sudah terhubung dengan halaman masing-masing, begitu juga menu Logout sudah diatur sebagai Logout user melalui Server Behavior. Kemudian cek recordset pada Server Behaviors seperti pada gambar berikut. 18 Gambar 36. Cek pada server behaviors user_data.php Langkah selanjutnya adalah membuat sebuah tabel dengan cara Insert → Tabel. Buat 9 baris dan 4 kolom tabel, atur lebar tabel menjadi 80% kemudian klik Ok. Jangan lupa ubah align atau posisi tabel menjadi Center. Gambar 37. Insert tabel pada halaman user_data.php Atur tampilan tabel semenarik mungkin sesuai dengan krativitas. 19 Gambar 38. Edit tabel pada halaman user_data.php Seperti pada latihan dan modul sebelumnya, dengan melakukan drag and drop item binding recordset ke kolom yang sesuai. Gambar 39. Drag dan drop item Bindings sesuai dengan ketentuan field. Untuk pangaturan foto juga sama seperti langkah yang pernah dibahas sebelumnya, jangan lupa untukmenyimpan file yang telah jadi. Tampilan akan seperti berikut Gambar 40. Tampilan foto pada user_data.php 20 Gambar 41. Hasil dari user_data.php 3. Praktikum 3 (Modul 4 Latihan 3) Pada praktikum ketiga ini mengaplikasikan latihan ketiga pada modul 4 dengan perintah untuk membuat halaman edit data. Langkah awal dengan buka file user_edit.php yang pernah anda simpan. Gambar 42. Tampilan awal user_edit.php Kemudian buat sebuah Recordset baru dengan nama rsUserEdit jangan lupa untuk mengubah URL Parameter menjadi Session Variable dan isi menjadi MM_Username. 21 Gambar 43. Membuat recordset pada user_edit.php Gambar 44. Cek keberhasilan pembuatan rsUserEdit pada user_edit.php Langkah selanjutnya yaitu dengan menambahkan Update Record From Wizard melalui menu Insert → Application Objects → Update Record → Record Update From Wizard. Hilangkan field id, sedangkan username, password, dan level di hidden file. Gambar 45. Membuat record update pada user_edit.php Jenis kelamin Display As RadioGroup, klik RadioGroup Properties, sesuaikan Label dan Value- nya, dan buat field alamat menjadi text area. 22 Gambar 46. Edit radiogruoup properties pada user_edit.php Sehingga tampilan user_edit.php akan menjadi seperti ini. Gambar 47. Hasil record update pada user_edit.php Karena disini nantinya user dapat juga melakukan update foto, maka pengaturan lebih lanjut diperlukan. Hapus TextField pada baris “Foto:”, ubah dengan FileField. fileField Name beri nama dengan foto. Gambar 48. Edit filefield name untuk foto pada user_edit.php Ubah ke mode Code. Carilah baris program if ((isset($_POST["MM_update"])) && ($_POST["MM_update"] == "form2")) { Lalu tambahkan baris program di bawah ini. $target = "upload/"; //This is the directory where file will be uploaded// $target = $target . basename( $_FILES['foto']['name']); 23 Carilah baris program berikut: GetSQLValueString($_POST['id'], "int")); Lalu tambahkan baris program berikut dibawahnya if(move_uploaded_file($_FILES['foto']['tmp_name'], $target)) { Gambar 49. Edit code pada user_edit.php Cari baris program: header(sprintf("Location: %s", $updateGoTo)); } Tambahkan baris program berikut di bawahnya: else { header(sprintf("Location: "user_data.php?file=error)); } Jika update berhasil, user akan diarahkan ke user_data.php?file=uploaded, dan jika gagal user akan diarahkan ke user_data.php?file=error. Gambar 50. Hasil dari user_edit.php 24 DAFTAR RUJUKAN Universitas Mercu Buana. Kriptografi. digilib.mercubuana.ac.id/manager/n!@file_ skripsi/ Isi2379737863374.pdf. Jakarta-UMB. Diakses pada tanggal 08 Oktober 2017. _________. 2016. Membuat Kata Sandi yang Aman dan Mudah Diingat. http://www.membuatemail.com/2016/03/kata-sandi-aman-mudah-diingat.html. Diakses pada tanggal 08 Oktober 2017. 25