Anda di halaman 1dari 10

Vol ? No ?

Nusa

Mandiri

PERANCANGAN SISTEM INFORMASI PROMOSI MAKANAN


BERBASIS WEB PADA RUMAH MAKAN LEKO
BEKASI
Jusepto1, Widyarina2,
Jurusan Manajemen Informatika, BSI Bekasi, Jl. Cut Mutia No. 88 Bekasi.
Jusepto22@gmail.com
2
Program Studi Sistem Informasi, STMIK Nusa Mandiri Bekasi
K1-Jl. Raya Kaliabang No.8 Perwira, Bekasi

ABSTRACT

The necessity of fast information encourage, the computer technology development. Now, by the development of
computer technology, we are so easy to get information fast and accurately. We can enjoy this ease from
internet. The progress of technology is very useful in the bussiness and the good effort that move in food and
service sector. Lekos Restaurant at Harapan Indah is one of famous restaurant with Iga sapi penyet. In
marketing process of food is still manually, in the marketing method still use brosur, the information from
mouth to mouth, so it cant spread well on the customer and the other society. In order to the marketing of
Lekos Restaurant at Harapan Indah can be maximal so needed information media with utilization at internet
technology, namely using website. With the existance at this website is hoped can help to introduce and promote
Leko Harapan Indah to the society can more up to date with Harapan Indah Restaurant and also with food
product that served. So thats why, the writer try ti make the final task about design system information of food
promotion on Lekos restaurant at Harapan Indah, taht have purpose to give information about their product
from companys profil, Lekos menu, outlet gallery, tips and way, and add the our contact form to ease visitor
and customer to interact with Lekos restaurant at Harapan Indah.
The Key Words : Design Web, Design Information System
I. PENDAHULUAN
Pengembangan teknologi yang amat cepat pada era
modern ini menjadikan komunikasi menjadi
mudah. Perkembangan teknologi digunakan untuk
mendukung kemudahan komunikasi sehingga jarak
dan waktu tidaklah menjadi halangan untuk
melakukan komunikasi. Perkembangan intenet
sejak awal tahun 90an mulai memicu
berkembangnya
komunikasi
secara
online.
Komunikasi secara online makin memudahkan
penyampaian informasi dari satu pihak ke pihak
lain menjadi lebih efisien dan efektif.
Internet telah membawa revolusi besar pada dunia
komunikasi dan komputer. Internet dengan
berbagai kapabilitas dan aneka layanan yang
disuguhkannya segera menjangkau seluruh pelosok
dunia dan waktu relatif singkat, suatu mekanisme
penghamburan informasi, media kolaborasi dan
interaksi di antara individu dan komputer tanpa
terbatas lokasi geografis dan waktu. Dengan
adanya fasilitas internet dalam suatu jaringan
komputer terbentuklah sebuah situs internet atau
halaman web sebagai media informasi, transaksi
jual beli produk, untuk kepentingan bisnis, ajang

promosi, pengumuman, jadwal event-event, bahkan


undangan pernikahan sekarang sudah melirik situs
sebagai media menyampaikan informasi.
Sebelumnya Sudah ada website sejenis, tapi berita
yang ditampilkan sampai saat ini masih kurang
update dan diperlukan adanya perbaikan. Oleh
karena itu, penulis ingin menambahkan konten
yang belum ada pada website tersebut.
Agar masyarakat luas maupun dunia dapat
mengetahui, menambah dan meng-update terus
informasi-informasi
tentang
rumah
makan
khususnya di Rumah Makan LEKO dibekasi.
Dengan alasan diatas maka penulis tertarik
melakukan pembuatan tugas akhir dengan judul
Perancangan Sistem Informasi Promosi
Makanan Berbasis Web Pada Rumah Makan
Leko Bekasi .

II. KAJIAN LITERATUR


a. Konsep Dasar Web
Pada bab ini penulis mencoba mengemukakan
beberapa teori yang diambil dalam berbagai buku
sebagai pembuatan desain web dan pemrograman

