bab 4 implementasi dan evaluasi 4.1 rencana...

162

BAB 4

IMPLEMENTASI DAN EVALUASI

4.1 Rencana Implementasi

Agar sistem dapat berjalan dengan baik, maka dibutuhkan beberapa

hal yang penting antara lain arsitektur jaringan yang memadai, kebutuhan

perangkat keras, kebutuhan perangkat lunak, sumber daya manusia, web

hosting, dan penjadwalan sistem.

4.1.1 Arsitektur Jaringan

Dalam merancang arsitektur jaringan yang akan terhubung ke

jaringan publik, yakni internet, harus diperhatikan berbagai faktor.

Salah satu faktor yang terpenting adalah masalah keamanan. Masalah

keamanan telah menjadi faktor yang paling utama yang harus

diperhatikan, karena web server dapat diakses oleh siapa saja yang

terhubung ke jaringan publik, yaitu internet. Banyak kasus yang terjadi

dimana terjadi pembobolan terhadap web server oleh cracker dan

kadang sampai merusak sistem yang ada sehingga telah menyebabkan

kerugian yang besar bagi pemilik web server dan content-nya.

Oleh sebab itu, rancangan arsitektur jaringan tersebut dibuat

dengan mempertimbangkan faktor keamanan tersebut dengan

mengikutsertakan perangkat keras dan piranti lunak yang dibuat

khusus membatasi orang untuk mengakses informasi yang terdapat di

web browser. Untuk lebih jelasnya perhatikan gambar berikut ini:

163

G

a

m

b

a

r

Gambar 4.1 Rancangan arsitektur jaringan

Pada gambar di atas dapat terlihat bahwa terdapat 3 jenis

komponen yang berfungsi untuk membatasi user untuk mengakses

web server, yaitu:

1. Firewall yang mempunyai kemampuan untuk:

a. Memeriksa paket demi paket dan menyaring paket.

b. Menyaring isi aplikasi, artinya memeriksa isi paket yang ada

lebih detail untuk memastikan bahwa paket tersebut merupakan

content yang valid.

c. Otentifikasi dan otorisasi aplikasi.

d. Mengenkripsi paket yang keluar dan mendeskripsi paket yang

masuk.

InternetISP ISP

Firewall

Active Audit

Web Server FTP Server SMTP Server

Computer

Computer

Router

164

2. Screening Router

Berfungsi sebagai penyaring tahap pertama yang mengijinkan atau

menolak lalu lintas paket yang datang sebelum dilewatkan ke

firewall.

3. Active Audit

Berfungsi untuk memonitor lalu lintas jaringan dan mendeteksi

penyerangan pada jaringan antara router dan firewall.

Sebenarnya firewall dapat berupa satu alat dengan fungsi

screening router. Namun, apabila firewall ini jebol, maka jaringan

yang di dalamnya menjadi terbuka bagi penyerang, dan ini sangat

berbahaya sehingga dibuat arsitektur dimana screening router dan

firewall dipisah untuk menghasilkan beberapa level tingkat keamanan.

Kombinasi ketiga komponen tersebut di atas sebagai pembatas

jaringan adalah pertahanan terbaik dari serangan yang sudah cukup

dikenal.

4.1.2 Kebutuhan Perangkat Keras

Perangkat keras minimal yang dibutuhkan untuk menjalankan

sistem ini pada server adalah sebagai berikut:

1. Server, dengan spesifikasi sebagai berikut:

- Pentium III 600 MHz atau yang kompatibel

- Memory 256 MB atau lebih

- Harddisk 20 GB

165

2. Firewall, misalnya: CISCO PIX Firewall.

3. Screening Router, misalnya: CISCO IOS Router.

4. Active Audit.

Sedangkan pada sisi client, spesifikasi minimal untuk

mengakses situs web ini adalah sebagai berikut:

1. Processor Pentium Celeron dengan kecepatan minimal 366 Mhz

2. Memory 64 MB RAM

3. Harddisk 10 GB

4. VGA PCI 8 MB

5. Modem 56 KBps

6. Line telepon (ADSL atau ISDN)

4.1.3 Kebutuhan Perangkat Lunak

Pada kebutuhan perangkat lunak, ada beberapa piranti lunak

yang akan di-install pada server, yaitu:

1. Microsoft Windows Server 2000

2. Database Server, MySQL-Front 2.4

3. Java 2 SDK 1.4

4. Jakarta Tomcat 4.1

5. Internet Explorer versi 5.0 ke atas

6. Macromedia Dreamweaver MX

7. Macromedia Flash MX

8. Macromedia Fireworks MX

166

Sedangkan pada client, ada beberapa piranti lunak yang harus

di-install:

1. Microsoft Windows 98/ME/2000 professional

2. Internet Explorer versi 5.0 keatas

4.1.4 Kebutuhan Sumber Daya Manusia

Selain adanya perangkat keras dan piranti lunak yang sesuai,

sumber daya manusia yang mampu menjalankan dan memelihara

sistem yang berjalan juga sangat diperlukan, yaitu:

1. Web Developer

Bertugas mengembangkan web dengan menambahkan fungsi-

fungsi baru apabila diperlukan.

2. Web Administrator

Bertugas memantau dan memelihara sistem aplikasi web yang

sedang berjalan serta memberikan akses kepada user yang

membutuhkan.

3. Database Administrator

Bertugas memelihara data pada table master dan transaksi serta

merancang struktur table baru untuk pengembangan sistem lebih

lanjut dengan cara bekerja sama dengan web developer.

4.1.5 Web Hosting

Agar situs web dapat diakses oleh pengunjung di seluruh dunia,

maka sistem aplikasi web diletakkan di dalam sebuah web server yang

167

terhubung ke dalam jaringan internet. Untuk kebutuhan tersebut ada

