BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN
4.1
Tahap 4 : Crafting the Customer Interface
Tombol Contact us berisi halaman cara menghubungi Sate Tomang
Tombol Home untuk kembali ke layar utama Tombol About us untuk masuk ke halaman about us
Membuka Panel Login dan register
Klik tombol menu untuk melihat daftar menu Sate Tomang
Terhubung ke Facebook Fanpage Sate Tomang
Gambar 4.1 Rancangan Layar Halaman Home 94
95
Perbedaan terdapat pada munculnya tombol user menu yang membuka panel User Menu yang berisikan pengisian Testimony dan perubahan serta konfirmasi data pelanggan
Gambar 4.2 Rancangan Layar Halaman Home setelah Login
96 Follow us on FB
Sate Tomang
Home
About Us
About Us Menu Contact Us
Login
Picture
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Sate Tomang @ 2012. All rights reserved.
Halaman about us berisi mengenai keterangan dan profil Singkat Sate Tomang
Gambar 4.3 Rancangan Layar Halaman About Us
97 Follow us on FB
Sate Tomang
Home
Menu Category
About Us Picture
Picture
xxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxx
Menu Contact Us
Picture
xxxxxxxxxxxxxxxxx
Login
Sate Tomang @ 2012. All rights reserved.
Tombol menu akan memasukkan user ke halaman Menu di mana terdapat kategori menu yang berisi informasi tentang berbagai menu Sate Tomang yang dibagi menjadi berbagai kategori yang dapat di explore lagi
Gambar 4.4 Rancangan Layar Halaman Menu
98 Follow us on FB
Sate Tomang
Home
Menu Category – Menu Detail
back
About Us Picture
Picture
xxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxx
Menu Contact Us
Picture
xxxxxxxxxxxxxxxxx
Login
Sate Tomang @ 2012. All rights reserved.
Menu Detil berisi tentang informasi Menu pada restoran Sate Tomang dimana terdapat informasi menu makanan yang tidak dapat dirinci pada kategori Menu
Gambar 4.5 Rancangan Layar Halaman Detail Menu
99 Follow us on FB
Sate Tomang
Contact Us
Home
About Us
Branch Address 1 Phone Number
Menu
Branch Address 2 Phone Number Email info
Contact Us
Payment Method
Opening Time
Submit
Login
Sate Tomang @ 2012. All rights reserved.
Kolom ketikkan yang dapat diisi kritik, saran dan pertanyaan kepada Sate Tomang
Klik tombol submit untuk mengirim pesan yang sudah di ketikkan di kolom ketikan diatas tombol submit
Informasi mengenai Sate Tomang yang berisi kontak, email dan berbagai keterangan yang dapat digunakan pelanggan untuk menghubungi pihak Sate Tomang
Gambar 4.6 Rancangan Layar Halaman Contact Us
100 Isi username dan password Tombol cancel untuk membatalkan login Tombol login untuk melakukan login Tombol create account bagi yang belum memiliki akun
Gambar 4.7 Rancangan Layar Panel Login
Isi data diri pelanggan
Tombol login untuk melakukan konfirmasi registerasi Tombol cancel untuk membatalkan registerasi
Gambar 4.8 Rancangan Layar Panel Registeration
101
User Menu
Cancel
X
Testimonials
Membuka panel testimonial
Edit Profile
Mengedit profil pelanggan
Menutup panel user menu
Gambar 4.9 Rancangan Panel User Menu
Tombol submit untuk menginput testimonial ke website
Masukkan testimonial dari pelanggan disini
Gambar 4.10 Rancangan Layar Panel Enter Testimonial
102
Tombol untuk menyimpan profil yang telah diedit
Revisi data pelanggan disini jika memang ada yang perlu diubah
Gambar 4.11 Rancangan Layar Panel Edit Profile
103 Tahap ini membahas interface yang ada pada website Sate Tomang. Ada 7 hal yang diperhatikan dalam merancang website: 1. Context Menu yang terdapat pada halaman index Sate Tomang adalah sebagai berikut : •
Home
•
About Us
•
Menu
•
Contact Us
•
Register
•
Testimonial
Menu yang dapat diakses setelah pengguna melakukan login adalah sebagai berikut : •
Home
•
About Us
•
Menu
•
Contact Us
•
User Menu
•
Testimonial
Halaman utama web akan menampilkan promo, event, berita terbaru berkenaan dengan restoran Sate Tomang selain itu terdapat fasilitas pencarian untuk halaman news archives dan menu. Navigasi antar
104 halaman sendiri terhubung dengan berbagai button yang mudah dikenali dan digunakan. 2. Content Dimensi yang terdapat pada content dibagi menjadi beberapa bagian, yaitu: •
Offering Mix Website Sate Tomang menyediakan halaman menu yang disana terdapat informasi produk yang ditawarkan oleh Sate Tomang beserta harganya.
•
Appeal Mix Untuk appeal, Website Sate Tomang akan menggunakan warna-warna yang tidak menyakitkan mata, dan juga tidak jauh dari citra Sate Tomang dengan nuansa coklat muda dan coklat tua yang sedikit etnis namun modern.
•
Multimedia Mix Website menggunakan tampilan warna dan gambar serta icon dan logo pada halaman tertentu, tetapi tidak memiliki audio maupun video di dalamnya.
•
Content Type Situs web akan diusahakan untuk selalu aktif dan up-todate dengan customer service yang aktif pada jam kerja.
105 3. Community Situs web sate Tomang akan terhubung ke facebook fan page Sate Tomang dimana para penggemar dan pelanggan Sate Tomang bisa saling berinteraksi dan berkomentar. Untuk situs webnya sendiri menggunakan fasilitas Testimonial dimana pelanggan dapat menuliskan komentarkomentasnya mengenai restoran Sate Tomang serta review produknya. 4. Customization Situs web Sate Tomang memiliki fitur login dan registerasi menggunakan email pelanggan. User yang telah mendaftar dapat mengubah data pribadi miliknya sewaktu-waktu. 5. Communication Komunikasi yang ada pada web Sate Tomang terbagi menjadi 2 tipe: •
Pengumuman Merupakan komunikasi berupa pengumuman ke user mengenai berita, event , promo atau menu baru yang ditawarkan oleh Sate Tomang melalui halaman utama, dan halaman arsip berita. Juga informasi mengenai menu makanan di halaman menu, lokasi restoran dan jam buka pada halaman contact us.
•
Interaktif Komunikasi langsung dengan pihak Sate Tomang yang diwujudkan dengan live chat untuk kebutuhan informasi dan reservasi dan halaman contact us sendiri terdapat alamat email yang dapat dihubungi jika ada keluhan, kritik dan saran yang
106 mungkin tidak tertampung jika melakukan komunikasi langsung dengan live chat. 6. Connection Web ini terhubung dengan facebook fan page Sate Tomang yang memperkuat unsur fan interaction dengan perusahaan. 7. Commerce Dalam web e-marketing ini, menu dan harga menu yang dapat di download lewat halaman menu dan dengan berinteraksi dengan customer service secara langsung melalui live chat yang diintegrasikan dengan Yahoo! Messenge, pelanggan dapat melakukan tanya jawab mengenai perihal reservasi, menu, alamat dan lain sebagainya. 4.2
Tahap 5 : Designing The Marketing Program
4.2.1
Customer Relationship Penjelasan
mengenai customer relationship atau hubungan dengan
pelanggan akan dibagi menjadi 4 bagian, awareness atau kesadaran merupakan tahap dimana pelanggan menyadari keberadaan perusahaan dan produknya, exploration, yaitu saat pelanggan mencari-cari informasi dan penjelasan mengenai perusahaan dan produknya. Commitment, yaitu saat pelanggan menjadi terikat dan percaya pada perusahaan dan produk yang digemarinya. Serta dissolution, dimana hubungan antara customer dengan perusahaan putus dikarenakan suatu hal. 4.2.1.1 Awareness Untuk mendukung tahap awareness dapat dilakukan berbagai taktik dan strategi agar pelanggan dapat menyadari keberadaan Sate Tomang :
107 1. Menggunakan nama perusahaan sebagai alamat situs web. Nama alamat situs web yang dapat digunakan seperti : www.satetomang.com, www.satetomang.co.id, www.sate-tomang.com. Dengan menggunakan nama-nama seperti diatas, selain mempermudah pelanggan mencari perusahaan karena brand name yang sudah dikenal, nama tersebut juga mudah diingat bagi pelanggan lama ataupun baru.
2. Mencantumkan alamat situs web di berbagai media pemasaran. Situs web dapat juga disosialisasikan melalui berbagai media pemasaran seperti saat pembuatan brosur atau spanduk, juga melalui media online lain seperti halaman facebook.
3. Mendaftarkan ke situs pencarian Dengan mempertimbangkan kegunaan dari situs pencarian dan popularitas google diantara situs pencarian yang ada, situs web dapat didaftarkan di google agar mempermudah pencarian oleh pelanggan dan calon pelanggan.
4. Melakukan sosialisasi langsung kepada pelanggan Melakukan sosialisasi langsung kepada pengunjung restoran yang datang dengan harapan informasi akan terus berlanjut dari mulut ke mulut.
108 4.2.1.2 Exploration Pada tahap eksplorasi atau penjelajahan pada situs web Sate Tomang dapat diterapkan beberapa strategi sebagai berikut: 1. Pelanggan dan calon pelanggan dapat melakukan browsing secara bebas. Pelanggan ataupun calon pelanggan tidak harus melakukan login atau register untuk mengakses informasi perusahaan dan produk pada situs web. Ini dilakukan agar pelanggan dapat mengenal produk dan nama Sate Tomang sebelum tertarik untuk menjadi pelanggan tetap.
2. Informasi produk dan promosi Situs web akan menawarkan berbagai promosi dan produk yang dijual dan ditawarkan di restoran agar pelanggan dapat mengetahui produk-produk baru dan lama yang dijual dan promosi yang sedang berlangsung di restoran.
3. Berita baru dan event Berita berisi tentang pengumuman mengenai promosi, produk baru, atau event-event yang sedang dilakukan oleh Sate Tomang. Berita terbaru akan selalu tampil di halaman depan web sate Tomang agar pelanggan dan calon pelanggan dapat mengakses informasi tersebut.
4. Pencarian Fitur pencarian ada di dalam situs web Sate Tomang yang berfungsi untuk mencari informasi produk atau berita yang diinginkan
109 untuk mempermudah pelanggan sudah tahu akan informasi apa yang hendak dicari.
5. Testimonial Halaman ini berisikan komentar, kesan dan pesan akan Sate Tomang, pelayanannya dan produknya. Testimonial akan disaring oleh pihak Sate Tomang jadi tidak semua Testimonial dapat tampil di situs web.
6. About us Halaman ini berisi profil restoran Sate Tomang yang dapat diakses siapa saja. Ini ditujukan bagi calon pelanggan dan pelanggan yang ingin mengenal lebih dekat mengenai restoran Sate Tomang.
7. Contact us Halaman ini dibuat agar pelanggan dapat menghubungai Sate Tomang secara online maupun offline. Halaman ini berisikan alamat, nomor telepon dan informasi-informasi yang dapat digunakan untuk menghubungi pihak Sate Tomang.
8. Live Chat Fitur ini dapat digunakan oleh siapa saja yang memiliki akun Yahoo! Messenger. Ini diperuntukkan untuk calon pelanggan dan
110 pelanggan yang ingin informasi lebih aktual dan intensif, informasi yang lebih detil langsung dari pihak Sate Tomang. 4.2.1.3 Commitment Agar dapat mendorong pelanggan Sate Tomang ke tahap komitmen, dapat diterapkan strategi seperti berikut ini : 1. Informasi yang terus di-update Sate Tomang akan menawarkan informasi yang aktual dan terus di-update baik itu promosi, produk baru, event-event. Informasi yang terus di-update dapat memancing pelanggan kembali mengunjungi situs web untuk melihat hal-hal baru yang ditawarkan Sate Tomang.
2. Pendaftaran Pendaftaran dapat dilakukan melalui situs web Sate Tomang. Pendaftaran ini menunjukkan komitmen pada pelanggan. Sate Tomang juga dapat menawarkan promosi khusus bagi member situs web Sate Tomang.
3. User Menu Pelanggan dapat melakukan perubahan informasi pribadi dan pemberian testimonial melalui menu ini. Menu ini diperuntukkan bagi pelanggan yang telah mendaftar dan berguna untuk menjaga hubungan baik Sate Tomang dengan pelanggannya.
111 4. Testimonials Pelanggan yang telah mendaftar
memiliki opsi untuk memberikan
komentar dan kesan mengenai pelayanan dan produk Sate Tomang. Walau begitu, Sate Tomang akan menyaring berbagai testimonial yang ada, testimonial yang buruk dan menjelek-jelekkan akan di proses sebagai masukkan dan kritik sebagai upaya perbaikan kualitas, sementara testimonial positif akan di-publish.
4.2.1.4 Dissolution Hal-hal yang dapat menyebabkan Sate Tomang dan pelanggannya mengalami dissolution adalah sebagai berikut : 1. Pelanggan tidak dapat dikontak. Pelanggan yang menggunakan email yang sudah kadaluarsa saat login atau data diri palsu dapat mempersulit pihak Sate Tomang untuk menghubungi pelanggan dan menjaga hubungan baik dengan pelanggan tersebut. 2. Account tidak pernah diakses dalam kurun waktu setahun. Pelanggan yang tidak melakukan login selama 1 tahun akan dihapus akunnya sehingga pelanggan yang ingin mengakses kembali akun tersebut harus melakukan pendaftaran ulang. Untuk mengatasi ini, situs web Sate Tomang menyediakan fitur live chat yang dapat diakses tanpa mendaftar dan juga menu contact us dimana terdapat data yang dibutuhkan pelanggan untuk menghubungi Sate Tomang tanpa melakukan pendaftaran.
112
4.2.2
Designing MarketSpace Matrix
Categories of Levers
Awareness
Relationship Stages Exploration Commitment
Product
• Info produk • Produk baru
Price
• Promosi
Communication • Viral marketing • Mendaftarkan web pada search engine Community
Distribution
Dissolution
• Pencarian • Kualitas produk • Browsing yang baik tanpa daftar • Informasi up-to-date • Harga • Promo • Event produk khusus promo member khusus • Contact us • Registerasi • email pelanggan • Live chat • Testimonial kadaluarsa • About us • Berita • Testimonial • Testimonial • Data diri pelanggan • Registerasi salah • Akun tidak diakses selama setahun
• Mencantumkan situs web di spanduk, selebaran, kartu nama yang dibuat. • Mendaftarkan web pada google. Tabel 4.1 Matriks Marketspace
113 4.3
Tahap 6 : Leveraging Customer Information Through Technology
Administrator Login Isi username dan password
Username : Password : Tombol login untuk melakukan login
Login
Gambar 4.12 Rancangan Halaman Login Admin Masuk ke halaman index Masuk ke halaman home Sate Tomang Tombol untuk logout Masuk ke halaman pengaturan news/berita Mengubah informasi hari buka dan jam buka Mengedit/menghapus/ mengatur testimoni Mengatur menu dan kategorinya Upload data pricelist Mengatur data user
Gambar 4.13 Rancangan Halaman Home Admin
114 Search data user
Field dan entry data user
Tombol edit untuk mengubah data user
Tombol delete untuk menghapus data user
Gambar 4.14 Rancangan Halaman View Data User Admin Halaman untuk menginput berita/news terkini berkenaan dengan Sate Tomang
Masukkan judul, tanggal dan isi berita
Upload gambar Simpan berita dan tampilkan di web
Gambar 4.15 Rancangan Halaman Berita Admin
115
Field dan entry data berita
Tombol edit untuk mengubah data berita
Tombol delete untuk menghapus data berita
Gambar 4.16 Rancangan Halaman View Berita Admin Halaman untuk mengedit dan input data Hari buka
Field dan entry data hari buka
Simpan data dan tampilkan di web
Gambar 4.17 Rancangan Halaman Open Day
116
Search data testimony
Field dan entry data testimony
Tombol edit untuk mengubah data testimoni Tombol delete untuk menghapus data testimoni
Gambar 4.18 Rancangan Halaman Testimony Admin Search data user
Field dan entry data user
Tombol edit untuk mengubah data user
Tombol delete untuk menghapus data user
Gambar 4.19 Rancangan Halaman Menu Admin
117
Search data menu
Field dan entry data menu
Tombol edit untuk mengubah data menu
Tombol delete untuk menghapus data menu
Gambar 4.20 Rancangan Halaman View Menu Admin Halaman untuk mengupload pricelist yang dapat didownload oleh user di web Masukkan alamat file
Tombol upload
Gambar 4.21 Rancangan Halaman Upload Pricelist Admin
118 4.3.1
Marketing Database •
User, Primary Key : idUser Field Name
Type
Length
Description
idUser
Varchar
10
Kode unik user
first_name
Varchar
50
Nama depan
last_name
Text
address
Varchar
50
Alamat
email
Varchar
50
Email
username
Varchar
20
Nama untuk login
password
Varchar
20
Sandi untuk login
tgl_daftar
datetime
20
Tanggal mendaftar
Nama belakang
Tabel 4.2 Struktur Tabel User •
Menu, Primary Key : idMenu. Foreign Key : idKategoriMenu Field Name
Type
Length
Description
idMenu
Varchar
10
Kode unik menu
idKategoriMenu
Varchar
10
Kode kategori menu
namaMenu
Varchar
50
Nama menu
deskripsiMenu
Varchar
50
Keterangan menu
imageMenu
Blob
Gambar menu
Tabel 4.3 Struktur Tabel Menu
119 •
Menu Category, Primary Key : idKategoriMenu Field Name
Type
Length
Description
idKategoriMenu
Varchar
10
Kode kategori menu
namaKategori
Varchar
50
Nama Kategori
imageKategori
Blob
Gambar menu
Tabel 4.4 Struktur Tabel Menu Category •
Testimony, Primary Key : idTestimony. Foreign Key : idUser Field Name
Type
Length
Description
idTestimony
Varchar
10
Kode kategori menu
testimonyCol
Varchar
50
Isi testimonial
idUser
Varchar
10
Kode unik user
Tabel 4.5 Struktur Tabel Testimony •
Contact Us, Primary Key : idContact Field Name
Type
Length
Description
idContact
Varchar
10
Kode kontak
alamat
Text
kota
Varchar
50
Kota
kodePos
Varchar
50
Kode Pos/Zip Code
negara
Varchar
50
Negara
telepon
Varchar
20
Nomor Telepon
fax
Varchar
20
Nomor Fax
email
Varchar
50
Alamat Email
Alamat cabang
Tabel 4.6 Struktur Tabel Contact Us
120 •
Opening Time, Primary Key : idHariBuka Field Name
Type
Length Description
idHariBuka
Varchar
10
Kode hari buka
jenisMakan
Varchar
10
Jenis makan (breakfast, dinner)
dariHari
Varchar
15
Hari awal buka dalam seminggu
sampaiHari
Varchar
15
Hari akhir buka dalam seminggu
dariJam
Varchar
10
Jam buka
sampaiJam
Varchar
10
Jam tutup
Tabel 4.7 Struktur Tabel Opening Time •
About Us Field Name
Type
Length
Description
idAbout
Varchar
10
Kode about us
aboutCol
Text
Tentang Sate Tomang
imageAbout
Blob
Gambar di halaman home
Tabel 4.8 Struktur Tabel About Us •
Payment Method Field Name
Type
Length
Description
idPayment
Varchar
10
Kode metode pembayaran
paymentCol
Varchar
50
Metode pembayaran
imagePayment
Blob
Gambar pembayaran
Tabel 4.9 Struktur Tabel Payment Method
121 •
News Field Name
Type
Length
Description
idBerita
Varchar
10
Kode unik menu
judulBerita
Varchar
45
Judul berita
isiBerita
Text
Isi berita
tglBerita
datetime
Tanggal berita
imageBerita
Blob
Gambar berita
Tabel 4.10 Struktur Tabel News 4.3.2
Kebutuhan Sistem
4.3.2.1 Hardware •
Server o Processor: Intel Pentium G630 Dual Core, 2.7 GHz o RAM : 2GB o Connection : 2Mbps o Harddisk : 320 GB o Monitor o Mouse & Keyboard
•
Client o RAM 512MB o Connection : 512Kbps o Harddisk : 160 GB o Monitor o Mouse & Keyboard
122 4.3.2.2 Software •
Server Server yang dipakai untuk melakukan hosting website harus dapat mendukung pemrograman php dan MySQL
•
Client Software yang dipakai oleh client adalah browser internet yang ada pada umumnya seperti berikut: o Internet Explorer 9 o Mozilla Firefox o Google Chrome
4.3.2.3 Brainware Untuk menjalankan aplikasi web e-marketing, restoran Sate Tomang membutuhkan karyawan yang dapat mengoperasikan komputer dan internet. Karyawan tersebut akan bertugas sebagai operator dan bertanggung jawab atas perkembangan dan pemeliharaan situs web Sate Tomang.
123 4.4
Tahap 7 : Evaluating Marketing Strategy Tahapan ini melibatkan hasil evaluasi dari program pemasaran berbasis internet yang terdiri dari fokus seimbang baik dari keuangan maupun hubungan dengan pelanggan. Rancangan e-marketing yang telah dibuat belum diimplementasikan oleh restoran Sate Tomang. •
Financial Metrics Karena rancangan e-marketing belum diimplementasikan, maka restoran Sate Tomang tidak belum mendapatkan keuntungan dari website yang telah dirancang. Tujuan awal implementasi adalah untuk memberikan informasi restoran dan produknya kepada pelanggan.
•
Customer Based Metrics Pengukuran metrics ini dibagi menjadi beberapa bagian : o Awareness Untuk meningkatkan kesadaran masyarakat terutama calon pelanggan mengenai keberadaan dan keunggulan restoran Sate Tomang, maka domain yang digunakan adalah dengan nama yang mudah diingat “www.sate-tomang.com”. Nama website akan dicantumkan di berbagai leaflet, spanduk dan segala macam media yang diperuntukkan untuk kegiatan pemasaran restoran sate tomang. o Exploration Dalam tahap ini, pengunjung mencari informasi yang ditawarkan pada halaman contact us dan berbagai testimonial yang ada di situs web.
124 o Commitment Pengunjung yang loyal akan mendaftar ke situs web untuk mendapatkan update terbaru yang akan dikirim berkala melalui email dan juga untuk memberikan testimonial terhadap tingkat kepuasan pelayanan dan produk Sate Tomang dan juga memberikan feedback berupa kritik dan saran. o Dissolution Pelanggan yang tidak terkesan dengan situs web ataupun pelayanan dan produk yang ditawarkan Sate Tomang tidak akan mendaftar atau tidak akan melakukan login kembali selama 1 tahun dimana datanya akan dihapus. •
Implementation Metrics Hasil pengukuran metrics ini bisa didapat dan dievaluasi dari tingkat penjualan yang terjadi setelah penggunaan rancangan website yang telah dibuat. Peningkatan pemasaran dibandingkan dengan strategi secara offline dan online, dari situ bisa didapat hasilnya apakah penggunaan e-marketing yang dirancang berdampak positif pada restoran Sate Tomang. Pengamatan pesan dan testimonial juga bisa dijadikan referensi untuk melakukan perbaikan, pengembangan dan strategi yang akan dilakukan di masa depan.
