1

PERANCANGAN SISTEM INFORMASI PROMOSI JENIS

LUKISAN BERBASIS WEB

Erik Riyadi1, Arkhadius 2, Ani Yoraeni 3

1
Jurusan Manajemen Informatika, Amik BSI Bekasi
Jl. Cut Mutiah No. 88 Bekasi Timur
Eriyadi13@gmail.com
2
Jurusan Manajemen Informatika, AMIK BSI Bekasi
Jl. Cut Mutiah No. 88 Bekasi Timur
Arkhadius
3
Jurusan Manajemen Informatika, AMIK BSI Bekasi
Jl. Cut Mutiah No. 88 Bekasi Timur
Ani Yoraeni

ABSTRACT

Right now the computer world is growing very rapidly especially with the internet. Many
convenience we will get with the internet, lies in its ability to facilitate a good job to spread or get
information.
In the field of technology has many stores or gallery painting that set the company’s technological
in developing it’s business. As internet users, because the existence of such facilities can show
improvement from the provision of information quickly.
Hence from that with the growing community need for information on the latest news, there is a
sophistication of Internet technology is expected to provide good information on matters
concerned with the company or any other news can be accessed easily by the public.
Device of website develop builded in operating system of Windows XP by using PHP, MySQL and
HTML.

Keywords : Program Design Web Based Promotion Information System

1. PENDAHULUAN mendapatkan informasi mengenai, model

dan harga pakaian pada Toko C2 Colection
Seiring dengan perkembangan teknologi Bekasi.
yang semakin pesat dan cepat Manfaat penelitian ini diharapkan dapat
perkembangannya, teknologi menjadi membantu memberikan informasi yang
pemicu yang sangat besar yang dapat mempunyai sifat online dalam efisiensi
mendorong manusia untuk terus menerus waktu, yaitu dapat diakses dimana saja dan
bersaing, baik dalam hal penggunaannya kapan saja dibutuhkan sehingga pihak yang
ataupun pengembangan teknologi yang baru berwenang dan membutuhkan informasi
guna memberikan peran besar dan tidak mengalami kesulitan untuk
kemudahan serta terciptanya keseimbangan memperolehnya dan efektif.
dalam setiap proses aktivitas atau kegiatan
kehidupan. II. LANDASAN TEORI
Jenis lukisan adalah suatu website yang
mempromosikan jenis lukisan yang 2.1. Landasan Teori
memudahkan orang untuk mengenal lebih Sebelum masuk ke dalam pembahasan
banyak lukisan. Didalam website tersebut mengenai spesifikasi rancangan web, penulis
terdapat beberapa lukisan contohnya mural juga akan mengemukakan teori
(lukisan dinding), lukis photo, realis, perancangannya karena materi difokuskan
karikatur, abstrak, hitam putih, sketsa. pada pengolahan data.
Namun permasalahannya jumlah peminat
lukisan sedikit dikarenakan promosinya 2.1.1. Konsep Dasar Web
terbatas hanya melalui media conventional. Menurut Ardhana (2012:3) “Web adalah
Tujuan dari penelitian ini adalah Untuk salah satu layanan sajian informasi yang
mempermudah pelanggan dalam mengunakan konsep hyperlink (tautan), yang