Vol ? No ? Nusa
website. Namun teori-teori tersebut tidak dijelaskan
secara keseluruhan, melainkan hanya bagian
tertentu yang ada kaitannya serta mendukung
dalam pelaksanaan pembuatan desain web dan
pemrograman website ini.
Menurut Rahmadi (2013:1) Website adalah
sejumlah halaman web yang memiliki topik saling
terkait, terkadang disertai pula dengan berkasberkas gambar, video atau jenis-jenis berkas
lainnya.
Website terbagi menjadi dua website golongan
kanan dan golongan kiri, yaitu:
1. Website Statis
Adalah website yang mempunyai halaman
konten yang tidak dapat di ubah-ubah, untuk
mengubah halaman kontennya harus secara
manual, misal dengan mengedit code. Website
statis ini tidak menggunakan database.
2. Website Dinamis
Adalah website yang secara terstruktur
ditujukan untuk update sesering mungkin.
Biasanya selain halaman utama yang bisa di
akses oleh user umum, juga disediakan halaman
backend untuk mengedit konten dari website.
b. Pengenalan Internet
Menurut Simarmata (2010:47) Internet adalah
kelompok atau kumpulan dari jutaan komputer.
Penggunaan Internet memungkinkan kita untuk
mendapatkan informasi dari komputer yang ada di
dalam kelompok tersebut dengan asumsi bahwa
pemilik komputer memberikan izin akses.
Menurut Saputra (2013:5) Internet adalah
jaringan-jaringan
dengan
menciptakan
kemungkinan komunikasi antar jaringan di seluruh
dunia
tanpa
bergantung
kepada
jenis
komputernya.
Secara umum internet merupakan suatu jaringan
global yang terbentuk dari jaringan komputer lokal
dan regional, memungkinkan komunikasi data antar
komputer-komputer terhubung dengan jaringan
tesebut dengan menggunakan berbagai macam
media seperti jalur telepon, satelit, ASDL
(Asymmetric Digital Subscriber Line), dan kabel
serat optik.
Internet bukanlah objek kasat mata yang dapat
anda pegang dan rasakan. Internet merupakan
jaringan maya yang saling terhubung satu sama lain
dengan transmisi sinyal yang terkoneksi dengan
memanfaatkan teknologi wireless, kabel, maupun
satelit, sehingga dapat memungkinkan kita terjadi
pertukaran berbagai jenis data seperti data
multimedia, musik, gambar, film, dan lain
sebagainya. Internet memberikan hubungan yang
dinamis dan terbuka kepada banyak orang pada
saat bersamaan atau party-line. Selain itu internet
dapat dijadikan sebagai media promosi suatu
perusahaan dalam mengembangkan usahanya. Hal
ini dapat ditujukan dengan menggunakan website
sebagai media yang digunakan internet

Mandiri

c. World Wide Web (WWW)


Menurut Yuhefizar (2008:159) Adalah suatu
metode untuk menampilkan informasi di internet,
baik berupa teks, gambar, suara maupun video
yang interaktif dan mempunyai kelebihan untuk
menghubungkan (link) satu dokumen dengan
dokumen lainnya (hypertext) yang dapat diakses
melalui sebuah browser.
Informasi yang disajikan melalui browser
dibangun dengan bahasa semi permograman
HTML (HyperTex Markup Language), dan
kemudian di tingkatkan dengan fungsinya dengan
menyisipkan kode-kode bahasa pemrograman web,
seperti PHP, ASP, JSP dan lain-lain, sehingga
mampu menampilkan informasi yang lebih
interaktif dan dinamis serta terhubung dengan
database.
d. Web Browser
Menurut Irawan (2011:3) Web browser adalah
aplikasi yang digunakan untuk menampilkan
halaman web beserta kontennya. Beberapa
aplikasi browser yang dapat digunakan antara lain
Internet Explorer, Firefox, Chrome dan Opera.
Web browser yang paling terkenal penggunaanya
adalah Internet Explorer dan Mozila Firefox.
e. Adobe Dreamweaver CS5
Menurut Sadeli (2011:2) Pada Dreamweaver CS 5
terdapat beberapa fitur baru yang dapat digunakan
segera mulai dari seputar CS5, penggunaan fitur
canggih ajax dan JQuery menggunakan Browser
Widget,
serta
pengujian
tampilan
web
menggunakan Web Adobe BrowserLab.
Selain mudah di gunakan dalam membuat dan
mendesign web,dreamweaver juga menambah
flexibilitas dengan bahasa pemrograman web
lainnya dan dapat berintegrasi pada beberapa
perangkat lunak lainnya.
f. Personal Home Page (PHP)
Menurut Anhar (2010:3) PHP (Hypertext
Proprocessor) yaitu bahasa pemrograman web
server-side yang bersifat open source. PHP
merupakan script yang terintegrasi dengan HTML
dan berada dalam server (server side HTML
embedded scripting). PHP adalah script yang
digunakan untuk membuat halaman website yang
dinamis. Dinamis berarti halaman yang akan
ditampilkan dibuat saat halaman itu diminta oleh
client. Mekanisme ini menyebabkan informasi yang
di terima client selalu yang terbaru (up to date).
Semua script PHP dieksekusi pada server dimana
script tersebut di jalankan.
PHP juga dilengkapi dengan berbagai macam
pendukung lain seperti : support langsung ke
berbagai macam database populer, missal : Oracle,
PostgreSQL, MySQL, dan lain-lain.

