87
BAB IV IMPLEMENTASI SISTEM
4.1 Lingkungan Implementasi
Pada bagian ini akan dijelaskan mengenai perangkat keras dan perangkat lunak yang dibutuhkan dalam implementasi sistem. Perangkat yang digunakan
untuk implementasi sistem ini yaitu laptop dengan spesifikasi sebagai berikut :
Perangkat Keras
a. Processor Intel Core 2 Duo.
b. Memori RAM 1 GB.
c. Hard Disk 150 GB.
Perangkat Lunak
a. Sistem Operasi Windows XP.
b. Photoshop CS2 untuk mendesain interface.
c. Dreamwever 8 untuk mendesain sistem.
d. PHP yang digunakan untuk web server.
e. Web server apache 2.
f.
Mysql untuk mendesain database.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
4.2 Implementasi Database
Setelah pendesainan rancangan dari Entity Relationship Diagram, maka didapatlah table – table yang akan digunakan dalam web promosi dan penjualan
UD. SRIWIJAYA Ponorogo adalah :
Tabel Customers
Fungsi : Tabel ini berisi calon pembeli yang belum melakukan proses registrasi.
Primary Key : Id_customers.
Gambar 4.1 Tabel Customers
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Tabel Customer Info
Fungi : Tabel ini berisi info registrasi.
Primary key : Id_category info.
Gambar 4.2 Tabel Customers Info
Tabel Produk
Fungsi : Tabel ini berisi data produk yang ditawarkan oleh UD. Primary Key :
Id_produk
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.3 Tabel Produk
Tabel Order
Fungsi : Tabel ini berisi pemesanan produk di UD.
Primary Key : Id_order
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.4 Tabel Order
4.3 Implementasi Program
Perancangan Sistem Informasi Manajemen SIM Berbasis E- Commerce Di UD. SRIWIJAYA Ponorogo,berupa aplikasi, penerapan dari
rancangan yang telah dibuat pada bab III. Disini akan membahas tentang implementasi aplikasi yang telah dibuat.
4.3.1 Desain alir Program Website User
Gambar berikut ini merupakan desain alur program yang dirancang penulis untuk user.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.5 Alur Program Website
Web ini dirancang untuk dapat menampilkan informasi yang boleh diakses oleh tiga user yaitu sales administration, staff warehouse
administration dan customer. Dalam hal ini staff merupakan user yang me- manage web UD. SRIWIJAYA. Customers merupakan pengunjung yang
masuk keweb yang sudah melakukan proses sign-up dan memiliki username di UD. SRIWIJAYA.
4.4 Desain Interface
Untuk mengetahui desain interface dibuat model desain interface untuk beberapa halaman website.
Gambar 4.6 merupakan desain halaman index web UD. SRIWIJAYA Ponorogo.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.6 Desain Halaman Index web
Keterangan :
Login digunakan sebagai otoritasi untuk mengakses fitur yang
ada sesuai dengan hak akses user.
Halaman ini berfungsi untuk mengatuhi informasi mengenai UD. SRIWIJAYA Ponorogo dan fitur web apa saja yang
ditawarkan. Selain itu user yang sudah memiliki username atau e-mail dan password dapat melakukan login di halaman ini.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
requireincludesapplication_top.php;
the following cPath references come from application_top.php category_depth = top;
if issetcPath tep_not_nullcPath { categories_products_query = tep_db_queryselect count as total from .
TABLE_PRODUCTS_TO_CATEGORIES . where categories_id = . intcurrent_category_id . ;
cateqories_products = tep_db_fetch_arraycategories_products_query; if cateqories_products[total] 0 {
category_depth = products; display products } else {
category_parent_query = tep_db_queryselect count as total from . TABLE_CATEGORIES . where parent_id = . intcurrent_category_id . ;
category_parent = tep_db_fetch_arraycategory_parent_query;
Gambar 4.7 Segmen Program Index. Php
Gambar 4.8 merupakan desain interface dari halaman home web UD. SRIWIJAYA Ponorogo.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.8
Halaman Home
Keterangan :
Halaman ini berfungsi untuk mengatur fitur web apa saja yang ditawarkan oleh UD. SRIWIJAYA Ponorogo, categories
merupakan produk terbaru apa saja yang ditawarkan.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
-- body --
table border=0 width=100 cellspacing=3 cellpadding=3 tr
td width=?php echo BOX_WIDTH; ? valign=toptable border=0 width=?php echo BOX_WIDTH; ? cellspacing=0 cellpadding=2
-- left_navigation -- ?php requireDIR_WS_INCLUDES . column_left.php; ?
-- left_navigation_eof -- tabletd
-- body_text -- ?php
if category_depth == nested { category_query = tep_db_queryselect cd.categories_name, c.categories_image
from . TABLE_CATEGORIES . c, . TABLE_CATEGORIES_DESCRIPTION . cd where c.categories_id = . intcurrent_category_id . and cd.categories_id =
. intcurrent_category_id . and cd.language_id = . intlanguages_id . ; category = tep_db_fetch_arraycategory_query;
? td
width=100 valign=toptable border=0 width=100
cellspacing=0 cellpadding=0 tr
tdtable border=0 width=100 cellspacing=0 cellpadding=0
Gambar 4.9 Segmen Program Home. Php
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.10 menunjukan desain dari halaman categories pada web UD. SRIWIJAYA Ponorogo.
Gambar 4.10 Halaman Categories
Keterangan :
Pilihan menu sesuai dengan hak akses yang diberikan kepada customers.
Foto merupakan foto dari produk yang akan dipilih.
Data produk dan harga merupakan keterangan lengkap dari
produk yang dipilih.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
?php if category_depth == nested {
category_query = tep_db_queryselect cd.categories_name, c.categories_image from . TABLE_CATEGORIES . c, . TABLE_CATEGORIES_DESCRIPTION
. cd where c.categories_id = . intcurrent_category_id . and cd.categories_id = . intcurrent_category_id . and cd.language_id = . intlanguages_id . ;
category = tep_db_fetch_arraycategory_query; ?
td width=100 valign=toptable border=0 width=100 cellspacing=0 cellpadding=0
tr tdtable border=0 width=100 cellspacing=0 cellpadding=0
tr td class=pageHeading?php echo HEADING_TITLE; ?td
td class=pageHeading align=right?php echo tep_imageDIR_WS_IMAGES . category[categories_image],
category[categories_name], HEADING_IMAGE_WIDTH, HEADING_IMAGE_HEIGHT; ?td
tr tabletd
tr tr
td?php echo tep_draw_separatorpixel_trans.gif, 100, 10; ?td tr
tr tdtable border=0 width=100 cellspacing=0 cellpadding=2
tr tdtable border=0 width=100 cellspacing=0 cellpadding=2
tr ?php
Gambar 4.11 Segmen Program Categoris. Php
Gambar 4.12 merupakan desain dari halaman add product web UD. SRIWIJAYA Ponorogo.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.12
Desain Halaman
Add Produc
Keterangan :
Pilihan menu sesuai dengan hak akses yang diberikan kepada customers.
Add to cart untuk memasukkan data baru kedalam database.
Terdapat keterangan, bahan dan harga produk yang ditawarkan
UD. SRIWIJAYA Ponorogo.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
requireincludesapplication_top.php; requireDIR_WS_LANGUAGES . language . .
FILENAME_PRODUCT_INFO; product_check_query = tep_db_queryselect count as total from .
TABLE_PRODUCTS . p, . TABLE_PRODUCTS_DESCRIPTION . pd where p.products_status = 1 and p.products_id = .
intHTTP_GET_VARS[products_id] . and pd.products_id = p.products_id and pd.language_id = . intlanguages_id . ;
product_check = tep_db_fetch_arrayproduct_check_query; ?
doctype html public -W3CDTD HTML 4.01 TransitionalEN html ?php echo HTML_PARAMS; ?
head meta http-equiv=Content-Type content=texthtml; charset=?php echo
CHARSET; ? title?php echo TITLE; ?title
base href=?php echo request_type == SSL ? HTTPS_SERVER : HTTP_SERVER . DIR_WS_CATALOG; ?
link rel=stylesheet type=textcss href=stylesheet.css script language=javascript--
function popupWindowurl { window.openurl,popupWindow,toolbar=no,location=no,directories=no,status=no,m
enubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=100,height=100,screen X=150,screenY=150,top=150,left=150
} --script
head body marginwidth=0 marginheight=0 topmargin=0 bottommargin=0
leftmargin=0 rightmargin=0 -- header --
?php requireDIR_WS_INCLUDES . header.php; ? -- header_eof --
-- body -- table border=0 width=100 cellspacing=3 cellpadding=3
tr
Gambar 4.13 Segmen Program Add Product. Php
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.14 merupakan desain dari halaman catalog shopping web UD. SRIWIJAYA Ponorogo.
Gambar 4.14 Desain Halaman Catalog Shoping
Keterangan :
PIlihan menu sesuai dengan hak akses yang diberikan kepada customers.
Foto produk merupakan gambar produk yang dipilih dan
terdapat harga serta banyak produk yang akan dibeli.
Subtotal merupakan total keseluruhan harga yang akan dibeli.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Continue shopping untuk melanjutkan pilihan produk yang
akan dibeli.
Chekout merupakan tempat untuk memasukkan data kedalam database.
requireincludesapplication_top.php; if cart-count_contents 0 {
includeDIR_WS_CLASSES . payment.php; payment_modules = new payment;
} requireDIR_WS_LANGUAGES . language . .
FILENAME_SHOPPING_CART; breadcrumb-addNAVBAR_TITLE,
tep_href_linkFILENAME_SHOPPING_CART; ?
doctype html public -W3CDTD HTML 4.01 TransitionalEN html ?php echo HTML_PARAMS; ?
head meta http-equiv=Content-Type content=texthtml; charset=?php echo
CHARSET; ? title?php echo TITLE; ?title
base href=?php echo request_type == SSL ? HTTPS_SERVER : HTTP_SERVER . DIR_WS_CATALOG; ?
link rel=stylesheet type=textcss href=stylesheet.css head
body marginwidth=0 marginheight=0 topmargin=0 bottommargin=0 leftmargin=0 rightmargin=0
-- header -- ?php requireDIR_WS_INCLUDES . header.php; ?
-- header_eof --
Gambar 4.15 Segmen Program Catalog Shoping.Php
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.16 merupakan desain dari halaman create account web UD. SRIWIJAYA Ponorogo.
Gambar 4.16 Desain Halaman Create Account
Keterangan :
Pilihan menu sesuai dengan hak akses yang diberikan kepada
customers.
Halaman ini merupakan halaman yang digunakan untuk menampilkan data registrasi guest. Pada halaman ini terdapat pilihan seperti gender,
firstname, lastname, email, telephone, fax, password.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
requireincludesapplication_top.php; needs to be included earlier to set the success message in the messageStack
requireDIR_WS_LANGUAGES . language . . FILENAME_CREATE_ACCOUNT;
process = false; if issetHTTP_POST_VARS[action] HTTP_POST_VARS[action] ==
process { process = true;
if ACCOUNT_GENDER == true { if issetHTTP_POST_VARS[gender] {
gender = tep_db_prepare_inputHTTP_POST_VARS[gender]; } else {
gender = false; }
} firstname = tep_db_prepare_inputHTTP_POST_VARS[firstname];
lastname = tep_db_prepare_inputHTTP_POST_VARS[lastname]; if
ACCOUNT_DOB ==
true dob
= tep_db_prepare_inputHTTP_POST_VARS[dob];
email_address = tep_db_prepare_inputHTTP_POST_VARS[email_address]; if ACCOUNT_COMPANY == true company =
tep_db_prepare_inputHTTP_POST_VARS[company]; street_address = tep_db_prepare_inputHTTP_POST_VARS[street_address];
if ACCOUNT_SUBURB == true suburb = tep_db_prepare_inputHTTP_POST_VARS[suburb];
postcode = tep_db_prepare_inputHTTP_POST_VARS[postcode]; city = tep_db_prepare_inputHTTP_POST_VARS[city];
if ACCOUNT_STATE == true { state = tep_db_prepare_inputHTTP_POST_VARS[state];
if issetHTTP_POST_VARS[zone_id] { zone_id = tep_db_prepare_inputHTTP_POST_VARS[zone_id];
} else { zone_id = false;
}
Gambar 4.17 Segmen Program Create Acount. Php
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
4.5 Desain Output
Kategori