Jurnal Skripsi 10101152630316 Eko Kurnia
ANALISIS DAN PERANCANGAN SISTEM INFORMASI PENJUALAN BERBASIS
WEB PADA RESTO AYAM PENYET JAKARTA MENGGUNAKAN BAHASA
PEMOGRAMAN PHP-MYSQL DAN JAVASCRIPT DENGAN AKSES CLIENTSERVER DAN VIRTUALHOST
Eko Kurnia Putra1), Yuhandri, S.Kom, M.Kom2), Sri Rahmawati, S.Kom, M.Kom3)
1) Teknik Informtika, UPI-YPTK, Padang
email: eko_ttsa@yahoo.co.id
2) Sistem Informasi, UPI-YPTK, Padang
email: yu2bib@yahoo.com
3) Sistem Informasi, UPI-YPTK, Padang
email: adryan_hd@yahoo.com
ABSTRAK - Resto Ayam Penyet Jakarta merupakan industri yang bergerak di bidang kuliner menyajikan
berbagai menu makanan dan minuman dengan spesialisasi andalannya ayam penyet. Demi kelancaran kegiatan
usaha restoran ini membutuhkan suatu bentuk sistem informasi penjualan yang efektif dan efisien. Tujuan dari
perancangan sistem informasi ini dapat membantu berbagai proses kegiatan di restoran mulai dari penyajian
informasi menu, pemesanan menu, pembayaran dan informasi lainnya.
Sistem informasi ini dirancang bebasis web dengan menggunakan bahasa pemograman PHP dan
JavaScript serta database MySQL. Untuk akes data dalam bentuk client-server dan vitualhost dengan nama
domain yang berbeda.
Dengan adanya aplikasi ini dapat memudahkan pengguna untuk mencari dan melihat informasi yang
tersedia di Resto Ayam Penyet Jakarta.
Kata Kunci : sistem informasi, penjualan, web, restoran, php, mysql, javascript, client, server, virtualhost.
Nana file jurnal : 10101152630316_Eko Kurnia Putra_Teknik Informatikan
masyarakat Indonesia, khususnya kota Padang. Ini
terbukti dengan banyaknya tempat-tempat kuliner
seperti resto, cafe dan jajanan kaki lima yang
menyajikan berbagai masakan nusantara maupun
I. PENDAHULUAN
internasional. Dalam hal pemanfaatan tekonologi
informasi dan komputer disektor ini mampu untuk
Perkembangan teknologi informasi dan komputer telah
meningkakan prospek usaha baik itu dalam penjualan,
mempengaruhi berbagai aktivitas manusia dalam
service, ataupun media promosi. Teknologi informasi
membangun sebuah usaha diantaranya adalah pada
digunakan untuk mengoptimalisasikan berbagai proses
sektor kuliner. Saat ini, sektor kuliner telah menjadi
dan aktifitas yang sebelumnya dikerjakan secara
salah satu bentuk usaha yang populer di kalangan
manual yang mampu mengerjakan suatu pekerjaan
dengan lebih baik serta mampu menyajikan data-data
C.
Blok Keluaran (output block)
dan informasi yang akurat dan dibutuhkan secara
Produk dari sistem informasi adaah keluaran
efektif dan efisien.
yang merupakan informasi yang berkualitas dan
Salah satu bentuk dari teknologi informasi dan
dokumentasi
komputer itu adalah website atau disingkat web.
tingkatan manajemen serta semua pemakai
Website adalah halaman informasi yang disediakan
sistem.
melalui jaringan sehingga bisa diakses di manapun
D.
yang
berguna
untuk
semua
Blok teknologi (technology block)
selama terkoneksi dengan jaringan. Untuk sekedar
Teknologi meerupakan "tool box" dalam sistem
diketahui teknologi lain dari teknologi informasi dn
informasi. Teknologi digunakan untuk menerima
komputer itu adalah client-server. Client-Server adalah
input, menjalankan model, menyimpan dan
pembagian
yg
mengakses data, menghasilkan dan mengirimkan
mengakses server dalam suatu jaringan. Jadi arsitektur
keluaran, dan membantu pengendalian dari
client-server adalah desain sebuah aplikasi terdiri dari
sistem secara keseluruhan.
kerja
antara
server
dan
client
client dan server yang saling berkomunikasi ketika
E.
Blok basis data (database block)
mengakses server dalam suatu jaringan. Sedangkan
Basis data (database) merupakan kumpulan data
VirtualHost merupakan salah satu fasilitas di apache
yang saling berkaitan dan berhubungan satu
yang bisa kita gunakan untuk mengelola banyak nama
dengan yang lain, tersimpan di perangkat keras
domain dengan satu nomor IP saja.
komputer dan menggunakan perangkat lunak
untuk memanipulasinya.
F.
II. KAJIAN PUSTAKA
Blok Kendali (control block)
Banyak hal yang dapat merusak sistem
A. Konsep Dasar Sistem Informasi
Konsep dari sistem infomasi menurut Alter
informasi, sperti bencana alam, api, temperatur, air,
adalah kombinasi antara prosedur kerja, informasi,
debu, kecurangan-kecurangan, kegagalan-kegagalan
orang dan teknologi informasi yang diorganisasikan
sistem itu sendiri, ketidak efisienan, sabotase dan lain
untuk mencapai tujuan tertentu (Abdul, 2003).
sebagainya.
Sistem informasi terdiri dari komponenkomponen
yang disebut blok bangunan (building
B. Konsep Dasar Penjualan
Menurut Syahrul dan Muhammad Afdi Nizar
block) (Tata, 2005), yang terdiri dari:
(2000; 716) disebutkan bahwa:
A.
Blok masukan (input block)
"Sale (penjualan) pendapatan yang diterima dari
Input mewakili data yang masuk ke dalam
pertukaran barang atau jasa dan di catat untuk satu
sistem informasi. Input disini termasuk metode
periode akuntansi tertentu, baik berdasarkan kas
dan media untuk menangkap data yang akan
(sebagaimana yang diterima) atau berdasarkan akrual
dimasukkan, yang dapat berupa dokumen-
(sebagaimana diperoleh)" (Fajrul. 2011).
Pada umumnya pada setiap perusahaan
dokumen dasar.
B.
Blok model (model block)
terdapat satu bagian atau departemen yang khusus
Blok ini terdiri dari kombinasi prosedur, logika,
bertugas dibidang penjualan atau untuk memperoleh
dan model matematik yang akan memanipulasi
pendapatan (Fajrul. 2011)..
data input dan data yang tersimpan di basis data
dengan
cara
yang
sudah
tertentu
menghasilkan keluran yang diinginkan.
untuk
C. Jaringan Client Server dan VirtualHost
Pada dasarnya, Client Server dibentuk oleh tiga
komponen dasar, yaitu Client, middleware, dan Server
(Sutedjo, dkk., 2006). Secara sederhana hubungan
dihadapi oleh sistem yang sedang berjalan, apa saja
antara ketiga komponen tersebut dapat diliha pada
pengaruhnya dan harus diperhatikan validasinya
gambar 2.8 berikut.
terhadap sasaran sistem yang dirancang sebelum
dilakukan perbaikan.
B. Perancangan Sistem
Perancangan
adalah
proses
pembuatan
Sumber:http://2.bp.blogspot.com/mzi4NQ2Bnng/Tog5
design tampilan dari sistem informasi yang akan
1_sV5aI/AAAAAAAAAcM/Pv7T6ZolYVk/s320/Client+
dibuat.
Server+Middleware.gif
penjualan pada resto ayam penyet jakarta adalah
Adapun
perancangan
sistem
informasi
sebagai berikut.
Gambar 1. Komponen Dasar Client Server
Menurut wikipedia virtual host atau virtual
hosting adalah suatu metode membuat beberapa nama
domain dalam satu server dimana penanganan untuk
setiap nama domain terpisah. dengan virtual host
memungkinkan untuk berbagi resource server yang
meliputi
memori
dan
processor
(http://en.wikipedia.org). Ada dua tipe dalam virtual
host, yaitu berbasis nama dan berbasis ip. intinya jika
1. Perancangan Output
Rancangan
output
merupakan
sebuah
rancangan yang menggambarkan keluaran yang
diinginkan dari sistem informasi yang dirancang.
Berikut adalah rancangan output Sistem Informasi
yang diusulkan.
a. Rancangan Output Halaman Utama
kita menginginkan satu server dapat kita akses dengan
banyak nama domain maka virtual host-lah solusinya.
III. ANALISA DAN PERANCANGAN
A. Analisa Sistem
Analisa sistem merupakan proses memilahmilah suatu permasalahan menjadi elemen-elemen
yang lebih kecil untuk dipelajari guna mempermudah
permasalahan dari suatu sistem informasi. Hasil akhir
dari analisa sistem merupakan cara pemecahan
masalah yang terjadi dalam spesifikasi sistem baru.
Pada
tahap
analisa
diperlukan
suatu
pendekatan analisa guna menghindari kesalahankesalahan
yang
mungkin
muncul
pada
tahap
berikutnya, yaitu perancangan sistem baru. Karena
pada tahap ini merupakan tahapan yang sangat
penting,
pendekatan
yang
dilakukan
adalah
mendefinisikan masalah pada sistem yang sedang
berjalan dan sekaligus melakukan evaluasi setiap cara
kerja sistem yang sedang berjalan berdasarkan
prosedur-prosedur yang ada. Sehingga akan diketahui
permasalahannya serta kesulitan apa saja yang
Gambar 2. Rancangan Output Halaman Utama
b. Rancangan Output Halaman Menu
Gambar 6. Rancangan Output Halaman Admin
f. Rancangan Output Laporan Transaksi
LAPORAN TRANSAKSI
RESTO AYAM PENYET JAKARTA
Jl. Proklamasi No.44 Tarandam, Padang
No.
int(13)
No. Order
int(13)
Total Transaksi
int(25)
int(13)
int(13)
int(25)
Bulan dan Tahun : xx-xxxx
Tgl. Transaski
datetime()
Status
varchar(30)
Gambar 3. Rancangan Output Halaman Menu
c. Rancangan Output Halaman Pesanan
datetime()
varchar(30)
Padang,
99
xxxxxxx
xx 9999
Gambar 7. Rancangan Output Laporan Transaksi
2. Perancangan Input
Rancangan
input
merupakan
sebuah
rancangan yang menggambarkan masukan/entry data
yang dapat dilakukan pada sistem informasi yang
dirancang. Berikut adalah rancangan input Sistem
Informasi yang diusulkan.
Gambar 4. Rancangan output Halaman Pesanan
a.
Rancangan Input Halaman Login User dan
Admin
d. Rancangan Output Bukti Pembayaran
Gambar 5. Rancangan Output Bukti Pembayaran
e. Rancangan Output Halaman Admin
Gambar 8. Rancangan Input Halaman Login User
dan Admin
b. Rancangan Input Register Member
Gambar 12. Rancangan Input Registrasi Pesanan
IV. HASIL DAN PEMBAHASAN
A. MembangunVirtualhost dan Jaringan Client
Gambar 9. Rancangan Input Register Member
Server
Adapun tahapan dalam membangun
c. Rancangan Input Kategori
VirtualHost dan jaringan Client Server pada MoWes
Portable adalah sebagai berikut:
1. Memindahkan Data (Mapping) www dan MySQL
pada MoWes Portable
Karena yang mau dipindahkan adalah folder
www dan MySQL saja, pertama-tama yang pasti
adalah backup dulu folder www dan data MySQL.
Defaultnya,
www
terletak
di
dalam
folder
"mowes_portable\www", dan data MySQL ada di
Gambar 10. Rancangan Input Kategori
"mowes_portable\www\data".
Copy folder itu ke
drive yang lebih aman, misalkan di F:\web. Setelah
d. Rancangan Input Menu
copy selesai, delete folder yang asli di dalam folder
tadi. Untuk melakukan proses mapping lakukan
langkah
berikut
ini
"mowes_portable\apache\conf\httpd.conf".# ^ Ubah
Internet Protokol --> (TCP/IP) Properties.
DocumentRoot
Isi : IP Address: 192.168.0.2, Subnet
"F:/web/RestoAyamPenyetJakarta
Mask: 255.255.255.0, Default
"
192.168.0.1
ServerName
Gateway:
b. Setting Pemetaan domain Client
ayampenyetjakarta.com
- Explorer
ServerAlias
C:\Windows\System32\drivers\e
ayampenyetjakarta.com
tc\ (bisa berbeda
ErrorLog
tergantung
versi
Windows Anda) - file "hosts"
logs/tomatech.dev.log
-
Buka file tersebut dengan
CustomLog
notepad atau text editor lain, tambahkan
logs/tomatech.dev.log combined
domain:
192.168.0.1 localhost
192.168.0.1 apj.com
- Save
Options Indexes
c. Testing
FollowSymLinks Includes
-
ExecCGI
Pasangkan kabel LAN, pastikan
antar komputer terkoneksi.
AllowOverride All
Order allow,deny
- Buka Browser (saya menggunakan Mozilla)
Allow from all
lalu ketikkan domain
yang dibuat tadi
(contoh: apj.com).
B. Tampilan Program
3. Settingan Client Server dalam VirtualHost
Tampilan program merupakan tahapan yang
Windows
menggambarkan antar muka program yang dijalankan
a. Setting Computer Server
pada resto Ayam Penyet Jakarta. Tampilan antar
1). Setting Network Connection
Pilih
Start\Control
Internet\View
muka berikut disesuaikan dengan bentuk peracangan
Panel\Network
Network
Status
and
antar muka yang telah didesain pada bab sebelumya.
and
Berikut Tampilan antar muka yang dijalankan pada
Task\Change Adaptor Setting\Local Area
Network (klik kanan properties) --> Internet
Protokol (TCP/IP) Properties.
sistem ini.
1.
Halaman Menu Utama
3.
Halaman Login Administrator
Gambar 15. Tampilan Halaman Login Admin
4.
Halaman Utama Administrator
Gambar 13. Tampilan Halaman Menu
Utama
2.
Halaman Gallery
Gambar 16. Tampilan Halaman Utama Administrator
5.
Halaman List Kategori
Gambar 17. Tampilan Halaman List Kategori
Gambar 14. Tampilan Halaman Gallery
6.
Halaman Tambah Kategori
9.
Halaman Pesanan
Gambar 18. Tampilan Halaman Tambah Kategori
7.
Gambar 21. Tampilan Halaman Pesanan
Halaman List Menu
10.
Halaman List Member
Gambar 19. Tampilan Halaman List Menu
8.
Halaman Tambah Menu
Gambar 22. Tampilan Halaman List Member
11.
Halaman Register Member
Gambar 20. Tampilan Halaman Tambah Menu
Gambar 23. Tampilan Halaman Register Member
12.
Halaman Laporan
1. Penggunaan Sistem Informasi Penjualan ini
sebaiknya
dilakukan
oleh
yang
memahami
komputer, terutama bagian kasir guna membantu
dalam meningkatkan pelayanan dan penjulan yang
efketif dan efesien.
2. Sistem Informasi Penjualan ini akan lebih baik
jika dikembangkan tidak berbasis pada jaringan
LAN saja dan lebih dari satu unit client hanya.
3. Penggunaan aplikasi sistem informasi penjualan
ini
Gambar 24. Tampilan Halaman Laporan
diharapkan
pengembangan
nantinya
dan
dapat
penyempurnaan
dilakukan
terhadap
sistem, seperti peningkatan keamanan terhadap
sistem, sistem online dan fitur-fitur lainnya untuk
V. KESIMPULAN DAN SARAN
melengkapi fasilitas yang telah ada.
A. KESIMPULAN
Berikut Beberapa kesimpuan yan diperoleh dari hasil
Islami, Fajrul. 2011. Perancangan Sistem Informasi
pembahasan diatas
1. Dengan perancangan sistem informasi penjualan di
Resto Ayam Penyet Jakarta yang dirancang untuk
menghasilkan aplikasi yang mampu mengolah
data produk dan transaksi, sehingga pengolahan
data produk dan transaksi menjadi lebih efektif
dan
efesien.
menyajikan
DAFTAR PUSTAKA
Perancangan
dan
ini
memberikan
juga
suatu
akan
bentuk
Penjualan Dengan Metode Barcode Pada Toko
Hidayah
Siteba
Menggunakan
Bahasa
Pemograman Visual Basic 6.0. Skripsi. Tidak
diterbitkan. Program Studi Sistem Informasi
Fakultas Ilmu Komputer Universitas Putra
Indonesia “YPTK” Padang.
Kadir, Abdul. 2009. Membuat Aplikasi Web dengan
pelayanan dan penjulan yang efektif dan efesien
PHP+Database
terhadap kebutuhan informasi yang tekait pada
Yogyakarta.
Mysql.
Andi
Offset.
produk dan transaksi.
2. virtual hosting adalah suatu metode membuat
beberapa nama domain dalam satu server dimana
penanganan untuk setiap nama domain terpisah.
dengan virtual host memungkinkan untuk berbagi
Kadir, Abdul. 2003. Pengenalan Sistem Informasi.
Andi. Yogyakarta.
Sutabri, Tata. 2005. Sistem Informasi Manajemen.
Andi Offset. Yogyakarta.
resource server yang meliputi memori dan
processor (http://en.wikipedia.org).
Wikipedia, 2013, Virtual Hosting, Update 22 August
2013,
B. SARAN
Adapun saran-saran yang dapat menjadi masukan
untuk perkembangan aplikasi ini adalah sebagai
berikut:
Dilihat
10
Oktober
2013.
WEB PADA RESTO AYAM PENYET JAKARTA MENGGUNAKAN BAHASA
PEMOGRAMAN PHP-MYSQL DAN JAVASCRIPT DENGAN AKSES CLIENTSERVER DAN VIRTUALHOST
Eko Kurnia Putra1), Yuhandri, S.Kom, M.Kom2), Sri Rahmawati, S.Kom, M.Kom3)
1) Teknik Informtika, UPI-YPTK, Padang
email: eko_ttsa@yahoo.co.id
2) Sistem Informasi, UPI-YPTK, Padang
email: yu2bib@yahoo.com
3) Sistem Informasi, UPI-YPTK, Padang
email: adryan_hd@yahoo.com
ABSTRAK - Resto Ayam Penyet Jakarta merupakan industri yang bergerak di bidang kuliner menyajikan
berbagai menu makanan dan minuman dengan spesialisasi andalannya ayam penyet. Demi kelancaran kegiatan
usaha restoran ini membutuhkan suatu bentuk sistem informasi penjualan yang efektif dan efisien. Tujuan dari
perancangan sistem informasi ini dapat membantu berbagai proses kegiatan di restoran mulai dari penyajian
informasi menu, pemesanan menu, pembayaran dan informasi lainnya.
Sistem informasi ini dirancang bebasis web dengan menggunakan bahasa pemograman PHP dan
JavaScript serta database MySQL. Untuk akes data dalam bentuk client-server dan vitualhost dengan nama
domain yang berbeda.
Dengan adanya aplikasi ini dapat memudahkan pengguna untuk mencari dan melihat informasi yang
tersedia di Resto Ayam Penyet Jakarta.
Kata Kunci : sistem informasi, penjualan, web, restoran, php, mysql, javascript, client, server, virtualhost.
Nana file jurnal : 10101152630316_Eko Kurnia Putra_Teknik Informatikan
masyarakat Indonesia, khususnya kota Padang. Ini
terbukti dengan banyaknya tempat-tempat kuliner
seperti resto, cafe dan jajanan kaki lima yang
menyajikan berbagai masakan nusantara maupun
I. PENDAHULUAN
internasional. Dalam hal pemanfaatan tekonologi
informasi dan komputer disektor ini mampu untuk
Perkembangan teknologi informasi dan komputer telah
meningkakan prospek usaha baik itu dalam penjualan,
mempengaruhi berbagai aktivitas manusia dalam
service, ataupun media promosi. Teknologi informasi
membangun sebuah usaha diantaranya adalah pada
digunakan untuk mengoptimalisasikan berbagai proses
sektor kuliner. Saat ini, sektor kuliner telah menjadi
dan aktifitas yang sebelumnya dikerjakan secara
salah satu bentuk usaha yang populer di kalangan
manual yang mampu mengerjakan suatu pekerjaan
dengan lebih baik serta mampu menyajikan data-data
C.
Blok Keluaran (output block)
dan informasi yang akurat dan dibutuhkan secara
Produk dari sistem informasi adaah keluaran
efektif dan efisien.
yang merupakan informasi yang berkualitas dan
Salah satu bentuk dari teknologi informasi dan
dokumentasi
komputer itu adalah website atau disingkat web.
tingkatan manajemen serta semua pemakai
Website adalah halaman informasi yang disediakan
sistem.
melalui jaringan sehingga bisa diakses di manapun
D.
yang
berguna
untuk
semua
Blok teknologi (technology block)
selama terkoneksi dengan jaringan. Untuk sekedar
Teknologi meerupakan "tool box" dalam sistem
diketahui teknologi lain dari teknologi informasi dn
informasi. Teknologi digunakan untuk menerima
komputer itu adalah client-server. Client-Server adalah
input, menjalankan model, menyimpan dan
pembagian
yg
mengakses data, menghasilkan dan mengirimkan
mengakses server dalam suatu jaringan. Jadi arsitektur
keluaran, dan membantu pengendalian dari
client-server adalah desain sebuah aplikasi terdiri dari
sistem secara keseluruhan.
kerja
antara
server
dan
client
client dan server yang saling berkomunikasi ketika
E.
Blok basis data (database block)
mengakses server dalam suatu jaringan. Sedangkan
Basis data (database) merupakan kumpulan data
VirtualHost merupakan salah satu fasilitas di apache
yang saling berkaitan dan berhubungan satu
yang bisa kita gunakan untuk mengelola banyak nama
dengan yang lain, tersimpan di perangkat keras
domain dengan satu nomor IP saja.
komputer dan menggunakan perangkat lunak
untuk memanipulasinya.
F.
II. KAJIAN PUSTAKA
Blok Kendali (control block)
Banyak hal yang dapat merusak sistem
A. Konsep Dasar Sistem Informasi
Konsep dari sistem infomasi menurut Alter
informasi, sperti bencana alam, api, temperatur, air,
adalah kombinasi antara prosedur kerja, informasi,
debu, kecurangan-kecurangan, kegagalan-kegagalan
orang dan teknologi informasi yang diorganisasikan
sistem itu sendiri, ketidak efisienan, sabotase dan lain
untuk mencapai tujuan tertentu (Abdul, 2003).
sebagainya.
Sistem informasi terdiri dari komponenkomponen
yang disebut blok bangunan (building
B. Konsep Dasar Penjualan
Menurut Syahrul dan Muhammad Afdi Nizar
block) (Tata, 2005), yang terdiri dari:
(2000; 716) disebutkan bahwa:
A.
Blok masukan (input block)
"Sale (penjualan) pendapatan yang diterima dari
Input mewakili data yang masuk ke dalam
pertukaran barang atau jasa dan di catat untuk satu
sistem informasi. Input disini termasuk metode
periode akuntansi tertentu, baik berdasarkan kas
dan media untuk menangkap data yang akan
(sebagaimana yang diterima) atau berdasarkan akrual
dimasukkan, yang dapat berupa dokumen-
(sebagaimana diperoleh)" (Fajrul. 2011).
Pada umumnya pada setiap perusahaan
dokumen dasar.
B.
Blok model (model block)
terdapat satu bagian atau departemen yang khusus
Blok ini terdiri dari kombinasi prosedur, logika,
bertugas dibidang penjualan atau untuk memperoleh
dan model matematik yang akan memanipulasi
pendapatan (Fajrul. 2011)..
data input dan data yang tersimpan di basis data
dengan
cara
yang
sudah
tertentu
menghasilkan keluran yang diinginkan.
untuk
C. Jaringan Client Server dan VirtualHost
Pada dasarnya, Client Server dibentuk oleh tiga
komponen dasar, yaitu Client, middleware, dan Server
(Sutedjo, dkk., 2006). Secara sederhana hubungan
dihadapi oleh sistem yang sedang berjalan, apa saja
antara ketiga komponen tersebut dapat diliha pada
pengaruhnya dan harus diperhatikan validasinya
gambar 2.8 berikut.
terhadap sasaran sistem yang dirancang sebelum
dilakukan perbaikan.
B. Perancangan Sistem
Perancangan
adalah
proses
pembuatan
Sumber:http://2.bp.blogspot.com/mzi4NQ2Bnng/Tog5
design tampilan dari sistem informasi yang akan
1_sV5aI/AAAAAAAAAcM/Pv7T6ZolYVk/s320/Client+
dibuat.
Server+Middleware.gif
penjualan pada resto ayam penyet jakarta adalah
Adapun
perancangan
sistem
informasi
sebagai berikut.
Gambar 1. Komponen Dasar Client Server
Menurut wikipedia virtual host atau virtual
hosting adalah suatu metode membuat beberapa nama
domain dalam satu server dimana penanganan untuk
setiap nama domain terpisah. dengan virtual host
memungkinkan untuk berbagi resource server yang
meliputi
memori
dan
processor
(http://en.wikipedia.org). Ada dua tipe dalam virtual
host, yaitu berbasis nama dan berbasis ip. intinya jika
1. Perancangan Output
Rancangan
output
merupakan
sebuah
rancangan yang menggambarkan keluaran yang
diinginkan dari sistem informasi yang dirancang.
Berikut adalah rancangan output Sistem Informasi
yang diusulkan.
a. Rancangan Output Halaman Utama
kita menginginkan satu server dapat kita akses dengan
banyak nama domain maka virtual host-lah solusinya.
III. ANALISA DAN PERANCANGAN
A. Analisa Sistem
Analisa sistem merupakan proses memilahmilah suatu permasalahan menjadi elemen-elemen
yang lebih kecil untuk dipelajari guna mempermudah
permasalahan dari suatu sistem informasi. Hasil akhir
dari analisa sistem merupakan cara pemecahan
masalah yang terjadi dalam spesifikasi sistem baru.
Pada
tahap
analisa
diperlukan
suatu
pendekatan analisa guna menghindari kesalahankesalahan
yang
mungkin
muncul
pada
tahap
berikutnya, yaitu perancangan sistem baru. Karena
pada tahap ini merupakan tahapan yang sangat
penting,
pendekatan
yang
dilakukan
adalah
mendefinisikan masalah pada sistem yang sedang
berjalan dan sekaligus melakukan evaluasi setiap cara
kerja sistem yang sedang berjalan berdasarkan
prosedur-prosedur yang ada. Sehingga akan diketahui
permasalahannya serta kesulitan apa saja yang
Gambar 2. Rancangan Output Halaman Utama
b. Rancangan Output Halaman Menu
Gambar 6. Rancangan Output Halaman Admin
f. Rancangan Output Laporan Transaksi
LAPORAN TRANSAKSI
RESTO AYAM PENYET JAKARTA
Jl. Proklamasi No.44 Tarandam, Padang
No.
int(13)
No. Order
int(13)
Total Transaksi
int(25)
int(13)
int(13)
int(25)
Bulan dan Tahun : xx-xxxx
Tgl. Transaski
datetime()
Status
varchar(30)
Gambar 3. Rancangan Output Halaman Menu
c. Rancangan Output Halaman Pesanan
datetime()
varchar(30)
Padang,
99
xxxxxxx
xx 9999
Gambar 7. Rancangan Output Laporan Transaksi
2. Perancangan Input
Rancangan
input
merupakan
sebuah
rancangan yang menggambarkan masukan/entry data
yang dapat dilakukan pada sistem informasi yang
dirancang. Berikut adalah rancangan input Sistem
Informasi yang diusulkan.
Gambar 4. Rancangan output Halaman Pesanan
a.
Rancangan Input Halaman Login User dan
Admin
d. Rancangan Output Bukti Pembayaran
Gambar 5. Rancangan Output Bukti Pembayaran
e. Rancangan Output Halaman Admin
Gambar 8. Rancangan Input Halaman Login User
dan Admin
b. Rancangan Input Register Member
Gambar 12. Rancangan Input Registrasi Pesanan
IV. HASIL DAN PEMBAHASAN
A. MembangunVirtualhost dan Jaringan Client
Gambar 9. Rancangan Input Register Member
Server
Adapun tahapan dalam membangun
c. Rancangan Input Kategori
VirtualHost dan jaringan Client Server pada MoWes
Portable adalah sebagai berikut:
1. Memindahkan Data (Mapping) www dan MySQL
pada MoWes Portable
Karena yang mau dipindahkan adalah folder
www dan MySQL saja, pertama-tama yang pasti
adalah backup dulu folder www dan data MySQL.
Defaultnya,
www
terletak
di
dalam
folder
"mowes_portable\www", dan data MySQL ada di
Gambar 10. Rancangan Input Kategori
"mowes_portable\www\data".
Copy folder itu ke
drive yang lebih aman, misalkan di F:\web. Setelah
d. Rancangan Input Menu
copy selesai, delete folder yang asli di dalam folder
tadi. Untuk melakukan proses mapping lakukan
langkah
berikut
ini
"mowes_portable\apache\conf\httpd.conf".# ^ Ubah
Internet Protokol --> (TCP/IP) Properties.
DocumentRoot
Isi : IP Address: 192.168.0.2, Subnet
"F:/web/RestoAyamPenyetJakarta
Mask: 255.255.255.0, Default
"
192.168.0.1
ServerName
Gateway:
b. Setting Pemetaan domain Client
ayampenyetjakarta.com
- Explorer
ServerAlias
C:\Windows\System32\drivers\e
ayampenyetjakarta.com
tc\ (bisa berbeda
ErrorLog
tergantung
versi
Windows Anda) - file "hosts"
logs/tomatech.dev.log
-
Buka file tersebut dengan
CustomLog
notepad atau text editor lain, tambahkan
logs/tomatech.dev.log combined
domain:
192.168.0.1 localhost
192.168.0.1 apj.com
- Save
Options Indexes
c. Testing
FollowSymLinks Includes
-
ExecCGI
Pasangkan kabel LAN, pastikan
antar komputer terkoneksi.
AllowOverride All
Order allow,deny
- Buka Browser (saya menggunakan Mozilla)
Allow from all
lalu ketikkan domain
yang dibuat tadi
(contoh: apj.com).
B. Tampilan Program
3. Settingan Client Server dalam VirtualHost
Tampilan program merupakan tahapan yang
Windows
menggambarkan antar muka program yang dijalankan
a. Setting Computer Server
pada resto Ayam Penyet Jakarta. Tampilan antar
1). Setting Network Connection
Pilih
Start\Control
Internet\View
muka berikut disesuaikan dengan bentuk peracangan
Panel\Network
Network
Status
and
antar muka yang telah didesain pada bab sebelumya.
and
Berikut Tampilan antar muka yang dijalankan pada
Task\Change Adaptor Setting\Local Area
Network (klik kanan properties) --> Internet
Protokol (TCP/IP) Properties.
sistem ini.
1.
Halaman Menu Utama
3.
Halaman Login Administrator
Gambar 15. Tampilan Halaman Login Admin
4.
Halaman Utama Administrator
Gambar 13. Tampilan Halaman Menu
Utama
2.
Halaman Gallery
Gambar 16. Tampilan Halaman Utama Administrator
5.
Halaman List Kategori
Gambar 17. Tampilan Halaman List Kategori
Gambar 14. Tampilan Halaman Gallery
6.
Halaman Tambah Kategori
9.
Halaman Pesanan
Gambar 18. Tampilan Halaman Tambah Kategori
7.
Gambar 21. Tampilan Halaman Pesanan
Halaman List Menu
10.
Halaman List Member
Gambar 19. Tampilan Halaman List Menu
8.
Halaman Tambah Menu
Gambar 22. Tampilan Halaman List Member
11.
Halaman Register Member
Gambar 20. Tampilan Halaman Tambah Menu
Gambar 23. Tampilan Halaman Register Member
12.
Halaman Laporan
1. Penggunaan Sistem Informasi Penjualan ini
sebaiknya
dilakukan
oleh
yang
memahami
komputer, terutama bagian kasir guna membantu
dalam meningkatkan pelayanan dan penjulan yang
efketif dan efesien.
2. Sistem Informasi Penjualan ini akan lebih baik
jika dikembangkan tidak berbasis pada jaringan
LAN saja dan lebih dari satu unit client hanya.
3. Penggunaan aplikasi sistem informasi penjualan
ini
Gambar 24. Tampilan Halaman Laporan
diharapkan
pengembangan
nantinya
dan
dapat
penyempurnaan
dilakukan
terhadap
sistem, seperti peningkatan keamanan terhadap
sistem, sistem online dan fitur-fitur lainnya untuk
V. KESIMPULAN DAN SARAN
melengkapi fasilitas yang telah ada.
A. KESIMPULAN
Berikut Beberapa kesimpuan yan diperoleh dari hasil
Islami, Fajrul. 2011. Perancangan Sistem Informasi
pembahasan diatas
1. Dengan perancangan sistem informasi penjualan di
Resto Ayam Penyet Jakarta yang dirancang untuk
menghasilkan aplikasi yang mampu mengolah
data produk dan transaksi, sehingga pengolahan
data produk dan transaksi menjadi lebih efektif
dan
efesien.
menyajikan
DAFTAR PUSTAKA
Perancangan
dan
ini
memberikan
juga
suatu
akan
bentuk
Penjualan Dengan Metode Barcode Pada Toko
Hidayah
Siteba
Menggunakan
Bahasa
Pemograman Visual Basic 6.0. Skripsi. Tidak
diterbitkan. Program Studi Sistem Informasi
Fakultas Ilmu Komputer Universitas Putra
Indonesia “YPTK” Padang.
Kadir, Abdul. 2009. Membuat Aplikasi Web dengan
pelayanan dan penjulan yang efektif dan efesien
PHP+Database
terhadap kebutuhan informasi yang tekait pada
Yogyakarta.
Mysql.
Andi
Offset.
produk dan transaksi.
2. virtual hosting adalah suatu metode membuat
beberapa nama domain dalam satu server dimana
penanganan untuk setiap nama domain terpisah.
dengan virtual host memungkinkan untuk berbagi
Kadir, Abdul. 2003. Pengenalan Sistem Informasi.
Andi. Yogyakarta.
Sutabri, Tata. 2005. Sistem Informasi Manajemen.
Andi Offset. Yogyakarta.
resource server yang meliputi memori dan
processor (http://en.wikipedia.org).
Wikipedia, 2013, Virtual Hosting, Update 22 August
2013,
B. SARAN
Adapun saran-saran yang dapat menjadi masukan
untuk perkembangan aplikasi ini adalah sebagai
berikut:
Dilihat
10
Oktober
2013.