memudahkan surfer (sebutan para pemakai
komputer yang melakukan browsing atau
penelusuran informasi malalui internet)”.
Website bekerja menggunakan teknologi
yang disebut hypertext yang berkembang
menjadi HTTP (Hypertext Transfer
Protocol). Teknologi ini dapat
menggabungkan beberapa jenis representasi
dan metode pengaksesan informasi dan
menyajikan dalam beragam bentuk seperti
teks, grafik, suara, animasi, video dan masih
banyak lagi.
1. Pengertian Internet
Menurut Febrian (2008:27), Internet
yang kita kenal saat pertama kali
dikembangkan tahun 1969 dengan nama
ARPnet ( US Defenese Advanced Research
Projecst Agency) oleh Departemen
Pertahanan Amerika Serikat. ARPnet
dibangun dengan sasaran untuk membuat
jaringan komputer yang tersebar untuk
menghindari pemutusan informasi di satu
titik yang di pandang rawan untuk
dihancurkan apabila terjadi peperangan.
Asal nama jaringan yang dibuat adalah
ARPAnet, dalam waktu yang sama
ARPAnet telah terpisah menjadi dua
jaringan,yaitu ARPnet dan Milnet (sebuah
jaringan militer).
Untuk dapat menggunakan fasilitas
internet, biasanya kita harus berlangganan ke
salah satu ISP (Internet Service Provider),
penyedia layanan internet yang ada di kota
kita. Dengan memanfaatkan internet,
pemakai komputer di seluruh dunia dapat
saling berkomunikasi, tukar-menukar
informasi dan mengirimkan data dengan
sangat cepat. Dimana kecepatan dari
pengiriman data tersebut, tentunya didukung
oleh kecepatan transfer data yang disediakan
oleh ISP tersebut.
2. Dreamweaver 8
Dreamweaver menurut Hadi (2006:2)
adalah “sebuah program web editor yang
digunakan untuk membuat dan men-design
web”. Salah satu kekuatan Dreamweaver 8
adalah kemampuannya mendukung
pemrograman script server side seperti
Active Server Pages (ASP), ColdFusion,
Java Server Pages (JSP), dan Personal
Home Page (PHP). Selain itu, tentunya
mendukung pemrograman client side yang
sangat terkenal dan banyak dipakai oleh
orang, yakni HyperText Markup Language
(HTML) dan Java Script.
Merupakan salah satu aplikasi yang
digunakan untuk membuat file proses dari
berbagai macam bahasa pemrograman web
2
salah satunya PHP. Aplikasi ini mengunakan
dasar scripting programming dan design,
jadi aplikasi ini memiliki beberapa kelebihan
dibandingkan script editor yang lain karena
bisa digunakan sebagai script editor atau
design web.
3. Personal Home Page (PHP)
PHP menurut Suprianto (2008:290)
adalah “script yang menyatu dengan
HyperText Markup Language (HTML) dan
berada pada server (server side HTML
embedded scripting)”. Dengan PHP ini Anda
dapat membuat beragam aplikasi berbasis
web, mulai dari halaman web yang
sederhana sampai aplikasi komplek yang
membutuhkan koneksi ke database.
PHP juga salah satu bahasa server side
yang didesain khusus untuk aplikasi web.
PHP dapat disisipkan diantara bahasa
HTML dan karena bahasa Server Side, maka
bahasa PHP akan dieksekusi di server,
sehingga yang dikirimkan ke browser adalah
hasil jadi dalam bentuk HTML, dan kode
PHP anda tidak akan terlihat.
4. Pengertian PHPMyadmin
Menurut Nugroho (2008:13)
“PHPMyadmin adalah aplikasi berbasis web
yang dibuat dari pemrograman PHP dan
diramu dengan Javascript”. PHPMyadmin
juga dapat disebut sebagai tools yang
berguna untuk mengakses database MySQL
Server dalam bentuk tampilan web. Tools ini
secara standar telah disertakan pada saat
menginstal paket PHP, seperti
Apache2Triad.
Setiap RDBMS (Relation Database
Management System) seperti ORACLE,
SQL Server, dan MySQL pasti memiliki tool
yang dapat digunakan untuk mempermudah
pengoperasian database, ORACLE memiliki
TOAD, SQL Server memiliki Enterprise
Manager dan SQL Query Analyzer
sedangkan MySQL memiliki tool atau
aplikasi yang disebut PHPMyadmin.
5. MySQL
Menurut Firdaus (2007:56) “MySQL
adalah database yang menghubungkan
script php menggunakan perintah query dan
escape character yang sama dengan php”,
sedangkan menurut Anhar (2010:21)
“MySQL adalah sebuah perangkat lunak
sistem manajemen berbasis data SQL atau
DBMS, dari sekian banyak DBMS, seperti
ORACLE, dan SQL server 2000”. Adapun
keunggulan dari MySQL adalah:
a. Mampu menangani jutaan user dalam
waktu yang bersamaan.
 3

