ANALISIS DAN PERANCANGAN WEBSITE PADA KING’S COFFEE

SINGKAWANG SEBAGAI MEDIA INFORMASI DAN PROMOSI

NASKAH PUBLIKASI

diajukan oleh :

Ade Julian Astani

06.12.2009

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM

YOGYAKARTA 2013

ANALYSIS AND WEBSITE DESIGN AT KING'S COFFEE AS MEDIA INFORMATION AND PROMOTION

ANALISIS DAN PERANCANGAN WEBSITE PADA KING’S COFFEE SEBAGAI MEDIA

INFORMASI DAN PROMOSI

Ade Julian Astani Ema Utami

Jurusan Sistem Informasi STMIK Amikom Yogyakarta

ABSTRACT

Information is a very important need for all people in good company, organization,

group, or individual. Since the information each person can find just about anything. Many ways to get good information through print, television, internet, and others more.

One way to get information is through the Internet. Therefore Cafe "King Coffee”

to take advantage of this technology to maximize in promoting the Cafe. Because this method is considered more effective than the previous one made by King’s Coffee. It aims to facilitate the public to find information relating to the King’s Coffee.

In this paper the authors discuss about building dynamic websites to be used as a

promotional media or information by King’s Coffee. In this case the compiler uses some software such as Dreamweaver CS4, MySQL, and Apache. The aim of this thesis was to design and build a website that will be used as a media campaign and information related to King’s Coffee. So with this expected to be much easier for people to find a variety of information about King’s Coffee such as profile, list menu, and everything from King’s Coffee. Website creation results will be uploaded on one web server.

Keywords : technology, information, Internet

1. Pendahuluan

Perkembangan dunia teknologi informasi yang berkembang begitu pesat dan

cepat saat ini, sangat membantu sekali dalam kehidupan manusia dalam segala bidang,

dimana manusia 4ias memperoleh informasi beribu-ribu, bejuta-juta bahkan lebih

sepersekian detiknya, teknologi informasi yang juga erat sekali kaitanya dengan dunia

telekomunikasi, yang perpaduanya mampu menembus ruang dan waktu tanpa batas,

saat ini jarak bukan lagi masalah terputusnya informasi dan telekomunikasi, manusia

yang berada di berbagai belahan dunia yang berbeda kini dapat serasa sangat dekat dan

dapat bertukar informasi dengan sangat mudah dan cepat, yang hanya diatur

berdasarkan digit-digit bilangan dan bit-bit frame, dalam hal ini khususnya di dunia

internet yang merupakan salah satu lumbung informasi terbesar di dunia. Dimana segala

macam bentuk informasi dari seluruh dunia dapat diakses dan di dapat dengan sangat

cepat dan mudah.

Perkembangan dunia internet yang semakin pesat membuat terbentuknya dunia

tersendiri yaitu dunia maya. Disini setiap individu berhak mendapatkan berbagai macam

informasi dan data yang mereka butuhkan tanpa batasan apapun. Era globalisasi yang

dewasa ini banyak diperbincangkan ternyata berlaku juga dalam dunia maya.

King’s Coffee adalah sebuah cafe yang akan mencoba untuk terjun kedalam dunia internet

untuk ikut andil dalam dunia maya agar bisa memberikan entertainment yang berkualitas

kepada masyarakat luas guna menunjang media promosi, selain itu juga memberikan

informasi mengenai perkembangan lifestyle sehingga msyarakat singkawang selalu up to

date terhadap perkembangan-perkembangan yang ada. “king’s coffee” memanfaatkan

media website sebagai media informasi dan promosi, selain itu juga sebagai catalog online,

serta memberikan pelayanan dan bantuan untuk para pelanggan . semuanya itu

menciptakan relasi atau hubungan interaktif dengan konsumen sebagai salah satu faktor

yang menentukan aspek kepuasan dan loyalitas kepada pelanggan.

2. Landasan Teori

2.1 Definisi basis data1

Sistem basis data adalah sistem yang terdiri atas kumpulan file (table) yang saling