beberapa alternatif yang dapat dilakukan, diantaranya sebagai berikut:

1. Menggunakan jasa free web hosting

2. Menggunakan jasa pay web hosting

3. Menggunakan jasa Internet Service Provider (ISP)

4.1.6 Jadwal Implementasi

Minggu ke - n NO

Aktivitas 1 2 3 4 5 6 7 8

1 Pengadaan Hardware

2 Pengadaan Software

3 Instalasi hardware dan jaringan

4 Uji coba jaringan

5 Instalasi Software

6 Menyiapkan Database

7 Uji coba sistem baru

8 Pelatihan pemakai

9 Evaluasi sistem baru

10 Dokumentasi

Tabel 4.1 Jadwal implementasi sistem

168

4.2 Cara Pengoperasian Sistem dan Tampilan Layar

Untuk pengoperasian sistem ini, pertama-tama dari sisi client yang

harus dilakukan adalah membuka browser seperti Internet Explorer 5.0 atau

Netscape Navigator versi 6.0 atau browser lain yang mendukung java script.

User dapat memilih produk dengan meng-klik kategori produk yang

terdapat pada sebelah kiri layar atau dengan cara melakukan pencarian dengan

meng-input jenis produk. Setelah mendapatkan produk yang diinginkan, user

dapat mengklik “Add to Cart”. Kemudian produk yang dipilih akan

ditampung dalam sebuah keranjang belanja (shopping cart). Pada sebelah kiri

atas terdapat item counter yang menunjukkan jumlah barang yang terdapat

dalam shopping cart. Apabila user telah memilih barang dan meng-input

jumlah barang yang diinginkan, langkah selanjutnya adalah melakukan check

out dengan meng-klik link “check out” pada halaman shopping cart. Jika user

belum melakukan login, maka sebelum check out, user akan disuruh re-login.

Hal ini bertujuan untuk mempermudah user untuk melakukan transaksi

sekaligus untuk mengidentifikasi user, sehingga user tidak perlu lagi

memasukkan nama, alamat, ataupun informasi lainnya pada saat check out.

Pada halaman check out ditampilkan konfirmasi barang-barang yang telah

dipilih oleh user dan metode pembayaran yang dapat dipilih user. Setelah user

meng-klik tombol “submit” maka transaksi yang telah dilakukan akan

disimpan dalam database dan isi shopping cart akan dihapus. Untuk melihat

transaksi yang telah dilakukan user dapat kembali ke halaman utama dan

memilih order history.

169

4.2.1 Tampilan Layar – Client Side

4.2.1.1 Tampilan Layar Home sebelum Login

Gambar 4.2 Tampilan layar home sebelum login

170

Gambar 4.2 menunjukkan tampilan layar Home yang

pertama kali muncul ketika user membuka alamat website

dan belum melakukan login. Untuk dapat melakukan

transaksi, user harus sudah terdaftar dan melakukan login

terlebih dahulu pada kolom “User Login” untuk melanjutkan

pada halaman “Home setelah login” seperti pada gambar 4.5.

Bagi user yang belum terdaftar, dapat mendaftarkan diri

dengan meng-klik “Register“ dan dilanjutkan pada

halaman web seperti yang terlihat pada gambar 4.3

Bagi user yang telah terdaftar dan lupa akan password-

nya ketika akan melakukan login, dapat meng-klik tulisan

“Forgot Password” dan melanjutkan pada halaman web

seperti pada gambar 4.4

4.2.1.2 Tampilan Layar Register

Pada layar ini, user yang belum terdaftar dapat

melakukan registrasi terlebih dahulu sebelum melanjutkan

transaksi.

User mengisi kolom-kolom yang telah disediakan

Jika user telah selesai mengisi, dapat memilih ”Submit”

sehingga kemudian data user dapat dikirim ke database

dan berarti user telah terdaftar

Jika ingin mengulangi pengisian, user dapat meng-klik

tombol ”Reset”

171

Gambar 4.3 Tampilan layar Register

172

4.2.1.3 Tampilan Layar Forgot Password

Gambar 4.4 Tampilan layar Forgot Password

173

Gambar 4.4 di atas menampilkan layar Forgot

Password dimana para user yang telah terdaftar namun lupa

akan password-nya dapat melihat password-nya kembali

dengan cara mengisi kolom yang disediakan dengan alamat

e-mail user terdaftar, kemudian ditampilkan halaman hint.

Jika jawaban hint benar, maka akan diberikan password user

tersebut.

4.2.1.4 Tampilan Layar Home setelah Login

Gambar 4.5 Tampilan layar home setelah login

174

Setelah user yang telah terdaftar berhasil melakukan

login, muncul tampilan layar Home yang dapat dilihat pada

gambar 4.5 di atas.

Pada bagian ujung kiri atas dari layar, akan muncul

greeting “Welcome, nama user”. Hari dan tanggal saat user

membuka halaman tersebut akan terpampang di bagian

tengah.

Kemudian untuk masing-masing kolom menu yang

tersedia, dapat dijelaskan sebagai berikut:

1. Kolom Menu

Jika user memilih “Home” maka akan ditampilkan

layar ”Home setelah login” seperti terlihat pada

gambar 4.3

Jika user memilih ”Product” maka akan ditampilkan

layar ”Product” seperti terlihat pada gambar 4.6

Jika user memilih “GSM Mobile” maka akan

ditampilkan layar “GSM Mobile” seperti terlihat pada

gambar 4.7

Jika user memilih “CDMA Mobile” maka akan

ditampilkan layar “CDMA Mobile” seperti terlihat

pada gambar 4.8

Jika user memilih “CDMA Fixed Wireless” maka

akan ditampilkan layar “CDMA Fixed Wireless”

seperti terlihat pada gambar 4.9

175

Jika user memilih “Services” maka akan ditampilkan

layar ”Services” seperti terlihat pada gambar 4.12