b. Mampu menampung lebih dari ditampilkan adalah satu halaman

50.000.000 record.
c. Sangat cepat mengeksekusi perintah.
d. MySQL menggunakan SQL dan bersifat
free (gratis).
e. MySQL dapat berjalan di berbagai
platform, antara lain Linux, Windows,
dan lain sebagainya.
MySQL (My Structure Query Language)
juga merupakan software sistem manajemen
database (Database Management System –
DBMS) yang sangat populer didalam
pemrograman web, terutama di lingkungan
linux. Dengan menggunakan script PHP,
software database ini dapat berfungsi atau
berjalan pada semua platform sistem operasi
yang biasa digunakan (Windows, Linux,
OS/2, berbagi varian Unix). Software Server
MySQL pertama dibuat oleh Michael
“Monty” Widenius dan kawan-kawannya,
pada tahun 1994.
6. 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
penggunaannya adalah Internet Explorer dan
Mozilla Firefox.
sebelumnya atau satu halaman sesudahnya.
Sumber: Prihatna (2005:51)
Gambar II.1
Struktur navigasi linier
b. Hierarchical (Hirarki)
Struktur Hierarchical merupakan suatu
struktur yang mengandalkan percabangan
untuk menampilkan data berdasarkan
kriteria tertentu. Tampilan pada menu
pertama akan disebut sebagai master page,
halaman utama ke satu. Halaman utama ini
akan mempunyai halaman percabangan yang
dikatakan slave page, halaman pendukung.
Jika salah satu halaman pendukung
diaktifkan, maka tampilan tersebut akan
bernama master page, halaman utama ke
dua. Pada struktur navigasi ini tidak
diperkenenkan adanya tampilan secara
linier.

2.1.2. Tools Program

Dalam pembuatan sebuah website
diperlukan sebuah tools program, tools
program berfungsi untuk penjelasan dari alur
multimedia yang dibuat dalam pembuatan
website.
1. Pengertian Struktur Navigasi Sumber: Prihatna (2005:51)
Navigasi termasuk struktur terpenting
dalam pembuatan suatu aplikasi multimedia Gambar II.2
dan gambarnya harus sudah ada pada tahap Struktur navigasi Hierarchical (hirarki)
perancangan. Menurut Prihatna (2005:51)
“Struktur Navigasi adalah Susunan menu c. Non Linier
atau hirarki dari suatu situs yang Pada struktur non linier diperkenankan
menggambarkan isi dari setiap halaman dan membuat struktur navigasi bercabang,
link atau navigasi tiap halaman pada suatu percabangan ini berbeda dengan
situs web”. percabangan pada struktur hirarki. Pada
Ada 4 macam bentuk dasar dari peta percabangan non linier walaupun terdapat
navigasi yang biasa digunakan dalam proses banyak percabangan tetapi tiap-tiap tampilan
pembuatan aplikasi multimedia, yaitu: mempunyai kedudukan yang sama tidak ada
a. Linier pada master page dan slave page.
Linier merupakan struktur yang hanya
mempunyai satu rangkaian cerita yang
berurut. Struktur ini menampilkan satu demi
satu tampilan layar secara berurut menurut
urutannya dan tidak diperbolehkan adanya
percabangan. Tampilan yang dapat