berhubungan dan sekumpulan program (DBMS) yang memungkinkan beberapa pemakai

ataupun program lain untuk mengakses dan memanipulasi file- file atau tabel-tabel .

Selain sistem basis data ada yang cukup berpengaruh dalam sebuah sistem yaitu sistem

manajemen basis data adalah piranti bagi para pembuat perangkat lunak yang menalar

dan mengkomputer dunia realita bisnis para pengusaha (perusahaan) menjadi suatu

sistem yang terstruktur dan terkelola.

2.2 Elemen – Elemen Sistem Manajemen Basis Data

1. Database

Database adalah kumpulan data yang saling berhubungan yang disimpan secara

bersama sedemikian rupa dan tanpa pengulangan (redudansi) yang tidak perlu

untuk memenuhi berbagai kebutuhan.

2. File

Yaitu kumpulan record-record sejenis yang mempunyai panjang elemen yang

sama, atribut sama namun valuenya berbeda

3. Record

Yaitu kumpulan elemen-elemen yang saling berkaitan menginformasikan tentang

suatu entitas secara lengkap, satu record mewakili satu data.

4. Field (Atribut kunci)

Yaitu bagian tertentu dari data dalam record yang mewakili satu entitas.

5. Data Value

Yaitu data aktual atau informasi yang disampaikan pada setiap data elemen atau

field data.

6. Entitas

Yaitu obyek riil yang dapat dibedakan satu dengan yang lainnya dan tidak saling

bergantungan yang informasinya direkam.

7. Query

Yaitu perintah yang dirancang untuk memanggil kelompok record tertentu dari satu

file atau lebih, untuk melakukan operasi pada file.

8. View

Yaitu data yang terdiri atas sejumlah record yang diproses dalam urutan

penampilan.

1 Miftakhul Huda & Bunafit Komputer, 2010. Membuat aplikasi database dengan java, mysql dan

netbeans, jakarta : elex media koputindo, hal 188

2.3. Bahasa program yang digunakan

2.3.1 PHP(HypertextPreprosesor)2

PHP adalah bahasa Server-Side Scripting yang menyatu dengan HTML untuk

membuat halaman web yang dinamis. Maksud dari Server-Side Scripting adalah sintaks

dan perintah yang diberikan akan sepenuhnya dijalankan di Server, tetapi disertakan pada

dokumen HTML. Hal ini merupakan kombinasi antara PHP sebagai bahasa pemrograman

dan HTML sebagai pembangun halaman Web. Tidak seperti ASP, PHP adalah software

yang Open Source dan mampu lintas platform. PHP mampu berjalan di Windows dan

Linux. PHP dapat mengirim HTTP Header, dapat mengeset cookies dan mengatur

authentication. PHP menawarkan koneksi situs yang baik dengan beberapa basis data

antara lain : Oracle, Sybase, MYSQL, MSSQL, Solid, PostgresSQL, Filpro,Velocies dan

Dbase. PHP juga mendukung komunikasi dengan layanan lain melalui protokol IMAP,

SNMP, NNTP, POP3 atau bahkan HTTP.

2.3.2 HTML (Hyper text Markup Language)3

HTML terdiri dari tag-tag yang fungsinya untuk membuat dokumen menjadi dapat

dibaca oleh browser. HTML merupakan script dimana kita bisa menampilkan informasi dan

daya kreatifitas kita lewat internet. HTML sendiri adalah suatu document teks biasa yang

mudah untuk dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya

itu maka HTML dapat dibaca oleh platform yang berlainan seperti windows, UNIX dan lain

– lain.

HTML merupakan bahasa pemrograman fleksibel dimana kita bisa meletakkan

script dari bahasa pemrograman lain seperti java, VB, C dan lain-lain. Jika HTML tersebut

tidak dapat mendukung suatu perintah pemrograman tertentu, browser akan

menampilkan kotak dialog “syntax error”. Jika terdapat penulisan kode yang keliru pada

script HTML, sepanjang kode yang kita tuliskan merupakan kode HTML, efek yang paling

