BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah tahap analisa dan tahap perancangan sistem aplikasi yang sudah dijelaskan pada Bab III, maka tahap selanjutnya merupakan tahap implementasi. Pada Bab IV ini akan dibahas mengenai tahap implementasi pembuatan basis data dan implementasi perancangan antarmuka sistem aplikasi data karyawan Fasilkom berbasis web. 4.1.1 Implementasi Pembuatan Basis Data Pada implemntasi pembuatan basis data ini akan dijelaskan dan menampilkan basis data dari tabel-tabel yang fungsional saja, seperti tabel login admin,login user,dan tabel registrasi. Masing-masing tabel telah dijelaskan pada pembahasan Bab III. 4.1.2 Implementasi Pembuatan Tabel Admin Tabel admin terdiri dari lima kolom data, kolom pertama berisi data admin_id bertipe data integer. Pada kolom kedua berisi admin_username bertipe varchar, pada kolom ketiga berisi data admin_password dengan tipe data varchar, pada kolom keempat berisi admin_email bertipe data varchar, dan pada kolom kelima berisi admin_lastlogin yang bertipe data datetime. Gambar 4.1 merupakan implementasi dari basis data tabel login admin. Gambar 4. 1 Implementasi Tabel Admin 58
59 4.1.3 Implementasi Pembuatan Tabel User Tabel login user terdiri dari dua puluh kolom data, kolom pertama berisi nik (nomer induk karyawan) bertipe varchar, pada kolom kedua berisi password bertipe data varchar, pada kolom ketiga berisi data nama dengan tipe data varchar, pada kolom keempat berisi data tempat lahir dengan tipe data varchar, pada kolom kelima berisi data tanggal lahir dengan tipe data date, pada kolom keenam berisi data alamat dengan tipe data varchar, pada kolom ketujuh berisi data telepon rumah dengan tipe data varchar, pada kolom kedelapan dan kesembilan berisi data handphone dengan tipe data varchar, pada kolom kesepuluh berisi data nidn (nomer induk dosen) dengan tipe data integer, pada kolom kesebelas berisi data email dengan tipe data varchar, pada kolom kedua belas sampai dengan kelima belas berisi data ID dari tabel job position, job level, prodi, dan dosen status yang merupakan foreign key di tabel user. Kolom keenam belas berisi keterangan waktu login terakhir dari user, kolom ketujuh belas sampai dengan kedua puluh merupakan keterangan tentang pendidikan terakhir karyawan, status belajar karyawan, sertifikasi karyawan, dan nama gambar atau foto karyawan dengan tipe data varchar.gambar 4.2 merupakan implementasi dari basis data tabel login user.
60 Gambar 4. 2 Implementasi Tabel Login User 4.1.4 Implementasi Pembuatan Tabel SMS Tabel SMS terdiri dari tujuh kolom data, kolom pertama berisi sms_id bertipe big integer. Pada kolom kedua berisi batch id bertipe varchar, pada kolom ketiga berisi sms phone bertipe data varchar, pada kolom keempat berisi pesan sms dengan tipe data varchar, pada kolom kelima berisi tanggal pengiriman sms tipe data datetime, pada kolom keenam berisi report sms dengan tipe data datetime, dan kolom ketujuh berisi status sms dengan tipe data integer.
61 Gambar 4. 3 Implementasi Tabel SMS 4.1.5 Implementasi Pembuatan Tabel Job Position (Jabatan) Tabel job_position terdiri dari dua kolom data, kolom pertama berisi job_position_id bertipe integer. Pada kolom kedua berisi detail dari jabatan yang bisa dipilih dengan tipe data varchar. Gambar 4.4 merupakan implementasi dari basis data tabel Job Position(Jabatan). Gambar 4. 4 Implementasi Tabel job_position 4.1.6 Implementasi Pembuatan Tabel Job Level (Kepangkatan) Tabel job_level terdiri dari dua kolom data, kolom pertama berisi job_ level _id bertipe integer. Pada kolom kedua berisi detail dari kepangkatan yang bisa dipilih dengan tipe data varchar. Gambar 4.5 merupakan implementasi dari basis data tabel Job Level(Kepangkatan). Gambar 4. 5 Implementasi Tabel job_level
62 4.1.7 Implementasi Pembuatan Tabel Program Studi Tabel program studi terdiri dari dua kolom data, kolom pertama berisi prodi_id bertipe integer. Pada kolom kedua berisi detail dari program studi yang bisa dipilih dengan tipe data varchar. Gambar 4.6 merupakan implementasi dari basis data tabel prodi Gambar 4. 6 Implementasi Tabel prodi 4.1.8 Implementasi Pembuatan Tabel Dosen Status Tabel dosen_status terdiri dari dua kolom data, kolom pertama berisi dosenstatus_id bertipe integer. Pada kolom kedua berisi detail dari status dosen yang bisa dipilih dengan tipe data varchar. Gambar 4.7 merupakan implementasi dari basis data tabel prodi Gambar 4. 7 Implementasi Tabel dosen_status 4.2 Implementasi Antarmuka Implementasi antar muka penting untuk dirancang karena harus dibuat menarik dan tidak sukar dalam penggunaanya, dan juga pengguna dapat
63 berinteraksi dengan baik berdasarkan sistem yang telah dirancang. Berikut implementasi dari antarmuka sistem yang telah dibangun. 4.2.1 Implementasi Antarmuka Halaman Index Implementasi antar muka halaman awal admin akan menampilkan halaman utama program aplikasi website karyawan, dimana pada halaman ini pengunjung halaman bisa menentukan login sebagai user(karyawan) atau sebagai admin. Implementasi antar muka halaman index, dapat dilihat pada Gambar 4.8 Penjelasan Coding Sbb : Gambar 4. 8 Implementasi Halaman Index ///System melakukan inisialisasi session PHP dan melakukan pengecekan apakah user memiliki hak akses atau tidak. Jika user sudah login sebelumnya, system akan mengalihkan halaman sesuai dengan hak akses-nya User biasa atau Admin. <? session_start();
64 if(isset($_session['admin'])) header( 'Location:./admin/' ) ; die; if(isset($_session['user'])) header( 'Location:./user/' ) ; die; header( 'Location:./login/' ) ; die;?> 4.2.2. Implementasi Antarmuka Kirim Email Implementasi antar muka kirim Email akan menampilkan halaman pengiriman email yang didalam nya berisi form untuk admin berupa tujuan dan pesan email. Implementasi antar muka halaman kirim Email, dapat dilihat pada Gambar 4.9
65 Penjelasan coding sbb : Gambar 4. 9 Implementasi Antarmuka Kirim Email /// system menjalankan fungsi session, dan mengecek apakah user memiliki hak akses sebagai admin atau tidak. Bila tidak, system akan mengalihkan ke halaman login. <? session_start(); if (!isset($_session['admin'])) header( 'Location:../login/' ) ; die; /// Sistem melakukan inisialisasi koneksi database
66 include_once("../conn/mysql.inc.php"); $mysql = new clsmysql; $mysql -> logon(); /// Sistem mengecek apakah user mengirimkan form email dengan meng-klik tombol send. if(isset($_post['send'])) //echo "approve"; $to=$_post['emailaddress']; $subject=$_post['emailsubject']; $mailmessage=$_post['emailmessage']; /// Sistem mengecek apakah tujuan yang diisi kosong atau tidak. Bila kosong, maka akan mengirimkan pesan error. if(trim($to)=='') ) ; header( 'Location: admin_send_email.php?errid=1' die; /// Sistem mengecek apakah judul email yang diisi kosong atau tidak. Bila kosong, maka akan mengirimkan pesan error. if(trim($subject)=='') ) ; header( 'Location: admin_send_email.php?errid=2' die;
67 /// Sistem mengecek apakah isi email yang diisi kosong atau tidak. Bila kosong, maka akan mengirimkan pesan error. if(trim($mailmessage)=='') ) ; header( 'Location: admin_send_email.php?errid=3' die; /// Sistem mengirimkan pesan email dalam bentuk HTML, sehingga header mime yang dikirimkan harus di set sebagai HTML $headers = 'MIME-Version: 1.0'. "\r\n"; $headers.= 'Content-type: text/html; charset=iso-8859-1'. "\r\n"; // Header tambahan, menunjukkan pengirim email tersebut $headers.= 'From: Fasilkom Web Service Admin <admin@ayuningwhardani.com>'. "\r\n"; // Sistem mengirimkan email melalui fungsi Mail pada PHP if(!mail($to, $subject, $mailmessage, $headers)) unset($_session['filtereduniqueemail']);?> <script language="javascript"> window.location.replace("admin_send_email.php?errid=4"); </script> <?
68 else unset($_session['filtereduniqueemail']);?> <script language="javascript"> window.location.replace("admin_send_email.php?send=ok"); </script> <??> 4.2.3. Implementasi Antarmuka Kirim SMS Implementasi antar muka kirim SMS akan menampilkan halaman pengiriman email yang didalam nya berisi form untuk admin berupa tujuan dan pesan SMS. Implementasi antar muka halaman kirim SMS, dapat dilihat pada Gambar 4.10
69 Penjelasan Coding : Gambar 4. 10 Implementasi Antarmuka Kirim SMS /// system menjalankan fungsi session, dan mengecek apakah user memiliki hak akses sebagai admin atau tidak. Bila tidak, system akan mengalihkan ke halaman login. <? session_start(); if (!isset($_session['admin'])) header( 'Location:../login/' ) ; die; /// Sistem melakukan inisialisasi koneksi database include_once("../conn/mysql.inc.php"); $mysql = new clsmysql; $mysql -> logon();
70 /// Sistem mengecek apakah user mengirimkan form SMS dengan meng-klik tombol send. if(isset($_post['send'])) //echo "approve"; $phonenumber=$_post['phonenumber']; $smscontent=$_post['smscontent']; /// Sistem mengecek apakah nomor telepon yang diisi kosong atau tidak. Bila kosong, maka akan mengirimkan pesan error. if(trim($phonenumber)=='') ; header( 'Location: admin_send_sms.php?errid=1' ) die; /// Sistem mengecek apakah isi SMS yang diisi kosong atau tidak. Bila kosong, maka akan mengirimkan pesan error. if(trim($smscontent)=='') ; header( 'Location: admin_send_sms.php?errid=2' ) die; /// Sistem mengirimkan nomor telepon SMS dalam form yang sama, tapi dipisahkan dengan tanda koma. Sistem kemudian memisahkan setiap nomor dan memasukkan kedalam variable array. $splitphonenumber=explode(",",$phonenumber); foreach ($splitphonenumber as &$value)
71 $value = trim($value); ///System men-generate ID yang digunakan sebagai identitas pengiriman SMS pada database $batchid=md5(time()); ///System mengecek ID terakhir SMS yang ada pada database $querylastsmsid="select sms_id from t_sms order by sms_id desc"; $mysql->parse($querylastsmsid); $resultlastsmsid=$mysql->fetch(); $lastsmsid=1+$resultlastsmsid->value[1][1]; ///System mengolah data SMS dalam bentuk XML dan kemudian mengirimkan ke SMS Gateway $xmldata="<smsdata>"; for($i=0;$i<count($splitphonenumber);$i++) $xmldata.="<sms>"; $xmldata.="<batch>".$batchid."</batch>"; $xmldata.="<smsid>".$lastsmsid."</smsid>"; $xmldata.="<phone>".$splitphonenumber[$i]."</phone>"; $xmldata.="<smscontent>".$smscontent."</smscontent>"; $xmldata.="</sms>"; $insertsentsms="insert into t_sms(sms_id,batch_id,sms_phone,sms_message,sms_sent_timestamp) values (".$lastsmsid.",'".$batchid."','".$splitphonenumber[$i]."','".$smscontent."',now())"; $mysql->parse($insertsentsms); $lastsmsid++;
72 $xmldata.="</smsdata>"; //echo $xmldata; $xmlfile = "../smsdata/".$batchid.'.xml'; $handle = fopen($xmlfile, 'w') or die('cannot open file: '.$xmlfile); $data = $xmldata; fwrite($handle, $data); fclose($handle); unset($_session['filtereduniquephone']); header( 'Location: admin_send_sms.php?send=ok' ) ; die;?> 4.2.4 Implementasi Antarmuka Halaman Chat Room Implementasi antarmuka halaman Chat Room yang berguna untuk melakukan percakapan/ diskusi antar karyawan fasilkom.implementasi halaman chat room dapat dilihat pada Gambar 4.11.
73 Penjelasan Coding sbb : Gambar 4. 11 Implementasi Antarmuka Halaman Chat Room /// system menjalankan fungsi session, dan mengecek apakah user memiliki hak akses sebagai admin atau user. Bila tidak diantara keduanya, system akan mengalihkan ke halaman login. <? session_start(); $sessionparam=0; if (isset($_session['admin']))
74 $sessionparam=1; if (isset($_session['user'])) $sessionparam=1; if ($sessionparam==0) header( 'Location:../login/' ) ; die; //// System melakukan inisialisasi database include_once("../conn/mysql.inc.php"); $mysql = new clsmysql; $mysql -> logon(); /// Class phpfreechat di load dan dilakukan inisialisasi require_once "src/phpfreechat.class.php"; // adjust to your own path $params["serverid"] = md5( FILE ); $params["nick"] = $_SESSION['chatNickName']; // it can be useful to take nicks from a database?> $params["title"]= "Chat Room"; //$params["channels"]= "Public Room"; $params["theme"] = "phoenity"; $chat = new phpfreechat($params);
75 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" language="javascript1.2" src="../css/menu/stm31.js"></script> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>:: CHAT ROOM ::</title> <style type="text/css"> <!-- body --> </style> margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #d3d3d3; <link href="../css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <br /> <table width="896" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="31" height="284"><img src="../images/adminpage/adminpage_03.jpg" width="31" height="284" /></td>
76 <td width="842" height="284"><img src="../images/chatroom_04.jpg" width="842" height="284" /></td> <td width="23" height="284"><img src="../images/adminpage/adminpage_05.jpg" width="23" height="284" /></td> </tr> </table> <table width="896" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="31"><img src="../images/adminpage/adminpage_07.jpg" width="31" height="15" /></td> <td width="251"><img src="../images/adminpage/adminpage_08.jpg" width="251" height="15" /></td> <td width="591"><img src="../images/adminpage/adminpage_09.jpg" width="591" height="15" /></td> <td width="23"><img src="../images/adminpage/adminpage_10.jpg" width="23" height="15" /></td> </tr> <tr> <td width="31" background="../images/adminpage/adminpage_11.jpg"> </td> <td width="251" valign="top" background="../images/adminpage/adminpage_12.jpg"> /// System me-load menu sesuai dengan hak akses, apakah admin atau user biasa <??> if (isset($_session['admin'])) <script type="text/javascript" language="javascript1.2" src="../css/menu/adminmenuchat.js"></script><br /> <? if (isset($_session['user']))
77?> <script type="text/javascript" language="javascript1.2" src="../css/menu/usermenuchat.js"></script><br /> <??> ///System menampilkan feature chat sesuai parameter yang telah di-inisialisasi sebelumnya. <?php $chat->printchat();?> </td> <td width="591" valign="top" background="../images/adminpage/adminpage_13.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="../images/chatroomheader.jpg" width="578" height="55" /></td> </tr> </table> <table width="555" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="18"><img src="../images/helpbox/helpbox_03.jpg" width="18" height="21" /></td> <td width="428"><img src="../images/helpbox/helpbox_04.jpg" width="428" height="21" /></td> <td width="109"><img src="../images/helpbox/helpbox_05.jpg" width="109" height="21" /></td> </tr> <tr> <td width="18"><img src="../images/helpbox/helpbox_07.jpg" width="18" height="88" /></td> <td width="428" align="left" valign="top" background="../images/helpbox/helpbox_08.jpg" class="verdanawhite13pxbold">pada halaman ini, Anda dapat melakukan komunikasi via chatbox antar sesama pegawai.</td>
78 <td width="109"><img src="../images/helpbox/helpbox_09.jpg" width="109" height="88" /></td> </tr> <tr> <td width="18"><img src="../images/helpbox/helpbox_10.jpg" width="18" height="21" /></td> <td width="428"><img src="../images/helpbox/helpbox_11.jpg" width="428" height="21" /></td> <td width="109"><img src="../images/helpbox/helpbox_12.jpg" width="109" height="21" /></td> </tr> </table> <br /> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> </td> </tr> </table> <br /> </td> <td width="23" background="../images/adminpage/adminpage_14.jpg"> </td> </tr> <tr> <td background="../images/adminpage/adminpage_11.jpg"><img src="../images/adminpage/adminpage_19.jpg" width="31" height="14" /></td> <td background="../images/adminpage/adminpage_12.jpg"><img src="../images/adminpage/adminpage_20.jpg" width="251" height="14" /></td> <td background="../images/adminpage/adminpage_13.jpg"><img src="../images/adminpage/adminpage_21.jpg" width="591" height="14" /></td> <td background="../images/adminpage/adminpage_14.jpg"><img src="../images/adminpage/adminpage_22.jpg" width="23" height="14" /></td> </tr>
79 <tr> <td background="../images/adminpage/adminpage_11.jpg"><img src="../images/adminpage/adminpage_26.jpg" width="31" height="48" /></td> <td colspan="2" align="center" valign="middle" background="../images/adminpage/adminpage_27.jpg" class="login_text">fasilkom UMB (c) 2014</td> <td background="../images/adminpage/adminpage_14.jpg"><img src="../images/adminpage/adminpage_28.jpg" width="23" height="48" /></td> </tr> </table> </body> </html> 4.3 Verifikasi dan Pengujian Pengujian sistem dilakukan untuk menguji program yang telah dibuat apakah sudah sesuai dengan rancangan atau tidak. Pengujian yang akan dilakukan yaitu menguji proses registrasi user, approval request registrasi oleh admin, proses perubahan data karyawan, proses delete data karyawan, proses penarikan data dalam berntuk report, penyimpanan data. 4.3.1 Skenario Pengujian Uji coba dilakukan setelah pembuatan perangkat lunak selesai dengan percobaan pada komputer tampilan pengguna. Dengan melakukan uji coba ini,maka dapat diketahui kemungkinan terjadinya kesalahan dan untuk memastikan fungis-fungsi yang terdapat pada modul-modul aplikasi ini apakah sudah berjalan dengan baik. Tahapan pengujian ini meliputi berbagai skenario pengujian, hasil pengujian dan analisis hasil pengujian. Dalam proses pengujiannya metode yang digunakan adalah black box. Metode black box merupakan pengujian dengan metode test dari persfektif eksternal, tidak ada informasi mengenai struktur internal perangkat lunak baik yang berkaitan dengan desain atau listing kode program.
80 Pengujian ini bisa dilakukan baik secara fungsional maupun nonfungsional, walaupun pada umumnya yang dilakukan kebanyakan secara fungsional. Pengujian ini dapat dilakukan pada semua level tes. Semakin tinggi level yang diuji, semakin besar keharusan untuk melakukan pengujian menggunakan metode black box. Pengujian tipe ini dapat mendeteksi adanya bagian dari spesifikasi yang diimplementasikan, tetapi tidak bisa mendeteksi keseluruhan kemungkinan kesalahan operasional. Apabila keluaran proses tidak menghasilkan sesuai yang diinginkan, maka program aplikasi masih terdapat kesalahan-kesalahan yang harus diperbaiki pada program aplikasi tersebut. Apabila keluaran proses menghasilkan kebutuhan fungsional, maka program aplikasi tersbut sudah benar. Dalam program aplikasi karyawan online ini, penulis akan mengelompokan pengujian menjadi dua kelompok, yaitu : 1. Halaman admin 2. Halaman user Pengujian dengan metode black box akan melakukan pengujian pada program aplikasi dimulai dari halaman login, menu yang terdapat pada halaman, dan sampai pada menu log out. Untuk lebih jelasnya mengenai pengujian aplikasi dengan metode black box maka perhatikan Tabel 4.1 berikut ini yang akan menampilkan data scenario pengujian aplikasi pada halaman admin. Tabel 4. 1 Skenario Pengujian Halaman Admin Hasil yang No Deskripsi Kondisi Awal Kasus Uji diharapkan Masukan 1 Menu login username dan halaman halaman login password utama Halaman kirim Mengirim Email notifikasi 2 halaman form kirim email untuk group berhasil email mengirim
81 email 3 Halaman kirim email halaman form kirim email Mengirim Email untuk perorangan notifikasi berhasil mengirim email 4 Halaman kirim sms halaman form kirim sms Mengirim sms untuk group notifikasi berhasil mengirim sms 5 Halaman kirim sms halaman form kirim sms Mengirim sms untuk perorangan notifikasi berhasil mengirim sms Chat Room Halaman Chat form Melakukan 6 dengan pesan Room Chat percakapan yang ditulis dn dikirim Pada Tabel 4.1 telah dijelaskan tentang skenario pengujian halaman admin menggunakan metode black box dengan mendeskripsikan secara fungsional sampai pada hasil yang diinginkan. Pada pengujian berikut nya, maka akan dilakukan skenario pengujian halaman mahasiswa menggunakan metode black box. Untuk lebih jelasnya maka perhatikan Tabel 4.2 yang akan menampilkan data pengujian aplikasi pada halaman user(karyawan) Tabel 4. 2 Skenario Pengujian Halaman User Hasil yang No Deskripsi Kondisi Awal Kasus Uji diharapkan Halaman Chat form Melakukan 1 Chat Room Room Chat percakapan dengan pesan
82 yang ditulis dn dikirim 4.3.2 Dokumen Hasil Pengujian Dokumen hasil pengujian merupakan dokumen yang berisi berdasarkan hasil pengujian yang dilakukan pada aplikasi ujian online. Pengujian yang dilakukan dengan metode black box dan diuji pada halaman dosen dan halaman mahasiswa. Hasil pengujian aplikasi ujian online pada halaman dosen akan ditampilkan pada Tabel 4.3, dan hasil pengujian untuk aplikasi ujian online halaman mahasiswa akan ditampilkan pada Tabel 4.4 berikut ini. Tabel 4. 3 Hasil Pengujian Halaman Admin No Deskripsi Kondisi Awal Kasus Uji Hasil yang diharapkan 1 Menu login Masukan username dan halaman login password Sukses 2 Halaman kirim Mengirim Email halaman form kirim email untuk group email Sukses 3 Mengirim Email Halaman kirim halaman form kirim untuk email email perorangan Sukses 4 Halaman kirim sms halaman form kirim sms Mengirim sms untuk group Sukses 5 Halaman kirim sms halaman form kirim sms Mengirim sms untuk perorangan Sukses 6 Halaman Chat Room form Chat Melakukan percakapan Sukses
83 Tabel 4. 4 Hasil Pengujian Halaman User No Deskripsi Kondisi Awal Kasus Uji Halaman Chat form Melakukan 1 Room Chat percakapan Hasil yang diharapkan Sukses 4.3.3 Analisa Hasil Pengujian Dari Hasil pengujian diatas maka dapat dianalisa : 1. Antara aplikasi web dengan basis data dapat terkoneki dan tidak ada kesalahan.hal ini dapat dilihat dari tampilnya halaman-halaman yang terkoneksi dengan basis data, baik pada halaman utama dari tiap-tiap menu maupun halaman input dan upload. Dengan koneksi tersebut maka user dapat menggunakan sesuai dengan haknya masing-masing. 2. Fungsi session dapat berjalan.hal tersebut terlihat ketika seorang user mencoba untuk mengakses kedalam system tanpa login terlebih dahulu, maka secara otomatis system akan menampilkan halaman login 3. User tidak dapat masuk kedalam system jika belum melakukan login dengan benar, yaitu memasukkan username dan password yang sesuai dengan data pada basis data. 4. Proses pengiriman informasi pada tiap-tiap menu dapat berjalan dengan baik. 5. Proses keluar (logout) dapat berjalan dengan baik, saat user menekan link logout.
84 4.3.4 Lingkungan Pengujian Berikut adalah hardware dan Software yang digunakan penulis dalam membuat dan melakukan pengujian sistem diatas dengan spesifikasi sebagai berikut : 1. Perangkat keras ( hardware ) : a. Processor : Intel Pentium Core i3 b. RAM : 2GB DDR3 SDRAM c. VGA : ATI Mobility Radeon HD 4350 512 MB d. Harddisk : Seagate ATA Device 500 GB 2. Perangkat Lunak ( software ) : a. Adobe Dreamweaver CS6 Version 12 b. ApacheFriends XAMPP (basic package) version 1.5.4a c. PHP 5.1.6 d. PhpMyAdmin 2.9.0.1 e. FileZilla FTP Server 0.9.18 f. Adobe Photoshop CS3 g. Windows 7 Ultimate