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