jelas adalah HTML tersebut tidak akan ditampilkan pada jendela browser. Katya ‘Markup

Language’ pada HTML, menunjukkan suatu fasilitas yang berupa tanda tertentu dalam

script html dimana kita bisa mengatur judul, garis, table, dan lain-lain dengan perintah

khusus.

2 Agus Saputra, 2012. Membangun aplikasi toko online dengan PHP dan SQL Server, jakarta : PT

Elex Media Komutindo, hal 1 3 3 Mulya Hadi, 2008, Dreamweaver untuk orang awam, palembang : Maxikom. Hal 154

2.3.3 Javascript]4

JavaScript adalah nama implementasi Netscape Communications Corporation

untuk ECMAScript standar, suatu bahasa script yang didasarkan pada konsep

pemrograman berbasis prototipe. Bahasa ini terutama terkenal karena penggunaannya di

situs web (sebagai JavaScript sisi klien) dan juga digunakan untuk menyediakan akses

script untuk objek yang dibenamkan (embedded) di aplikasi lain.

Skrip JavaScript yang dimasukkan di dalam berkas HTML ataupun XHTML harus

dimasukkan di antara tag <script>...</script>. Berikut ini adalah contohnya (yang akan

menampilkan sebuah dialog box berisi Halo Dunia! ketika sebuah tombol diklik oleh

pengguna):

<input type="button" value="Tekan di sini" onclick="halo();">

<script type="text/javascript">

function halo() {

alert( "Halo Dunia!" );

}

</script>

2.4 Perangkat lunak yang digunakan

2.4.1 Apache (webserver)5

Apache merupakan turunan dari web web server yang dikeluarkan oleh NSCA