Jika user memilih “Forum” maka akan ditampilkan

layar ”Forum” seperti terlihat pada gambar 4.13

Jika user memilih “FAQ” maka akan ditampilkan

layar “FAQ” seperti terlihat pada gambar 4.14

Jika user memilih “Distribution” maka akan

ditampilkan layar ”Distribution” seperti terlihat pada

gambar 4.15

Jika user memilih “News Center” maka akan

ditampilkan layar ”News Center” seperti terlihat pada

gambar 4.16, dimana menu-menu yang tersedia pada

bagian ini dapat dilihat pula pada kolom “News

Center” pada bagian kanan bawah layar “Home

setelah login”.

Jika user memilih “Contact Us” maka akan

ditampilkan layar ”Contact Us” seperti terlihat pada

gambar 4.21

Jika user memilih “About Us” maka akan

ditampilkan layar ”About Us” seperti terlihat pada

gambar 4.22

Jika user memilih “Help” maka akan ditampilkan

layar ”Help” seperti terlihat pada gambar 4.23

176

2. Kolom Search

Jika user memasukkan keyword kode produk dan meng-

klik “Go” maka akan ditampilkan layar “Features

Product” sesuai keyword yang dicari.

3. Kolom User

Jika user memilih “View Account” maka akan

ditampilkan layar “View Account” seperti terlihat

pada gambar 4.24

Jika user memilih “Edit Account” maka akan

ditampilkan layar “Edit Account” seperti terlihat pada

gambar 4.25

Jika user memilih “Order History” maka akan

ditampilkan layar “Order History” seperti terlihat

pada gambar 4.26

Jika user memilih “Change Password” maka akan

ditampilkan layar “Change Password” seperti terlihat

pada gambar 4.27

4. Kolom News Center

Jika user memilih “Articles” maka akan ditampilkan

layar ”News Center” seperti terlihat pada gambar

4.16

Jika user memilih “Event” maka akan ditampilkan

layar ”Event” seperti terlihat pada gambar 4.17

177

Jika user memilih ”Hotline” maka akan ditampilkan

layar ”Hotline” seperti terlihat pada gambar 4.18

Jika user memilih ”Metroshop” maka akan

ditampilkan layar ”Metroshop” seperti terlihat pada

gambar 4.19

Jika user memilih ”Promotion” maka akan

ditampilkan layar ”Promotion” seperti terlihat pada

gambar 4.20

Kemudian jika user meng-klik ”Shopping Cart” pada

bagian ujung kanan atas dari layar maka akan ditampilkan

layar ”Shopping Cart” seperti terlihat pada gambar 4.28.

Tulisan ”0 item in cart” menunjukkan berapa jumlah item

yang dimasukkan user ke dalam Shopping Cart untuk dibeli.

Untuk mengakhiri transaksi, user dapat

melakukannya dengan cara meng-klik tulisan ”Log Out” di

bagian kanan atas dari layar.

178

4.2.1.5 Tampilan Layar Product

Pada layar ini, seperti terlihat pada gambar 4.6, akan

ditampilkan berbagai informasi produk handphone secara

keseluruhan mulai dari GSM Mobile, CDMA Mobile,

maupun CDMA Fixed Wireless, dan terbagi menjadi produk-

produk yang “available now” dan yang “coming soon”.

Jika user memilih “Show All” maka akan tetap

ditampilkan layar ”Product” yang menampilkan gambar

produk secara keseluruhan

Jika user memilih “GSM Mobile” maka akan ditampilkan

layar “GSM Mobile” seperti terlihat pada gambar 4.7

Jika user memilih “CDMA Mobile” maka akan

ditampilkan layar “CDMA Mobile” seperti terlihat pada

gambar 4.8

Jika user memilih “CDMA Fixed Wireless” maka akan

ditampilkan layar “CDMA Fixed Wireless” seperti

terlihat pada gambar 4.9

Jika user ingin melihat data-data dari setiap produk

handphone yang ada, maka user dapat meng-klik pada

tulisan merk handphone atau gambarnya.

179

Untuk semua produk yang dipilih, akan ditampilkan layar

“Features Product” sesuai dengan item yang dipilih,

seperti pada gambar 4.10. Sedangkan untuk melihat

spesifikasi produk tersebut, user dapat meng-klik

“Specification” sehingga akan ditampilkan layar

“Spesifikasi Product” sesuai dengan item yang dipilih,

seperti pada gambar 4.11.

Jika user meng-klik “Add to Cart“ maka item yang

dipilih akan dimasukkan ke dalam data Shopping Cart,

dan untuk melihat hasilnya user dapat meng-klik tulisan

”Shopping Cart” pada bagian ujung kanan atas dari layar

sehingga akan ditampilkan layar ”Shopping Cart” seperti

terlihat pada gambar 4.28.

Jika user memasukkan keyword pada kolom ”Product

Search” dan meng-klik “Go” maka akan ditampilkan

layar berisi data produk yang dicari.

180

Gambar 4.6 Tampilan layar Product

181

4.2.1.6 Tampilan Layar GSM Mobile

Gambar 4.7 Tampilan layar GSM Mobile

182

Seperti terlihat pada gambar 4.7, maka pada layar ini

akan ditampilkan informasi produk-produk handphone GSM

Mobile.


handphone GSM Mobile dengan lebih jelas, maka user

dapat meng-klik pada tulisan merk handphone yang

bergaris bawah dan akan ditampilkan layar “Features

Product” sesuai dengan item yang dipilih, seperti pada

gambar 4.10.



dan untuk melihat hasilnya user dapat meng-klik tulisan




4.2.1.7 Tampilan Layar CDMA Mobile

Terlihat pada gambar 4.8, pada layar ini akan

ditampilkan informasi produk-produk handphone CDMA

Mobile.


