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.