WEBSITE PERIKLANAN RESTORAN 1
Ati Suci Dian Martha, 2Fajar Ramadhan Program Studi Manajemen Informatika PKN & STMIK LPKIA 2 Konsentrasi Teknik Informatika PKN & STMIK LPKIA Jl. Soekarno Hatta No. 456 Bandung 40266, Telp. +62 22 75642823, Fax. +62 22 7564282 1
[email protected],
[email protected] 1
Abstrak Laporan Tugas Akhir ini dibuat Karena banyaknya restoran yang tersedia maka bukan hal yang tidak mungkin orang akan bingung dalam memilih restoran yang mereka inginkan, serta sulit untuk mencari alamat restoran tersebut dikarenakan banyaknya restoran yang belum terkenal Dibuatnya latar belakang laporan Tugas Akhir ini adalah membahas permasalahan tentang sulitnya mempromosikan restoran dan menu serta mencakup lingkup yang luas serta sulitnya untuk memperkenalkan restoran dan menu yang didistribusikan kepada konsumen yang berjarak jauh. Untuk menyelesaikan masalah tersebut, maka dibuatlah WEBSITE PERIKLANAN RESTORAN. WEBSITE PERIKLANAN RESTORAN merupakan suatu aplikasi berbasis website yang dibuat untuk memenuhi informasi serta memudahkan para customer dalam mencari restoran. Dari hasil analisa, perancangan dan implementasi serta pengujian website ini dapat diambil kesimpulan bahwa periklanan dapat mempromosikan restoran serta konsumen dapat melihat menu apa saja yang disediakan oleh restoran Kata kunci: Periklanan, Restoran, Laporan 1. Pendahuluan Sub bab ini berisi penjelasan tentang hal-hal yang melatar belakangi atau menyebabkan timbulnya persoalan, mengapa persoalan ini perlu diangkat dan mengapa perlu dilakukan perubahan sistem dengan menggunakan komputerisasi. Kemajuan teknologi saat ini sangatlah mempengaruhi berbagai segi dibidang kehidupan, diantaranya dunia kuliner. Banyak hal yang telah ikut berubah seperti perekonomian, pola kehidupan masyarakat (konsumen), maupun teknologi informasi yang merupakan bagian penting dalam aktivitas kuliner. Perubahan seperti ini membuat setiap restoran harus dapat beradaptasi dengan baik agar dapat bertahan dan bersaing secara berkesinambungan dengan restoran lainnya. Dengan adanya perubahan ini, menyebabkan perkembangan dunia kuliner pun semakin pesat yang menimbulkan percepatan informasi bagi konsumen. Adanya percepatan ini menuntut restoran untuk dapat memberikan informasi yang tepat dan menarik dalam menentukan iklan-iklan yang harus segera dipublikasikan agar menarik minat konsumen untuk membeli produk atau jasa yang ditawarkan, sehingga dapat menawarkan menu lebih cepat. Media periklanan merupakan salah satu cara yang digunakan untuk mempertahankan kehidupan bagi restoran itu
sendiri. Karena melalui periklanan ini, restoran dapat dikenal oleh masyarakat. Perkembangan teknologi informasi khususnya teknologi internet yang kini terasa penggunaannya khususnya dalam dunia kuliner seperti sebagai media presentasi, terasa sangat membantu restoran dalam mempromosikan menu makanannya. Sebab media internet merupakan salah satu teknologi yang mendukung berbagai media interaksi secara global untuk menghasilkan suatu perangkat lunak atau aplikasi yang menarik untuk menarik perhatian masyarakat. Penggunaan media internet ini mampu membuat suatu terobosan baru di dunia kuliner dalam menciptakan dinamika kemasan data dan informasi dengan cara yang berbeda yang dapat bekerja secara terus menerus dengan biaya yang terjangku.] Adapun permasalahan yang di temukan pada penelitian ini, antara lain adalah: 1. Kurangnya informasi mengenai restoran 2. Kurangnya informasi tentang menu andalan yang disediakan oleh restoran-restoran tersebut. 3. Kurangnya informasi tentang update menu dan harga terbaru di restoran. Berdasarkan permasalahan yang ada di atas maka perlu membatasi ruang lingkup dari permasalahan
tersebut. Adapun permasalahan yang akan di bahas meliputi : 1. Web ini dipergunakan untuk mencari informasi restoran. 2. Web ini dipergunakan untuk memenuhi informasi restoran kepada customer di setiap restoran yang terdaftar pada website. 3. Web ini dipergunakan untuk menginformasikan daftar harga, discount serta update menu terbaru tentang restoran.
<
>
MENGELOLA CLIENT
<> MEMVERIFIKASI REGISTRASI RESTORAN BARU
LOGIN
ADMIN
MENGELOLA DATA RESTORAN
<>
MEMBER MENGELOLA MENU
<>
MELAKUKAN REGISTRASI
Adapun tujuan dari perancangan system yang baru adalah sebagai berikut: 1. Memberikan informasi tentang restoran apa saja yang ada, 2. Memberikan informasi tentang menu yang disajikan di restoran, 3. Memberikan informasi tentang diskon harga yang ada di restoran, 4. Memudahkan orang untuk mencari restoran. 1.1. Dasar Teori Periklanan adalah komunikasi non-personal melalui beragam media yang dibayar oleh perusahaan,organisasi non-profit dan individuindividu dengan menggunakan pesan iklan yang diharapkan dapat menginformasikan atau membujuk kalangan tertentu yang membaca pesan tersebut. Restoran adalah suatu tempat yang identik dengan jajaran meja – meja yang tersusun rapi, dengan kehadiran orang, timbulnya aroma semerbak dari dapur dan pelayanan para pramusaji, berdentingnya bunyi – bunyian kecil karena persentuhan gelas – gelas kaca, porselin, menyebabkan suasana hidup di dalamnya” (Pengantar Akomodasi dan Restoran, hal. 77) YII merupakan singkatan dari Yes It Is. Yii framework menggunakan konsep MVC (model, view, controller) yang berbasis OOP (Object Oriented Programming). Performa dari Yii sangatlah cepat dan dapat membantu para developer dalam pembuatan perangkat lunak. 2. Gambaran Perangkat Lunak 2.1. Aliran Proses 2.1.1. Use Case Diagram Use Case Diagram menggambarkan fungsionalitas yang diharapkan dari system dan merepresentasikan interaksi antara actor dan system.
MELIHAT DAN MENCARI MENU VISITOR
MELIHAT DAN MENCARI RESTORAN
Gambar 1 Use Case Diagram Tabel 1 Use Case Scenario Melihat Dafar Restoran IDENTIFIKASI Nama Use Case Melihat Daftar Restoran Melihat Daftar Dari Deskripsi Restoran yang terdaftar dalam aplikasi Aktor Visitor Visitor memilih menu Kondisi Awal daftar restoran Tampil Halaman daftar Kondisi Akhir restoran Skenario Aksi Aktor Reaksi Sistem 1. Menampilkan Halaman Utama 2. Memilih Menu . daftar restoran 3. Menampilkan daftar restoran Exceptional Case
Tabel 2 Use Case Scenario Memilih Restoran IDENTIFIKASI Nama Use Case Memilih Restoran Melihat Restoran Yang Deskripsi Dipillih Aktor Visitor Visitor memilih menu Kondisi Awal daftar restoran. Kondisi Akhir Tampil halaman restoran. Skenario Aksi Aktor Reaksi Sistem 2. Menampilkan 1. Memilih resoran Halaman Restoran Exceptional Case
Tabel 3 Use Case scenario melihat menu IDENTIFIKASI Nama Use Case Melihat Menu
Melihat Menu dari restoran yang dipilih Aktor Visitor Visitor dalam tampilan Kondisi Awal halaman restoran. Tampil halaman daftar Kondisi Akhir menu Skenario Aksi Aktor Reaksi Sistem 1. Mengklik daftar 2. Menampilkan daftar menu menu. Exceptional Case Deskripsi
Tabel 4 Use Case Scenario Mengelola Client IDENTIFIKASI Nama Use Case Mengelola Client Mengelola Client yang Deskripsi telah terdaftar Aktor Admin Admin dalam halaman Kondisi Awal utama. Kondisi Akhir Data Terolah. Skenario Aksi Aktor Reaksi Sistem 2. Menampilkan 1. Memilih kelola halaman kelola Client. client. 4. Menampilkan 3. Memilih hapus konfirmasi hapus Client. data Client 5. Memilih salah 6. Menghapus data satu konfirmasi client. hapus client. 7. Memilih ubah 8. Menampilkan client halaman ubah 9. Melakukan 10. Menyimpan data perubahan data client yang diubah client 12. Menampilkan 11. Memilih halaman tambah tambah client client 13. Memasukkan 14. Menyimpan data data client baru client baru Exceptional Case
Tabel 5 Use Case Scenario Verifikasi Client IDENTIFIKASI Mengelola verifikasi Nama Use Case Client Memverifikasi restoran Deskripsi yang baru didaftarkan oleh client Aktor Admin Admin dalam halaman Kondisi Awal utama. Kondisi Akhir Data Terolah. Skenario
Aksi Aktor
2.
4. 6.
Reaksi Sistem 1. Memberikan notifikasi client baru. Menekan 3. Menampilkan daftar tombol client yang belum notifikasi. diverifikasi Memilih berita 5. Menampilkan verifikasi. halaman verifikasi Memverifikasi 7. Menyimpan data client baru verifikasi client Exceptional Case 8. Mengirimkan Notifikasi kepada client.
Tabel 6 Use Case Scenario Registrasi IDENTIFIKASI Nama Use Case Melakukan registrasi Deskripsi Mendaftarkan data diri asli Aktor Visitor Visitor dalam halaman Kondisi Awal utama. Kondisi Akhir Data Terolah. Skenario Aksi Aktor Reaksi Sistem 1. Memilih menu 2. Menampilkan form registrasi. registrasi. 3. Memasukkan 4. Menyimpan data data dalam database Exceptional Case 5. Mengirimkan notifikasi kepada client. Tabel 7 Use Case Scenario Mengelola Data Restoran IDENTIFIKASI Nama Use Case Mengelola data restoran Deskripsi Mengelola data restoran Aktor Client Client dalam halaman Kondisi Awal client. Kondisi Akhir Data Terolah. Skenario Aksi Aktor Reaksi Sistem 1. Memilih menu 2. Menampilkan form tambah tambah restoran. restoran. 3. Memasukkan 4. Menyimpan data data restoran dalam database Exceptional Case 5. Mengirimkan notifikasi kepada client. Tabel 8 Use Case Scenario Mengelola Menu IDENTIFIKASI Nama Use Case Mengelola Menu Deskripsi Mengelola Menu
CUserIdentity
CFormModel UserIdentity + authenticate () : String ... LoginForm
ContactForm name email subject body verifyCode
+ username : String + password : String + rememberMe : boolean
: String : String : String : String : String
+ authenticate () : void + login () : boolean ...
PengelolaController
InformasiKontakMember Iklan Member MemberController
KategoriMenu
KontenIklanController
InformasiKontakMemberController
WilayahController IklanController SiteController
+ + + + +
actions () actionError () actionContact () actionLogin () actionLogout () ...
: Array : void : void : void : void
+ actionDetailiklan () : void + actionFotoupload () : void + actionData () : void ...
+ kode_auto () : String ...
+ + + + + +
Pengelola
kode_auto () : String + validatePassword () : String cekbutton () : String + hashPassowrd () : String jeniskontak () : Array + generateSalt () : String validatePassword () : String ... hashPassword () : String generateSalt () : String ...
InfoPerusahaanController + actionwilayah () : void + actionselectwilayah () : void ...
Menyimpan data dalam database
KategoriMenuController
Client Client dalam halaman client. Data Terolah. Skenario Reaksi Sistem 2. Menampilkan form tambah menu makanan.
+ + + + + kode_auto () : String + ... Wilayah
4.
filters () : Array accessRules () : Array actionView () : void actionCreate () : void actionUpdate () : void actionDelete () : void KontenIklan actionIndex () : void actionAdmin () : void loadModel () : Array performAjaxValidation () : void InfoPerusahaan ...
+ Rules () : Array + AttributeLabels () : Array + validate () : Boolean ...
Exceptional Case 5. Mengirimkan notifikasi kepada client.
+ + + + + + + + + +
: String : Array : Array : String : Array : Array : Boolean : Array : Boolean
Aktor
CController
tableName () relations () search () model (String className) find ( $condition='', $params=array) attributes () save () findByPK ( $id,$condition='' ,$params=array) delete () ...
Kondisi Awal
CActiveRecord
+ + + + + + + + +
Kondisi Akhir
CBaseController + layout : String + menu : Array
Aksi Aktor 1. Memilih menu tambah menu makanan. 3. Memasukkan data menu makanan
CBaseUserIdentity CModel
2.1.2. Class Diagram Class diagram menunjukan hubungan antar kelas dalam sistem yang sedang dibangun dan bagaimana mereka saling berkolaborasi untuk mencapai suatu tujuan. Class diagram umumnya tersusun dari elemen class, interface, dependency, generalization, dan association.
Gambar 2 Class Diagram 2.1.4. Perancangan Antar Muka Perancangan antarmuka ini bertujuan untuk memberikan gambaran mengenai bentuk antarmuka dari perangkat lunak yang akan digunakan oleh user untuk berinteraksi dengan perangkat lunak. Rancangan antarmuka ini mempertimbangkan berbagai kemudahan dan fungsionalitas dari perangkat lunak itu sendiri.
CComponent
Gambar 3 Dialog Screen Halaman Beranda
Hasil Peng ujian
Gambar 4 Dialog Screen Halaman Daftar Iklan
Cara Pengujian Hasil Yang dihara pkan
Gambar 5 Dialog Screen Halaman Daftar Member
Fungsi yang diuji
80% OK
3. Implementasi 3.1. Pengujian 3.1.1. Hasil Pengujian (Black Box Testing) Berikut hasil tabel pengujian perangkat lunak dengan menggunakan metode black box testing.
N o.
Iklan yang dipilih tampil
Tabel 6 Tabel Pengujian
1 Meliha t iklan Masuk ke menu beranda dan pilih menu daftar iklan lalu pilih iklan yang ingin dilihat.
2
Mencar i Iklan
3
Daftar Membe r
4
Login Membe r
5
6
Mengi nput Iklan
Mengu bah Iklan
7
Mengh apus Iklan
8
Mengu bah Katego ri
9
Mengh apus Katego ri
10
Mengu bah Membe r
11
Mengh apus Membe r
12
Mengu bah Data
Masuk ke menu daftar iklan lalu masukkan kata pencarian Masuk ke menu daftar member, lalu isikan data diri secara lengkap Masuk ke menu Login Member, lalu isikan e-mail dan password sesuai dengan yang diinputkan saat mendaftar Masuk ke Menu Selamat datang (Member) dan pilih Iklan saya, lalu masukkan iklan sesuai dengan restoran yang direkomendasikan Masuk ke menu selamat datang (Member) dan pilih ubah data, lalu ubah data sesuai dengan rekomendasi member Masuk ke menu selamat datang (Member) dan pilih Iklan saya, lalu klik icon trash(sampah) untuk menghapus iklan. Masuk ke beranda admin, pilih menu kelola kategori, klik icon pinsil untuk mengubah kategori Masuk ke beranda admin, pilih menu kelola kategori, klik icon trash untuk menghapus kategori Masuk ke beranda admin, pilih menu kelola member, klik icon pinsil untuk mengubah member Masuk ke beranda admin, pilih menu kelola member, klik icon trash untuk menghapus member Masuk ke beranda admin, pilih menu kelola Data Iklan,
Iklan yang dicari tampil Data berhasil disimpa n Membe r berhasil Login
Data berhasil disimpa n
Iklan 80% OK
100% OK
100% OK
100% OK
Berita berhasil diubah
80% OK
Iklan berhasil di hapus
100% OK
Katego ri berhasil diubah
80% OK
13
Mengh apus Data Iklan
klik icon pinsil untuk mengubah Data Iklan Masuk ke beranda admin, pilih menu kelola Data Iklan, klik icon trash untuk menghapus Data Iklan
80% OK
Membe r berhasil diubah
80% OK
Membe r berhasil dihapus
100% OK
Data Iklan berhasil
100% OK
Data Iklan berhasil dihapus
Masuk ke beranda admin, pilih menu wilayah 14 kelola Wilayah, klik berhasil icon pinsil untuk diubah mengubah wilayah Masuk ke beranda Mengh admin, pilih menu wilayah apus 15 kelola wilayah, klik berhasil Data icon trash untuk dihapus Iklan menghapus wilayah Masuk ke beranda Mengu admin, pilih menu Penggu bah kelola Pengguna na 16 Penggu Panel, klik icon pinsil berhasil diubah na untuk mengubah Pengguna Panel Masuk ke beranda Mengh admin, pilih menu Penggu apus kelola Pengguna na 17 Penggu Panel, klik icon trash berhasil na untuk menghapus dihapus Pengguna Panel Mengklik menu login dan memasukan Login 18 Login username dan berhasil password Klik pada menu Data Mengu selamat datang Berhasi 19 bah (member) lalu pilih l Data ubah data diubah 3.2. Petunjuk Penggunaan Program Mengu bah Wilaya h
Dialog Screen Fungsi
Katego ri berhasil dihapus
diubah
: :
100% OK
80% OK
80% OK
100% OK
100% OK
100% OK
80% OK
Beranda Member Tampilan Berita
Gambar 8 Dialog Screen Beranda Uraian cara penggunaan : 1. Pada menu utama diatas terdapat beberapa menu yang dapat digunakan pada saat pengoperasian website. Diantaranya Beranda,
2.
3.
4.
5.
6.
7.
8.
Daftar iklan, Cara Pendaftaran, Tentang Kami, Kontak kami, Daftar member dan Login Member Menu Beranda berfungsi untuk menampilkan iklan dan jika sudah login maka member dapat mengelola iklan Menu Daftar Iklan berfungsi untuk menampilkan iklan menu dan restoran yang telah terdaftar pada database. Menu Cara Pendaftaran berfungsi untuk menampilkan informasi langkah-langkah mendaftar dan menampilkan iklan restoran dan menu Menu Tentang Kami berfungsi menampilkan informasi perusahaan dan jika sudah login maka admin dapat mengubah informasi Tentang Kami. Menu Kontak Kami berfungsi menampilkan informasi kontak perusahaan dan jika sudah login maka admin dapat mengubah informasi Kontak Kami. Menu Daftar Member berfungsi untuk pendaftaran bagi user yang ingin menjadi member dan memberikan informasi tentang restoran. Menu Login Member berfungsi untuk masuk sebagai member yang sudah terdaftar dalam database
Dialog Screen Fungsi
: :
Daftar Iklan Melihat Menu daftar harga
konsumen dapat melihat informasi umum mengenai restoran tersebut. 2) Dengan website ini, maka restoran-restoran yang ada mampu menampilkan menu-menu yang disediakan di restorannya, sehingga konsumen dapat mengetahui lebih akurat tentang menu andalan serta harga dan discount yang diberikan oleh restoran tersebut. 3) Dengan website ini, maka para customer dapat melihat harga discount dan update menu terbaru dari restoran. 4) Dengan website ini, maka customer akan dengan mudah mencari restoran yang diinginkannya. 4.2. Saran Dari hasil analisis yang dilakukan penyusun dalam menyusun prangkat lunak ini. Maka penyusun dapat memberikan saran yang berhubungan dengan hasil analisis yang ditemukan pada perangkat lunak ini. 1. Aplikasi ini dapat dikembangkan menjadi website penjualan atau pemesanan yang dapat dilakukan secara langsung oleh konsumen pada website. 2. Menambahkan fitur bahasa seperti bahasa inggris sehingga konsumen yang berasal dari luar negeri dapat memahami website ini dan mengetahui restoran-restoran yang sesuai dengan keinginan konsumen.
dan DAFTAR PUSTAKA [1] [2] [3] [4] [5]
Gambar 9 Dialog Screen Tambah Produk Uraian cara penggunaan : 1. Mencari menu dan harga yang sesuai menurut selera. 2. Untuk melihat menu dan harga yang sedang dihidangkan, serta mengetahui stok menu dengan mengklik detail iklan. 4. Kesimpulan Dan Saran 4.1. Kesimpulan Setelah melalui beberapa tahap analisa, perancangan dan implementasi, maka diperoleh kesimpulan sebagai berikut: 1) Dengan website ini setiap restoran dapat dengan mudah mempromosikan restorannya dengan cara yang simple dan akurat serta
[6] [7] [8]
[9]
[10]
[11]
Agustrijanto 2001. Seni Mengasah Kreatifitas dan Memahami Bahasa Iklan. Bambang Hariyanto 2013. Rekayasa Sistem Berorientasi Obyek Deni Sutaji 2012. Sistem Inventory Mini Market Dengan PHP dan Jquery Didik Dwi Prasetyo 2005. Solusi Menjadi Web Master Melalui Manajemen Web dengan PHP. Notepad++ official website, http://notepad-plusplus.org/ , About, 14 Agustus 2014 Rosa A. S, M Shalahuddin 2013. Rekayasa Perangkat Lunak Terra Ch. Triwahyuni 2006. Pengenalan Teknologi Informasi www.w3schools.com, http://www.w3schools.com/css/css_intro.asp, What is CSS?, 20 Agustus 2014 www.w3schools.com, http://www.w3schools.com/html/html5_intro.asp , What is HTML5?, 20 Agustus 2014 www.w3schools.com, http://www.w3schools.com/js/js_intro.asp, JavaScript Intoduction, 20 Agustus 2014 www.w3schools.com, http://www.w3schools.com/php/php_intro.asp , PHP 5 Intoduction, 20 Agustus 2014