BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Rencana...
Transcript of 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.
Jika user ingin melihat data-data dari setiap produk
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.
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.
4.2.1.7 Tampilan Layar CDMA Mobile
Terlihat pada gambar 4.8, pada layar ini akan
ditampilkan informasi produk-produk handphone CDMA
Mobile.
Jika user ingin melihat data-data dari setiap produk
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.
Jika user meng-klik “Add to Cart“ maka item yang
dipilih akan dimasukkan ke dalam data Shopping Cart,
dan untuk melihat hasilnya user dapar meng-klik tulisan
”Shopping Cart” pada bagian ujung kanan atas dari layar
sehingga akan ditampilkan layar ”Shopping Cart” seperti
terlihat pada gambar 4.28.
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
”Shopping Cart” pada bagian ujung kanan atas dari layar
sehingga akan ditampilkan layar ”Shopping Cart” seperti
terlihat pada gambar 4.28.
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”
Jika admin mengisikan keyword tertentu pada kolom
pencarian dan meng-klik ”Search” maka akan
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
Jika admin mengisikan keyword tertentu pada kolom
pencarian dan meng-klik ”Search” maka akan
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
Jawaban Total Responden Persentase
Ya 25 67,57 %
Tidak 12 32,43 %
Tabel 4.3 Jawaban kuisioner evaluasi 2
226
Gambar 4.39 Pie Chart jawaban kuisioner evaluasi 2
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
Tabel 4.4 Jawaban kuisioner evaluasi 3
Jawaban Total Responden Persentase
Ya 31 83,78 %
Tidak 6 16,22 %
67.57%
32.43%YaTidak
227
Gambar 4.40 Pie Chart jawaban kuisioner evaluasi 3
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
Jawaban Total Responden Persentase
Sangat lengkap 19 51,35 %
Cukup lengkap 15 40,54 %
Tidak lengkap 3 8,11 %
Tabel 4.5 Jawaban kuisioner evaluasi 4
Gambar 4.41 Pie Chart jawaban kuisioner evaluasi 4
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
Jawaban Total Responden Persentase
Ya 34 91,89 %
Tidak 3 8,11 %
Tabel 4.6 Jawaban kuisioner evaluasi 5
Gambar 4.42 Pie Chart jawaban kuisioner evaluasi 5
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
Tabel 4.7 Jawaban kuisioner evaluasi 6
Gambar 4.43 Pie Chart jawaban kuisioner evaluasi 6
Jawaban Total Responden Persentase
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.