BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Dalam penerapan aplikasi web penjualan ini pada PD Berkat Cahaya Kontraktor, maka sarana-sarana yang dibutuhkan untuk menjalankannya harus tersedia. Sarana-sarana yang dibutuhkan tersebut adalah perangkat keras atau hardware dan juga perangkat lunak atau software. 4.1.1 Perangkat Keras Spesifikasi hardware yang disarankan oleh penulis untuk menjalankan aplikasi web penjualan ini pada client adalah sebagai berikut : 1. Processor Pentium IV 1.8 GHz 2. Memory 256 MB DDR-RAM 3. VGA Card 32 MB 4. Monitor 15 5. Harddisk 20GB 6. Mouse 7. Keyboard Sedang kan spesifikasi hardware yang disarankan oleh penulis untuk server aplikasi web ini adalah : 1. Processor Pentium IV 3.0 GHz 2. Memory 512 MB DDR-RAM 156
157 3. Harddisk drive 80 GB + 4.1.2 Jaringan Jaringan yang digunakan adalah jaringan internet. Pada saat ini, PD Berkat Cahaya Kontraktor belum memiliki jaringan internet dengan static ip address. Penulis nenyarankan untuk menjalankan aplikasi web penjualan ini PD Berkat Cahaya Kontraktor menggunakan koneksi dial up internet sedangkan untuk koneksi server menggunakan jasa server provider. Gambar 4.1 Topologi Jaringan server dengan server provider
158 4.1.3 Perangkat Lunak Spesifikasi perangkat lunak yang disarankan penulis untuk mendevelop aplikasi web penjualan ini adalah sebagai berikut: 1. Microsoft Windows XP Ini adalah sistem operasi yang sudah umum digunakan pada komputer-komputer desktop saat ini. 2. Macromedia Dreamweaver MX Dreamweaver adalah perangkat lunak utama yang digunakan untuk membuat aplikasi web penjualan dalam hal tampilan. Dreamweaver dikenal sebagai perangkat lunak untuk membuat aplikasi berbasis web seperti HTML, JSP, PHP, ASP, dan lain-lain. Perangkat lunak ini user friendly sehingga sangat mudah untuk digunakan. 3. Netbeans 5.5.1 Salah satu tool perangkat lunak untuk melakukan coding berbasis Java dalam membentuk aplikasi web penjualan ini. Pernagkat lunak ini memiliki banyak fitur yang sangat membantu programmer dalam mendevelop aplikasi berbasis web, seperti : error message yang jelas, autocomplete expression, dll. Dalam paket instalasinya, Netbean 5.5.1 juga sudah dilengkapi dengan server Apache Tomcat 5.5.17.
159 4. Adobe Photoshop CS2 Adobe Photoshop telah dikenal karena keandalannya dalam memanipulasi gambar diam, dalam perancangan sistem. Adobe Photoshop digunakan untuk memotong dan mengubah resolusi gambar ke dalam bentuk yang dibutuhkan dan dengan ukuran file yang sekecil-kecilnya tanpa mengesampingkan kualitas gambar. 5. Microsoft Word 2003 Microsoft Word 2003 adalah aplikasi standar yang sering dipakai untuk pembuatan dokumentasi. 6. ACDSee 5.0 ACDSee 5.0 telah dikenal sebagai perangkat lunak standar untuk menampilkan segala jenis format gambar. Selain itu juga ACDSee 5.0 juga cukup handal digunakan untuk memanipulasi gambar seperti mengatur kedalaman warna, mengubah resolusi, memberi efek, dan lain-lain. Spesifikasi sistem operasi yang disarankan oleh penulis untuk menjalankan aplikasi web penjualan ini pada server adalah sebagai berikut : 1. Microsoft Windows Server 2000 Ini adalah sistem operasi berbasis server yang paling banyak digunakan saat ini dan juga merupakan sistem operasi yang kuat dalam menjalankan komputer sebagai server
160 2. Internet Explorer 6.0, Opera 8.0 atau Mozilla Firefox 1.2 Sedangkan untuk sistem operasi yang disarankan oleh penulis untuk menjalakan aplikasi web penjualan ini adalah sebagai berikut : 1. Microsoft Windows XP Professional 2. Internet Explorer 6.0 atau Opera 8.0 atau Mozilla 1.2 4.1.4 Cara Instalasi Pertama kali perusahaan harus memiliki suatu domain, baik itu secara free maupun membayar. Kemudian database dan file-file halaman-halaman web diupload ke server dimana mendaftarkan domain web. 4.1.5 Cara Pemakaian Aplikasi Bila semua file telah diupload dengan benar, maka user dapat menjalankan aplikasi dengan membuka browser internet dan memasukkan domain web yang kita miliki.
161 Gambar 4.2 Halaman Utama Ini adalah halaman pertama dari aplikasi ini. Bila aplikasi dijalankan maka halaman ini yang akan ditampilkan. Halaman ini mempunyai link Halaman Utama, link Produk, link Tentang Kami, link Hubungi Kami, Log In dan link Registrasi. Bila link Log In diklik maka akan ditampilkan halaman Log In. (Gambar 4.3).
162 Gambar 4.3 Halaman Log In Ini adalah halaman Log In. Bila user telah melakukan registrasi maka dapat melakukan Log In dimana user memilih kategori, memasukan username dan password. Bila user salah memasukkan username atau password maka akan ditampilkan pesan error username atau password salah. (Gambar 4.4).
163 Gambar 4.4 Halaman Log In gagal Ini adalah tampilan pesan bila user salah memasukkan username atau password. Bila user belum memiliki account, user dapat melakukan registrasi dengan menekan link Registrasi. Dan akan ditampilkan halaman Registrasi Member (Gambar 4.8).
164 Gambar 4.5 Halaman Produk Ini adalah halaman Produk. Bila user telah melakukan registrasi dan menekan link Beli, maka akan ditampilkan halaman Buat PO (Gambar 4.19). Bila user belum melakukan Log In maka akan ditampilkan halaman Log In. (Gambar 4.3). Bila user belum memiliki account maka dapat melakukan registrasi dengan menekan link Registrasi dan akan ditampilkan halaman Registrasi Member (Gambar 4.8).
165 Gambar 4.6 Halaman Tentang Kami Ini adalah Tentang Kami dimana menampilkan sejarah singkat PD Berkat Cahaya Kontraktor serta visi dan misi yang ingin dicapai.
166 Gambar 4.7 Halaman Hubungi Kami Ini adalah halaman Hubungi Kami, halaman ini berisi informasi mengenai alamat dan contact person PD Berkat Cahaya Kontraktor apabila terdapat hal-hal yang ingin disampaikan.
167 Gambar 4.8 Halaman Registrasi Member Ini adalah halaman Registrasi Member. Untuk melakukan registrasi user harus mengisi semua field secara benar, kemudian menekan tombol Submit. Untuk membersihkan semua input yang telah dimasukkan user dapat menekan tombol Reset.
168 Gambar 4.9 Halaman Registrasi berhasil Halaman ini ditampilkan bila user telah berhasil melakukan registrasi sebagai Member dan dapat langsung Log In sebagai Member dengan mengklik link Log In sehingga menuju Halaman Log In. (Gambar 4.3)
169 Gambar 4.10 Halaman Profil Saya sebagai Member Ini adalah halaman Profil Saya untuk user Member. Halaman ini ditampilkan bila Member telah melakukan Log In sebagai Member kemudian mengklik link Profil Saya. Di halaman ini Member bisa langsung mengedit profilnya sendiri, bila
170 sudah sesuai Member menekan tombol ubah. Dan pesan konfirmasi berhasil atau tidaknya proses pengupdatean akan dimunculkan. Untuk mengubah password Member dapat mengklik link ubah password dan akan ditampilkan halaman ubah password (Gambar 4.11). Gambar 4.11 Halaman ubah password Ini adalah halaman untuk mengubah password. User harus memasukkan password lama dan password baru, kemudian menekan tombol ubah. Lalu akan dimunculkan halaman konfirmasi proses pengubahan password (Gambar 4.12).
171 Gambar 4.12 Halaman Berhasil Ubah password Ini adalah halaman konfirmasi proses pengubahan password. Bila user mengklik link Kembali ke Profile Saya maka akan ditampilkan halaman Profil Saya Member (Gambar 4.9).
172 Gambar 4.13 Halaman gagal ubah password Ini adalah pesan bila user memasukkan password yang berbeda antara field password baru dan ulangi password baru.
173 Gambar 4.14 Halaman Semua PO Member Ini adalah halaman Semua Purchase Order (PO) Member. Halaman ini ditampilkan bila user log in sebagai Member dan mengklik link Semua Purchase Order. Halaman ini menampilkan Semua Purchase Order yang pernah dibuat oleh Member. Bila Member menekan tombol Detail maka akan ditampilkan halaman Detail PO (Gambar 4.16)
174 Gambar 4.15 Halaman Aktif PO Member Ini adalah halaman Aktif Purchase Order Member. Halaman ini ditampilkan bila user Log In sebagi Member dan mengklik link Aktif Purchase Order. Halaman ini menampilkan semua Purchase Order yang pernah dibuat oleh Member dan status prosesnya belum finished. Bila Member menekan tombol Detail maka akan ditampilkan halaman Detail PO Member (Gambar 4.16)
Gambar 4.16 Halaman Detail PO Member 175
176 Ini adalah halaman Detail PO. Pada halaman ini user dapat langsung mengupdate status negosiasi PO dengan menekan tombol ubah. Bila Gambar 4.17 Halaman Konfirmasi Ubah Detail PO Member
177 Halaman ini menampilkan hasil proses update PO. Member hanya dapat mengupdate sebanyak satu kali untuk setiap PO. Bila status negosiasi PO berhasil diupdate, maka tombol ubah tidak akan ditampilkan. Gambar 4.18 Halaman Pembuatan PO Member
178 Ini adalah halaman Pembuatan PO. Bila sudah sesuai user dapat mengklik tombol submit, kemudian akan ditampilkan pesan konfirmasi proses pembuatan PO. (Gambar 4.19). Tombol Reset untuk menghilangkan semua inputan di tiap field yang ada. Gambar 4.19 Halaman Pembuatan PO Berhasil Member Ini adalah halaman konfirmasi pembuatan PO berhasil. Untuk melanjutkan Member mengklik link OK lalu akan kembali ke Halaman Utama. (Gambar 4.2)