handphone CDMA Mobile dengan lebih jelas, maka user

dapat meng-klik pada tulisan merk handphone yang

bergaris bawah dan akan ditampilkan layar “Features

183

Product” sesuai dengan item yang dipilih, seperti pada

gambar 4.10.

Gambar 4.8 Tampilan layar CDMA Mobile

184

4.2.1.8 Tampilan Layar CDMA Fixed Wireless

Gambar 4.9 Tampilan layar CDMA Fixed Wireless

185

Gambar 4.9 memperlihatkan bahwa pada layar ini

akan ditampilkan informasi produk-produk handphone

CDMA Fixed Wireless.



dan untuk melihat hasilnya user dapar meng-klik tulisan




4.2.1.9 Tampilan Layar Features Product

Seperti terlihat pada gambar 4.10, layar ini akan

menampilkan fitur-fitur produk handphone yang diinginkan

secara lengkap beserta keunggulannya.

Jika user memilih “Products” maka akan kembali ke

layar ”Product”

Jika user memilih “GSM MobilePhones” maka akan

kembali ke layar “GSM Mobile”

Jika user meng-klik “Add to Cart“ maka item tersebut

akan dimasukkan ke dalam data Shopping Cart, dan

untuk melihat hasilnya user dapar meng-klik tulisan




186

Jika user meng-klik “Features“ maka akan tetap

ditampilkan layar ”Features Product” tersebut

Jika user meng-klik ”Specifications” maka akan

ditampilkan layar “Spesifikasi Product”

G

a

m

b

a

r

4

.

1

0

T

a

m

p

i

Gambar 4.10 Tampilan layar Features Product

187

4.2.1.10 Tampilan Layar Spesifikasi Product

Gambar 4.11 Tampilan layar Spesifikasi Product

188

Pada gambar 4.11, ditampilkan layar spesifikasi

produk handphone yang diinginkan secara lengkap.

Jika user memilih “Products” maka akan kembali ke

layar ”Product”

Jika user memilih “CDMA Mobile Phones” maka akan

kembali ke layar “CDMA Mobile”

Jika user meng-klik “Features“ maka akan ditampilkan

layar ”Features Product”

Jika user meng-klik ”Specifications” maka akan tetap

ditampilkan layar “Spesifikasi Product” tersebut

4.2.1.11 Tampilan Layar Services

Pada gambar 4.12 di bawah ini, ditampilkan layar

Services yang terdiri dari Forum dan FAQ.

Jika user memilih “Forum” maka akan ditampilkan layar

”Forum” seperti terlihat pada gambar 4.13

Jika user memilih “Frequently Asked Question (FAQ)”

maka akan ditampilkan layar “FAQ” seperti terlihat pada

gambar 4.14.

189

Gambar 4.12 Tampilan layar Services

190

4.2.1.12 Tampilan Layar Forum

Gambar 4.13 Tampilan layar Forum

191

Pada gambar 4.13 di atas, ditampilkan layar Forum

dimana user dapat berinteraksi dengan sesama customer

maupun Customer Service perusahaan.

Jika user memilih “Home” maka akan ditampilkan layar

”Forum”

Jika user memilih ”New Thread” maka akan ditampilkan

layar “Create New Thread”

Jika user memasukkan keyword dalam kolom pencarian

dan meng-klik “Search” maka akan ditampilkan salah

satu topik dalam Forum yang berisi keyword tersebut

Jika user meng-klik pada salah satu topik di bagian

”Thread” maka akan ditampilkan isi mengenai topik

tersebut dengan lebih jelas

Jika user memilih “Create New Thread” maka akan

ditampilkan layar “Create New Thread”

4.2.1.13 Tampilan Layar FAQ

Pada gambar 4.14 di bawah, ditampilkan layar FAQ

dimana user dapat melihat pertanyaan dan jawaban seputar

sistem yang sering diajukan.

192

Gambar 4.14 Tampilan layar FAQ

193

4.2.1.14 Tampilan Layar Distribution

G

a

m

b

a

r

4

.

1

5

T

a

m

p

i

l

a

n

Gambar 4.15 Tampilan layar Distribution

194

Gambar 4.15 menampilkan layar Distribution dimana

user dapat melihat nama-nama dan alamat distributor di

daerah Jakarta maupun di luar Jakarta.

Jika user memilih “Metroshop” maka akan ditampilkan

layar “Metroshop” seperti terlihat pada gambar 4.19

Jika user memilih “Telesindo” maka akan ditampilkan

layar “Telesindo”

4.2.1.15 Tampilan Layar News Center

Gambar 4.16 menampilkan layar News Center dimana

user dapat melihat artikel berita-berita promosi maupun

artikel seputar produk, galeri foto mengenai event yang telah

dilaksanakan, dan nomor telepon ataupun alamat-alamat dari

showroom perusahaan.

Jika user memilih “Articles” maka akan ditampilkan

layar ”Articles”

Jika user memilih ”Event” maka akan ditampilkan layar

”Event” seperti terlihat pada gambar 4.17

Jika user memilih ”Hotline” maka akan ditampilkan

layar ”Hotline” seperti terlihat pada gambar 4.18

Jika user memilih ”Metroshop” maka akan ditampilkan

layar ”Metroshop” seperti terlihat pada gambar 4.19

195

Gambar 4.16 Tampilan layar News Center

Jika user memilih ”Promotion” maka akan ditampilkan

layar ”Promotion” seperti terlihat pada gambar 4.20

196

Jika user meng-klik salah satu judul berita, maka akan

ditampilkan layar berisi berita tersebut secara lengkap

4.2.1.16 Tampilan Layar Event

Gambar 4.17 Tampilan layar Event

197

Pada layar ini ditampilkan galeri foto-foto dari event

promosi yang telah dijalankan oleh perusahaan.

Jika user meng-klik nama event-nya maka akan

