156 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
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.
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
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).
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).
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.
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.
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
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).
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)
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)
175
Ini adalah halaman Detail PO. Pada halaman ini user dapat langsung mengupdate status negosiasi PO dengan menekan tombol ubah. Bila
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.
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)