(http://hoohoo.nsca.uiuc.edu), yaitu NSCA HTTPd sekitar tahun 1995-an. Pada dasarnya,

Apache adalah “A PatCHy” (path) dan pengganti dari NSCA HTTPd. Apache Web Server

merupakan tulang punggung dari WWW. Web Server menunggu permintaan dari client

yang menggunakan Web Browser. Web Server dapat berkomunikasi dengan clientnya

menggunakan protocol HTTP. Apache berada di bawah GNU (General Public Licenci)

yang bersifat gratis sehingga Apache dapat di download gratis pada alamat

http://www.apache.org.

2.4.2 MySQL6

MySQL merupakan sebuah software database yang dikembangkan oleh sebuah

perusahaan Swedia bernama MySQL AB, yang pada waktu itu bernama Tcx Data Konsult

AB. Pada awalnya, MySQL AB bernama mSQL atau “mini SQL” sebagai antarmuka yang

digunakan, ternyata menggunakan mSQL banyak mengalami hambatan yaitu sangat

4 Betha Sidik, 2011. JavaScript, Bandung : Informatika, hal 1 5 Firdaus, 2007. 7 jam belajar interaktif membuat web dengan dreamweaver, palembang :

maxikom, hal 86 6 Sunarfrihantono, Bimo, 2002, PHP dan MySQL untuk Web, Ed. I, Yogyakarta, Andi, hal.62

lambat dan tidak fleksibel. Oleh karena itu, Michael Widenius berusaha mengembangkan

interface tersebut hingga ditemukanlah MySQL.

2.4.3 Adobe Dreamweaver CS 4

Macromedia Dreamweaver 8 dapat digunakan sebagai editor untuk berbagai

bahasa Web scripting antara lain HTML, ASP, PHP, JSP, XML. Macromedia Dreamweaver

8 memiliki kelebihan di antaranya mempermudah editing karena Macromedia

Dreamweaver memiliki berbagai fitur untuk mengimpor obyek dalam Web seperti tabel,

form, gambar, layer, object Flash, pembuatan link dengan mudah hingga tersedianya

library untuk beberapa Server side scripting seperti PHP, ASP, XML tanpa harus menulis

scriptnya.

2.4.4 Adobe Photoshop CS 4

Photoshop adalah salah satu software pengolah grafik yang banyak digunakan

oleh para desainer grafis dan web di seluruh dunia. Tampilannya yang mudah dipahami,

kelengkapan fasilitas yang ditawarkan, serta kemudahan memperoleh fasilitas pendukung

dari berbagai sumber menjadikan Photoshop menjadi pilihan paling andal bagi para web

desainer. Selain sebagai pengolah grafik dalam mendesain halaman web, penggunaan

dan fungsi Photoshop juga untuk slicing (pemotongan) objek setelah rancangan desain

web selesai dibuat.

3. Analisis

3.1 Analisis Sistem Informasi

3.1.1 Analisis SWOT

Adalah bentuk analisa yang diperoleh dari indentifikasi masalah hingga bagaimana

langkah yang dianggap tepat untuk mendapat result yang diharapkan. Dalam kasus ini

akan di coba analisis swot dari segi faktor internal dan eksternal terhadap dibangunnya

website pada Cafe king’s coffee.

1. Faktor Internal

a. Strength (kekuatan)

- Hampir kebanyakan anak muda bisa mengakses internet

- Hamper semua cafe adalah anak muda.

b. Weakness (kelemahan)

- Cafe king’s coffee belum memanfaatkan fasilitas untuk promosi.

2. Faktor Eksternal

a. Opportunity (peluang)

- Banyaknya fasilitas akses internet, warnet dan hotspot ada dimana mana dan

bisa diakses kapan saja.

- Kebanyakan anak muda mempunyai hp yang sudah bisa akses internet.

b. Threats (tantangan)

- Pengunjung yang kesulitan mendapatkan informasi sehingga enggan untuk

berkunjung

- Bagaimana memanfaatkan teknologi untuk membantu promosi Cafe king’s coffee.

3.1.2 Analisis Kelayakan

3.1.2.1 Kelayakan Teknologi

Kelayakan teknologi untuk pembangunan website dilihat dari sisi hardware dan

software yang akan digunakan untuk membangun website tersebut dan ketersediaan SDM

yang dapat mengoperasikan teknologi tersebut.

3.1.2.2 Kelayakan Operasi

Yang akan dijadikan penilaian sebagai bahan pertimbangan untuk kelayakan

operasi system website, yaitu :

Dengan demikian dapat disimpulkan bahwa pembangunan website layak secara operasi.

Item Penilaian Penilaian Kelayakan Keterangan

Kemampuan SDM Mampu Website didesain sedemikian rupa sehingga cukup mudah untuk dioperasikan bagi para konsumen.

Informasi yang dihasilkan

Layak Dalam hal ini rancangan website menghasilkan informasi yang sesuai dengan kebutuhan dan akurat karena adminnya adalah para pegawainya sendiri

Efisiensi system Layak Efisiensi sistem menyangkut tentang biaya yang digunakan dalam penyampaian informasi. Dan karena informasi diupload ke sistem maka biayanya relatif murah. Selain itu juga diharapkan lebih bisa mengoptimalkan sumber daya yang ada dengan pendayagunaan waktu secara efisien,

Pengendalian operasi

Layak Website akan dirancang mampu melakukan pengendalian dari kesalahan-kesalahan yang tidak diinginkan.

3.1.2.3 Kelayakan Hukum

Jika ditinjau dari segi hukum maka sistem yang dibuat adalah legal secara hukum,

karena sistem yang akan dibuat tidak melanggar aturan-aturan untuk pengadaan sistem.

Secara peralatan dan teknologi yang digunakan diperoleh dengan cara membeli sehingga

tidak melanggar hukum. Dengan demikian dapat disimpulkan bahwa pembangunan

website layak secara hukum.

3.1.2.4 Flowchart system

3.1.2.5 Diagram DFD

3.1.2.6 Bentuk Normalisasi

4. Hasil Penelitian dan Pembahasan

4.1 Implementasi Program

Pemrograman merupakan tahap implementasi dimana dilakukan pengkodean

berdasarkan hasil perancangan perangkat lunak yang telah dibuat sehingga berbentuk

sistem baru yang sedemikian rupa yang telah direncanakan, pengkodean ini dilakukan

dengan menggunakan bahasa pemrograman PHP, sedangkan database yang digunakan

adalah MySql. Berikut ini adalah hasil implementasi program dalam bentuk form atau

halaman sesuai dengan yang telah direncanakan.

1) Halaman Utama Administrator

