31
Bab 4
Pembahasan Dan Hasil Pengujian
4.1 Implementasi Aplikasi
Pada Bab 4 ini akan dijelaskan bagaimana cara kerja aplikasi program untuk pemodelan system registrasi terpadu berbasis web menggunakan web service yang telah dibangun dan hasil implementasinya mengacu pada desain system pada Bab 3.
4.1.1 Form Registrasi Mahasiswa Ke Web Service UKSW
Pertama-tama mahasiswa UKSW diharuskan mendaftar pada UKSW service untuk menggunakan layanan login diberbagai tempat dengan satu akun UKSW.
32
Pada form di atas, mahasiswa diharuskan mengisi Nim, Password (Nim dan Password ini adalah Nim dan Password SIASAT). Diambil dari tabel utama atau tabel asli data mahasiswa milik UKSW. Sedangkan email, jika pada data asli mahasiswa sudah terdaftar email miliknya, maka mahasiswa tidak perlu mengisi email. Sedangkan jika belum mendaftarkan email pada database asli/SIASAT. Mahasiswa diharuskan mengisi email. Berikut tabel data asli mahasiswa (tabel ini hanya sebagai simulasi):
Gambar 4.2 Data Simulasi Mahasiswa UKSW
33
Gambar 4.3 Data mahasiwwa yang terdaftar di UKSW service pada database Beberapa data yang penting akan dicopykan ke tabel di atas dan seterusnya agar user dapat mengakses website lain dengan akun yang diakses dari tabel tersebut dan bukan tabel UKSW yang sebenarnya supaya keamanan dan validitas data mahasiswa terjamin. Berikut contoh pendaftaran beserta contoh koding:
34
Gambar 4.4 Regitrasi Mahasiswa ke UKSW service
Berikut kodenya:
Gambar 4.5 koding registrasi mahasiswa ke uksw service
Penjelasan Kode:
35
- Pada baris 7, berfungsi untuk mengarahkan form ke controller member dengan function register saat tombol disubmit
- Pada baris 8, form error berfungsi untuk menganalisa kesalahan input (misalnya data tidak diisi atau isian kurang dari jumlah yang ditentukan). Jadi jika user salah mengisi, maka pesan error akan muncul
- Pada baris 11, yaitu inputan user NIM. Di sini name nya username. Berguna untuk mengirim POST berupa data username yang diisikan user
- Baris selanjutnya penjelasan dan fungsinya hampir sama - Kemudian data diarahkan ke controller member
36
- Pada baris 69 berfungsi memanggil fungsi validasi, jika benar maka data diproses, jika salah, maka akan diredirect ke baris 90 yaitu ke halaman sebelumnya berikut pesan errornya
- Baris 71 akan dieksekusi jika validasi benar, atau inputan user tidak salah. Kemudian akan memanggil fungsi $this->webservice->call(„register‟, $data) yang berarti memanggil webservice dengan fungsi register dan parameternya adalah array $data. Yaitu username diambil dari inputan POST username ('username' => $this->input->post('username'),) dan seterusnya. - $this->webservice->call(„register‟, $data), adalah function untuk
memanggil class berikut
Gambar 4.7 koding registrasi mahasiswa ke uksw service
37
Berikut ini adalah function webservice yang dipanggil:
Gambar 4.8 koding registrasi mahasiswa ke uksw service
(function webservice)
- Pada baris 35 function memanggil parameter username, password, dan email. Ini sesuai dengan inputan user sebelumnya (untuk diperhatikan password menggunakan enkripsi sha1)
- Pada baris 36 digunakan untuk mengirim code verifikasi email - Baris 37-50 digunakan untuk membandingkan inputan user
dengan data sebenarnya pada tabel uksw.
38
- Jika baris 52 bernilai TRUE, maka data akan diinput ke tabel UKSW_SERVICE. (di sini mahasiswa belum aktif, lihat pada baris 61, setActive=0).
Gambar 4.9 koding registrasi mahasiswa ke uksw service
- Baris 70 digunakan untuk pengecualian jika username sudah ada pada tabel UKSW_SERVICE. Atau sudah terdaftar tapi user yang bersangkutan belum mengaktifkan akun-nya.
- Baris 71 digunakan untuk memperoleh kode yang diisikan pada tabel UKSW_SERVICE (setiap user mendaftar maka tabel member pada database UKSW_SERVICE akan terisi kolom codenya)
39
- Kemudian baris 74 digunakan untuk mengirim email ke user yang bersangkutan. Email tersebut berisi code dari database tabel mahasiswa kolom code.
Gambar 4.11 koding registrasi mahasiswa ke uksw service
40
pada tabel asli UKSW dan email mahasiswa tersebut SUDAH ada)
Untuk lebih jelasnya, silakan lihat pada saat penulis melakukan atau mensubmit tombol register.
Gambar 4.12 Registrasi Confirmation
- Pada gambar di atas terlihat bahwa user diharuskan mengisi konfirmasi kodenya, kode tersebut dikirm ke email, berikut rinciannya
41
- Kemudian jika user tidak mengisi dengan benar
Gambar 4.14 Registrasi berhasil (inputan benar)
Tampilan di atas dikarenakan function webservice mengembalikan return value berupa Boolean yang bernilai FALSE
- Jika user mengisikan kode konfirmasi dengan benar:
42
Gambar 4.16 Registrasi berhasil
- User berhasil terdaftar karena webservice mengembalikan nilai TRUE, dan lihat data pada database UKSW_SERVICE tabel member sekarang terisi, berikut value active berubah menjadi
“1” yang berarti sudah aktif.
43
- Penulis mencoba untuk login dengan akun tersebut untuk mengakses informasi penulis
Gambar 4.18 Mahasiswa Login ke UKSW service
- Maka data diri lengkap akan tampil berikut foto mahasiswa yang bersangkutan
44 - Berikut kode untuk login:
(C:\xampp\htdocs\uksw_register\application\views\include\login .php).
Gambar 4.20 Koding Login Mahasiswa ke UKSW service
- Pada baris 26 form diarahkan ke controller member dengan function login
- Pada baris 28 dan 29 berupa inputan user yang nantinya akan dikirimkan ke controller.
- Berikut controllernya:
45
Gambar 4.21 Koding Login Mahasiswa ke UKSW service (Controller)
- Pada baris 11, controller memanggil model “member_model”
dengan function login
(C:\xampp\htdocs\uksw_register\application\models\member_ model.php)
Gambar 4.22 Koding Login Mahasiswa ke UKSW service (Function Login)
- Di atas adalah tampilan model dengan function login
- Pada baris 18-21 penulis set username dan password dari inputan user
46
- Berikut webservicenya
(C:\xampp\htdocs\uksw_service\member_uksw.php).
Gambar 4.23 Koding Login Mahasiswa ke UKSW service (Function Login & parse)
- Pada baris 157 penulis create instance class member dao
- Kemudian baris 158 panggil function getAuth() dari class member_dao. Function tersebut sebenarnya mengambil data dari tabel UKSW_SERVICE.member. $result berarti query untuk men-SELECT dimana username=inputan user, dan password=inputan user password, dan active=1
- Kemudian baris 164 $count berfungsi menghitung berapa data yang didapat dari query baris 158
- Baris 165 berfungsi untuk mengambil data dalam bentuk object - Baris 160 berfungsi untuk menghitung value dari $count.
47
atau login benar. Dan webservice mengembalikan return value
berupa STRING bernilai „auth‟
- Baris 163 dijalankan apabila inputan username dan password benar, tetapi user tersebut belum aktif.
- Kemudian baris 169 digunakan untuk mengirim ulang email kepada username yang bersangkutan. Dan webservice mengembalikan return value berupa STRING dengan value
„cek_email‟
- Baris 172 dijalankan apabila username dan password inputan user salah, maka return webservice berupa BOOLEAN FALSE - Kemudian kembali ke model tadi
- (C:\xampp\htdocs\uksw_register\application\models\member_ model.php)
Gambar 4.24 Koding Login Mahasiswa ke UKSW service (Function Login)
- Baris 23 digunakan untuk me return data result dari webservice tadi ke controller
- Kembalike controller:
48
Gambar 4.25 Koding Login Mahasiswa ke UKSW service (Controller)
- Pada controller baris 11, $result berisi return value dari model yang diambil dari web service sebelumnya
- Baris 12, dipanggil jika result bernilai „auth‟
- Maka baris 13-21 berguna untuk men-set SESSION is_login. Jadi user dianggap telah berhasil login
- Baris 21 user diarahkan ke PROFILE seperti gambar sebelumnya
49
- Baris 24 dieksekusi apabila webservice dan model me return
value „cek_email‟
- Seperti yang sudah dikatakan sebelumnya web service me
return „cek_email‟ dikarenakan user belum aktif. Silakan coba daftarkan username 672008111 dan password 12345 untuk mengetest. Dan jangan aktifkan emailnya, kemudian loginkan user tersebut. Maka baris 31 akan di eksekusi dan tampilan akan sebagai berikut :
Gambar 4.27 Registrasi Confirmation (inputan salah)
50
Gambar 4.28 Registrasi Confirmation (inputan salah)
4.1.2 Web Perpustakaan Simulation
Berikut tampilan website perpustakaan simulasi
51
Berikut database dan tabel yang terdapat pada perpustakaan a. Tabel member Umum
Gambar 4.30 table member Umum pada database perpustakaan
b. Tabel member yang terdaftar dari UKSW_SERVICE
52
Sebelum menggunakan website ini, user dapat mendaftarkan diri pada perpustakaan baik dengan akun uksw atau sebagai member biasa
Pertama penulis akan menjelaskan alur dari pendaftaran member umum
Gambar 4.32 registrasi member Umum pada web perpustakaan
Berikut code view nya:
53
Gambar 4.33 koding registrasi member Umum pada web perpustakaan
- Pada baris 5 diarahkan ke controller member dengan function register - Pada baris 8-selesai username, nama dsb adalah data yang dikirimkan
54
Gambar 4.34 registrasi member Umum pada web perpustakaan (Validasi)
Berikut code Controllernya
(C:\xampp\htdocs\perpus\application\controllers\member.php)
55
- Pada baris 177 berfungsi untuk memvalidasi inputan, jika baris 177 bernilai TRUE maka lanjut ke baris berikutnya
- 178-185 berfungsi untuk mengambil inputan user dan menjadikannya array
- Kemudian 186 memanggil Model “member_model” dan function register dengan parameter $data
- Kemudian baris 187 dan 188 dieksekusi bila member_model->register berhasil dieksekusi, jika 188 dieksekusi maka akan diredirect ke halaman buku
Berikut modelnya yang dipanggil dari baris 186 di atas :
(C:\xampp\htdocs\perpus\application\models\member_model.php)
Gambar 4.36 Koding Registrasi Member Umum pada web perpustakaan (model)
- Baris 20 adalah function codeigniter database untuk inserting data. Data yang diinsert adalah data array dari controller sebelumnya
56
Gambar 4.37 registrasi member Umum pada web perpustakaan
Gambar 4.38 registrasi member Umum pada web perpustakaan berhasil
57
Gambar 4.39 data member pada database perpus
Sekarang penulis akan menjelaskan alur login dengan member Umum Berikut prosesnya:
- Inputkan username bambang dengan password bambang seperti yang sudah didaftarkan tadi
Gambar 4.40 Login user umum
- Kemudian tampilan jika berhasil login
Gambar 4.41 Login user umum berhasil
Alur kode sebagai berikut, mula-mula dari view :
58
Gambar 4.42 Koding Login user umum
- Pada baris 95 form diarahkan ke controller member dengan function login
- Pada baris 96-98 seperti biasa berupa inputan user yang juga diarahkan ke controller
Berikut controllernya
(C:\xampp\htdocs\perpus\application\controllers\member.php)
Gambar 4.43 Koding Login user umum
- Baris 130 dan 131 mengambil inputan user
59
- Baris 134 jika true maka set session dan redirect pada baris 140 ke halaman buku
- Baris 141 jika false maka akan terdapat pesan error dan kembali ke halaman buku redirect pada baris 143
Berikut model untuk login
(C:\xampp\htdocs\perpus\application\models\member_model.php)
Gambar 4.44 Koding Login user umum
- Select dimana username dan password sama dan baris 11 dapatkan jumlah row yang diperoleh
- Baris 12, jika lebih dari nol, maka return true ke controller - Baris 15 jika sama dengan nol, maka return false ke controller
Sekarang penulis akan menjelaskan alur login dengan uksw service Berikut alur jalannya program halaman awal login
60
- jika belum terdaftar pada uksw service maka klik link yang penulis block, sehingga diarahkan ke halaman berikut
- gunakan login dengan akun yang sudah penulis tadi daftarkan pada UKSW_SERVICE
[image:30.516.76.461.115.638.2]- jika login benar maka tampilan pada web perpustakaan sebagai berikiut:
Gambar 4.46 Login user Mahasiswa UKSW ke perpus
- Kemudian user akan mendapat kode verifikasi pada email,tampilannya sebagai berikut:
Gambar 4.47 kode konfirmasi yang dikirim ke email
- Jika verifikasi code sudah diinputkan, terdapat konfirmasi sbb
61
[image:31.516.72.483.102.653.2]- Pada database PERPUS tabel member_uksw data masuk, tampilannya sebagai berikut:
Gambar 4.49 tabel member uksw pada database perpus
- Jika login berhasil, maka user sudah dapat mengakses web perpustakaan, tampilannya sebagai berikut:
Gambar 4.50 Login mahasiswa ke perpus berhasil
penjelasan kode view
(C:\xampp\htdocs\perpus\application\views\include\header.php)
Gambar 4.51 koding header
62 - 106-108 adalah inputan user
Penjelasan controller
[image:32.516.77.458.118.540.2](C:\xampp\htdocs\perpus\application\controllers\member.php)
Gambar 4.52 koding member
- Pada baris 19-20 ambil inputan user
- Baris 28 panggil webservice dengan function login
- Baris 30, jika webservice return STRING “auth” maka webservice
63
Gambar 4.53koding member (pemanggilan function get member)
- Kemudian baris 56 menset session user telah login - Baris 57 redirect ke buku
- Baris 58 jika webservice me return value selain false yang berarti user benar-benar ada pada database UKSW_SERVICE tabel member tetapi belum ada di database PERPUS tabel member_uksw, maka akan dikirimkan email beserta konfirmasi kodenya untuk mengaktifkan - Baris 67 yang berarti webservice me return false maka akan ada pesan
error dan diredirect ke halaman awal Penjelasan webservice
(C:\xampp\htdocs\perpus\application\libraries\webservice.php)
64
Gambar 4.54 koding member (pemanggilan web service NUSOAP)
- Baris 11 panggil alamat webservice
http://localhost/uksw_service/member_service.php?wsdl
- Kemudian pada webservice servernya yaitu UKSW_SERVICE sbb: - Untuk memanggil library NUSOAP (adalah library webservice yang
65
Gambar 4.55 koding member (pemanggilan web service NUSOAP)
- Di atas adalah kode member_service function login - Baris 20 memanggil class Member_website_dao
- Baris 21 memanggil function login dan parse ke variable $result
- Baris 22-23 jika login bernilai “auth” maka return “auth” yang nantinya diambil ke controller yang memanggil webservice ini
- Baris 24-25 jika login bernilai “!false” atau bukan false maka akan mengembalikan bukan false
- Baris 26 jika login bernilai “false” maka akan mengembalikan false ke