Sumber: Prihatna (2005:51)
Gambar II.3
Struktur navigasi non linier
d. Composite (Campuran)
Struktur navigasi composite (campuran)
merupakan gabungan dari ketiga struktur
sebelumnya. Struktur navigasi ini banyak
digunakan dalam pembuatan aplikasi
multimedia sebab dapat memberikan
keinteraksian yang lebih tinggi.
Sumber: Prihatna (2005:51)
Gambar II.4
Struktur navigasi composite (campuran)
2.2. Analisa Perancangan Web
Pada saat ini, komputer memegang
peranan yang sangat penting. Komputer
sebagai alat pengolah data tidak terlepas dari
peranan suatu sistem informasi didalam
segala bidang. Kemajuan teknologi
mendorong kita untuk mengikuti kemajuan
tersebut, salah satu kemajuan itu adalah
komputer.
Internet merupakan salah satu bagian
kemajuan teknologi komputer dan juga
sebagai media yang dapat memberikan
berbagai macam informasi mengenai
kemajuan teknologi. Dengan adanya
internet, kita dapat memperoleh banyak
informasi yang berguna baik yang berbentuk
informasi ilmiah, pendidikan, hiburan dan
juga karya-karya terbaik lainnya.
Dengan banyaknya informasi di berbagai
media khususnya internet dimana orang
4
selalu menginginkan informasi terbaru dan
teraktual, sehingga memerlukan suatu
pengelolaan manajemen database yang baik,
cepat dan efficient.
Kebanyakan halaman web sebuah gallery
sudah menyediakan fasilitas informasi
tentang gallery tersebut dimana sangat
diperlukan untuk menampilkan fasilitas yang
ada pada gallery guna untuk menarik calon
pelanggan. Maka dengan ini penulis
mencoba untuk membuat program yang
memberikan solusi bagi siapapun yang ingin
mengetahui informasi tentang gallery secara
cepat.
Bisa dipahami kekhawatiran yang
kebanyakan adalah penyalahgunaan
wewenang yang diberikan secara bebas
kepada siapapun namun kita bisa
mengatasinya dengan adanya administrator.
Dalam hal ini penulis akan memberikan
penjelasan secara detail mengenai rancangan
program yang dibuat pada sub-sub bab
berikut ini.
2.2.1. Tinjauan Kasus
Pada jaman teknologi seperti sekarang
ini, banyak orang yang tidak ingin bersusah
payah dalam mencari informasi jika mereka
ingin mengetahui informasi sebuah gallery.
Tetapi jika dilihat dari situasi seperti ini
maka gallery mencoba untuk menampilkan
informasi secara lengkap dan menarik untuk
dikunjungi. Web ini juga membantu mereka
untuk mengetahui lukisan yang dimiliki oleh
gallery tersebut. Sehingga pengelola gallery
dapat dengan mudah menginformasikannya.
2.2.2. Spesifikasi Rancangan Web
Didalam spesifikasi rancangan web,
penulis menggambarkan rancangan halaman,
diantaranya rancangan halaman web,
rancangan dokumen masukan dan dokumen
keluaran.
 5

1. Rancangan Halaman Home (Front-end) halaman index ini memiliki pintu-pintu yang
Halaman utama sebuah program berbasis menghubungkan dengan halaman yang lain.
web disebut juga dengan nama halaman Berikut ini rancangan halaman index yang
index. Halaman ini diberi nama index.php, ada pada web.

Gambar II.5
Rancangan Halaman Home

2. Rancangan Halaman Admin a. Rancangan halaman login administrator

Halaman ini adalah halaman khusus
untuk admin yang berfungsi untuk
menambah, meng-edit, meng-update, dan
menghapus data informasi yang ada didalam
website.
yaitu tampilan awal pada saat admin
akan mengakses ruang administrator,
admin harus mengisi username dan
password dengan benar untuk bias
masuk kedalam ruang administrator.

Gambar II.6
Rancangan Tampilan Login Admin
 6

b. Rancangan Tampilan Admin (Back-end) admin juga dapat menambah dan

Halaman ini tempat dimana admin dapat menghapus lukisan, daftar komentar,
melihat aktivitas web. Di halaman ini guest book, about dan news.

Gambar II.7
Rancangan Tampilan Admin
 7

2.2.3. Navigasi yang ada antara lain halaman

Struktur navigasi yang digunakan
untuk pembuatan web informasi jenis
lukisan adalah struktur navigasi
campuran, terlihat bagaimana isi dan
susunan dari sebuah web secara
menyeluruh. Untuk web ini maka isi
administrator dan user. Pembuatan
struktur navigasi web jenis lukisan ini
nantinya akan sangat membantu ketika
membuat rancangan. Diagram struktur
navigasi web jenis lukisan dapat dilihat
pada gambar dibawah ini.