ditampilkan keseluruhan foto dan penjelasan dari event

tersebut.

4.2.1.17 Tampilan Layar Hotline

Gambar 4.18 Tampilan layar Hotline

198

Pada gambar 4.18 di atas ditampilkan berbagai nomor

tambahan customer service dari perusahaan yang dapat

dihubungi oleh customer.

4.2.1.18 Tampilan Layar Metroshop

Gambar 4.19 Tampilan layar Metroshop

199

Tampilan layar pada gambar 4.19 menampilkan

alamat lengkap dan nomor telepon yang dapat dihubungi dari

Metroshop yang merupakan showroom-showroom

perusahaan yang tersebar di beberapa tempat.

4.2.1.19 Tampilan Layar Promotion

Gambar 4.20 Tampilan layar Promotion

200

Gambar 4.20 di atas menampilkan layar Promotion

yang berisi pemberitahuan promosi dalam pembelian produk

dan sebagainya yang sedang ditawarkan oleh perusahaan saat

ini.

Jika user meng-klik pada nama promo yang ada maka

akan ditampilkan layar yang berisi penjelasan mengenai

promo tersebut secara lebih lengkap.

4.2.1.20 Tampilan Layar Contact Us

Gambar 4.21 menampilkan layar Contact Us berisi

nomor telepon perusahaan yang dapat dihubungi dan user

juga dapat mengirimkan saran maupun pertanyaan ke e-mail

perusahaan.

Untuk mengirim saran maupun pertanyaan, user dapat

mengisi kolom-kolom yang telah disediakan. Jika sudah

selesai user dapat memilih ”Submit” untuk mengirimkan

pesannya atau jika ingin melakukan pengisian ulang, user

dapat meng-klik tombol “Reset”.

201

Gambar 4.21 Tampilan layar Contact Us

202

4.2.1.21 Tampilan Layar About Us

Gambar 4.22 Tampilan layar About Us

Gambar 4.22 menampilkan layar About Us yang

berisi greeting, sejarah, visi dan misi perusahaan, beserta

manajemennya.

203

Jika user memilih “Greetings from Metrotech” maka

akan tetap ditampilkan layar “About Us” tersebut

Jika user memilih “History” maka akan ditampilkan

layar ”History” yang berisi sejarah perusahaan

Jika user memilih ”Vision” maka akan ditampilkan layar

”Vision” yang berisi visi dari perusahaan

Jika user memilih ”Mission” maka akan ditampilkan

layar ”Mission” yang berisi misi dari perusahaan

Jika user memilih ”Management” maka akan

ditampilkan layar ”Management” yang berisi struktur

organisasi perusahaan.

4.2.1.22 Tampilan Layar Help

Gambar 4.23 menampilkan layar Help yang berisi

pemberitahuan langkah-langkah dalam pengggunaan sistem

untuk memudahkan user dalam melakukan transaksi online

dengan perusahaan.

204

Gambar 4.23 Tampilan layar Help

205

4.2.1.23 Tampilan Layar View Account

Gambar 4.24 di bawah menampilkan layar View

Account yang berisi data user dan memungkinkan user

melakukan editing terhadap data-data pribadi user .

Jika user memilih “Back to Home” maka akan

ditampilkan layar “Home setelah login”

Jika user memilih “Edit Account” maka akan

ditampilkan layar “Edit Account” seperti terlihat pada

gambar 4.25

Gambar 4.24 Tampilan layar View Account

206

4.2.1.24 Tampilan Layar Edit Account

Gambar 4.25 Tampilan layar Edit Account

207

Gambar 4.25 di atas menampilkan layar Edit Account

yang berfungsi untuk mengedit data user.

Untuk mengedit data-data user sebelumnya, user dapat

mengisi kolom-kolom yang telah disediakan dan jika

telah selesai mengisi, user dapat memilih “Submit”.

Setelah proses ini selesai maka user dapat melihat bahwa

datanya telah berubah sesuai dengan yang telah diisikan

dan disimpan di dalam database

Jika ingin melakukan pengisian ulang, user dapat meng-

klik tombol “Reset” sehingga user dapat mengisi ulang

data sebelum di-submit lagi.

4.2.1.25 Tampilan Layar Order History

Gambar 4.26 di bawah menampilkan layar Order

History yang berisi data-data order yang pernah dilakukan

oleh user selama ini.

Jika user meng-klik “Back” maka akan kembali ke layar

”Home setelah login”.

208

Gambar 4.26 Tampilan layar Order History

209

4.2.1.26 Tampilan Layar Change Password

Gambar 4.27 Tampilan layar Change Password

210

Pada layar ini user dapat melakukan perubahan

password yang telah ada sebelumnya dengan cara mengisi

password baru yang diinginkan.

4.2.1.27 Tampilan Layar Shopping Cart

Gambar 4.28 Tampilan layar Shopping Cart

211

Gambar 4.28 menunjukkan layar Shopping Cart yang

menampilkan order id beserta dengan list produk yang akan

dibeli dan harganya. Shopping Cart berfungsi sebagai ‘kereta

belanja’ user yang menampung ‘barang belanjaannya’

sebelum user melakukan transaksi pembelian secara online.

Jika user memilih “Remove Item” maka list item tersebut

akan dihapus dari Shopping Cart

Jika user memilih “Empty Cart” maka seluruh list

produk dalam Shopping Cart akan dihapus

Jika user memilih “Continue Shopping” maka akan

kembali ke layar sebelumnya dimana user memilih

produk yang diinginkannya

Jika user memilih “Check Out” maka akan ditampilkan

layar ”Check Out” seperti terlihat pada gambar 4.29.

4.2.1.28 Tampilan Layar Check Out

Pada layar ini, seperti terlihat pada gambar 4.29, akan

ditampilkan final data hasil order dari user. Disini user dapat

