ANALISIS DAN PERANCANGAN WEBSITE PADA KING S...
Transcript of ANALISIS DAN PERANCANGAN WEBSITE PADA KING S...
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.