BAB 3
ANALISA PERANCANGAN SISTEM
3.1 Analisa Perancangan Sistem
3.1.1 Analisa Sistem
Seiring dengan perkembangan teknologi informasi saat ini serta untuk meningkatkan efesiensi kerja dan waktu, maka masih banyak sistem yang ada saat ini yang masih manual, yang harus diganti dengan sistem yang lebih baik lagi, yaitu dengan membangun sistem yang terkomputerisasi atau online. Untuk memulai membangun suatu Program mengenai Perancangan web ecommerce, maka penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan dari user yang akan menggunakan aplikasi basis data ini. Perancangan web ecommerce ini diperbuat atas dasar kebutuhan masyarakat yang menginginkan cara berbelanja secara online, sehingga dapat menghemat waktu, Berdasarkan pengamatan penulis mengenai analisis sistem yang berjalan pada web ecommerce ini adalah masih ditemui kendala diantaranya yaitu, masih terdapat informasi berita tentang penjualan yang dilakukan secara manual, yakni dari mulut kemulut dan dari brosur-brosur yang di tempelkan pada papan pengumuman, tingkat akurasi yang rendah, dan data yang tidak dapat cepat diupdate. Mengetahui kendala yang ada, maka penulis mencoba merancang sebuah web ecommerce untuk mempermudah masyarakat.
3.2 Perancangan
Perancangan merupakan proses yang dilakukan oleh perancang sistem untuk mengerjakan spesifikasi sistem, membuat keputusan tentang bagaimana komponen sistem diaktualisasikan. Proses ini menyangkut tujuan sistem tersebut, audience, objek dan informasi domain. Perancangan yang baik harus mengetahui bagaimana mendapatkan efek yang dibutuhkan oleh spesifikasi tersebut dengan cara paling fleksibel, efesien dan elegan.
Dalam hal ini, sistem yang akan dibuat adalah dengan menggunakan PHP sebagai bahasa pemrogramannya dan MySQL sebagai database nya serta Dreamweaver sebagai media untuk membuat web ecommerce ini. Adapun spesifikasi serta target terhadap sistem yang akan dibuat yaitu:
1. Perancangan yang akan dibuat yaitu “Perancangan web e-commerce pada penjulan komputer” yang menyediakan informasi-informasi tentang cara pembelian, produk dan proses transaksi.
2. Target yang ingin dicapai dalam perancangan web e-commerce ini adalah diharapkan pengunjung mendapatkan segala informasi mengenai produk dengan spesifikasi terbaru, sehingga memudahkan masyarakat untuk melakukan transaksi dan diharapkan pula dapat memberikan kemudahan bagi masyarakat luas.
3. 3 Diagram Konteks
Diagram konteks merupakan diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup dalam suatu sistem penjualan, dengan tujuan untuk memberi gambaran tentang keseluruhan system yang ada.
Informasi Home Informasi Profil
Update Home Update Profil
Informasi How to Buy Informasi Produk (Produk dengan semua, kategori)
Update How to Buy
Update Produk (Produk dengan
S semua kategori.
Informasi Shop Cart Informasi Testimoni
Upadate Shop Cart Upda Update Testimoni
Informasi About Us Informasi Contact Us
Update About Us Update Contact Us Verifikasi Seluruh Data
- Home - Produk - Category - Order - City - Order Costumer Perancangan Web E-commerce pada penjualan komputer
How To Buy Produk
Shop Cart Testimoni
3.4Diagram Alir Data
Data Flow Diagram (DFD) merupakan model dari sistem untuk menggambarkan pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan menggunakan diagram alir data adalah memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan. Pada tahap analisa, penanganan notasi simbol lingkaran dan anak panah menggambarkan arus data dalam perancangan sistem sangat membantu dalam komunikasi sengan pemakaian sistem menggunakan notasi-notasi untuk menggambarkan arus dari data sistem. Berikut ini adalah gambar DFD level 0 dan DFD level 1 yang merupakan perincian dari diagram konteks.
Disamping itu DFD adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem.
DFD juga merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program. Adapun Data Flow Diagram (DFD) yang penulis ajukan yaitu:
Informasi Home Informasi Profil
Update Home Update Profil
Informasi How to Buy Informasi Produk (Produk dengan semua, kategori)
Update How to Buy
Update Produk (Produk, Dengan semua kategori.)
Informasi Shop Cart Informasi Testimoni
Upadate Shop Cart UpdateTestimoni
Informasi About Us Informasi Contact Us
Update About Us Update Contact Us Verifikasi Seluruh Data
Admin Produk
- Produk
- Shop Cart Category
- Testimoni Order city Order Custumer Perancangan Web E-commerce pada penjualan komputer Admin
How To Buy Produk
Profil
Shop Cart Testimoni
About Us Contact Us
Adapun keterangan mengenai simbol-simbol Data Flow Diagram yang digunakan:
Tabel 3.1 Simbol-simbol Data Flow Diagram
No. Simbol Fungsi
1. Eksternal Entity merupakan kesatuan diluar lingkungan sistem yang dapat berupa sseseorang, organisasi yang dapat mengirimkan data atau menerima data dari sistem.
2. Arus Data merupakan tempat mengalirnya informasi menunjukan arus data berupa sistem. 3. Proses merupakan pengolahan data atau aliran
data masuk menjadi data aliran keluar.
4. Penyimpanan Data merupakan tempat
3.5 Basis Data (Database)
Database adalah kumpulan dari data yang berhubungan antara yang satu dengan yang lainnya, tersimpan diperangkat keras komputer dan menggunakan perangkat lunak untuk memanipulasinya. Database merupakan salah satu komponen yang penting dalam sistem komputerisasi, karena database merupakan kumpulan dari beberapa file, dalam hal ini file-file tersebut dikelompokan secara terstruktur dalam beberapa table sesuai dengan informasi yang terkandung di dalamnya. Berikut ini rancangan table yang penulis gunakan dalam membangun sistem informasi :
a. Tabel Login terdiri dari :
Table 3.2 Tabel Login
Nama Field Tipe Data Lebar Data
userid* Varchar 30
Password Varchar 30
Status Varchar 10
b. Tabel Kategori terdiri dari :
Table 3.3 Tabel Kategori
Nama Field Tipe Data Lebar Data
id_kategori Int 10
c. Tabel Produk terdiri dari :
Table 3.4 Tabel Produk
Nama Field Tipe Data Lebar Data
id_produk* Int 5 id_kategori Int 10 nama_produk Varchar 100 Deskripsi Teks - Harga Int 20 Stok Int 5 tgl_masuk Date - Gambar Varchar 100 Direktori Varchar 100
d. Tabel Kota terdiri dari :
Table 3.5 Tabel Kota
Nama Field Tipe Data Lebar Data
id_kota* Int 3
nama_kota Varchar 100
e. Tabel Order terdiri dari :
Table 3.6 Tabel Order
Nama Field Tipe Data Lebar Data
id_orders* Varchar 20 nama_kustumer Varchar 100 alamat_lengkap Teks - Telepon Varchar 50 Email Varchar 50 status_order Varchar 50 jam_order Time - tgl_order Date - id_kota Int 3
f. Tabel Order_detail terdiri dari :
Table 3.7 Tabel Order_Detail
Nama Field Tipe Data Lebar Data
id_orders Varchar 20
id_produk Int 5
g. Tabel Order_Temp terdiri dari :
Table 3.8 Tabel_Temp
Nama Field Tipe Data Lebar Data
id_orders_temp Int 5 id_produk Int 5 id_session Varchar 100 Jumlah Int 20 tgl_order_temp Date - jam_order_temp Varchar 100 3. 6 Flowchart
Flowchart adalah sekumpulan simbol-simbol yang menunjukan atau menggambarkan rangkaian kegiatan-kegitan program dari awal hingga akhir, jadi flowchart juga dapat digunakan untuk menggambarkan urutan langkah-langkah pekerjaan dalam suatu algoritma. Penjelasan arti dari lambang-lambang flowchart dapat didefinisikan seperti tabel dibawah ini :
Tabel 3.9 Arti Lambang-lambang Flowchart
No. Simbol Fungsi
1 Terminator, untuk memulai dan mengakhiri suatu program.
2 Process, suatu simbol yang menunjukan setiap pengolahan yang dilakukan oleh komputer.
3 Data, untuk memasukkan data maupun menunjukan hasil dari suatu proses.
4 Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.
5 Preparation, suatu simbol untuk menyediakan tempat-tempat pengolahan data dalam storage. 6 Connector, suatu simbol untuk masuk dan
keluarnya suatu prosedur pada lembar kertas yang sama.
7
Arus atau flow, suatu prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan atau dari kanan ke kiri.
8 Off-page Connector, suatu simbol untuk masuk dan keluarnya prosedur pada lembar kertas yang lain.
9 Document, suatu simbol untuk data yang berbentuk informasi.
10 Predefined Process, untuk menyatakan sekumpulan langkah proses yang ditulis.
11 Display, untuk output yang ditujukan suatu device, seperti pada monitor.
3.6.1 Flowchart Situs
3.6.1.1 Flowchart Menu Utama
Flowchart menu utama dapat dilihat pada gambar dibawah ini:
Tampilan Web
Pilih link pada menu Profil How to Buy Start shopcart Produk Home testimoni About Us Contac Us
3.6.1.2 Flowchart Pemesanan Produk No No Yes
Gambar 3.4 Alur Flowchart Pemesan Produk (Shop Cart) Start Pilih Jenis Pilih Kategori Produk Beli Contact Information Isian Lengkap Clumn’…’ cannot be null Finish Database
3.6.1.3 Flowchart Testimoni Y Y Y Y T Y Y Y
Gambar 3.5 Alur Flowchart Testimoni Start Testimoni Input Nama, Email, alamat, kota, komentar Kelengkapan Data Data Sukses Di input Maaf, Data Belum Lengkap Data Base End
3.6.1.4 Flowchart Administrator
Halaman administrator hanya diakses oleh seorang yang berhak mengaksesnya. Data login yang terdiri dari nama dan password dari seorang administrator harus sesuai dengan data yang ada pada tabel administrator. Jika data nama dan password sesuai, maka admin diantarkan menuju tampilan halaman administrator. Jika proses login gagal, maka kembali lagi ke halaman form login.
Y
Y T
Y
Y
Gambar 3.6 Alur Flowchart Login Administrator Input Username dan Password Login Tampil Halaman Login Periksa Password dan Username Halaman Administrator Administrator Anda Tidak Berhak Mengkases
3.6.1.5 Flowchart Menu Utama Admin
Flowchart menu utama dapat dilihat pada gambar dibawah ini:
Gambar 3.7 Alur Flowchart Menu Utama Admin
Admin
Pilih link pada Adminmenu Produk Category Order Cus Change P Logout Start Home Order City END
3.6.1.6 Flowchart Produk (admin)
Gambar 3.8 Alur Flowchart Produk (admin) Admin Buka Hal Data Produk Tampilkan Data Produk Tambah Data Pilih Data Dari Db Produk Simpan Simpan Database Data Sudah Disimpan Simpan Isi Record dibatalkan X Edit Hapus Isi Form Produk Simpan Simpan Simpan Database Produk Isi Record Di Hapus Isi Record Dibatalkan X X
3.6.1.7 Flowchart Category (admin) Buka Hal Data Category Tampilkan Data Category Tambah Data Pilih Data Dari Db Category Simpan Simpan Database Data Sudah Disimpan
Simpan Isi Record dibatalkan X Edit Hapus Isi Form Category Simpan Simpan Simpan Database Category Isi Record Di Hapus Isi Record Dibatalkan X X Admin
3.6.1.8 Flowchart City (admin)
Gambar 3.10 Alur Flowchart City (admin) Buka Hal Data City Tampilkan Data City Tambah Data Pilih Data Dari Db City Simpan Simpan Database Data Sudah Disimpan Simpan Isi Record dibatalkan X Edit Hapus Isi Form City Simpan Simpan Simpan Database City Isi Record Di Hapus Isi Record Dibatalkan X X Admin
3.6.1.9 Flowchart Change Password (admin) T Y T Y T Y Start Admin Change Password Input Username, Password lama, Password baru dan
Ulangi password Database User name sama? Password lama sama? Proses ganti password Password
3.7Perancangan Halaman Website
Halaman website merupakan bagian penting yang harus diperhatikan dalam membangun sebuah website yang baik dan benar. Halaman website berfungsi sebagai user interface antara user dan admnistrator. Adapun halaman website yang terdapat di dalam perancangan Perancangan web e-commerce pada toko komputer terdiri dari 2 bagian yaitu:
1. Halaman Depan, terdiri dari:
a. Halaman Home, yaitu halaman yang berfungsi sebagai pembuka dan menjelaskan secara singkat mengenai Business Computer Center.
b. Halaman Profil, yaitu halaman yang berfungsi untuk menjelaskan secara singkat mengenai profil yang terdapat pada Business Computer Center.
c. Halaman How to Buy, yaitu halaman yang berfungsi untuk memberikan tata cara pembelian pada Business Computer Center.
d. Halaman Produk, merupakan halaman inti dimana pada halaman ini berfungsi untuk memberikan informasi mengenai category, produk, yang terdapat pada Business Computer Center.
e. Halaman Shopcart, yaitu halaman yang berfungsi untuk melakukan transaksi pembelian yang terdapat pada Business Computer Center.
f. Halaman Testimoni, yaitu halaman yang berfungsi untuk member komentar terhapad admin atau toko yang Business Computer Center.
g. Halaman About Us, yaitu halaman yang memberi informasi tentang maksu dan tujuan, serta menampilkan data produk Business Computer Center.
h. Halaman Contact Us, yaitu halaman yang berfungsi untuk memberikan informasi dimana tempat yang dapat dihubungi, yang terdapat pada Business Computer Center.
i. Halaman Login, yaitu halaman yang berfungsi untuk dapat masuk ke dalam halaman area administrator.
2. Halaman Adminsitrator, terdiri dari:
a. Halaman Home, yaitu halaman yang berfungsi sebagai pembuka di dalam area administrator.
b. Halaman Produk, yaitu halaman yang berfungsi untuk menginput produk baru yang terdapat pada Business Computer Center dan kemudian ditampilkan kehalaman depan.
c. Halaman Category, yaitu halaman yang berfungsi untuk menginput category baru yang terdapat pada Business Computer Center dan kemudian ditampilkan kehalaman depan.
e. Halaman City, yaitu halaman yang berfungsi untuk meng-input city baru yang terdapat pada Business Computer Center dan kemudian ditampilkan kehalaman depan.
f. Halaman Order Costumer, yaitu halaman yang berfungsi untuk melihat data costumer yang dilakukan secara pencarian data masuk.
g. Ganti Password, yaitu halaman yang berfungsi untuk merubah username dan password administrator sesuai dengan yang kita inginkan.
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
Setelah dianalisis dan dirancang secara rinci dan teknologi telah diseleksi dan dipilih. Tiba saatnya, sistem untuk di implementasikan. Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, menginstal, dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama, sedangkan tahap implementasi sistem merupakan tahap meletakkan sistem agar sistem dapat siap untuk dioperasikan. Tahap implementasi sistem terdiri dari langkah-langkah sebagai berikut ini :
1. Menerapkan rencana implementasi 2. Melakukan kegiatan implementasi 3. Tindak lanjut implementasi
4.2Tujuan Implementasi
2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui.
3. Memastikan bahwa pemakai dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.
4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu dengan menguji sistem secara menyeluruh.
5. Memastikan bahwa sistem telah berjalan lancar dengann mengontrol dan melalukan instalasi secara benar.
4.3Komponen Utama Dalam Implementasi Sistem
Untuk mengolah data menggunakan komputer haruslah mempunyai tiga komponen utama, yaitu sebagai berikut:
4.3.1 Hardware
Hardware merupakan komponen fisik dalam rangkaian komputer, sedangkan spesifikasi hardware yang dibutuhkan adalah sebagai berikut:
a. Monitor
b. CPU (Central Procesing Unit)
c. Hardisk untuk tempat program beroperasi dan sebagai media penyimpanan data. d. Keyboard
e. Mouse
4.3.2 Software
Software merupakan instruksi program yang dapat digunakan dalam komputer dan memberikan fungsi serta menampilkan seperti yang diinginkan. Software yang diperlukan untuk menjalankan perangkat keras untuk aplikasi pengolahan nilai, yaitu:
a. Windows XP b. MySQL c. Browser
d. Macromedia Dreamweaver 8
4.3.3 Brainware
Brainware merupakan faktor manusia yang menangani fasilitas komputer, yang dibutuhkan adalah:
a. Sistem Analis adalah orang sedang membangun fasilitas rancangan sistem.
b. Programmer adalah orang yang mengerti bahasa pemrograman dalam membuat dan membangun program.
c. Operator adalah orang yang menangani langsung dalam pengolahan data mulai dari mempersiapkan data sampai dengan pengertian data ke dalam komputer.
http://www.php.net untuk PHP dan http://www.mysql.com untuk MySQL. Tahap instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai.
4.5 Pengujian di Browser
Setalah menginstal AppServ, maka aplikasi web telah dapat diujikan dikomputer lokal. Adapun caranya adalah sebagai berikut:
1. Letakkan file-file yang membangun web kedalam suatu folder, dalam hal ini penulis membuat nama foldernya ”perpus” dan diletakkan didalam folder www.
2. Buka browser Google Chrome atau Mozilla Firefox.
3. Pada kotak URL ketikkan http://localhost/toko komputer/. Tampilannya seperti gambar dibawah ini.
Gambar 4.1 Penulisan Alamat URL
4. Setelah aplikasi dijalankan, maka akan tampil halaman utama web yang terlihat seperti gambar dibawah ini.
BAB 5
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Berdasarkan pembahasan pada bab-bab sebelumnya, maka pada bab ini yang merupakan bab terakhir dari tugas akhir ini, penulis akan mecoba menarik kesimpulan yakni sebagai berikut :
1. Aplikasi berbasis web dapat menjadi alternative pilihan sebagian besar masyarakat yang ingin mencari barang ataupun informasi yang sebelumnya menghabiskan waktu, tenaga, dan uang.
2. Pada perancangan e-commerce ini merupakan salah satu sarana untuk mendapatkan informasi online yang biasa diakses oleh siapa saja.
3. Website e-commerce ini memberikan informasi yang berkaitan dengan penjualan komputer dan aksesorisnya sesuai kebutuhan masyarakat dan pasar penjualan sekarang dan harga yang disarankan.
4. Penyajian informasi yang baik dapat dilakukan dengan meng-update isi dari situs tersebut secara berkala dan sesuai dengan perkembangan zaman sekarang
5. Perancangan website E-Commerce ini dibuat dengan software dreamweaver 8.0 dan pemrograman PHP, serta database MySQL.
5.2 Saran
Dengan terselesainya perancangan website e-commerce pada penjualan komputer ini dan dalam sub bab terakhir ini penulis ingin memberikan saran dan harapan yang dapat memberikan masukan bagi konsumen dan pengguna internet lainya, yakni :
1. Data pada situs website seharusnya selalu di-update oleh admin secara berkala sesuai dengan perkembangan yang terjadi sekarang ini, sehingga dapat memberikan informasi yang update dan teraktual kepada masyarakat.
2. Diharapkan komputer yang digunakan dalam pembuatan website ini adalah komputer yang mempunyai spesifikasi yang tinggi, sehingga mempermudah dalam pengaksesan data dan sumber daya komputer kita.
3. Diharapkan dunia bisnis penjualan harus lebih tanggap dengan perkembangan teknologi agar tidak tertinggal dengan negara-negara yang lebih maju.
4. Diharapkan juga bisinis penjualan dapat memasyarakatkan metode transaksi secara online.