melihat order id, tanggal dan waktu order, nama user, dan

jumlah harga yang harus dibayar oleh user. User diharapkan

mencatat order id-nya sebagai bukti transaksi.

User harus memilih metode pembayaran. Jika telah

selesai, user dapat meng-klik ”Submit” sehingga data

order user akan dikirim dan ini berarti bahwa user telah

212

selesai bertransaksi secara online. Sistem secara otomatis

akan membuat user keluar atau logout dari situs tersebut.

Jika user memilih ”Cancel and back to Shopping Cart”

maka akan kembali ke layar “Shopping Cart”.

Gambar 4.29 Tampilan layar Check Out

213

4.2.2 Tampilan Layar – Admin Side

4.2.2.1 Tampilan Layar Login Admin

Gambar 4.30 Tampilan layar Login Admin

Gambar 4.30 di atas menampilkan layar halaman login

admin sebelum masuk ke home admin. Admin diminta untuk

melakukan login dengan mengisikan user name dan password.

214

4.2.2.2 Tampilan Layar Admin

Gambar 4.31 Tampilan layar Admin

Pada layar ini akan ditampilkan list admin pada

sistem beserta dengan data-datanya.

Jika admin memilih ”Edit” maka admin dapat melakukan

editing terhadap data admin.

Jika admin memilih “Delete” maka data admin tersebut

akan dihapus dari list admin.

215

Jika admin memilih “Add Admin” maka dapat dilakukan

penambahan admin.

Jika admin memilih “Admin” maka akan tetap

ditampilkan layar ”Admin” tersebut

Jika admin memilih ”Customer” maka akan ditampilkan

layar ”Customer – Admin” seperti terlihat pada gambar

4.32

Jika admin memilih ”Product” maka akan ditampilkan

layar ”Product – Admin” seperti terlihat pada gambar

4.33

Jika admin memilih “Report” maka akan ditampilkan

layar ”Report” seperti terlihat pada gambar 4.36.

Jika admin memilih ”Logout” maka akan keluar atau

logout dari sistem tersebut.

4.2.2.3 Tampilan Layar Customer – Admin

Pada layar ini, seperti terlihat pada gambar 4.32,

admin dapat melihat data-data customer yang telah terdaftar

pada sistem. Admin dapat melakukan edit atau delete

terhadap data customer tersebut.

Jika admin mengisikan keyword tertentu pada kolom

pencarian dan meng-klik ”Search” maka akan

ditampilkan data customer berdasarkan keyword tersebut.

216

Gambar 4.32 Tampilan layar Customer – Admin

4.2.2.4 Tampilan Layar Product – Admin

Pada layar ini, seperti terlihat pada gambar 4.33,

admin dapat melihat data produk yang sudah ada. Admin juga

dapat melakukan delete terhadap produk dan add produk

baru.

Jika admin memilih “View Feature” maka akan

ditampilkan layar “Features Product – Admin”

217

Jika admin memilih “View Spesification” maka akan

ditampilkan layar “Product Spesification – Admin”



ditampilkan data produk berdasarkan keyword tersebut.

Gambar 4.33 Tampilan layar Product – Admin

218

4.2.2.5 Tampilan Layar Features Product – Admin

Gambar 4.34 Tampilan layar Features Product – Admin

Gambar 4.34 menampilkan layar Features Product –

Admin dimana admin dapat melihat kode produk beserta

fitur-fitur yang dimilikinya. Disini admin dapat melakukan

edit dan delete terhadap fitur produk yang sudah ada, serta

dapat menambahkan data feature dengan memilih “Add

219

Features”. Jika admin memilih “Back” maka akan kembali

ke layar “Product – Admin”.

4.2.2.6 Tampilan Layar Product Specification – Admin

Gambar 4.35 Tampilan layar Product Spesification – Admin

220

Gambar 4.35 menampilkan layar Product

Spesification – Admin dimana admin dapat melihat kode

produk beserta spesifikasi-spesifikasi lengkap yang dimiliki

produk tersebut. Disini admin dapat melakukan edit dan

delete terhadap spesifikasi produk yang sudah ada. Jika

admin memilih “Back” maka akan kembali ke layar

“Product – Admin”.

4.2.2.7 Tampilan Layar Report

Gambar 4.36 menampilkan layar Report yang

memungkinkan admin untuk melihat laporan hasil transaksi-

transaksi pembelian yang telah dilakukan oleh customer yang

disusun berdasarkan order id-nya dan tanggal transaksinya.

Jika admin memilih “View Detail Order” maka akan

ditampilkan layar “Detail Order” seperti terlihat pada

gambar 4.37



ditampilkan laporan order berdasarkan keyword tersebut.

221

Gambar 4.36 Tampilan layar Report

4.2.2.8 Tampilan Layar Detail Order

Gambar 3.37 menampilkan layar Detail Order yang

memungkinkan admin untuk melihat laporan order yang telah

dilakukan oleh customer secara detail per order id.

Jika admin memilih “Back” maka akan kembali ke layar

”Report”.

222

Gambar 4.37 Tampilan layar Detail Order

223

4.3 Evaluasi Sistem

Setelah perancangan aplikasi sistem pemasaran berbasis web pada PT

Metrotech Jaya Komunika selesai dibuat, maka perlu dilakukan evaluasi

terhadap sistem ini untuk dapat dilakukan perbaikan yang diperlukan dan

pengembangan lebih lanjut. Evaluasi yang dilakukan meliputi beberapa aspek

yaitu evaluasi dengan menggunakan kuisioner, evaluasi sistem berdasarkan

aturan-aturan IMK, dan evaluasi keuntungan yang telah tercapai dari segi e-

commerce.

4.3.1 Evaluasi Kuisioner

Tahap evaluasi ini dilakukan dengan cara menyebarkan

kuisioner sebagai penilaian terhadap sistem pemasaran berbasis web