Vol ? No ? Nusa
g. MySQL
Menurut Anhar (2010b:5) mengatakan bahwa
MySQL (My Structured Query Language) adalah
sebuah program pembuat dan pengelola database
atau yang sering disebut DBMS (Database
Management System), sifat dari DBMS ini adalah
Open Source dan ini didapatkan gratis pada alamat
http://www.mysql.com.
MySQL awalnya dibuat oleh perusahaan konsultan
bernama TcX yang berlokasi di Swedia dan
dulunya MySQL berjalan pada Platform Linux,
dengan adanya perkembangan dan banyaknya
pengguna, serta lisensi dari database ini adalah
Open Source, maka para ahli pengembang
merilisnya dalam versi Windows.
Sebagai software DBMS, MySQL memiliki
sejumlah fitur seperti yang dijelaskan di bawah ini:
1. Handal, cepat dan mudah digunakan
MySQL tergolong sebagai database server
(server yang melayani permintaan terhadap
database) yang handal, dapat menangani
database yang besar dengan kecepatan tinggi,
mendukung banyak sekali fungsi untuk
mengakses database, dan sekaligus mudah
untuk digunakan. Berbagai tool pendukung juga
tersedia. Perlu diketahui, MySQL dapat
menangani sebuah tabel yang berukuran dalam
terabyte (1 terabyte = 1024 gigabyte). Namun
ukuran yang sesungguhnya sangat bergantung
pada batasan sistem operasi. Sebagai contoh,
pada sistem Solaris 9/10, batasan ukuran file
sebesar 16 terabyte.
2. Jaminan keamanan akses
MySQL mendukung pengamanan database
dengan berbagai kriteria pengaksesan. Sebagai
gambaran, dimungkinkan untuk mengatur user
tertentu agar bisa mengakses data yang bersifat
rahasia (misalnya gaji pegawai), sedangkan
user lain tidak boleh. MySQL juga mendukung
konektivitas ke berbagai software. Sebagai
contoh, dengan menggunakan ODBC (Open
Database Connectivity), database yang
ditangani MySQL dapat diakses juga melalui
program yang dibuat dengan Visual Basic.
MySQL juga mendukung program klien yang
berbasis java untuk berkomunikasi dengan
database MySQL melalui JDBC (Java
Database Connectivity). MySQL juga bisa
diakses melalui aplikasi berbasis web misalnya
dengan menggunakan PHP.
3. Dukungan perintah SQL
Seperti tersirat dalam namanya, MySQL
mendukung perintah SQL (Structured Query
Language). Sebagaimana diketahui, SQL
merupakan
standar
dalam
pengaksesan
database relasional. Pengatahuan akan SQL
akan
memudahkan
siapapun
untuk
menggunakan MySQL.

Mandiri

