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 sifatnya mendunia (World Wide) dan menjadi sarana untuk tukar

menukar 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 bersama-

sama 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

Web server adalah komputer yang digunakan untuk menyimpan dokumen-

dokumen 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.

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.

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 Sistem Baru

− Penyampainyan informasi pada Mac

Mohan masih melalui media cetak dan

web statis.

− Throughput,

aktifitas menjelaskan informasi Mac

Mohan dan pencatatan identitas

konsumen dilakukan dalam satu aktifitas

transaksi pemesanan

− Response time,

Memakan waktu lama

− Proses penyampaian informasi tidak

hanya melaluai media cetak dan

elektronik namun juga melalui web

yang dinamis, yang menyediakan

informasi yang dapat diakses kapan

saja.

− Kinerja yang dilakukan pencatatan

dan konfirmasi kepastian produk

secara langsung

− Waktu yang digunakan singkat.

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 Sistem Baru

− Informasi yang disampaikan bersifat

terbatas dan tidak akurat

Contohnya ; data - data ketersedian

layanan yang selalu berubah–ubah

− Adanya keterlambatan penyampai

− Informasi yang disampaikan bersifat

menyeluruh tentang informasi

perusahaan dan layanan baik

pemesanan dan pembelian produk.

− 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 dilakukan pada

penyewahan hosting 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 cetak atau

elektronika untuk dipublikasikan sulit

untuk melakukan perubahan apabila

terjadi kesalahanan atau perubahan

informasi.

− Kontrol terhadap informasi lebih

mudah karena publikasi yang

dilakukan lewat website dikelolah

oleh bagian pengolahan data Mac

Mohan, sehingga kesalahan

informasi langsung dapat diperbaiki.

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 Sistem Baru

− Pengunaan waktu yang kurang efisien − Dengan adanya media informasi

11

dalam memberi informasi pemesanan

dan pembelian kepada konsumen.

tambahan seperti website dapat

meningkatkan kuantitas informasi

yang di sampaikan, dan waktu untuk

penyampaian singkat dan jelas.

Sehingga sangat 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

pada saat jam kerja dan lewat fasilitas

telepon atau dikantor.

− Pelayanan yang diberikan bisa lewat

email, serta contact from yang ada di

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

website yang dibuat

Bagi konsumen atau mengunjung dalam

pengoperasian website

Bagi administrator pengendalian operasi

sistem

Mampu

Sangat baik, dengan tampilan

situs yang dapat dimengerti.

Baik,

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 Spesifikasi Hardware Kebutuhan Ketersediaan

1.

2.

3.

4.

5.

6.

7.

Matherboard

Procesor

Ram

Harddisk

DVD RW

Monitor ,

Keyboard dan Mouse

Intel Corporation D

E 2200

Intel (R) Pentium (R) D CPU

2,20Ghz

DDR 1 Gbmb visipro PC 5300

80 Gb Seagate 7200 Rpm

52 X LG

Sami dan PRO touch

Samsung 17”

Ya

Ya

Ya

Ya

Ya

Ya

Ya

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 Spesifikasi Kebutuhan Ketersediaan

1.

2.

4.

4.

5.

6

7

Sistem Operasi

Web Server

Database server

Desain Grafis

Desain web

Script Engine

Web Browser

Windows Xp Profesional Porf

with Sp2

Apache

MySql

Asobe Photohshop 07

Dreamweaver MX 2004

PHP

Internet Expoler

Ya

Ya

Ya

Ya

Ya

Ya

Ya

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

b. Halaman Customer

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.

admin

news profile category product orderguestbook

lihatlihatlihat lihat lihat

edit

lihat

shop_config user

tambah

edit

hapus

tambah

edit

hapus

hapus tambah

edit

hapus

tambah

edit

hapus

lihat

edit tambah

edit

lihat

hapus

Customer

news profile category product orderguestbook

lihatlihatlihat lihat lihat

tambah

lihat

shop_config

lihat

tambah

15

1. Flowchart Admin

Mulai

Nama user & password

Masuk ke menu admin

Pilih Menu

Hapus Data

Simpan

Edit DataTambah Data

DATABASE SMK YPKK 2

SLEMAN

Login

Tambah Edit Hapus

Logout

Gambar 4.1. Flowchart admin

T

F

T T T

F

F

F

Mac Mohan

16

2. Flowchart Customer

a a use & pass o d

Masuk ke menu Organisasi

Pilih Menu

Simpan

Edit DataTambah Data

DATABASE SMK YPKK 2

SLEMAN

Tambah Edit

Logout

Gambar 4.2. Flowchart customer

T

F

T

F

Customer

Mulai

Login

Mac Mohan

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

PK cat_id

FK1 cat_parent_id cat_name cat_description cat_images

tbl_product

PK pd_id

FK1 cat_id pd_name pd_description pd_price pd_qty pd_images pd_thumbnail pd_data pd_last_update

tbl_cart

PK ct_id

FK1 pd_id ct_session_id ct_qty ct_date

tbl_order

PK 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_order_item

FK1 od_idFK2 pd_id od_qty

tbl_user

PK user_id

user_name user_password user_regdate user_last_login

tbl_shop_config

sc_name sc_address sc_phone sc_email sc_shipping_costFK1 sc_currency

tbl_currency

PK cy_id

cy_code cy_symbol

tbl_profile

PK pr_id

pr_name pr_description pr_image pr_thumbnail

tbl_guestbook

PK gu_id

gu_name gu_address gu_email gu_phone gu_description gu_date

tbl_news

PK n_id

n_name n_description n_date n_image n_thumbnail

Gambar 4.3. Relasi antar tabel.

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