yang telah diimplementasikan pada PT Metrotech Jaya Komunika.

Kuisioner ini berfungsi untuk mendapatkan pendapat dan penilaian

user mengenai sistem yang telah dibuat dan juga untuk memperoleh

saran-saran yang dapat menjadi masukan untuk pengembangan sistem

lebih lanjut.

Kuisioner yang disebarkan sebanyak 50 lembar dimana

masing-masing lembar kuisioner berisi 6 pertanyaan. Kuisioner

dibagikan kepada 50 orang customer yang mengunjungi Customer

Service pada kantor PT Metrotech Jaya Komunika, Gedung Blue Dot

Centre, selama 2 minggu mulai dari tanggal 19 Desember 2005 - 2

Januari 2006.

224

Dari 50 lembar kuisioner yang dibagikan, semuanya kembali,

namun hanya 37 responden yang dapat dipertimbangkan jawabannya

dalam kuisioner evaluasi ini karena 13 responden lainnya menyatakan

belum mencoba sistem baru tersebut.

Hasil kuisioner tersebut adalah sebagai berikut:

1. Apakah Anda telah mencoba menggunakan sistem pemasaran

berbasis web yang sedang diperkenalkan oleh PT Metrotech Jaya

Komunika?

a. Ya – jika ya, silakan lanjutkan ke no. berikutnya

b. Tidak – jika tidak, cukup sampai disini saja. Terima kasih atas

waktunya.

Jawaban Total Responden Persentase

Ya 37 74 %

Tidak 13 26 %

Tabel 4.2 Jawaban kuisioner evaluasi 1

Gambar 4.38 Pie Chart jawaban kuisioner evaluasi 1

74.00%

26.00%YaTidak

225

Evaluasi:

Dari 50 orang responden yang diberikan kuisioner evaluasi ini

untuk diisi, sebanyak 37 orang responden menyatakan bahwa mereka

telah mencoba untuk menggunakan sistem pemasaran berbasis web ini.

Hal ini berarti bahwa cukup banyak konsumen yang tertarik untuk

menggunakan sistem ini untuk memenuhi kebutuhan mereka akan

informasi produk. Dengan melihat kenyataan ini pula, tidak akan

menjadi masalah yang berarti bagi perusahaan untuk mempromosikan

pemakaian sistem ini lebih lanjut.

2. Menurut Anda, apakah tampilan yang ada dalam web tersebut

menarik?

a. Ya

b. Tidak


Ya 25 67,57 %

Tidak 12 32,43 %


226


Evaluasi:

25 orang dari total 37 responden yang dapat melanjutkan

pengisian kuisioner menyatakan bahwa tampilan yang ada dalam web

‘menarik’. 12 orang lainnya menyatakan ‘tidak menarik’. Hal ini dapat

dijadikan sebagai bahan pertimbangan dalam pengembangan web lebih

lanjut, salah satunya dengan cara memperbaiki tampilan yang ada.

3. Menurut Anda, mudahkah cara pemakaian aplikasi yang ada dalam

web tersebut?

a. Ya

b. Tidak



Ya 31 83,78 %

Tidak 6 16,22 %

67.57%

32.43%YaTidak

227


Evaluasi:

Dari pertanyaan mudahkah cara pemakaian aplikasi yang ada

dalam web, 31 orang atau 83,78% responden menjawab ’mudah’.

Hasil tersebut menunjukkan bahwa sistem yang dibuat telah

memberikan kemudahan bagi para konsumen yang menggunakannya.

Tujuannya agar konsumen betah dalam menggunakan sistem ini.

4. Apakah informasi yang telah diberikan dalam web tersebut sudah

lengkap?

a. Sangat lengkap

b. Cukup lengkap

c. Tidak lengkap

83.78%

16.22%

YaTidak

228


Sangat lengkap 19 51,35 %

Cukup lengkap 15 40,54 %

Tidak lengkap 3 8,11 %



Evaluasi:

Dari pertanyaan no. 4, 19 responden menyatakan bahwa

informasi yang diberikan dalam web sangat lengkap, 15 responden

menyatakan bahwa informasi yang ada cukup lengkap, dan 3 orang

lainnya menyatakan tidak lengkap. Dengan melihat hasil ini, dapat

disimpulkan bahwa informasi yang diberikan dalam web sudah cukup

lengkap, namun perlu perbaikan agar informasi yang disediakan

nantinya benar-benar dapat membantu konsumen dalam mencari

informasi yang mereka butuhkan.

51.35%40.54%

8.11%SangatLengkapCukupLengkapTidak Lengkap

229

5. Apakah dengan adanya web ini telah banyak membantu dalam

memberikan informasi yang Anda butuhkan untuk membeli

produk?

a. Ya

b. Tidak


Ya 34 91,89 %

Tidak 3 8,11 %



Evaluasi:

Sebanyak 34 orang dari total 37 responden menyatakan bahwa

mereka telah sangat terbantu dalam mencari informasi yang mereka

butuhkan dalam membeli produk dengan hadirnya web ini. Hal ini

berarti bahwa strategi perusahaan dalam memperkenalkan sistem

91.89%

8.11%

YaTidak

230

pemasaran berbasis web adalah tepat. Dengan adanya web tersebut

konsumen akan semakin ’dekat’ dengan perusahaan dan diharapkan

dapat menjalin interaksi yang berkelanjutan.

6. Apakah Anda mau terus menggunakan sistem ini dalam mencari

informasi dan membeli produk handphone yang Anda inginkan?

a. Ya

b. Tidak




Ya 34 91,89 %

Tidak 3 8,11 %

91.89%

8.11%

YaTidak

231

Evaluasi:

Sekali lagi, sebanyak 34 orang responden menyatakan bahwa

mereka mau untuk terus menggunakan sistem ini dalam mencari