Home

News Gallery Guest book About Contact us

Gambar II.8
Struktur navigasi website

Login Admin

Home Berita Komentar Guest Identitas Logout

Hubungi Gallery Profile
Book Web

hapus hapus hapus update batal Home

tambah edit hapus tambah edit hapus update batal

Gambar II.9
Struktur navigasi ruang administrator
 8

2.2.5. Spesifikasi Sistem Komputer atau Disk Drive. Spesifikasi hardware yang
Penerapan suatu sistem komputerisasi direkomendasikan adalah sebagai berikut:
tidak terletak dari pada penggunaan a. Server side
peralatan yang sanggup melakukan Processor : Pentium IV 1.6 GHz
pengolahan data. Salah satu penunjang RAM : 512 MB
sistem tersebut adalah peralatan dan sistem Hardisk : 40 GB
komputer, yang kita kenal dengan perangkat Monitor : SVGA, 15 inchi
keras (hardware) dan perangkat lunak Keyboard : 114 Keys
(Software). Mouse : Standard Mouse
Untuk melaksanakan pengolahan data b. Client side
suatu komputer mempunyai beberapa Processor : Pentium IV 1.6 GHz
komponen yang terdiri dari : RAM : 512 MB
1. Alat Pembaca Data : Input Hardisk : 40 GB
2. Alat Pengolahan Data :Central Monitor : SVGA, 15 inchi
Processing Unit Keyboard : 114 Keys
3. Alat Penghasil : Output Mouse : Standard Mouse
Setiap unit komponen mempunyai tugas
yang berlainan, namun di dalam 2. Perangkat Lunak (Software)
melaksanakan suatu pekerjaan, unit yang Perangkat Lunak (software) adalah
digunakan akan bekerja secara sinkron kumpulan beberapa perintah yang dieksekusi
dengan dikendalikan oleh Control Unit atau oleh mesin komputer dalam menjalankan
Section. Sedangkan fungsi dari sistem pekerjaannya. perangkat lunak ini
operasi itu sendiri sebagai alat pengendali merupakan catatan bagi mesin komputer
yang secara terpadu bertindak sebagai untuk menyimpan perintah, maupun
penghubung antara komputer dengan dokumen serta arsip lainnya. Software
pemakainya. merupakan data elektronik yang disimpan
Sebagaimana telah diketahui, bahwa sedemikian rupa oleh komputer itu sendiri,
sistem yang baik tidak akan berhasil data yang disimpan ini dapat berupa
diterapkan atau diimplementasikan apabila program atau instruksi yang akan dijalankan
tidak didukung oleh sarana yang baik. oleh perintah, maupun catatan-catatan yang
Sarana yang baik bukan berarti yang diperlukan oleh komputer untuk
bermerek atau mahal harganya, tetapi sarana menjalankan perintah yang dijalankannya.
yang baik haruslah sesuai dengan spesifikasi Fasilitas Software itu sendiri terdiri dari
sistem yang dibutuhkan memberikan hasil sistem design, program dan prosedur-
yang optimal. prosedur lainnya. Disini penulis
1. Perangkat Keras (Hardware) menerangkan bahwa sistem komputer
Hardware atau dalam bahasa indonesia- perangkat lunak yang dapat digunakan
nya disebut juga dengan nama “perangkat adalah sebagai berikut:
keras” adalah salah satu komponen dari a. Server side
sebuah komputer yang sifat alat nya bisa Sistem Operasi : Cloud Linux
dilihat dan diraba secara langsung atau yang Web Server : Apache2Triad
berbentuk nyata, yang berfungsi untuk Web Browser : Mozilla Firefox
mendukung proses komputerisasi. Hardware atau Google
dapat bekerja berdasarkan perintah yang Chrome
disebut dengan dengan istilah instruction set. Platform program : PHP
Dengan adanya perintah yang dapat Database : MySQL
dimengerti oleh hardware tersebut, maka b. Client side
hardware dapat melakukan berbagai Sistem Operasi : Linux, Mac OS,
kegiatan yang telah ditentukan oleh pemberi Windows XP, dan
perintah. Windows 7
Hardware terdiri dari unit masukan Program Aplikasi Design : Dreamweaver
(Input), Unit pemrosesan (Process), Unit Web Server : Apache2Triad
keluaran (Output), dan untuk simpanan luar Web Browser : Mozilla Firefox
(Memory). Pemilihan suatu komputer antara atau Google
lain ditentukan oleh kapasitas komputer dan Chrome
unit pengolahan datanya (CPU), Unit Database : MySQL
pemasukkan datanya yaitu keyboard dan
media penyimpanan datanya berupa Hardisk
 9