4. Multiplatform
MySQL tersedia pada beberapa Multiplatform
(Windows, Linux, Unix, dan lain-lain).
h. Apache2triad
Menurut Sutisna (2007:48) Apache2triad adalah
penyempurnaan dari Php Triad, yaitu software
open source yang merupakan gabungan dari
beberapa software pendukung web. Pada
Apache2triad, server Apache, PHP dan database
MySQL dikemas dalam satu paket, sehingga lebih
memudahkan Perl, Phyton, dan beberapa bahasa
pemrograman lainnya. Apache2triad menyertakan
PhpMyAdmin. Apache2triad dapat dijalankan pada
sistem operasi unix/linux
atau Windows
9X/Windows XP.
i. CSS (Cascanding Style Sheet)
Menurut Prasetio (2012:260) Cascading Style
Sheet (CSS) adalah suatu teknologi yang di
gunakan untuk memperindah halaman website
(situs). CSS mempunyai 2 bagian utama yaitu
selectors dan deklarasi. Yang dimaksud selectors
biasanya element HTML yang ingin diubah,
sedangkan deklarasi biasanya terdiri dari properti
dan nilai. Properti sendiri adalah atribut style yang
di ingin diubah, dan setiap properti memiliki nilai.
j. Javascript
Menurut Sunyoto (2007:17) Javascript adalah
bahasa scripting yang popular di internet dan dapat
bekerja di sebagian besar browser popular seperti
Internet Exploler, Mozzila Firefox, Netscape dan
Opera. Kode javascript dapat disisipkan dalam
halaman web menggunakan tag script.
Beberapa hal tentang JavaScript sebagai berikut:
1. JavaScript didesain untuk menambah interaktif
suatu web.
2. JavaScript merupakan sebuah bahasa scripting.
3. Bahasa scripting merupakan bahasa
pemrograman yang ringan.
4. JavaScript berisi baris kode yang dijalankan di
komputer (web browser).
5. JavaScript biasanya disisipkan (embedded)
dalam halaman HTML.
6. JavaScript adalah bahasa interpreter (yang
berarti skrip dieksekusi tanpa proses
kompilasi)..
k. Jquery
Menurut Sigit (2011:1) jquery adalah library atau
kumpulan kode JavaScript siap pakai. Keungulan
menggunakan jquery dibandingkan dengan
javascript dengan cara memanggil fungsi-fungsi
yang disediakan oleh jquery.
Jquery pertama kali dirilis tahun 2006 oleh John
Resig. Jquery menjadi sangat popular hingga telah
digunakan pada banyak website termasuk website
kelas dunia seperti Google, Amazon, Twitter, ESPN
dan lain-lain.

Vol ? No ? Nusa
Ada banyak sebab jquery menjadi sangat popular,
diantaranya:
1. Jquery kompitable dengan banyak browser.
2. Jquery mendukung semua versi CSS.
3. Ukuran jQuery sangat kecil, sekitar 20kb.
4. Dokumentasi jQuery yang lengkap.
5. Tersedianya plugin jquery yang sangat beragam.
Sebab terakhir di atas merupakan salah satu alasan
utama mengapa banyak pengembangan website
menggunakan jquery. Dengan tersedianya plugin
jquery ini, semakin memudahkan pengembangan
website menggunakan jquery untuk berbagai
keperluan.
l. Adobe Photoshop CS5
Menurut Enterprise (2010:27) Adobe Photoshop
CS5 adalah program pengolah gambar yang dikenal
smart-program yang memungkinkan penggunanya
untuk melakukan modifikasi dengan pengeditan
foto digital. Photoshop CS5 hadir dengan beragam
menu dan tool untuk mempermudah proses
modifikasi dan pengeditan.
m. Plugin Ckeditor
Menurut Yuhefizar (2010:224) Plugin
Ckeditor adalah editor berbasis WYSIHYG
(What You See Is What You Get) yang tidak saja
fleksibel dan cepat, tapi innovative, smart dan
user friendly. Editor ini mendukung hampir
semua browser yang ada seperti Internet
Exploler, Firefox, Safari, Opera dan Google
Chrome. Di samping itu juga dapat
menyisipkan kode program dari bahasa
pemrograman
JavaScript,
AFP,
ASP,
ASP.NET, ColdFusion, Java, PHP, Pytho,
Adobe AIR, dan lainnya.
III. METODE PENELITIAN
Dalam penulisan Tugas Akhir ini, penulis
memperoleh Data dan informasi dari metode dan
data yang ada. Adapun metode penelitian yang
digunakan untuk mendapatkan keterangan guna
memenuhi kebutuhan dalam penyusunan Tugas
Akhir ini sebagai berikut:
1. Pengamatan Langsung (Observasi)
Penulis melakukan pengamatan langsung
didalam organisasi untuk mengumpulkan datadata tentang sejarah berdirinya Rumah Makan
Leko dan jenis makanan yang disajikan untuk
penyusunan dan penulisan tugas akhir ini.
2. Wawancara (interview)
Penulis melakukan tatap muka langsung atau
Tanya jawab dengan beberapa anggota dan
pengurus organisasi untuk mendapatkan
informasi beberapa anggota dan pengurus
organisasi untuk mendapatkan informasi yang
tepat dan akurat dengan cara mengajukan
pertanyaan yang berhubungan dengan
perbuatan website ini.
3. Metode Studi Pustaka

