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.

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)

175

Gambar 4.16 Halaman Detail PO Member

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)