PERANCANGAN SISTEM INFORMASI PROMOSI

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
[email protected]
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
Seiring dengan perkembangan teknologi
yang
semakin
pesat
dan
cepat
perkembangannya,
teknologi
menjadi
pemicu yang sangat besar yang dapat
mendorong manusia untuk terus menerus
bersaing, baik dalam hal penggunaannya
ataupun pengembangan teknologi yang baru
guna memberikan peran besar dan
kemudahan serta terciptanya keseimbangan
dalam setiap proses aktivitas atau kegiatan
kehidupan.
Jenis lukisan adalah suatu website yang
mempromosikan
jenis
lukisan
yang
memudahkan orang untuk mengenal lebih
banyak lukisan. Didalam website tersebut
terdapat beberapa lukisan contohnya mural
(lukisan dinding), lukis photo, realis,
karikatur, abstrak, hitam putih, sketsa.
Namun permasalahannya jumlah peminat
lukisan sedikit dikarenakan promosinya
terbatas hanya melalui media conventional.
Tujuan dari penelitian ini adalah Untuk
mempermudah
pelanggan
dalam
mendapatkan informasi mengenai, model
dan harga pakaian pada Toko C2 Colection
Bekasi.
Manfaat penelitian ini diharapkan dapat
membantu memberikan informasi
yang
mempunyai sifat online dalam efisiensi
waktu, yaitu dapat diakses dimana saja dan
kapan saja dibutuhkan sehingga pihak yang
berwenang dan membutuhkan informasi
tidak
mengalami
kesulitan
untuk
memperolehnya dan efektif.
II. LANDASAN TEORI
2.1. Landasan Teori
Sebelum masuk ke dalam pembahasan
mengenai spesifikasi rancangan web, penulis
juga
akan
mengemukakan
teori
perancangannya karena materi difokuskan
pada pengolahan data.
2.1.1. Konsep Dasar Web
Menurut Ardhana (2012:3) “Web adalah
salah satu layanan sajian informasi yang
mengunakan konsep hyperlink (tautan), yang
2
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
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
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.
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
Navigasi termasuk struktur terpenting
dalam pembuatan suatu aplikasi multimedia
dan gambarnya harus sudah ada pada tahap
perancangan. Menurut Prihatna (2005:51)
“Struktur Navigasi adalah Susunan menu
atau hirarki dari suatu situs yang
menggambarkan isi dari setiap halaman dan
link atau navigasi tiap halaman pada suatu
situs web”.
Ada 4 macam bentuk dasar dari peta
navigasi yang biasa digunakan dalam proses
pembuatan aplikasi multimedia, yaitu:
a. Linier
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
ditampilkan
adalah
satu
halaman
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.
Sumber: Prihatna (2005:51)
Gambar II.2
Struktur navigasi Hierarchical (hirarki)
c. Non Linier
Pada struktur non linier diperkenankan
membuat struktur navigasi bercabang,
percabangan
ini
berbeda
dengan
percabangan pada struktur hirarki. Pada
percabangan non linier walaupun terdapat
banyak percabangan tetapi tiap-tiap tampilan
mempunyai kedudukan yang sama tidak ada
pada master page dan slave page.
4
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
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 utama sebuah program berbasis
web disebut juga dengan nama halaman
index. Halaman ini diberi nama index.php,
halaman index ini memiliki pintu-pintu yang
menghubungkan dengan halaman yang lain.
Berikut ini rancangan halaman index yang
ada pada web.
Gambar II.5
Rancangan Halaman Home
2. Rancangan Halaman Admin
Halaman ini adalah halaman khusus
untuk admin yang berfungsi untuk
menambah, meng-edit, meng-update, dan
menghapus data informasi yang ada didalam
website.
a.
Rancangan halaman login administrator
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)
Halaman ini tempat dimana admin dapat
melihat aktivitas web. Di halaman ini
admin juga
dapat menambah dan
menghapus lukisan, daftar komentar,
guest book, about dan news.
Gambar II.7
Rancangan Tampilan Admin
7
yang ada
antara
lain
halaman
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.
2.2.3. Navigasi
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
Home
News
Gallery
Guest book
About
Contact us
Gambar II.8
Struktur navigasi website
Login
Home
tambah
Berita
edit
Admin
Komentar
Guest
Book
Hubungi
hapus
hapus
hapus
hapus
tambah
Gallery
Identitas
Web
Profile
update
edit
Gambar II.9
Struktur navigasi ruang administrator
hapus
Logout
batal
update
Home
batal
8
2.2.5. Spesifikasi Sistem Komputer
Penerapan suatu sistem komputerisasi
tidak terletak dari pada penggunaan
peralatan
yang
sanggup
melakukan
pengolahan data. Salah satu penunjang
sistem tersebut adalah peralatan dan sistem
komputer, yang kita kenal dengan perangkat
keras (hardware) dan perangkat lunak
(Software).
Untuk melaksanakan pengolahan data
suatu komputer mempunyai beberapa
komponen yang terdiri dari :
1. Alat Pembaca Data
: Input
2. Alat Pengolahan Data :Central
Processing Unit
3. Alat Penghasil
: Output
Setiap unit komponen mempunyai tugas
yang
berlainan,
namun
di
dalam
melaksanakan suatu pekerjaan, unit yang
digunakan akan bekerja secara sinkron
dengan dikendalikan oleh Control Unit atau
Section. Sedangkan fungsi dari sistem
operasi itu sendiri sebagai alat pengendali
yang secara terpadu bertindak sebagai
penghubung antara komputer dengan
pemakainya.
Sebagaimana telah diketahui, bahwa
sistem yang baik tidak akan berhasil
diterapkan atau diimplementasikan apabila
tidak didukung oleh sarana yang baik.
Sarana yang baik bukan berarti yang
bermerek atau mahal harganya, tetapi sarana
yang baik haruslah sesuai dengan spesifikasi
sistem yang dibutuhkan memberikan hasil
yang optimal.
1. Perangkat Keras (Hardware)
Hardware atau dalam bahasa indonesianya disebut juga dengan nama “perangkat
keras” adalah salah satu komponen dari
sebuah komputer yang sifat alat nya bisa
dilihat dan diraba secara langsung atau yang
berbentuk nyata, yang berfungsi untuk
mendukung proses komputerisasi. Hardware
dapat bekerja berdasarkan perintah yang
disebut dengan dengan istilah instruction set.
Dengan adanya perintah yang dapat
dimengerti oleh hardware tersebut, maka
hardware dapat melakukan berbagai
kegiatan yang telah ditentukan oleh pemberi
perintah.
Hardware terdiri dari unit masukan
(Input), Unit pemrosesan (Process), Unit
keluaran (Output), dan untuk simpanan luar
(Memory). Pemilihan suatu komputer antara
lain ditentukan oleh kapasitas komputer dan
unit pengolahan datanya (CPU), Unit
pemasukkan datanya yaitu keyboard dan
media penyimpanan datanya berupa Hardisk
atau Disk Drive. Spesifikasi hardware yang
direkomendasikan adalah sebagai berikut:
a. Server side
Processor
: Pentium IV 1.6 GHz
RAM
: 512 MB
Hardisk
: 40 GB
Monitor
: SVGA, 15 inchi
Keyboard
: 114 Keys
Mouse
: Standard Mouse
b. Client side
Processor
: Pentium IV 1.6 GHz
RAM
: 512 MB
Hardisk
: 40 GB
Monitor
: SVGA, 15 inchi
Keyboard
: 114 Keys
Mouse
: Standard Mouse
2. Perangkat Lunak (Software)
Perangkat Lunak (software) adalah
kumpulan beberapa perintah yang dieksekusi
oleh mesin komputer dalam menjalankan
pekerjaannya.
perangkat
lunak
ini
merupakan catatan bagi mesin komputer
untuk menyimpan perintah, maupun
dokumen serta arsip lainnya. Software
merupakan data elektronik yang disimpan
sedemikian rupa oleh komputer itu sendiri,
data yang disimpan ini dapat berupa
program atau instruksi yang akan dijalankan
oleh perintah, maupun catatan-catatan yang
diperlukan
oleh
komputer untuk
menjalankan perintah yang dijalankannya.
Fasilitas Software itu sendiri terdiri dari
sistem design, program dan prosedurprosedur
lainnya.
Disini
penulis
menerangkan bahwa sistem komputer
perangkat lunak yang dapat digunakan
adalah sebagai berikut:
a. Server side
Sistem Operasi
: Cloud Linux
Web Server
: Apache2Triad
Web Browser
: Mozilla Firefox
atau
Google
Chrome
Platform program
: PHP
Database
: MySQL
b. Client side
Sistem Operasi
: Linux, Mac OS,
Windows XP, dan
Windows 7
Program Aplikasi Design : Dreamweaver
Web Server
: Apache2Triad
Web Browser
: Mozilla Firefox
atau Google
Chrome
Database
: MySQL
9
III. PENUTUP
DAFTAR PUSTAKA
3.1. Kesimpulan
Dalam bab ini, penulis mencoba menarik
kesimpulan dari seluruh pokok pembahasan
pada bab-bab sebelumnya yang ada dalam
Tugas Akhir ini. Sebagai akhir dari Tugas
Akhir ini, penulis akan menyimpulkan
uraian-uraian yang telah dikemukakan pada
bab-bab sebelumnya sehingga dapat
memberikan gambaran secara umum tentang
penulisan Tugas Akhir ini, adapun
kesimpulannya adalah sebagai berikut :
1. Dengan dibuatnya website ini diharapkan
dapat memberikan kemudahan bagi para
pengunjung untuk dapat lebih mudah
mendapatkan informasi tentang salon.
2. Website ini juga dapat mempermudah
pemilik salon untuk meng-update secara
cepat informasi yang ada pada salon
tersebut.
3. Website ini dibuat untuk menarik para
pengunjung agar dapat berinteraksi dan
bertanya secara langsung tentang
perawatan yang ada pada salon.
4. Pemilik salon juga dapat menghemat
biaya untuk mempromosikan salonnya.
Ardhana, Yosef Murya Kusuma. 2012. PHP
:Menyelesaikan Website 30 Juta.
Yogyakarta :Jasakom.
3.2. Saran-saran
Untuk menunjang keberhasilan website
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.
Febrian, Jack. 2008. Menggunakan Internet.
Bandung:Informatika.
Hadi, Mulya. 2006. 7 Jam Belajar Interaktif
Dreamweaver 8 untuk Orang Awam.
Palembang: Maxikom.
Suprianto, Dodit. 2008. Buku Pintar
Pemograman PHP. Bandung: OASE
Media.
Nugroho, Bunafit. 2008. Trik dan Rahasia
Membuat Aplikasi Web Dengan PHP.
Yogyakarta : Gaya Media.
Firdaus. 2007. PHP & MySQL dengan
Dreamweaver. Palembang: Maxikom
Irawan.2011. Panduan Berinternet Untuk
Orang Awam.Palembang :Maxikom.
Prihatna, Henky. 2005. Kiat Praktis Menjadi
Webmaster Profesional Jakarta:
PT. Elex Media Komputindo.