informasi dan membeli produk yang mereka inginkan. Dengan

demikian sistem ini dapat terus dikembangkan lebih lanjut dan tetap

dipergunakan sebagai sistem pemasaran oleh perusahaan.

4.3.2 Evaluasi IMK

Dari segi disiplin ilmu IMK (Interaksi Manusia dan

Komputer), adalah penting untuk memiliki desain antarmuka yang

baik untuk meningkatkan kegunaan dari aplikasi. Karenanya, perlu

dilakukan evaluasi berdasarkan 8 aturan emas dalam IMK untuk user

interface dari aplikasi berbasis web yang telah dibuat ini. Berikut

adalah hasil evaluasinya:

1. Berusaha untuk konsisten

Sistem ini menampilkan user interface yang konsisten pada setiap

halamannya dengan menu utama berada di kolom sebelah kiri.

Perintah-perintah seperti log out, shopping cart, selalu berada pada

posisi yang sama.

2. Penggunaan shortcut (jalan pintas)

Sistem menyediakan shortcut ke bagian produk GSM Mobile

Phone, CDMA Mobile Phone, maupun Fixed Wireless Phone pada

bagian menu utama sehingga user tidak perlu membuka halaman

Product terlebih dahulu untuk bisa melihat produk-produk yang

232

diinginkan. Hal yang sama juga diterapkan untuk menu Services

(Forum & FAQ), dan menu News Center. Penggunaan shortcut ini

dapat meningkatkan kecepatan interaksi bagi customer yang sudah

mahir.

3. Menawarkan balasan yang informatif untuk setiap operator dari

aksi

Sistem selalu merespon setiap aksi yang dilakukan dengan balasan

yang informatif dan sesuai dengan yang diharapkan. Misalnya

ketika user meng-klik Product maka akan ditampilkan halaman

Product yang lengkap.

4. Mendesain dialog untuk menyatakan penutupan rangkaian dari

aksi

Sistem memberikan ’dialog’ untuk menyatakan penutupan dari

suatu aksi, misalnya ketika customer telah selesai ’berbelanja’

melalui shopping cart dan melakukan Check Out, ucapan ”Terima

Kasih” akan muncul sebagai tanda terima kasih karena customer

tersebut telah melakukan transaksi.

5. Menawarkan penanganan kesalahan yang sederhana sebanyak

mungkin

Sistem memungkinkan penanganan kesalahan yang cepat dan

sederhana. Hal ini dapat ditemukan dalam pengisian data user

maupun dalam peng-editannya. User yang baru bergabung akan

melakukan register dan mengisi data account-nya. Dalam proses

pengisian ini, jika ada data yang belum terisi ketika user telah

233

melakukan submit, maka sistem akan menampilkan pesan

kesalahan seperti ”Nama harus diisi”. Sedangkan bagi user yang

telah bergabung dan ingin melakukan peng-editan account, user

tersebut dapat memasuki halaman Edit Account.

6. Mengizinkan pengembalian aksi yang mudah

Sistem mengizinkan pengembalian aksi yang mudah untuk setiap

proses transaksi, misalnya pada halaman Check Out, user dapat

melakukan ’Cancel and back to shopping cart’ jika user masih

belum yakin akan pesanannya sehingga user dapat memilih ulang

atau bahkan membatalkan pesanannya. Hal ini memberikan

kenyamanan bagi user sehingga mereka tidak perlu takut untuk

melakukan kesalahan ketika menyusuri pilihan-pilihan yang agak

asing karena selalu ada pengembalian aksi.

7. Mendukung tempat untuk kendali operator yang mahir

Bagi user yang telah mahir atau sering menggunakan sistem ini,

mereka akan merasakan kemudahan penggunaan sistem dimana

sistem membuat user merasa sebagai pengontrol aksi, bukan

perespon.

8. Kurangi beban ingatan jangka pendek

Tampilan yang tetap sederhana, banyak halaman tampilan yang

digabungkan, gerakan window yang banyak dikurangi, dan

rangkaian aksi yang mudah membuat user tidak perlu menghafal

pergerakan yang harus dilakukan dalam sistem.

234

4.3.3 Evaluasi e-Commerce

Banyak keuntungan yang bisa didapat dari penggunaan e-

commerce yang diterapkan dalam perancangan sistem ini, di antaranya

ada 8 keuntungan yang bisa dicapai yaitu:

1. Revenue stream (aliran pendapatan) baru yang mungkin lebih

menjanjikan, yang tidak bisa ditemui di sistem transaksi

tradisional

2. Dapat meningkatkan market exposure (pangsa pasar)

3. Menurunkan biaya operasional (operating cost)

4. Melebarkan jangkauan (global reach)

5. Meningkatkan customer loyality

6. Meningkatkan supplier management

7. Memperpendek waktu produksi

8. Meningkatkan value chain (mata rantai pendapatan)

Dari delapan keuntungan yang diharapkan bisa tercapai ini,

belum dapat dilakukan evaluasi secara keseluruhan dikarenakan sistem

belum beroperasi secara optimal. Beberapa point yang telah dapat

dilakukan evaluasinya antara lain:

• Dapat menurunkan biaya operasional

Dengan adanya aplikasi berbasis web ini, informasi-informasi

seputar produk, event promo, dan joint-promo dapat ditampilkan di

web sehingga dapat mengurangi intensitas pemasangan iklan di

media cetak yang berarti dapat mengurangi biaya pemasangan

iklan tersebut.

235

• Memperpendek waktu produksi

Dengan adanya web perusahaan dapat menampilkan informasi

produk dan melakukan update dalam hitungan menit. Dengan

demikian hal ini tentu mengurangi waktu produksi yang biasa

digunakan oleh perusahaan untuk melakukan pencetakan brosur.

bab 4 implementasi dan evaluasi 4.1 rencana...

Documents