Mandiri

Metode ini penulis gunakan untuk pengumpulan


data dari literatur-literatur mengenai website,
bahan kuliah mengenai php, buku-buku yang
berhubungan dengan perancangan dan design
web, serta situs-situs internet yang mendukung

IV. PEMBAHASAN
A. Analisa Perancangan Web
Saat ini memasang situs di internet adalah cara
promosi yang efektif dan efisien. Sehingga
seseorang atau perusahaan ingin memberikan
informasi kepada masyarakat dengan media
internet, karena manfaat yang dihasilkan dan
informasi akan lebih cepat diterima oleh
masyarakat.
B. Tinjauan Perusahaan
Setelah penulis melakukan tinjauan ke salah
satu perusahaan yang bergerak dalam bidang
Rumah Makan. Penulis mendapat berbagai
informasi yang diberikan oleh staff rumah
makan tersebut, khususnya mengenai sistem
informasi
yang
dijalankan.
Sebelum
menjelaskan mengenai sistem informasi yang
dijalankan, penulis akan menyampaikan
informasi lainnya yang cukup penting dalam
penyusunan Tugas Akhir ini diantaranya,
sejarah berdirinya perusahaan tersebut, dan
struktur organisasi yang disertai dengan
fungsinya. Berikut ini awal berdirinya usaha
tersebut, struktur organisasi dan fungsi dari
organisasi yang terstruktur
a. Sejarah
Rumah Makan Leko Harapan Indah didirikan
tahun 2011 oleh Glenn Adiprana Widodo
sabagai salah satu investor dari usaha Rumah
Makan leko ini dan sudah memiliki Surat Izin
Usaha Kepariwisataan (SIUP) dengan nomor
556. 11/12/SK/BPPT/II/2013. Awal dimulainya
berdiri Rumah Makan Leko sejak 2006 silam di
kota Surabaya. Warung ini hadir dari sebuah
mimpi seorang anak yang bernama Felix
yang ingin mempunyai satu usaha bisnis
restoran yang dikenal banyak orang. Kebetulan,
Surabaya adalah satu kota yang memiliki
makanan khas yakni penyet. Ada ayam penyet,
tahu dan tempe penyet, ikan penyet dan penyetpenyet yang lainnya. Namun dari semua yang
berbau penyet belum ada iga penyet. Dimulai
dari sana, kemudian terpikirkan untuk membuat
satu makanan yang boleh dibilang masih asing
bagi dan telinga dan lidah masyarakat, yaitu iga
sapi penyet. Apalagi pada masa itu Iga Sapi
atau daging sapi hanya bisa ditemui dalam
varian menu steak, sop, konro dan iga sapi
bakar.

