1 analisis dan perancangan sistem informasi - Journal

advertisement
1
ANALISIS DAN PERANCANGAN SISTEM INFORMASI BERBASIS
WEB SEBAGAI MEDIA PROMOSI DAN TRANSAKSI PADA
MAC MOHAN SOLO JAWA TENGAH
Naskah Publikasi
diajukan oleh :
Sobri
07.22.0745
kepada
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIKOM
YOGYAKARTA
2010
2
3
WEB BASED INFORMATION SYSTEM ANALYSIS AND DESIGN AS PROMOTING
MEDIA AND TRANSACTION AT MAC MOHAN SOLO CENTRAL JAVA
ANALISIS DAN PERANCANGAN SISTEM INFORMASI BERBASIS WEB SEBAGAI
MEDIA PROMOSI DAN TRANSAKSI PADA
MAC MOHAN SOLO JAWA TENGAH
Sobri
Jurusan Sistem Informasi
STMIK AMIKOM Yogyakarta
ABSTRACT
The aim of this research is to design a system that will present complete and
accurate information on MacMohan’s products. Research methodology used is analysis
method that includes data collection by surveys, interviews, and literature study in order
to acquire information as the foundation in designing the system. Design methods used
are database design, web structuring, module generation and interface design.
The intended result of this research writing is for the consumers to have
information of MacMohan and products sold on this store, to ease consumers in doing
transaction, and to do online transaction without any need to visit the store. In short,
consumers can acquire up-to-date products information as well as other information on
MacMohan by simply visiting the concerned web that also provide alternative of product
ordering for MacMohan customers.
Keywords : Analysis, design. Internet
4
1.
Pendahuluan
Saat ini kebutuhan akan informasi yang cepat dan tepat semakin meningkat.
Tanpa disadari hal ini turut merubah cara menusia dalam berkomunikasi, mencari berita,
bertukar informasi dan memenuhi kebutuhan hidupnya. Informasi menjadi salah satu
elemen penting dalam kehidupan sehari-hari.
Website adalah salah satu media informasi berbasis internet yang mampu
memenuhi kebutuhan informasi tersebut, khususnya bagi dunia usaha dan bisnis.
Informasi mengenai dunia usaha dan bisnis
banyak tersedia di internet dan dapat
digunakan oleh siapapun secara cuma-cuma. Selain itu website juga dapat dimanfaatkan
sebagai media periklanan, transaksi dan penyampaian informasi oleh perusahaan atau
suatu lembaga organisasi baik bisnis maupun non bisnis. Informasi yang disediakan
dapat berupa promosi suatu produk, layanan publik, informasi, dan lain sebagainya.
Saat ini terdapat jutaan website di internet. Kita dapat mengakses seluruh
informasi yang disediakan didalamnya. Website juga menjadi salah satu sarana
komunikasi yang
menukar
sifatnya mendunia (World Wide) dan menjadi sarana untuk tukar
informasi bagi
penggunanya. Website tidak
hanya
digunakan untuk
menampilkan informasi saja, namun website mulai digunakan untuk aplikasi yang banyak
membutuhkan interaksi dari pengguna (user).
2.
Landasan Teori
2.1
Konsep Dasar Sistem
Defenisi sistem berdasarkan aturan sebuah sistem adalah sistem sebagai suatu
jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersamasama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu
[1].
Proses yang terjadi dalam sebuah sistem didasarkan pada aturan-aturan kerja
yang telah ditetapkan untuk suatu sistem. Proses kerja dalam suatu sistem yang
dimaksudkan dalam defenisi diatas adalah saling terintegrasi dengan tujuan pencapaian
keberadaan sistem.
Defenisi sistem secara umum adalah kumpulan dari subsistem-subsistem yang
saling berinteraksi dan terintegrasi untuk mencapai tujuan dan sasaran dari kehadiran
sistem tersebut. Komponen dari suatu sistem dapat berupa fisik, yaitu berupa perangkat
keras yang mendukung, dan hasil proses dari sebuah sistem. Dapat juga berupa
komponen non fisik, yaitu berupa perangkat lunak dan kerangka konseptual sistem
operasi berupa manual pengguna sistem.
2.2
Konsep Dasar Informasi dan Sistem Informasi
Kosep dasar informasi menjelaskan standar nilai nformasi, siklus informasi,
komponen serta kualitas yang dihasilkan oleh suatu sistem sehingga informasi tersebut
5
masih dianggap layak atau tidak layak lagi digunakan dalam mendukung pencapaian
tujuan dalam penerapan sistem informasi dalam suatu perusahaan.
Siklus informasi adalah gambaran secara umum proses data-data sehingga
menjadi informasi. Informasi yang dihasilkan sebagai keluaran (output) dari proses akan
menjadi data masukan (input) bagi pemrosesan selanjutnya. Informasi merupakan hasil
dari penggunaan suatu model proses yang ditetapkan untuk memproses data-data.
Informasi merupakan proses lanjut dari data-data dan memiliki nilai tambah, dari
kategorinya informasi dikelompokan menjadi informasi strategis, praktis dan teknis.
Sedangkan ukuran kualitas informasi untuk pengambilan keputusan dalam lingkungan
bisnis di tentukan oleh beberapa kreteria, yaitu :
1. Akurat
2. Relevan
3. Tepat waktu
Sistem
informasi
adalah
suatu
kegiatan
dari
prosedur-prosedur
yang
diorganisasikan, bilamana dieksekusi akan menyediakan informasi untuk mendukung
pengambilan keputusan
Internet [2] adalah jaringan terbesar yang menghubungkan jutaan komputer yang
tersebar diseluruh dunia. Siapa saja dapat terhubung pada interet sepanjang memiliki
alamat IP (internet protocol). Dengan internet, tersedia banyak sumber daya yang
menjadi kekuatan internet sebagai media komunikasi-iformasi, yaitu Email, Word wide
Web (WWW), Telnet dan lainya
Web menggunakan protocol yang disebut dengan HTTP (Hyper Text Transfer
Protocol) yang berjalan pada TCP/IP. Adapaun dokumen web diletakan pada Web server
(server yang melayani permintaan halaman web) dan diakses oleh klien (pengakses
informasi) melalui perangkat lunak yang disebut Web Browser atau dikenal dengan
browser saja. Pada perkembangan terkini, web tidak hanya digunakan untuk mengakses
halaman web (web page) saja, namun digunakan sebagai sistem informasi yang
terkoneksi dengan database yang sifatnya transaksional.
2.3
Pemrograman Website
Semua web yang ada di internet dibangun dengan menggunakan suatu script
dasar yaitu HTML (Hypertext Markup Language). HTML termasuk Client Side Scripting
karena script HTML diproses disisi client dan user dapat melihat script HTML yang
menyusun suatu halaman web.
PHP merupakan bahasa standar yang digunakan dalam dunia web site. PHP
adalah bahasa program yang berbentuk script yang diletakkan di dalam server web.
Mulanya PHP diciptakan dari ide Rasmus Lerdof yang membuat sebuah script perl.
Script tersebut sebenarnya dimaksudkan untuk digunakan sebagai program untuk dirinya
6
sendiri. Akan tetapi, kemudian dikembangkan lagi sehingga menjadi sebuah bahasa
yang disebut “Personal Home Page”. Hampir seluruh aplikasi berbasis web dapat dibuat
dengan PHP, namun fungsi PHP yang paling utama adalah untuk menghubungkan
database dengan web. Sistem database yang telah didukung oleh PHP antara lain
Oracle, Sybase mSQL, MySQL, Solid, Generic ODBC, PostgreSQL [3].
Client side scripting merupakan bahasa pemrograman internet
yang akan
dieksekusi oleh browser dalam format*.html. Biasanya client side yang digunakan untuk
hal-hal yang membutuhkan interaksi user tetapi data yang ditampilkan tetap sama
dengan menggunakan server side scripting.
Server side scripting merupakan dokumen-dokumen yang digunakan dalam
membangun suatu aplikasi internet yang dijalankan pada sisi server dan dikirimkan ke
browser dalam bentuk HTML. Jika yang diinginkan oleh seorang user adalah file yang
mengandung perintah server side maka server web akan menjalankan dahulu program
tersebut lalu mengirimkannya kembali ke browser dalam bentuk HTML sehingga dapat
diterjemahkan oleh browser.
2.4
Perangkat Lunak Pembangaun Website
MySQL (My Structure Query Language) adalah sebuah program pembuat
database yang bersifat open source, sehingga dapat dijalankan pada semua platform
baik window maupun Linux. Selain itu, MySQL juga merupakan program pengakses
database yang bersifat jaringan sehingga dapat digunakan untuk aplikasi Multi user
(Banyak Pengguna). Saat ini database MySQL telah digunakan hampir oleh semua
programer database, apalagi dalam pemrograman website.
1
Kelebihan lain dari MySQL adalah penggunaan bahasa query standar, SQL
adalah suatu bahasa permintaan yang terstruktur yang telah distandarkan untuk semua
program pengakses database seperti Oracle, Posgres SQL, SQL Server dan lain-lain.
Sebagai sebuah program penghasil database, MySQL tidak dapat berjalan sendiri tanpa
adanya sebuah aplikasi lain (interface). MySQL dapat didukung oleh hampir semua
program aplikasi baik yang open source seperti PHP maupun yang tidak, yang ada pada
platform Window seperti Visual Basic, Delphi dan lainnya.
Web server adalah komputer yang digunakan untuk menyimpan dokumendokumen website, komputer server ini akan melayani permintaan dokumen dari clientnya.
Web server diperlukan agar fungsi-fungsi server pada halaman website yang
menggunakan server side scripting yang ada pada halaman tersebut dapat dieksekusi
dan ditampilkan pada browser. Web server yang banyak digunakan antara lain Personal
Web Server, Internet Information Service (IIS), Apache, Xitami dan lain sebagainya.
7
Apache merupakan turunan dari web server yang dikeluarkan oleh NSCA
(http://hoohoo.nsca.uiuc.edu), yaitu NSCA HTTPd sekitar tahun 1995-an. Pada dasarnya,
Apache adalah “A PatCHy” (path) dan pengganti dari NSCA HTTPd. Apache Web Server
merupakan tulang punggung dari WWW. Web Server menunggu permintaan dari client
yang menggunakan Web Browser. Web Server dapat berkomunikasi dengan clientnya
menggunakan protocol HTTP. Apache berada di bawah GNU (General Public Licenci)
yang
bersifat gratis sehingga Apache dapat di download gratis pada alamat
http://www.apache.org . Saat ini, Apache banyak digunakan sebagai web server untuk
portal-portal besar.
Cara kerja Apache
a. Browser meminta sebuah halaman index.php
b. Permintaan diterima oleh web server (server yang melayani permintaan
halaman website)
c.
Web Server menerima dan memeriksa halaman index.php dan
memeriksa apakah halaman index.php menggunakan database.
d. Jika menggunakan database, web server akan menggambil kedalam
database
Browser website mempunyai tugas untuk menterjemahkan informasi yang
diterima dari server website dan menampilkan pada layar komputer pengguna. Internet
Explorer adalah browser program aplikasi yang dapat menampilkan dokumen website
keluaran Microsoft Coorporation. Beberapa hal yang harus diperhatikan dalam memilih
sebuah website browser agar nantinya memudahkan untuk memperoleh sesuai dengan
apa yang diinginkan adalah sebagai berikut :
a. Mudah diinstal
b. Mudah disesuaikan dengan pemakai
c.
Memungkinkan menjelajahi website yang paling umum
d. Mendukung keamanan transaksi
e. Mendukung piranti internet yang lain
f.
Bekerja cepat.
g. Sudah built-in dalam sistem operasi
Adobe Photoshop merupakan Software pengolah image buatan Adobe yang
sangat handal dan mudah pengunaannya. Sampai saat ini Adobe Photoshop sudah
mencapai versi Photoshop CS yang merupakan pengembangan dari Photoshop 7.0,
Dukungan plug-in dari berbagai sumberpun banyak tersedia, mulai yang gratis maupun
bayar, menjadikan Adobe Photoshop sebagai standar pengolah gambar kelas dunia.
Dukungan format file pada Photoshop, antara lain:
a. Photoshop Document (.psd)
8
b.
Bitmap Image (.bmp)
c.
Join Photographic Experts Group (.jpg)
d. Graphics Interchange Format (.gif).
e. Portable Network Graphic (.png)
Macromedia Dreamweaver 8 adalah Software professional untuk desain dan
manajemen situs web dengan tingkat fleksibilitas yang tinggi [4]. tingkat fleksibel
dimaksud memungkinkan user dengan keahlian tingkat lanjut (advance) untuk membuat
situs web dengan cara menuliskan kode HTML pada tool pemograman yang terintergrasi
pada software ini atau memungkinkan user tingat awal (beginner) membuat situs web
dengan menggunakan lingkungan visual editing pada menu-menu yang sudah
disediakan. Dreamweaver 8 selain mendukung pembuatan web yang berbasis HTML,
juga mendukung program-program web yang lain, seperti PHP, VB Script, Coldfusion,
ASP,
Perl,
Java
script,
XML,
CSS
dan
lain-lain.
Dreamweaver
merupakan
pengembangan software situs web yang memberikan tingkat kompabilitas tinggi dengan
software dari Macromedia dan Adobe sendiri seperti: Macromedia Flash, Macromedia
Fireworks, Adobe Photoshop, Adobe Illustrator.
Saat ini, banyak dijumpai situs-situs yang menggunakan animasi yang berfungsi
game, banner, film, button, navigasi atau presentasi. Sejak versi pertamanya, SWISH
1.51 telah menarik banyak web developer baik yang telah menguasai flash maupun yang
belum untuk memanfaatkannya dalam pembuatan animasi. Jika ingin membuat animasi
yang bagus tanpa menggunakan flash, maka SWISH 2.0 merupakan salah satu alat yang
tepat. Hal ini dikarenakan SWISH 2.0 memiliki kemudahan-kemudahan yang dapat
menghasilkan animasi komplek yang indah, baik dari segi teks, grafik, maupun suara.
Saat ini, SWISH 2.0 sudah memiliki 150 built-in efek seperti explode, vortex, 3D spin,
snake dan lain-lain. SWISH 2.0 memiliki perangkat bantu untuk membuat garis, kotak,
elips, kurva Bezier, animasi, sprite dan tombol roll over, yang semuanya dapat dilakukan
dengan mudah.
SWISH 2.0 dapat mengekspor ke format file SWF yang menjadi standar format
untuk animasi flash sehingga dapat dimainkan di setiap komputer yang memiliki flash
player. Animasi SWISH 2.0 dapat langsung diletakkan di halaman web atau di import ke
macromedia flash. Selain itu, dapat juga dikirimkan ke Email, diikutkan dalam presentasi
Microsoft powerpoint, atau dokumen word.
9
3.
Analisis
Analisis sistem dapat didefinisikan sebagai pengunaan dari sistem informasi
yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mendefinisikan
dan mengevaluasi permasalahan, kesempatan, hambatan yang terjadi dan kebutuhan
yang diharapkan. Tahap analisis sistem merupakan tahapan yang sangat sangat penting,
karena kesalahan ditahap ini akan menyebabkan kesalahan ditahap berikutnya.
3.1
Analisis PIECES
a.
Analisis Kinerja (Performance)
Kinerja dapat diukur dari thoughput dan response time. Throughput adalah
jumlah dari pekerjaan yang dapat dilakukan suatu sistem tertentu. Response time adalah
rata – rata waktu yang tertunda diantara dua pekerjaan ditambah dengan waktu response
untuk menangani pekerjaan tersebut.
Tabel 3.1. Analisis kinerja
Sistem Lama
− Penyampainyan
Sistem Baru
Mac
− Proses penyampaian informasi tidak
Mohan masih melalui media cetak dan
hanya melaluai media cetak dan
web statis.
elektronik namun juga melalui web
informasi
pada
− Throughput,
yang dinamis, yang menyediakan
aktifitas menjelaskan
Mohan
dan
informasi Mac
pencatatan
identitas
konsumen dilakukan dalam satu aktifitas
informasi yang dapat diakses kapan
saja.
− Kinerja yang dilakukan pencatatan
dan konfirmasi kepastian produk
transaksi pemesanan
− Response time,
secara langsung
− Waktu yang digunakan singkat.
Memakan waktu lama
b. Analisis Informasi (Information)
Apabila kemampuan dan kualitas informasi baik, maka perusahaan akan
mendapatkan informasi yang akurat, tepat waktu
dan relevan sesuai dengan yang
diharapkan.
Tabel 3.2. Analisis informasi
Sistem lama
− Informasi
yang
Sistem Baru
disampaikan
bersifat
− Informasi yang disampaikan bersifat
terbatas dan tidak akurat
menyeluruh
Contohnya ; data - data ketersedian
perusahaan
layanan yang selalu berubah–ubah
pemesanan dan pembelian produk.
− Adanya
keterlambatan
penyampai
tentang
dan
informasi
layanan
baik
− Penyajian informasi dilakukan secara
10
informasi ke konsumen.
menyeluruh dan cepat,mulai dari
penyajian profile perusahaan ,info
layanan pemesanan dan pembelian.
c. Analisis Ekonomi (Economic)
Merupakan peningkatan pendapatan karena adanya sistem baru terhadap
manfaat, atau penurunan bianya yang terjadi berdasarkan penilaian secara ekonomis
Tabel 3.3. Analisis ekonomi
Sistem Lama
Sistem Baru
− Biaya untuk memasang iklan di media
cetak dan elektronik terlalu mahal.
− Biaya
hanya
penyewahan
dilakukan
hosting
pada
dan
pemeliharaan web yang saat ini tidak
mahal
d. Analisis Kontrol (Control)
Pengendalian
atau
kontrol
dalam
sebuah
sistem
sangat
diperlukan
keberadaannya untuk menghindari dan mendeteksi secara dini terhadap penyalah
gunaan atau kesalahan sistem serta untuk menjamin keamanan data atau informasi.
Dengan adanya kontrol, maka tugas atau kinerja yang mengalami gangguan bisa di
perbaiki.
Tabel 3.4. Analisis kontrol
Sistem Lama
Sistem Baru
− Control terhadap informasi lebih susah
dilakukan, karena data
yang sudah
diberikan kepada media
elektronika
untuk
terjadi
untuk
melakukan
− Kontrol
mudah
terhadap
informasi
lebih
karena
publikasi
yang
cetak
atau
dilakukan lewat website dikelolah
dipublikasikan
sulit
oleh bagian pengolahan data
perubahan
kesalahanan
atau
apabila
perubahan
Mohan,
sehingga
Mac
kesalahan
informasi langsung dapat diperbaiki.
informasi.
e. Analisis Efisiensi (Efficiency)
Efisiensi berhubungan dengan bagaimana kita menggunakan sumber – sumber
daya yang ada dengan penggunaan paling minimum.
Tabel 3.5. Analisis efesiensi
Sistem Lama
− Pengunaan waktu yang kurang efisien
Sistem Baru
− Dengan
adanya
media
informasi
11
dalam memberi informasi pemesanan
tambahan
seperti
dan pembelian kepada konsumen.
meningkatkan
website
kuantitas
dapat
informasi
yang di sampaikan, dan waktu untuk
penyampaian
Sehingga
singkat
sangat
dan
jelas.
mengefisiensi
waktu bagi pegawai.
f.
Analisis Pelanyanan (Service)
Merupakan peningkatan terhadap pelanyanan yang diberikan oleh sistem. Dalam
suatu perusahaan peningkatan pelayanan terhadap pelanggan atau konsumen
merupakan tujuan utama.
Tabel 3.6. Analisis pelayanan
Sistem Lama
Sistem Baru
− Pelayanan yang diberikan hanya sebatas
− Pelayanan yang diberikan bisa lewat
pada saat jam kerja dan lewat fasilitas
email, serta contact from yang ada di
telepon atau dikantor.
website. Dan itu bisa dilakukan oleh
pemakai (konsumen) kapan saja dan
dimana saja selama terhubung lewat
internet.
3.2
Analisis Kelayakan
Studi kelayakan adalah suatu studi yang akan digunakan untuk menentukan
apaka proyek pengembangan sistem layak dipakai atau tidak. Ada empat macam
kelayakan yang dapat dipertimbangkan, yaitu :
a. Kelayakan Teknis (Technical Feasibility)
Dalam menentukan kelayakan teknis pada pembuatan situs website dapat dilihat
dari :
1. Ketersediaan Teknologi
Pada dasarnya teknologi yang digunakan baik hardware dan software
ketersediaannya ada di pasaran dan dapat dijangkau.
2. Ketesediaan ahli yang dapat mengoperasi sistem
Dengan adanya aplikasi yang sederhana dan mudah dipahami dengan pelatihan
yang diberikan akan memunculkan tenaga – tenaga ahli yang diinginkan.
b. Kelayakan Operasi (Operation Fesibility)
Kelayakan operasi, yaitu menganalisis apakah sistem dapat diimplementasikan.
Dan dapat dilihat pada tabel dibawah ini yang di lakukan pada sistem yang dibuat.
12
Tabel 3.7. Penilaian kelayakan operasi
Pertimbangan

Penilaiaan kelayakan
Kemampuan personil dalam pengoperasian

Mampu

Sangat baik, dengan tampilan
website yang dibuat

Bagi konsumen atau mengunjung
dalam
pengoperasian website

situs yang dapat dimengerti.
Bagi administrator pengendalian operasi

Baik,
sistem
c. Kelayakan Ekonomi (Economic Feasibility)
Kelayakan ekonomi, yaitu dengan menganalisis manfaat penggunaan dan
potensi pengembalian secara ekonomi dari pembangunan sistem itu. Kelayakan dapat
dilihat dari Payback Period , Return On Investment dan Net Present Value yang dimana
peneliti akan menjabarkan pada analisis biaya dan manfaat.
d. Kelayakan Hukum (Low Feasibility)
Dalam kelayakan hukum
dapat dilihat dari perangkat lunak (software) yang
digunakan untuk mendukung pembuatan aplikasi apakah software atau perangkat lunak
yang digunakan semuanya orisinil atau legal dengan lisensi yang dilindungi oleh
undang- undang hak cipta.
3.3
Analisis Kebutuhan Sistem
a. Kebutuhan Perangkat keras ( Hardware )
Untuk merancang dan pembuatan sistem informasi berbasis web dibutuhkan
perangkat keras agar program aplikasi yang dibuat dapat berjalan dengan baik.
Spesifikasi yang digunakan adalah Computer PC dimana spesifikasinya sebagai berikut :
Tabel 3.8. Kebutuhan perangkat keras
No
1.
2.
3.
Spesifikasi Hardware
Matherboard
Procesor
Ram
Kebutuhan
Ketersediaan
Intel Corporation D
Ya
E 2200
Ya
Intel (R) Pentium (R) D CPU
Ya
2,20Ghz
Ya
DDR 1 Gbmb visipro PC 5300
Ya
80 Gb Seagate 7200 Rpm
Ya
Ya
4.
Harddisk
52 X LG
5.
DVD RW
Sami dan PRO touch
6.
Monitor ,
Samsung 17”
7.
Keyboard dan Mouse
13
b. Kebutuhan Perangkat Lunak ( Software )
Software atau perangkat lunak yang digunakan untuk mendukung dan
merancang pembuatan sistem informasi berbasis web Mac Mohan ini harus sesuai
dengan kebutuhan.
Tabel 3.9. Spesifikasi software
No
1.
Spesifikasi
Sistem Operasi
Kebutuhan
Ketersediaan
Windows Xp Profesional Porf
Ya
with Sp2
Ya
2.
Web Server
Apache
Ya
4.
Database server
MySql
Ya
4.
Desain Grafis
Asobe Photohshop 07
Ya
5.
Desain web
Dreamweaver MX 2004
Ya
6
Script Engine
PHP
Ya
7
Web Browser
Internet Expoler
Ya
c. Kebutuhan Pengguna
Pengguna dari sistem yang dibuat adalah pihak administrator dan pihak user
atau konsumen. Yang mana administrator sebagai pengolah website dan pencatatan
data konsumen .sedangkan pihak user yang mengakses untuk mengetahui informasi
mengenai mac mohan dan produk-produk yang ditawarkan.
4.
Hasil Penelitian dan Pembahasan
4.1
Struktur Situs Web
Struktur situs web berfungsi untuk mengetahui relasi antar dokumen web yang
akan dibuat. Dari struktur tersebut, dapat diketahui hubungan antar file sehingga
memberikan kemudahan untuk menentukan alur link-link dalam web tersebut. Adapun
tujuan dari tahap pembuatan struktur web ini adalah:
1. Memberi kemudahan dalam melihat struktur web
2. Mempermudah dalam tahap perancangan web
3. Meminimalkan waktu proses pembuatan web karena sudah ada pola desain web
sebagai acuan.
Pembuatan situs web Mac Mohan mempunyai struktur web sebagai berikut:
14
a. Halaman Admin
admin
news
profile
guestbook
category
product
order
shop_config
user
lihat
lihat
lihat
lihat
lihat
lihat
lihat
lihat
tambah
tambah
hapus
tambah
tambah
edit
edit
tambah
edit
edit
edit
edit
edit
hapus
hapus
hapus
hapus
hapus
b. Halaman Customer
Customer
news
profile
guestbook
category
product
order
shop_config
lihat
lihat
lihat
lihat
lihat
lihat
lihat
tambah
tambah
4.2
Flowchart Sistem
Flowchart
sisem
adalah
suatu
model
logika
yang
digunakan
untuk
menggambarkan sistem secara fisik dan menunjukkan arus suatu model dalam program.
Dibawah ini adalah flowchart sistem yang digunakan dalam pembuatan web Mac Mohan.
15
1. Flowchart Admin
Mulai
Login
F
Nama user &
password
T
Masuk ke menu
admin
Pilih Menu
F
F
F
Tambah Data
T
Edit Data
T
Tambah
Hapus Data
T
Edit
Simpan
DATABASE
SMK Mohan
YPKK 2
Mac
SLEMAN
Logout
Gambar 4.1. Flowchart admin
Hapus
16
2. Flowchart Customer
a a use &
Mulaio d
pass
Login
Masuk
ke menu
Organisasi
Customer
Pilih Menu
F
F
Tambah Data
Edit Data
T
T
Tambah
Edit
Simpan
DATABASE
SMK Mohan
YPKK 2
Mac
SLEMAN
Logout
Gambar 4.2. Flowchart customer
17
4.3
Relasi antar Tabel
Relasi antar tabel menggambarkan tentang hubungan masing-masing tabel
terhadap tabel lainnya. Dengan adanya relasi tersebut akan mempermudah pembacaan
tabel kerena akan terlihat file mana yang dijadikan primary key dan foreign keynya.
Hubungan tersebut akan mempengaruhi tabel jika terjadi pengimputan, penghapusan,
maupun pengubahan data pada tebel tertentu.
Setelah melalui tahap normalisasi, menghasilkan gambar yang hubungan antar
tabel yang dapat dilihat pada gambar 4.3 jumlah seluruh tabel berjumlah 11 tabel.
tbl_category
tbl_cart
PK
cat_id
PK
pd_id
PK
ct_id
FK1
cat_parent_id
cat_name
cat_description
cat_images
FK1
cat_id
pd_name
pd_description
pd_price
pd_qty
pd_images
pd_thumbnail
pd_data
pd_last_update
FK1
pd_id
ct_session_id
ct_qty
ct_date
tbl_order
PK
tbl_product
tbl_guestbook
PK
FK1
FK2
od_id
pd_id
od_qty
FK1
tbl_user
PK
user_id
user_name
user_password
user_regdate
user_last_login
tbl_currency
cy_id
cy_code
cy_symbol
Gambar 4.3. Relasi antar tabel.
gu_id
gu_name
gu_address
gu_email
gu_phone
gu_description
gu_date
sc_name
sc_address
sc_phone
sc_email
sc_shipping_cost
sc_currency
PK
n_id
n_name
n_description
n_date
n_image
n_thumbnail
tbl_shop_config
tbl_order_item
od_id
od_date
od_last_update
od_status
od_memo
od_shipping_first_name
od_shipping_last_name
od_shipping_address1
od_shipping_address2
od_shipping_phone
od_shipping_city
od_shipping_state
od_shipping_postal_code
od_shipping_cost
od_payment_first_name
od_payment_last_name
od_payment_address1
od_payment_address2
od_payment_phone
od_payment_city
tbl_news
PK
tbl_profile
PK
pr_id
pr_name
pr_description
pr_image
pr_thumbnail
18
4.4
Tampilan Halaman
Gambar-gambar dibawah ini menampilkan contoh tampilan halaman-
halaman website antara lain halaman utama admin, halaman utama untuk
customer, halaman tentang Mac mohan, Halaman produk dan halaman
konfigurasi pesanan.
Gambar 4.4. Halaman utama admin
Gambar 4.5. Halaman utama customer
19
Gambar 4.6. Halaman tentang Mac Mohan
Gambar 4.7. Halaman produk
20
Gambar 4.8. Halaman konfigurasi pesanan
5.
Kesimpulan
Berdasarkan perancangan dan implementasi sistem informasi berbasis web
sebagai media promosi dan transaksi dapat ditarik beberapa kesimpulan sebagai berikut
:
1. Pembuatan sitem informasi sebagai media promosi dan transaksi akan
membantu efektifitas kegiatan usaha
2. Melihat ruang lingkup kerja Mac Mohan yang sangat luas yaitu meliputi beberapa
kota di Jawa Tengah, maka website ini akan sangat membantu jika
diimplementasikan secara nyata, karena website yang dimaksud dapat
melakukan pemesanan secara online dari manapun dengan menggunakan
fasilitas internet. Sehingga konsumen yang berada diluar kota akan terbantu
dalam pembelian produk
DAFTAR PUSTAKA
Jerry Fitz Gerald, Ardra F Gerald dan Warren D Starling jr. 1981. Fundamentals of
System Analysis. Edisi kedua.NewYork. John Willey & Sons
.Eddy Purwanto. 2003. Pengantar World Wide Web,
http://www.ekanofiansari.files.wordpress.com200709latihan-1.doc, diakses tanggal
21 Oktober 2009
Bunafit Nugroho. PHP & MySQL dengan Editor Dreamweaver MX. Hal 29-30
Henky Prihatna. 2005. Kiat Praktis menjadi web master professional. Elex Media
Komputindo, Jakarta
Download