III. PENUTUP DAFTAR PUSTAKA

3.1. Kesimpulan Ardhana, Yosef Murya Kusuma. 2012. PHP

Dalam bab ini, penulis mencoba menarik :Menyelesaikan Website 30 Juta.
kesimpulan dari seluruh pokok pembahasan Yogyakarta :Jasakom.
pada bab-bab sebelumnya yang ada dalam
Tugas Akhir ini. Sebagai akhir dari Tugas Febrian, Jack. 2008. Menggunakan Internet.
Akhir ini, penulis akan menyimpulkan Bandung:Informatika.
uraian-uraian yang telah dikemukakan pada
bab-bab sebelumnya sehingga dapat Hadi, Mulya. 2006. 7 Jam Belajar Interaktif
memberikan gambaran secara umum tentang Dreamweaver 8 untuk Orang Awam.
penulisan Tugas Akhir ini, adapun Palembang: Maxikom.
kesimpulannya adalah sebagai berikut :
1. Dengan dibuatnya website ini diharapkan Suprianto, Dodit. 2008. Buku Pintar
dapat memberikan kemudahan bagi para Pemograman PHP. Bandung: OASE
pengunjung untuk dapat lebih mudah Media.
mendapatkan informasi tentang salon.
2. Website ini juga dapat mempermudah Nugroho, Bunafit. 2008. Trik dan Rahasia
pemilik salon untuk meng-update secara Membuat Aplikasi Web Dengan PHP.
cepat informasi yang ada pada salon Yogyakarta : Gaya Media.
tersebut.
3. Website ini dibuat untuk menarik para Firdaus. 2007. PHP & MySQL dengan
pengunjung agar dapat berinteraksi dan Dreamweaver. Palembang: Maxikom
bertanya secara langsung tentang
perawatan yang ada pada salon. Irawan.2011. Panduan Berinternet Untuk
4. Pemilik salon juga dapat menghemat Orang Awam.Palembang :Maxikom.
biaya untuk mempromosikan salonnya.
Prihatna, Henky. 2005. Kiat Praktis Menjadi
3.2. Saran-saran Webmaster Profesional Jakarta:
Untuk menunjang keberhasilan website PT. Elex Media Komputindo.
ini, penulis menyarankan beberapa hal yang
harus dilakukan oleh para pengguna web
sebelum masuk kesistem ini.
Adapun saran-saran dari penulis antara lain:
1. Untuk merancang sebuah website,
diharapkan memperhatikan website yang
akan dirancang dari memberikan
informasi yang lengkap dan memiliki
navigator yang jelas agar memudahkan
dan memberikan kenyamanan
pengunjung.
2. Agar dapat menarik pengunjung suatu
website, diharapkan untuk selalu
melakukan pembaharuan website secara
berkala sehingga informasi didalamnya
selalu mengikuti perkembangan zaman
yang up to date.
3. Untuk menghindari kehilangan data,
sebaiknya dibuat file-file back-up
sehingga apabila terjadi kesalahan atau
kehilangan data, dapat dengan mudah
diperbaiki.
4. Diharapkan untuk memberikan informasi
yang jelas dan bermanfaat agar dapat
menambah pengetahuan bagi para
pengunjung.