Halaman ini berfungsi untuk menampilkan menu – menu yang diperlukan

administrator mengolah website.

2) Halaman Edit Profile Administrator

Halaman ini berfungsi untuk administrator mengedite profilnya.

3) Halaman Olah Kategori

Halaman ini berfungsi untuk administrator mengolah menu kategori produk.

4) Halaman Agenda Event

Halaman ini berfungsi untuk mengolah menu Event.

5) Rancangan Halaman Utama ( GUEST )

Halaman ini adalah yang pertama kali muncul waktu website dibuka.

Didalam halaman ini terdapat shortcut – shortcut yang berfungsi untuk

sambungan menuju halaman– halaman lainnya dan juga menu - menu

yang disediakan.

6) Rancangan Halaman Contact

Halaman ini berfungsi untuk pengunjung mengirimkan kritik atau saran

4.2 Pengetesan Program

uji coba program website ini akan dilakukan 2 macam uji coba program yaitu uji

coba black box dan uji coba white box.

4.2.1 White-Box Testing

White box testing adalah cara pengujian dengan melihat ke dalam modul untuk

meneliti kode-kode program yang ada, dan menganalisis apakah ada kesalahan atau tidak.

Jika ada modul yang menghasilkan output yang tidak sesuai dengan proses bisnis yang

dilakukan, maka baris-baris program, variable dan parameter yang terlibat pada unit

tersebut akan dicek satu persatu dan diperbaiki, kemudian di compile ulang.

Metode ini bertujuan untuk mencari kesalahan pada:

1. Memberikan jaminan bahwa semua jalur independent pada semua modul

telah digunakan paling tidak satu kali.

2. Menggunakan keputusan yang logis pada sisi true dan false.

3. Mengeksekusi semua loop pada batasan operasional.

4. Menggunakan struktur data internal untuk menjamin faliditasnya.

Dikarenakan sistem ini sangat banyak kode-kode program maka penulis hanya

memberi contoh satu bentuk uji coba white box yaitu testing validasi pada proses

masuk halaman administrator. Saat pengisian data, diminta untuk memasukkan id

login dan password. Pengisian id login dan password harus benar , sehingga

diperlukan validasi. Maka ada beberapa kondisi didalam program yang merupakan

tes untuk menentukan layak atau tidaknya validasi data pada kolom tersebut.

Kondisi tersebut adalah:

1. Kolom yang wajib diisi dengan isian salah, maka akan menampilkan

halaman sebagai berikut:

Berikut adalah baris perintah yang digunakan untuk menfilter data yang

salah.

2. Kolom diisi dengan benar

Jika semua kolom diisi dengan benar berarti persyaratan telah dipenuhi sehingga

proses dapat dilanjutkan ke tahap selanjutnya yaitu masuk ke halaman

administrator.

Dan dari pengujian yang penulis lakukan maka validasi halaman administrator

layak karena tidak memenuhi faktor-faktor kesalahan seperti yang disebutkan

diatas.

4.2.2 Black-Box Testing

Uji coba black box dapat melakukan testing interface perangkat lunak. Test case

ini bertujuan untuk menunjukkan fungsi perangkat lunak tentang cara beroperasi. Lebih

spesifik, metode ini bertujuan untuk mencari kesalahan pada:

<?

session_start();

include '../config/db.php';

$un = $_POST['un'];

$p = $_POST['pass'];

$pass = md5($_POST['pass']);

