BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN

Transkripsi

1 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Tahap 4 : Crafting the Customer Interface Tombol Contact us berisi halaman cara menghubungi Sate Tomang Membuka Panel Login dan register Tombol Home untuk kembali ke layar utama 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.1 Rancangan Layar Halaman Home 94

2 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

3 96 Sate Tomang Follow us on FB Home About Us About Us Menu Picture Contact Us Login xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Sate All rights reserved. Halaman about us berisi mengenai keterangan dan profil Singkat Sate Tomang Gambar 4.3 Rancangan Layar Halaman About Us

4 97 Sate Tomang Follow us on FB Home Menu Category About Us Menu Contact Us Picture xxxxxxxxxxxxxxxxx Picture xxxxxxxxxxxxxxxxx Picture xxxxxxxxxxxxxxxxx Login Sate 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

5 98 Sate Tomang Follow us on FB Home Menu Category Menu Detail back About Us Menu Contact Us Picture xxxxxxxxxxxxxxxxx Picture xxxxxxxxxxxxxxxxx Picture xxxxxxxxxxxxxxxxx Login Sate 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

6 99 Sate Tomang Follow us on FB Home About Us Menu Contact Us Contact Us Branch Address 1 Phone Number Branch Address 2 Phone Number info Payment Method Opening Time Submit Login Sate All rights reserved. Kolom ketikkan yang dapat diisi kritik, saran dan pertanyaan kepada Sate Tomang Informasi mengenai Sate Tomang yang berisi kontak, dan berbagai keterangan yang dapat digunakan pelanggan untuk menghubungi pihak Sate Tomang Klik tombol submit untuk mengirim pesan yang sudah di ketikkan di kolom ketikan diatas tombol submit Gambar 4.6 Rancangan Layar Halaman Contact Us

7 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

8 101 User Menu X Cancel Testimonials Edit Profile Membuka panel testimonial 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

9 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

10 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

11 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.

12 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 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 yang dapat dihubungi jika ada keluhan, kritik dan saran yang

13 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 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 Awareness Untuk mendukung tahap awareness dapat dilakukan berbagai taktik dan strategi agar pelanggan dapat menyadari keberadaan Sate Tomang :

14 Menggunakan nama perusahaan sebagai alamat situs web. Nama alamat situs web yang dapat digunakan seperti : 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.

15 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

16 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

17 110 pelanggan yang ingin informasi lebih aktual dan intensif, informasi yang lebih detil langsung dari pihak Sate Tomang 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.

18 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 Dissolution Hal-hal yang dapat menyebabkan Sate Tomang dan pelanggannya mengalami dissolution adalah sebagai berikut : 1. Pelanggan tidak dapat dikontak. Pelanggan yang menggunakan 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.

19 Designing MarketSpace Matrix Relationship Stages Awareness Exploration Commitment Dissolution Categories of Levers Product Info produk Produk baru Pencarian Browsing tanpa daftar Price Promosi Harga produk Communication Viral marketing Mendaftarkan web pada search engine Community Distribution Contact us Live chat About us Berita Kualitas produk yang baik Informasi up-to-date Promo khusus member Registerasi Testimonial Testimonial Testimonial Registerasi Mencantumkan situs web di spanduk, selebaran, kartu nama yang dibuat. Mendaftarkan web pada google. Tabel 4.1 Matriks Marketspace Event promo khusus pelanggan kadaluarsa Data diri pelanggan salah Akun tidak diakses selama setahun

20 Tahap 6 : Leveraging Customer Information Through Technology Administrator Login Username : Isi username dan password 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

21 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

22 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

23 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

24 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

25 Marketing Database User, Primary Key : iduser Field Name Type Length Description iduser 10 Kode unik user first_name 50 Nama depan last_name Text Nama belakang address 50 Alamat 50 username 20 Nama untuk login password 20 Sandi untuk login tgl_daftar datetime 20 Tanggal mendaftar Tabel 4.2 Struktur Tabel User Menu, Primary Key : idmenu. Foreign Key : idkategorimenu Field Name Type Length Description idmenu 10 Kode unik menu idkategorimenu 10 Kode kategori menu namamenu 50 Nama menu deskripsimenu 50 Keterangan menu imagemenu Blob Gambar menu Tabel 4.3 Struktur Tabel Menu

26 119 Menu Category, Primary Key : idkategorimenu Field Name Type Length Description idkategorimenu 10 Kode kategori menu namakategori 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 10 Kode kategori menu testimonycol 50 Isi testimonial iduser 10 Kode unik user Tabel 4.5 Struktur Tabel Testimony Contact Us, Primary Key : idcontact Field Name Type Length Description idcontact 10 Kode kontak alamat Text Alamat cabang kota 50 Kota kodepos 50 Kode Pos/Zip Code negara 50 Negara telepon 20 Nomor Telepon fax 20 Nomor Fax 50 Alamat Tabel 4.6 Struktur Tabel Contact Us

27 120 Opening Time, Primary Key : idharibuka Field Name Type Length Description idharibuka 10 Kode hari buka jenismakan 10 Jenis makan (breakfast, dinner) darihari 15 Hari awal buka dalam seminggu sampaihari 15 Hari akhir buka dalam seminggu darijam 10 Jam buka sampaijam 10 Jam tutup Tabel 4.7 Struktur Tabel Opening Time About Us Field Name Type Length Description idabout aboutcol imageabout 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 10 Kode metode pembayaran paymentcol 50 Metode pembayaran imagepayment Blob Gambar pembayaran Tabel 4.9 Struktur Tabel Payment Method

28 121 News Field Name Type Length Description idberita 10 Kode unik menu judulberita 45 Judul berita isiberita Text Isi berita tglberita datetime Tanggal berita imageberita Blob Gambar berita Tabel 4.10 Struktur Tabel News Kebutuhan Sistem 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

29 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 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.

30 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 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.

31 124 o Commitment Pengunjung yang loyal akan mendaftar ke situs web untuk mendapatkan update terbaru yang akan dikirim berkala melalui 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.