Vol ? No ? Nusa
Dari mimpi serta keinginan dan keyakinan yang
kuat, sejurus kemudian Warung Leko pun
dibangun. Kemampuan memasak sang Ibu yang
kala itu suka memasak sop buntut dan keingin
bisnis Yusuf menjadi kombinasi yang sangat baik
berupa menu baru Iga sapi penyet yang cukup
diterima masyarakat kala itu di Surabaya.
Pada awalnya berdiri semua berjalan mengalir
begitu saja. Seperti umumnya orang berdagang.
Tidak ada upaya untuk promosi, beriklan dan
sebagainnya
seperti
umumnya
bisnis
modern. Tetapi, ada satu kekuatan hingga membuat
Warung Leko menjadi dikenal seperti sekarang ini.
Kekuatan itu adalah rasanya yang nikmat
sehingga proses getok tular atau words of mouth
pun merajalela kesetiap penyuka iga sapi bakar
Warung Leko telah berkerja sama dengan pihak
lain dalam pembukaan gerainya. Dari sekitar 30an
itu hanya 4 gerai yang milik sendiri, selebihnya
mitra/franchisee.
Konsep franchise yang disuguhkan Leko kepada
para
mitranya cukup terbatas. Bapak Glenn
Adipradana Widodo adalah sebagai salah satu
investor yang tertarik pada Rumah Makan Leko
ini. Felix hanya memberikan kepada satu orang
untuk setiap daerah. Hal ini sengaja dilakukan
untuk meminimalisir persaingan yang tidak sehat
dan pembatasan agar Warung Leko tidak ada
dimana-mana.
a. Visi
Menjadi Rumah Makan nomor satu di
Indonesia yang bergerak dalam spesialisai Iga
Sapi Penyet
b. Misi
Memberikan pelayanan yang prima dan baik
kepada konsumen
Mengembangkan inovasi-inovasi baik dalam
produk, cita rasa maupun pelayanan dengan
tetap pada koridor tradisional.
Mengembangkan usaha di beberapa tempat
yang strategis untuk menjadi restoran terbaik
di Indonesia
b. Struktur Organisasi dan Fungsi

Gambar 1. Gambar Struktur Organisasi

Mandiri

Fungsi dari struktur pembagian wewenang dan


tanggung jawab dalam Rumah Makan Leko sebagai
berikut:
1. Owner
Bertanggung jawab memimpin, mengawasi dan
menyusun kebijakan pelaksanaan yang akan di
lakukan oleh HRD, Resto Manager dan SPV
berdasarkan cabang cabang tempat mereka
bertugas.
2. HRD
Memiliki tugas untuk menyeleksi Sumber Daya
Manusia yang akan menjadi bagian (staff)
dalam Rumah Makan Leko, serta melakukan
pengawasan kinerja secara internal pada setiap
karyawannya.
3. Resto Manager
Memiliki tugas mengevaluasi dan mereview
kinerja dari bagian yang ada di struktur
pembagian tugas.
4. Admin
Memiliki tugas untuk menyediakan stock bahan
baku dan menghitung anggaran keperluan
pasokan bahan baku untuk setiap cabang
Rumah Makan
5. Supervisor
Melakukan
control pada cabang cabang
bersangkutan dan melihat kinerja serta
pelayanan yang diberikan oleh setiap staff,
mengantisipasi
keluhan
pelanggan
dan
menangani setiap masalah yang terjadi di
cabang terlebih dahulu
6. Kepala Kasir
Melakukan pengawasan dan pengecekan data
keuangan yang diterima oleh kasir dan
pengawasan terhadap para waiter/ess.
7. Kepala Produksi
Melakukan pengecekan serta mempersiapkan
segala kebutuhan produksi untuk cabang
tersebut, dalam hal bahan makanan hingga
sarana dan Pra sarana nya
8. Kepala Bar
Menyediakan segala hal yang berhubungan
dengan minuman beserta sarana dan prasarana
nya.
9. Kepala Dapur
Mengecek kualitas bahan baku sebelum diolah
dan dihidangkan dan memastikan semua bahan
baku tercukupi
10. Kasir
Menerima pembayaran makanan dari setiap
konsumen
11. Waiter
Melayani
konsumen
sebagai
penyediamakanan/minuman yang di pesan oleh
konsumen
12. Anak Produksi
Mengolah segala kebutuhan produksi untuk
cabang tersebut, dalam hal bahan makanan
hingga sarana dan Pra sarana nya

Vol ? No ? Nusa
13. Anak Baru
Mengolah hal yang berhubungan dengan
minuman beserta sarana dan prasarana nya.
14.STW
khusus dibagian cici piring
15.Koki
Sebagai Juru masak dalam setiap jenis
makanan yang di pesan konsumen
16. Pengadaan Sambal
Bagian khusus pengolahan sambal agar untuk
siap disajikan dalam setiap pesanan konsumen
17. Pengadaan Nasi
Bagian khusus dalam pengolahan Nasi

Mandiri

C. Spesifikasi Rancangan Web


