perancangan website pada basilia cafÉ & dine...
TRANSCRIPT
PERANCANGAN WEBSITE PADA BASILIA CAFÉ & DINESEMARANG
NASKAH PUBLIKASI
diajukan oleh
Patrick Ferdian Marshall Andreska
11.22.1333
kepadaSEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIKOM YOGYAKARTAYOGYAKARTA
2013
2
DESIGNING THE WEBSITE OF BASILIA CAFÉ & DINE
SEMARANG
PERANCANGAN WEBSITE PADA BASILIA CAFÉ & DINESEMARANG
Patrick Ferdian Marshall AndreskaJurusan Sistem Informasi
STMIK AMIKOM YOGYAKARTA
ABSTRACT
Use the website as a promotional media is now widely used by the cafes orrestaurants, but this is not currently owned by Basilia Cafe & Dine. So what is expectedby management to be able to compete with competitors in the business arena cafe inSemarang has not been fully realized.
In this case, Basilia Cafe & Dine chose to present different foods because of theuse of fresh ingredients are processed in a "slow cooking", just like our fathers beforecooking. Basilia Cafe & Dine also working with suppliers of vegetables, fruit, rice andorganic as much as possible that can be obtained to produce fresh cuisine.
Of the above problems, the idea to promote Basilia Cafe & Dine to create awebsite to compete with other competitors with information on menu dishes served.
Keywords : Basilia Cafe & Dine
1
1. PENDAHULUAN
1.1 Latar Belakang Masalah
Ilmu pengetahuan dan teknologi dewasa ini berkembang sangat cepat,
khususnya di bidang teknologi informasi. Salah satu fungsi teknologi informasi yaitu
sebagai media iklan dan promosi. Sebagai contoh penerapan teknologi dalam bidang
iklan dan promosi yaitu dalam bentuk website.
Penggunaan website sebagai media promosi sekarang sudah banyak
digunakan oleh cafe-cafe atau resto, namun hal inilah yang saat ini belum dimiliki Basilia
Cafe & Dine. Sehingga apa yang diharapkan oleh manajemen untuk dapat bersaing
dengan kompetitor dalam percaturan bisnis cafe atau resto di Semarang belum
sepenuhnya terealisasi.
Dari permasalahan diatas, timbul gagasan untuk mempromosikan Basilia Cafe &
Dine dengan membuat website agar dapat bersaing dengan kompetitor-kompetitor lain.
2. DASAR TEORI
2.1 Konsep Dasar Sistem
2.1.1 Sistem
Sistem adalah kumpulan elemen, komponen yang saling berintegrasi dan
berinteraksi untuk mencapai tujuan tertentu. Jadi setiap sistem mempunyai subsistem -
subsistem, dan subsistem terdiri atas komponen - komponen atau elemen - elemen.
2.1.2 Informasi dan Promosi
1. Informasi
Informasi adalah hasil pengolahan data menjadi bentuk yang lebih berguna bagi
yang menerimanya yang menggambarkan suatu kejadian-kejadian nyata dan dapat
dipergunakan sebagai alat bantu pengambilan keputusan.1
2.Promosi
Promosi adalah kombinasi strategi yang paling baik dari variabel-variabel
periklanan, penjualan personal dan alat promosi yang lain, yang semuanya direncanakan
untuk mencapai tujuan program penjualan.
2.2 Konsep Dasar Internet
2.2.1 Definisi Internet
Internet adalah jaringan dari banyak jaringan yang menghubungkan komputer
dari seluruh dunia. Internet bermulai dari sumber militer Amerika Serikat yang didirikan
pada tahun 1969 yaitu ARPANET untuk menghubungkan beberapa komputer pada
Wahyono Teguh, 2004, Ssistem Informasi Konsep Dasar, Analisis Desain dan Implementasi,Yogyakarta, Graha Ilmu, Hal 3
2
kampus dan universitas dimana penelitian militer dilaksanakan, kemudian semakin
banyak komputer yang terhubung sehingga fungsi ARPANET diganti oleh NFSNET yang
dijalankan oleh Yayasan Ilmu Nasional Amerika (National Science Fondation).
2.2.2 Protokol Internet
Dalam komunikasi antar sistem komputer diperlukan suatu penerjemah bahasa
yang dapat dipakai dan dimengerti oleh para penerima.Media yang dimaksud adalah
protokol.Protokol yaitu suatu aturan atau prosedur dari sekumpulan program yang
menyediakan fungsi-fungsi komunikasi antar sistem komputer. Protokol tersebut
mengatur agar kedua buah sistem komputer dapat saling berkomunikasi. Protokol ini
harus dapat ditaati oleh kedua belah pihak agar komunikasi diantara keduanya dapat
berlangsung dan berhasil. Fungsi-fungsi komunikasi yang disediakan oleh protokol ini
antara lain adalah pengiriman data yang akurat pada terminal yang berbeda, pengaturan
route data, pengendalian2.
2.2.3 Fasilitas Internet
1. E-mail
2. Mailing list
2.3 Konsep Dasar Website
Website adalah sebuah client atau server sistem manajemen database yang
berfungsi sebagai tempat penyimpanan informasi seperti teks, grafik, video, dan suara
dimana dalam pengaksesannya menggunakan aturan-aturan tertentu.
2.3.1 Element-element website
Agar dapat berfungsi sebagai mana mestinya maka website harus dibangun dari
beberapa elemen-elemen yang saling terhubung. Adapun elemen-elemen tersebut
adalah sebagai berikut:
1. Client dan server
Web server adalah komputer yang terhubung ke internet dan mengeksekusi
sebuah program serta bertanggung jawab untuk menyimpan mengolah dan
meneruskan sebuah file.
2. Bahasa Web dan Protokol
3. URL dan Transfer Protokol
2.4 Software – Software Yang Digunakan
Software yang digunakan untuk perancangan website pada basilia cafe & dine ini
antara lain :
2Dodd Annabel Z, 2002, The Essential Guide to telecomunikations (panduan untuk
telkomunikasi),Yogyakarta, Andi, hal. 285
3
1. Adobe Dreamweaver CS3
2. Apache Web Server
3. Adobe Photoshop
4. Internet Explorer/Web Browser
5. Teks Editor
2.5 Skrip Pemrograman Internet
Dalam dunia pemrograman internet, terdapat dua jenis pemrograman internet, yaitu:
1. Client Site Scripting
2. Server Site Scripting
2.5.1 HTML
HTML (Hypertext Markup Language) merupakan salah satu format yang
digunakan dalam pembuatan dokumen dan aplikasi diatas halaman web dikatakan
markup language karena HTML berfungsi untuk meformat file dokumen teks biasa untuk
bisa di tampilkan pada web browser dengan bantuan tanda-tanda yang sudah
ditentukan.hal tersebut dapat dilakukan dengan menambahkan elemen atau yang sering
disebut sebagai tag.
2.5.2 PHP
PHP adalah bahasa server-side scripting yang menyatu dengan HTML untuk
membuat halaman yang dinamis. Maksud dari server-side script adalah sintak dan
perintah-perintah yang diberikan akan sepenuhnya dijalankan di server tetapi disertakan
pada dokumen HTML.
2.5.3 MySQL
MySQL (My Structured Query Language) atau yang biasa dibaca ”mai-se-kuel”
adalah sebuah program pembuat database yang bersifat open source artinya siapa saja
boleh menggunakan dan tidak dicekal.
2.6 Flowchart Sistem
Flowchart sistem adalah representasi grafik dari sistem informasi, proses-proses,
aliran-aliran data logis, masukan-masukan, keluaran-keluaran, dan file-file juga entitas-
entitas sistem operasi yang berhubungan dengan sistem informasi tersebut. Flowchart
sistem berisi kegiatan-kegiatan logis dan fisik dari siapa, apa, bagaimana, dan dimana
proses informasi dan operasi proses terjadi3.
3Sindarta Lani, 1995. Sistem Informasi Bisnis: Pengantar Sistem Informasi
Bisnis.,Jakarta,Elex Media Komputindo, hal 96
4
3. Analisis Perancangan Sistem
3.1 Tinjauan Umum
3.1.1 Gambaran Umum
Basilia Café & Dine adalah sebuah café yang bercita rasa eropa asli, terletak di
Mall Ciputra Ruko No. 1 Semarang, dengan nomor telepon (024) 7017 0507.
3.1.2 Visi dan Misi Café
3.1.2.1 Visi
Mewujudkan Basilia Café & Dine sebagai café yang mempunyai cita rasa khas
eropa asli dengan kesegaran sayuran organik namun tidak menggunakan bumbu sintetis.
3.1.2.2 Misi
1. Mengutamakan kualitas baik dalam pelayanan maupun menu yang disajikan.
2. Mengembangkan inovasi-inovasi baik dalam pelayanan, fasilitas, maupun produk
(makanan) dengan tetap pada cita rasa khas Basilia Café & Dine.
3. Menumbuhkan keterampilan dan pengetahuan karyawan guna mencapai
performa operasional yang maksimal.
4. Mengembangkan usaha di beberapa tempat yang strategis.
3.2.1 Identifikasi Masalah
3.2.1.1 Identifikasi Masalah yang Ada
Adapun permasalahan yang ada pada sistem pencapaian informasi Basilia
Café & Dine adalah bagaimana memanfaatkan teknologi internet sebagai media promosi
dan pencapaian informasi cafe, sehingga dapat memberikan efektifitas dalam hal waktu,
biaya dan manfaat bagi cafe.
3.2.1.2 Identifikasi Penyebab Masalah
Pada masalah ini penyebab yang paling pokok adalah belum dimanfaatkan
media internet sebagai media dalam penyampaian informasi cafe dan promosi.
3.2.2 Analisis PIECES (Performance, Information, Economic, Control,
Efficiency, Service)
Untuk mengidentifikasi masalah, harus melakukan analisis terhadap kinerja,
informasi, ekonomi, keamanan aplikasi, efisiensi dan pelayanan pelanggan.
3.2.2.1 Hasil Analisis PIECES
Dari hasil analisis dapat disimpulkan bahwa informasi yang dihasilkan
menggunakan sistem lama memiliki cukup banyak kelemahan dimana informasi yang
5
dihasilkan kurang dan jika ada perbaruan informasi perlu melakukan update secara
menyeluruh sehingga menghabiskan cukup banyak biaya sehingga kurang efisien.
3.3 Perancangan Sistem
3.3.1 Perancangan Website
Website Basilia Café & Dine terdiri dari dua halaman utama yaitu halaman untuk
client dan halaman untuk admin. Halaman yang diperuntukan untuk client bertujuan
menampilkan informasi yang dibutuhkan oleh user atau client itu sendiri, Sedangkan
halaman admin adalah halaman untuk memantau keseluruhan halaman web.
3.3.2 Struktur Desain Web
Struktur desain web bertujuan untuk mengetahui cara hubungan situs yang akan
ditampilkan, adalah mempermudah dalam melihat struktur web, memudahkan dalam
tahap perancangan web, meminimalkan waktu dalam proses pembuatan web, karena
sudah memiliki pola desain sebagai acuan.
1) Struktur link untuk pengunjung
Pengunjung
Profil
Event
Fasilitas Sajian Karyawan
Saran
Kritik
About us
Home
6
2) Struktur Link Untuk Admin
Pengunjung INDEX Hak admin
Saran Kritik
UbahAdmin
event
Profil
fasilitas
Sajian
Karyawan
About Us
Tambah
Ubah
Hapus
Hapus
7
3.3.3 Perancangan Flowchart dan DFD (Data Flow Diagram)
3.3.3.1 Flowchart
Flowchart sistem berfungsi untuk menggambarkan tahapan proses suatu sistem.
3.3.3.2 DFD (Data Flow Diagram)
Data Fasilitas Data FasilitasData Event Data EventData Profil Data ProfilData Sajian Data SajianData karyawan Data KaryawanData Saran Data SaranData About Us Data About Us
Data Saran Data saranData Admin
Input data
event
event
Proses
Input
Data
Event
Laporan
Tampil
data
Event
Input data
Karyawan
karyawan
Proses
Input
Data
Karyawan
Laporan
Tampil
data
Karyawan
Input data
saran
Saran
Proses
Input Data
Saran
Laporan
Tampil data
Saran
Input data
Fasilitas
fasilitas
Proses
Input
Data
Fasilitas
Laporan
Tampil
data
Fasilitas
Input data
menu
menu
Proses Input
Data menu
Laporan
Tampil data
menu
Admin
0
Website BasiliaCafé & Dine
user
8
4. Implementasi Dan Pembahasan
4.1 Implementasi Database
Untuk membuat web yang dinamis, maka diperlukan sebuah media
penyimpanan data sehingga data tidak statis dan memungkinkan data yang ada dapat
diubah-ubah sesuai keinginan. Media penyimpanan data ini disebut sebagai database.
Database terdiri dari tabel-tabel yang berfungsi untuk menyimpan record-record
informasi.
4.2. Implementasi Program
4.2.1. Koneksi ke Database
Sebelum data yang ada dalam database bisa dimanipulasi maka yang harus
dilakukan adalah melakukan koneksi dengan database. Skrip koneksi berfungsi untuk
menghubungkan skrip php dengan tabel dalam database.
4.3 Pengetesan Sistem menggunakan Black Box
Black box testing adalah pengujian spesifikasi yaitu menguji suatu fungsi atau
modul apakah dapat berjalan sesuai dengan yang diharapkan atau tidak.
4.4 Mekanisme Up-Load
Dalam mengimplementasikan sistem baru yang diusulkan, penulis juga mencoba
mengujinya di hosting internet yang bisa diakses oleh umum.Dalam hal ini penulis
memilih meletakan situs tersebut di hosting yang free atau gratis. Ada beberapa hal yang
menjadi pertimbangan penulis untuk memilih hosting yang gratis yaitu antara lain: karena
belum ada kesepakatan antara pihak cafe dan penulis untuk mempublikasikan situs
tersebut di internet.
4.5 Mekanisme Pemeliharaan Sistem
Pemeliharaan sistem adalah langkah yang penting setelah perencanaan dan
pembuatan website. Pemeliharaan sistem dilakukan oleh pihak cafe sendiri. Disini
dilakukan pemeliharaan dengan cara pembaharuan data-data yang sudah ada
sebelumnya. Baik itu mengganti ataupun merubah file-file tersebut dengan tujuan agar
website kita menjadi lebih baik.
4.6 Keunggulan dan Kelemahan Web
Keunggulan:
a) Penyajian informasi dapat di ubah sewaktu – waktu.
b) Adanya interaksi antara user dengan website.
c) Efisiensi waktu dan penghematan biaya dalam pembuatan informasi dan
promosi pada Basilia Café & Dine.
9
Kelemahan:
a) Tidak adanya jaminan tingkat keamanan terhadap serangan hacker atau cracker.
b) Beberapa program tidak berjalan maksimal di browser tertentu.
5. Penutup
5.1 Kesimpulan
Berdasarkan hasil dari pembuatan laporan Skripsi “Perancangan Website Pada
Basilia Café & Dine Semarang” dapat ditarik beberapa kesimpulan sebagai berikut:
1) Website ini dibuat sedemikian rupa dengan memakai software-software yang
mendukung, selain itu juga sebagai salah satu penerapan salah satu materi kuliah.
Aplikasi ini dibuat agar para pengunjung atau konsumen tidak terlalu sulit mencari
informasi-informasi tentang Basilia Cafe & Dine. Akses web ini juga mudah karena
bisa dijalankan di berbagai browser yang sering dipakai, di antaranya Mozilla, IE,
Google Chrome, Apple Safari dan Opera, pengguna aplikasi web pun bisa
menggunakan berbagai fasilitas yang disediakan dengan baik.
2) Sistem informasi ini diupload melalui internet dan dipublikasikan ke masyarakat luas,
sehingga web ini banyak diketahui orang terutama bagi orang yang sedang mencari
informasi kuliner, dimana informasi yang dihasilkan berkualitas, yakni akurat, tepat
waktu dan relevan/terkait.
5.2 Saran
Setelah dilakukan tahapan-tahapan perancangan serta analisa maka web ini di
buat agar para pembuat web yang akan datang bisa menerapkan langkah-langkah dalam
pembuatan web dengan baik dan terstruktur. Penulis mengajukan saran-saran sebagai
berikut ini :
1) Metode yang digunakan harus dapat lebih baik dari sebelumnya dan kata-
kata yang dipakai harus sesuai agar dapat mudah dimengerti orang.
2) Para pembuat web seperti ini seharusnya lebih sempurna dibanding
pembuat web sebelumnya. Khususnya lebih meneliti program-programnya,
software-software yang digunakan, serta aplikasi-aplikasi yang bagaimana
yang sesuai dengan tampilan dan judul dari web tersebut.
3) Untuk mengerjakannya alangkah baiknya dibuat rencana rancangan
pembuatan web tersebut agar tampilan dan prosesnya terlihat lebih
sempurna dari sebelumnya.
10
4) Selain itu perlu juga diperhatikan keamanan database-nya agar data tidak
dapat dilihat atau dirubah oleh sembarang orang.
11
DAFTAR PUSTAKA
Dodd Z, Annabel. 2002. The Essential Guide to Telecomunications (Panduan Untuk
Telkomunikasi). Yogyakarta : Andi .
Sindarta, Lani. 1995. Sistem Informasi Bisnis: Pengantar Sistem Informasi Bisnis. Jakarta :
Elex Media Komputindo.
Wahyono, Teguh. 2004. Sistem Informasi Konsep Dasar, Analisis Desain dan
Implementasi. Yogyakarta : Graha Ilmu.