$qryLogin = mysql_query("select * from operator

where operator_username = '$un' and operator_password =

'$pass'");

$dataLogin = mysql_fetch_array($qryLogin);

$resultLogin = mysql_num_rows($qryLogin);

if($un=='' or $p == '')

{ echo "<script> alert('Username dan password harus

diisi') location = 'index.php'; </script>"; }

if($resultLogin>0){ $_SESSION[operatorID] =

$dataLogin['operator_id'];

$_SESSION[operatorName] = $dataLogin['operator_name'];

header("location:main.php"); }

else{ echo "<script>

alert('Username dab password belum benar.')

location = 'index.php'; </script>";}

?>

- Fungsi yang salah/hilang

- Kesalahan pada interface

- Kesalahan pada struktur data/akses database

- Kesalahan performa

- Kesalahan instalasi dan tujuan akhir

Contoh pengujian Black Box dari halaman home website:

Guest Mamproses buku tamu

Pengujian Black Box

No Fasilitas Fungsi Status

1 Menu home Berfungsi untuk masuk halaman home Sukses

2 Menu readmore event Berfungsi untuk melihat jadwal event secara lebih detail

Sukses

3 Menu menu Berfungsi untuk melihat menu apa saja yang disediakan di cafe King’s Coffe

Sukses

4 Menu gallery Fungsi untuk melihat foto – foto Sukses

5 Menu list Berfungsi untuk melihat melihat foto – foto dokumentasi event

Sukses

6 Menu contact us Berfungsi untuk menghubungi king’s coffee secara online

Sukses

Kesimpulan dari hasil pengujian adalah sebagai berikut:

1. Ada beberapa form yang belum diberi autentifikasi pengisian, apakah form itu

sudah diisi atau belum.

Secara fungsional sistem sudah dapat menghasilkan output yang diharapkan

5. Penutup

5.1 Kesimpulan

Dari hasil analisis dan pembahasan pada bab-bab sebelumnya tentang

perancangan website pada King’s Coffee sebagai media informasi dan promosi, maka

dapat diambil kesimpulan sebagai berikut:

1. Ditinjau dari segi analisis SWOT pembangunan website pada King’s Coffee

merupakan langkah yang tepat untuk meningkatkan daya saing dan promosi

Cafe.

2. Ditinjau dari segi kelayakan baik kelayakan hukum, ekonomi, teknologi maka

sistem ini layak untuk dikembangkan oleh pihak King’s Coffee.

3. Setelah dilakukan tahap analisis dan perancangan website bisa diambil

kesimpulan kalau dibangunnya website pada King’s Coffee bisa menyelesaikan

masalah masalah yang sudah diuraikan di latar belakang masalah yaitu bisa

mendukung dalam proses mengenalkan dan mempromosikan King’s Coffee

kepada khalayak ramai sehingga bisa meningkatkan daya saing.

5.2 Saran

Berdasarkan hasil kesimpulan, maka dapat diberikan saran-saran yang

berguna, antara lain:

1. Bagi King’s Coffee disarankan untuk membangun system ini, dalam rangka

untuk mempopulerkan King’s Coffee dan meningkatkan pemasaran.

2. Perancangan system yang sudah dilakukan, masih terdapat banyak

kekurangan yang mungkin dapat diperbaiki dimasa yang akan datang.

DAFTAR PUSTAKA

Al Fatta, Hanif. 2007, Analisis Dan Perancangan Sistem Informasi, Ed. 1, ANDI

Yogyakarta.

Firdaus. 2007. 7 Jam Belajar Interaktif membuat Web dengan Dreamweaver, Maxikom

Palembang

Huda Miftakhul & Bunafit Komputer. 2010. Membuat Aplikasi Database dengan Java, Mysql dan Netbeans, Elex Media Koputindo Jakarta

Mulya, Hadi. 2008, Dreamweaver untuk orang awam, Maxikom Palembang

Sidik, Betha. 2011. JavaScript, Informatika Bandung.

Saputra, Agus. 2012. Membangun aplikasi toko online dengan PHP dan SQL Server,

PT Elex Media Komutindo Jakarta.

Sunarfrihartono, Bimo. 2002. PHP dan MySQL untuk Web, Ed 1, Andi : Yogyakarta.