Spesifikasi perancangan dalam website ini
adalah penjelasan serta susunan file secara rinci
tentang program masukan dan keluaran.
Adapun spesifikasi perancangan sebagai berikut
1. Rancangan Halaman Web
Dalam rancangan halaman web berisi
penjelasan terperinci mengenai rancangan
web yang meliputi menu yang di tampilkan,
berikut ini penjelasannya

Gambar 2. Rancangan Tampilan


Web

Vol ? No ? Nusa
Berikut uraian mengenai rancangan tampilan web :
a. Menu 1
Tampilan menu 1 adalah beranda merupakan
tampilan utama website dan juga merupakan
tampilan pembuka website Rumah Makan
Leko.
b. Menu 2
Tampilan menu 2 adalah halaman profil untuk
tampilan web yang berisi profil dari Rumah
Makan Leko Bekasi
c. Menu 3
Adalah isi dari menu yang terbagi menjadi 2
katagori, yaitu:
1. Menu makanan yang merupakan tampilan
dari semua menu makanan yang terdapat
pada Rumah Makan Leko.
2. Menu Minuman yang merupakan tamilan
dari semua jenis minuman yang terdapat
pada Rumah Makan Leko.
d. Menu 4
Adalah Galeri Outlet merupakan tampilan yang
memberikan informasi tentang Galeri Outlet
Rumah Makan Leko.

Mandiri

e. Menu 5
Adalah Tampilan Tips n Trik yang memberikan
informasi tentang Tips n Trik dan berita pada
Rumah Makan Leko.
f. Menu 6
Tampilan menu 6 adalah tampilan kontak kami,
merupakan tampilan yang dapat menghubungi
Rumah Makan Leko secara online yang
meliputi nama, email, subjek dan pesan.
g. Menu 7
Tampilan menu 7 adalah statistik user yang
merupakan data untuk mengetahui jumlah
pengunjung yg melihat web tersebut.
h. Content
Tampilan content disesuaikan untuk setiap
fungsi dihalaman masing-masing
2. Rancangan Tampilan Login Admin
Tampilan login admin merupakan tampilan user
yang memiliki hak akses sebelum masuk admin
web. Rancangan tampilan login admin dapat
dilihat pada gambar III.3 sebagai berikut:

Gambar 3. Tampilan Login Admin

Berikut uraian mengenai Rancangan tampilan login


admin :
a. Text 1
Tampilan untuk nama user name
b. Text box 1
Tampilan untuk pengisian nama user name
admin

c. Text2
Tampilan untuk nama password
d. Text box 2
Tampilan untuk pengisian password user name
admin
e. Button
Tampilan utuk tombol login

Vol ? No ? Nusa

Mandiri

3. Racangan Tampilan Admin

Gambar 4. Rancangan Tampilan Admin


Berikut uraian mengenai rancangan tampilan web :
a. Menu 1
Tampilan untuk search keyword yang berfungsi
sebagi kunci kata dalam pencarian sebuah
artikel
b. Menu 2
Tampilan untuk halaman beranda admin
c. Menu 3
Tampilan untuk manajement profil yang
berfungsi sebagi pengatur untuk halaman profil
di website
d. Menu 4
Tampilan untuk manajement admin untuk
menambah dan mengedit setiap data user untuk
mengelola admin web.
e. Menu 5
Tampilan untuk manajement data menu.
Manajement data menu dibagi menjadi 2
bagian, yaitu:
1. Menu Leko
Sebagai penambah, serta hapus setiap menu
makanan dan minuman pada web
2. Katagori menu
Untuk menambahkan jenis katagori pada
web
f. Menu 6
Tampilan untuk manajement artikel yang
berfungsi sebagai penambah, edit serta
menghapus
setiap
artikel
yang
akan
dimunculkan pada menu tips n trik dihalaman
web.

