BAB 4 IMPLEM ENTASI DAN EVALUASI
4.1
Spesifikasi Sistem Dalam mengoperasik an sistem e-Reporting, dibutuhkan beberapa persyar atan peran gk at keras maup un peran gk at lunak. Sistem e- Reporting akan dapat berjalan den gan baik jik a peran gkat keras dan peran gkat lun ak yang ada setara atau m elebih i persy aratan yan g m inim um seperti yang tercantum ber ikut . 4.1.1 Spesifikasi Perangkat Keras Kebutuh an perangk at keras yang digunakan unt uk server m em erluk an spesifikasi yang cuk up tinggi, dan juga m em erlukan kualitas sam bun gan internet ba ckbone atau d edicated server yang terh ubung lan gsung den gan ISP atau IIX secara lan gsun g. Kebut uhan yan g direkom en dasikan adalah sebagai ber ik ut : •
RAM 256 MB atau lebih
•
200 MB free space Harddisk atau lebih
•
Intel Pentium III atau lebih
•
Gigabit Ethernet Car d Spesifik asi kebutuh an perangkat keras yan g digun akan untuk client
dap at ber agam dan tidak terlalu berat, kar ena ap likasi e- Reporting adalah aplikasi yang ber basis web. Nam un, ter dapat spesifikasi m inim al yan g h ar us dip atuhi o leh client selain konek si internet yan g memadai antara lain sebagai ber ikut :
115
116 •
RAM 128 MB atau lebih
•
Intel Pentium II atau lebih
•
Monitor den gan resolusi 1024 x 768 Pix el
•
Harddisk 8 GB
•
VGA Car d 16 M B
•
Mouse dan Keyboar d
•
Ethernet Car d
4.1.2 Spesifikasi Perangkat Lunak Spesifik asi perangkat lun ak yan g digunakan p ada server unt uk menjalankan aplikasi e- Reporting PT. Kresna Rek sa Finan ce adalah sebagai ber ikut : -
XAMPP- win32-1.6.8 atau XAMPP Linux 1.6.8 a
-
Windo ws 98, ME , Lin ux kernel 2.4
-
Windo ws NT, 2000, XP,Linux kernel 2.6 (dir ekomendasikan) Sedan gkan spesifikasi peran gkat lunak minim al yan g dibutuhk an oleh
client adalah sebagai ber ikut : -
Internet Explorer 4.0 atau lebih
-
Operating
S ystem
yang
memilik i
bro wser
dan
konektifitas
jarin gan(Windo ws, Lin ux,MAC OS). 4.2
Prosedur O perasional Car a in stalasi XAMPP Pada sistem operatin g win dows: 1. Jalankan file XAMPP- win32-1.6.8-installer.exe (atau ver si lainnya) 2. Kemudian ak an tam pil pilihan untuk memilih bah asa ketika pro ses instalasi berjalan. Silakan pilih bahasa Indonesian atau English, kecuali An da men guasai bahasa lainnya.
117 3. Proses instalasi akan dim ulai. Klik Maju untuk memulainya. 4. Akan mun cul lisensi soft ware. Klik Saya Setuju untuk melanjutkan. 5. Selanjutnya silakan Anda pilih lokasi install untuk XAMPP. Kemudian klik install. 6. Tunggu beberapa saat sampai pro ses in stalasi selesai. 7. Instalasi selesai
Car a in stalasi XAMPP Pada sistem operatin g linux fedora: 1. Pertam a unduh XAMPP pada alamat http://www.apachefriends.or g, pilih untuk aplikasi yan g berjalan pada sistem operasi Lin ux atau biasa y ang disebut LAMPP. 2. Buka con sole atau term inal dan ekstrak file xampp-lin ux-1.6.2.tar.gz (atau ver si lainny a) ke dir ektori yan g an da in ginkan. 3. Pada term inal/con sole, k etik perintah berik ut ini tar –xzvf xampp-linux-1.6.2.ta r.gz untuk m engekstrak aplikasi yan g diun duh ke folder lampp. 4. Ketik perintah ber ikut untuk men gubah h ak ak ses m enjadi super u ser su -l kem udian m asukan passwor d dari super user p ada lin ux anda 5. Pindahkan folder lam pp ke directory /opt. 6. Instalasi selesai.
Car a m enjalankan service XAMPP dan pro gram e- Reportin g : 1. Letakan folder yang berisi coding PHP sistem e-Reportin g pada folder htdocs pada server An da, contoh : C:\Pro gram Files\xampp\htdocs.
118 2. Jalankan XAMPP C ontrol Panel yang ada di desktop Atau den gan menjalankan XAMPP C ontrol Panel dari men u Start -> All Programs -> apachefriends -> xam pp -> xam pp control panel. 3. Nyalakan Apach e dan Mysql den gan m engklik tombol Start. Pada Lin ux fedora den gan mengetikan sintaks ber ik ut pada terminal den gan hak akses super u ser. [root@localhost lampp]# ./lampp start
Buka web browser An da, lalu ketikkan http://localho st/. Jika halam an index terbuka, maka apache sudah terin stall den gan benar.
Car a m engim port database Mysql p ada XAMPP : 1. Buka bro wser An da, lalu ketikan http://localho st/phpm yadmin 2. Pada kolom C reate new database, ketik nam a database sesuai den gan nama database pada cod ing PHP lalu klik tombol C reate. 3. Klik tombol Import. 4. Klik tombol B rowse lalu tentuk an file database yan g in gin diimport. 5. Klik tombol G o. 4.3
Rencana Implementasi Aplik asi web e- Reporting ak an diin stal pada server dan clien t dapat menggunakan aplikasi den gan men gak ses alamat IP server m elalui web bro wser. Web server tersebut dihubun gkan ke jar in gan internet dan local intranet perusahaan sehin gga dapat diak ses oleh u ser yan g tergabung dalam intranet tersebut. Web server tersebut terkoneksi den gan sebuah da tabase yang berisi informasi data lapor an pen jualan dan pen agihan seperti jum lah
119 penjualan,jum lah pen agihan. Permintaan URL akan dipro ses di web server, kemudian web server akan m en gak ses database dan m encari data dari URL yang diminta lalu men girimkannya p ada komputer clien t. Den gan mengh ubungkan web server pada internet per usahaan ak an memberikan lay anan yang tiada henti kepada siapapun user yan g ak an mengakses aplikasi web in i, selam a server tersebut tidak dimatikan. Agar dap at mengakses aplikasi web ini, user har us m enggunak an komputer client yang terh ubun g ke intranet perusahaan. Pengam anan sistem aplikasi web ini yan g pertam a ialah menggunak an teknik login, dim ana jika ingin m en ggunakan sistem aplikasi web ini, seoran g u ser har us mem iliki sebuah usernam e dan passwor d yan g valid. Username dan passwor d tersebut didapat apabila admin telah m embuat posko dan sistem telah m engenerate ko de posko tersebut. Ko de po sko tersebut yang akan m enjadi usernam e data entry di posko dan 6 digit nomor telepon data entry sebagai passwo rd default. User yan g telah m emiliki passwo rd nantinya akan dapat mengubah passwo rd yan g dimilikinya itu sesuai den gan keh en daknya sen diri melalui aplikasi web ini. Pengam anan sistem aplikasi web ini men ggunakan teknik autentikasi. Autentikasi ialah pem batasan hak ak ses dari user yang bersan gkutan. Dalam penggunaannya, den gan dimasukk annya username dan passwor d oleh seoran g u ser kep ada sistem aplikasi web, maka akan dibuat sebuah tanda pengenal user, ber upa session, oleh sistem yang sesuai den gan posisi karyawan tersebut. Tam pilan dari sistem e-Reportin g in i tergantun g dar i posisi kary awan tersebut.
120 Untuk m elakukan login, sistem dibagi menjadi 3 yaitu lo gin unt uk admin, data entry dan m anager den gan tampilan lay ar dan databa se y ang ber beda. Sistem ini m enggunak an session, dim ana tidak ada dua u ser atau lebih yang m enggun akan usern am e yang sam a. Session ini digunakan karen a pada aplikasi ini m em butuhk an banyak autentikasi. Kar ena data dar i session di sim pan di server maka f aktor keamanannya terjaga lebih baik di ban dingk an den gan m enggun akan coo kies yang disimpan di sisi client. Databa se yang digun akan adalah MySQL, yang disimpan di web server intranet per usahaan. Pengamanan databa se menggunakan teknik enkripsi unt uk data-data yang p enting dan bersif at pribadi dalam hal ini passwo rd sistem. Password akan dienkripsi m en ggunakan teknik enkr ipsi MD5 yan g disediakan php sebelum dimasukkan ke dalam da tabase. Pengenkr ipsian passwor d ini dim aksudk an agar seseoran g yang dapat mengakses database dari luar sistem tidak ak an dapat melihat password orang lain.
121 4.4
Tampilan Layar Tam pilan layar dibagi m enjadi tiga bagian, masing-masing unt uk bagian admin, bagian data entry dan bagian manager.
4.4.1
Adm in Gam bar-gambar di bawah ini mer upakan tam pilan layar bagi admin.
Halam an Login
Gambar 4.1 Tampilan H alaman Login Admin
Halaman ini m erup akan form lo gin yan g hanya diakses oleh admin yang berkepentingan untuk melakukan adm inistrasi web PT. Kresna Reksa Finan ce.
122 Halam an Home Sesudah Login
Gambar 4.2 Tampilan H alaman Home Admin
Halaman ini m erupakan halaman setelah adm in melak ukan lo gin terlebih dahulu. Pada halam an ini adm in terdapat navigasi y an g berada di sebelah atas layar yaitu hom e, branch, posko, abo ut. Disebelah kanan atas terdapat link unt uk lo g o ut. Disebelah kiri ter dapat link untuk lihat cabang. lihat posko, tambah wilayah, account setting.
123 Halam an Account Setting
Gambar 4.3 Tampilan Layar Account Setting Admin
Halaman ini untuk men gganti passwor d lama admin den gan password bar u yan g akan digunak an. Pada halaman in i admin h ar us m engisi old password, password, retype-passwor d.
124 Layar Tambah Wilayah
G ambar 4.4 Tampilan Halam an Tam bah Wilayah
Halaman ini m erupak an halam an dim ana admin dap at menam bahkan wilayah. Halaman ini m erupakan halaman yan g har us diisi bila ada suatu caban g dan po sko ter dapat di wilayah baru.
125 Halam an Branch
Gam bar 4.5 Tampilan H alam an Branch Admin
Halaman ini mer upakan halam an untuk adm in men gadministrasi branch. Di halam an ini terdapat link unt uk lihat caban g, h ap us cabang, tambah caban g, up date data cabang.
126 Halam an Lihat Cabang
Gambar 4.6 Tampilan H alaman Lihat Cabang
Halaman ini m erup akan halaman dimana semua caban g yan g telah terdaftar akan ditampilkan data- datanya.
127 Halam an Hapus Cabang
Gam bar 4.7 Tampilan H alam an Hapus Cabang
Halaman ini merup akan halam an untuk m enghap us cabang yan g sudah dit utup. Pada saat tombol delete ditekan maka akan ditanyakan apak ah caban g tersebut benar-benar akan dih ap us.
128 Halam an Tambah C abang
G am bar 4.8 Tampilan Halam an Tam bah C abang
Halaman ini m erupak an halam an dim ana admin dap at menam bahkan data caban g yang bar u. Beberapa data yan g har us diisi adalah kode cabang, nama cabang, alamat cabang, wilayah caban g dan telepon cabang,
129 Halam an Update Data C abang
G am bar 4.9 Tampilan Halam an Update Cabang
Pada halam an ini admin dapat mengupdate data caban g. Admin memilih cabang yan g akan diupdate den gan mengklik tom bol up date di sebelah caban g yang ingin diup date.Apabila dik lik maka akan muncul layar seperti dibawah ini.
130
Gambar 4.10 Tampilan Halam an Update Cabang setelah tombol update ditekan
Pada halam an ini adm in harus memasukkan nam a caban g, alamat caban g dan telepon cabang. Unt uk memastikan apak ah cabang yan g ak an diupdate adalah benar maka ditampilkan nama cabang yan g lama..
131 Halam an Posko
Gambar 4.11 Tam pilan Halaman Posko
Halaman ini mer upakan halam an untuk adm in men gadministrasi posko. Di halam an ini terdapat link untuk lihat posko, hap us posko dan tambah posko.
132 Halam an Lihat Posko
Gambar 4.12 Tam pilan Halaman Lihat Posko Halaman ini mer upakan halam an dimana adm in dapat m elihat sem ua posko PT. Kresn a Rek sa Finance.
133 Halam an Tambah Posko
G am bar 4.13 Tampilan H alaman Tambah Posko
Pada halam an ini admin harus mengisi data posko yaitu wilayah,nama caban g, nama posko, alamat posko, telepon posko, nam a data entry dan em ail. Apabila halaman ini telah diisi maka akan didapat kode posko y ang kemudian akan dikirim ke posko unt uk masuk ke h alam an data entry den gan password nom or telepon posko.
134 Halam an Hapus Posko
Gambar 4.14 Tam pilan Halaman H apus Posko Sam a Seperti halam an hap us cabang, halaman ini m erupakan halam an untuk men ghapus po sko yan g sudah ditutup. Pada saat tom bol delete ditekan maka akan ditanyakan apakah po sko tersebut benar- benar akan dih ap us.
135 Halam an About
Gam bar 4.15 Tam pilan H alaman About
Halaman ini m erup akan halam an yan g berisi sejarah perusahaan PT. Kresna Reksa Fin ance.
136
4.4.2 Data Entry Halaman Login
Gambar 4.16 Tampilan Halam an Login Data Entry
Halaman ini merup akan form login yang hanya diak ses oleh data entry yang berkepentingan untuk melakukan adm inistrasi web PT. Kresna Reksa Finan ce.
137 Halaman H ome
Gambar 4.17 Tampilan Halam an Home Data Entry
Halaman ini m erup akan halam an setelah data entry melakuk an login terlebih dah ulu. Pada h alaman in i admin ter dapat nav igasi y ang ber ada di sebelah atas layar yaitu hom e, supervisor, accofficer, abo ut. Disebelah k anan atas terdapat link untuk lo g o ut. Disebelah kiri terdapat menu untuk input penjualan, up date penjualan, inp ut co llection, edit collection, lihat anggota caban g dan acco unt setting. Di halam an in i juga terdapat pen gum um an dar i manager.
138 Halaman Supervisor
Gambar 4.18 Tam pilan Halaman Supervisor
Pada halam an ini ter dapat menu untuk crea te supervisor dan mengup date supervisor. Apabila supervisor sudah pernah dibuat m aka menu tambah sup ercvisor akan hilang dan hany a tersisa m enu unt uk mengup date data supervisor seperti gambar dibawah ini.
139
Gam bar 4.19 Tam pilan H alaman Supervisor setelah supervisor dibuat
140 Halaman Account O fficer
G am bar 4.20 Tam pilan H alaman Account O fficer
Halaman ini merupakan halam an untuk m en gadministrasi data acco unt officer di posko itu.Di halaman in i terdapat menu hap us acc officer, tam bah acc off icer dan edit acc officer.
141 Halaman H apus Account O fficer
G ambar 4.21 Tampilan Halam an Hapus Acc O fficer
Halaman
ini digunak an data entry untuk menghap us data
acco unt officer y an g telah keluar atau berh enti bekerja.
142 Halaman Tambah Acc O fficer
Gambar 4.22 Tam pilan Halaman Tam bah Acc O fficer
Halaman ini digunakan untuk m em asukkan data acc officer yang bar u. Data y ang har us dimasukkan adalah nam a acc off icer, alamat acc officer, gen der, tanggal masuk, dan telepon.
143 Halaman Edit Acc O fficer
Gambar 4.23 Tam pilan Halaman Edit Account O fficer
Halaman ini digunakan untuk m engedit data acco unt officer yang m ungkin terjadi kar ena kesalahan inp ut atau data account tersebut mem ang berubah. Ap abila tombol update di klik m aka ak an muncul tampilan seperti gam bar dibawah ini.
144
Gam bar 4.24 Tam pilan H alaman Edit Account O fficer setelah tombol update diklik
Pada halam an ini sistem hanya akan mem inta input alam at dan telepon yang baru sedangkan nama lam a tetap ditampilkan tetapi tidak dap at diubah.
