94 BAB 4
PERANCANGAN SISTEM YANG DIUSULKAN
4.1 Tahap 4 : Crafting the Customer Interface
Gambar 4.1 Rancangan Layar Halaman Home
Tombol Home untuk kembali ke layar utama Tombol Contact us berisi
halaman cara menghubungi Sate Tomang
Membuka Panel Login dan register
Tombol About us untuk masuk ke halaman about us
Terhubung ke Facebook Fanpage Sate Tomang
Klik tombol menu untuk melihat daftar menu Sate Tomang
Gambar 4.2 Rancangan Layar Halaman Home setelah Login Perbedaan terdapat pada munculnya
tombol user menu yang membuka panel User Menu yang berisikan pengisian Testimony dan perubahan serta konfirmasi data pelanggan
Follow us on FB
Sate Tomang @ 2012. All rights reserved.
Home
About Us
Menu
Contact Us
About Us
LoginSate Tomang
Picture
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxGambar 4.3 Rancangan Layar Halaman About Us Halaman about us berisi mengenai
Follow us on FB
Sate Tomang @ 2012. All rights reserved.
Home
About Us
Menu
Contact Us
Menu Category
LoginSate Tomang
Picture
Picture
Picture
xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxGambar 4.4 Rancangan Layar Halaman Menu 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
Follow us on FB
Sate Tomang @ 2012. All rights reserved.
Home
About Us
Menu
Contact Us
Menu Category – Menu Detail
Login
Sate Tomang
Picture
Picture
Picture
xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxback
Gambar 4.5 Rancangan Layar Halaman Detail Menu Menu Detil berisi tentang informasi Menu pada
restoran Sate Tomang dimana terdapat informasi menu makanan yang tidak dapat dirinci pada kategori Menu
Follow us on FB
Sate Tomang @ 2012. All rights reserved. Contact Us Branch Address 1 Phone Number Branch Address 2 Phone Number Email info Payment Method Opening Time Home About Us Menu Contact Us Login
Sate Tomang
SubmitGambar 4.6 Rancangan Layar Halaman Contact Us Informasi mengenai Sate Tomang yang berisi
kontak, email dan berbagai keterangan yang dapat digunakan pelanggan untuk
menghubungi pihak Sate Tomang
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
Gambar 4.7 Rancangan Layar Panel Login
Gambar 4.8 Rancangan Layar Panel Registeration
Isi username dan password Tombol cancel untuk membatalkan login
Tombol login untuk melakukan login
Tombol create account bagi yang belum memiliki akun
Isi data diri pelanggan
Tombol login untuk melakukan konfirmasi registerasi
Tombol cancel untuk membatalkan registerasi
User Menu X
Testimonials Edit Profile Cancel
Gambar 4.9 Rancangan Panel User Menu
Gambar 4.10 Rancangan Layar Panel Enter Testimonial Membuka panel testimonial Mengedit profil pelanggan Menutup panel user menu
Tombol submit untuk menginput testimonial ke website
Gambar 4.11 Rancangan Layar Panel Edit Profile Tombol untuk menyimpan profil yang telah diedit
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
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
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 komentar-komentasnya 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
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 :
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.
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
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
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.
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.
4.2.2 Designing MarketSpace Matrix Relationship Stages C a te g o ri es o f L ev e rs
Awareness Exploration Commitment Dissolution Product • Info produk
• Produk baru • Pencarian • Browsing tanpa daftar • Kualitas produk yang baik • Informasi up-to-date Price • Promosi • Harga
produk • Promo khusus member • Event promo khusus Communication • Viral marketing • Mendaftarkan web pada search engine • Contact us • Live chat • About us • Berita • Registerasi • Testimonial • email pelanggan kadaluarsa
Community • Testimonial • Testimonial • Registerasi • Data diri pelanggan salah • Akun tidak diakses selama setahun Distribution • Mencantumkan situs web di spanduk, selebaran, kartu nama yang dibuat. • Mendaftarkan web pada google.
4.3 Tahap 6 : Leveraging Customer Information Through Technology
Administrator Login
Username :
Password :
Login
Gambar 4.12 Rancangan Halaman Login Admin
Gambar 4.13 Rancangan Halaman Home Admin
Isi username dan password
Tombol login untuk melakukan login
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.14 Rancangan Halaman View Data User Admin
Gambar 4.15 Rancangan Halaman Berita Admin
Search data user
Field dan entry data user
Tombol edit untuk mengubah data user
Tombol delete untuk menghapus data user
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.16 Rancangan Halaman View Berita Admin
Gambar 4.17 Rancangan Halaman Open Day
Field dan entry data berita
Tombol edit untuk mengubah data berita
Tombol delete untuk menghapus data berita
Halaman untuk mengedit dan input data Hari buka
Field dan entry data hari buka
Simpan data dan tampilkan di web
Gambar 4.18 Rancangan Halaman Testimony Admin
Gambar 4.19 Rancangan Halaman Menu Admin
Search data testimony
Field dan entry data testimony
Tombol edit untuk mengubah data testimoni
Tombol delete untuk menghapus data testimoni
Search data user
Field dan entry data user
Tombol edit untuk mengubah data user
Tombol delete untuk menghapus data user
Gambar 4.20 Rancangan Halaman View Menu Admin
Gambar 4.21 Rancangan Halaman Upload Pricelist Admin Halaman untuk mengupload pricelist yang dapat didownload oleh user di web Masukkan alamat file
Tombol upload Search data menu
Field dan entry data menu
Tombol edit untuk mengubah data menu
Tombol delete untuk menghapus data menu
4.3.1 Marketing Database
• User, Primary Key : idUser
Field Name Type Length Description idUser first_name last_name address email username password tgl_daftar Varchar Varchar Text Varchar Varchar Varchar Varchar datetime 10 50 50 50 20 20 20
Kode unik user Nama depan Nama belakang Alamat
Nama untuk login Sandi untuk login Tanggal mendaftar Tabel 4.2 Struktur Tabel User
• Menu, Primary Key : idMenu. Foreign Key : idKategoriMenu Field Name Type Length Description idMenu idKategoriMenu namaMenu deskripsiMenu imageMenu Varchar Varchar Varchar Varchar Blob 10 10 50 50
Kode unik menu Kode kategori menu Nama menu
Keterangan menu Gambar menu Tabel 4.3 Struktur Tabel Menu
• Menu Category, Primary Key : idKategoriMenu
Field Name Type Length Description idKategoriMenu namaKategori imageKategori Varchar Varchar Blob 10 50
Kode kategori menu Nama Kategori Gambar menu Tabel 4.4 Struktur Tabel Menu Category • Testimony, Primary Key : idTestimony. Foreign Key : idUser
Field Name Type Length Description idTestimony testimonyCol idUser Varchar Varchar Varchar 10 50 10
Kode kategori menu Isi testimonial Kode unik user Tabel 4.5 Struktur Tabel Testimony
• Contact Us, Primary Key : idContact
Field Name Type Length Description idContact alamat kota kodePos negara telepon fax email Varchar Text Varchar Varchar Varchar Varchar Varchar Varchar 10 50 50 50 20 20 50 Kode kontak Alamat cabang Kota
Kode Pos/Zip Code Negara
Nomor Telepon Nomor Fax Alamat Email Tabel 4.6 Struktur Tabel Contact Us
• Opening Time, Primary Key : idHariBuka
Field Name Type Length Description idHariBuka jenisMakan dariHari sampaiHari dariJam sampaiJam Varchar Varchar Varchar Varchar Varchar Varchar 10 10 15 15 10 10
Kode hari buka
Jenis makan (breakfast, dinner) Hari awal buka dalam seminggu Hari akhir buka dalam seminggu Jam buka
Jam tutup Tabel 4.7 Struktur Tabel Opening Time • About Us
Field Name Type Length Description idAbout aboutCol imageAbout Varchar Text Blob 10 Kode about us
Tentang Sate Tomang Gambar di halaman home Tabel 4.8 Struktur Tabel About Us
• Payment Method
Field Name Type Length Description idPayment paymentCol imagePayment Varchar Varchar Blob 10 50
Kode metode pembayaran Metode pembayaran Gambar pembayaran Tabel 4.9 Struktur Tabel Payment Method
• News
Field Name Type Length Description idBerita judulBerita isiBerita tglBerita imageBerita Varchar Varchar Text datetime Blob 10 45
Kode unik menu Judul berita Isi berita Tanggal berita 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
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.
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.
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.