g. Menu 7
Tampilan untuk manajement galeri yang dibagi
menjadi 2 bagian, yaitu :
1. Album Galeri Leko
Untuk menambah dan mengedit album yang
akn dimunculkan pada halaman website.
2. Galeri Foto Leko
Untuk
menambah,
mengedit
serta
menghapus setiap foto yang masuk dalam
album galeri leko.
h. Menu 8
Untuk melihat membalas atau mengahapus data
yang sudah dimasukkan pengunjung dihalaman
web pada menu kontak kami.
i. Menu 9
Tampilan Log Out untuk user keluar dari admin
web
j. Content
Tampilan content disesuaikan untuk setiap
fungsi dihalaman masing-masing.
D. Spesifikasi File
Bentuk aplikasi file yang ada pada aplikasi
Website ini merupakan kumpulan data yang
berasal dari dokumen input. Data tersebut
diproses untuk mendapatkan hasil yang
menunjang sistem kerja yang diinginkan.
Dalam pembuatan aplikasi website ini penulis
menggunakan 1 buah file database dengan 12
tabel yaitu:

Vol ? No ? Nusa
1. File users
Nama File
Akronim
Fungsi
data users

: File users
: users.myd.
: Untuk menyimpan

Tipe File
Organisasi File
Field Key
Software
Panjang Record

: Master
: Index sequential
: username
: MySQL
: 440 bytes

Tabel 1. Spesifikasi file users


F. Tampilan Program

Gambar 1. Struktur Organisasi KCP BCA Kelapa Gading Villa

Gambar 5. Halaman Beranda

Mandiri

Vol ? No ? Nusa

V. KESIMPULAN
Dari hasil pengamatan yang di lakukan penulis
pada Rumah Makan Leko Harapan Indah dapat
diambil beberapa kesimpulan yaitu:
1. Dengan adanya website ini maka informasi
Mengenai Rumah Makan Leko Harapan Indah
menjadi lebih mudah disampaikan kepada
masyarakat luas karena dapat diakses oleh
siapapun dan kapanpun.
2. Fasilitas kontak kami dan poling mempermudah
upaya Rumah Makan Leko dalam
meningkatkan kualitas pelayanannya kepada
costamer karena terdapat masukan dan saran
mengenai kualitas pelayanan Rumah Makan
Leko tersebut.
3. Informasi tentang Rumah Makan Leko Harapan
Indah yang up to date membuat masyarakat
mengetahui segala pembaharuan mengenai
produk menu yang terdapat pada Rumah Makan
Leko Bekasi.
DAFTAR PUSTAKA
Anhar. 2010. Panduan Menguasai PHP dan
MySQL Secara Otodidak. Jakarta Selatan:
Mediakita.
Binanto, Iwan. 2010. Multimedia Digital Dasar
Teori dan Pengembangannya. Yogyakarta:
CV. Andi Offset.
Enterprise, Jubilee. 2010. Trik Cepat Menguasai
Photoshop CS5. Jakarta: PT.Elex Media
Komputindo.
Irawan.2011. Panduan Berinternet untuk Orang
Awal. Palembang: Maxicom.
Prasetio, Adhi. 2012. Buku Pintar Pemrograman
Web. Jakarta Selatan: Mediakita.
Sadeli, Muhammad. 2011. 7 Jam Belajar Interaktif
Dreamweaver CS5 untuk Orang Awam.
Palembang: Maxicom.
Saputra, Eka. 2013. Jurus Hebat Download Apapun
Gratis di Internet. Jakarta: Techno Publishing.
Saputro, Haris. 2008. Pengelolaan Database
MySQL dengan PHPMyAdmin.
Yogyakarta: GrahaIlmu.
Sigit, Aloysiuis, W. 2011. Website Super Canggih
dengan Plugin jQuery Terbaik. Jakarta
Selatan: Mediakita.

Mandiri

Simarmata, Janner. 2010. Rekayasa Web.


Yogyakarta: CV.Andi Offset.
Sunyoto, Andi. 2007. Ajax Membangun Web
dengan Teknologi Asynchronouse
JavaScript dan XML. Yogyakarta: CV. Andi
Offset.
Sutisna, Dadan. 2007. 7 Langkah Mudah menjadi
Webmaster. Jakarta Selatan: Mediakita.
Suyanto,M. 2005. Pengantar TeknologiInformasi
untuk Bisnis. Yogyakarta: CV.Andi Offset.
Yuhefizar.2008. 10 Jam Menguasai Internet
TeknologidanAplikasinya. Jakarta: PT. Elex
Media Komputindo.
Yuhefizar. 2010. Kupas Tuntas Ekstension Terbaik
Joomla. Jakarta: PT. ElexMedia
Komputindo.

Anda mungkin juga menyukai