BAB 3 ANALISA PERANCANGAN SISTEM

Transkripsi

1 BAB 3 ANALISA PERANCANGAN SISTEM 3.1 Analisa Perancangan Sistem 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.

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

4 27 Informasi Home Informasi Profil Update Home Update Profil How To Buy Informasi How to Buy Update How to Buy Informasi Produk (Produk dengan semua, kategori) Update Produk (Produk dengan Produk S semua kategori. Informasi Shop Cart Perancangan Web E-commerce pada penjualan komputer Informasi Testimoni Shop Cart Upadate Shop Cart Upda Update Testimoni Testimoni Informasi About Us Informasi Contact Us About Us Update About Us Verifikasi Seluruh Data Update Contact Us Contact Us Admin - Home - Produk - Category - Order - City - Order Costumer Deliever Gambar 3.1 Diagram Konteks

5 Diagram 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 notasinotasi 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:

6 29 Home Informasi Home Informasi Profil Profil Update Home Update Profil How To Buy Informasi How to Buy Update How to Buy Informasi Produk (Produk dengan semua, kategori) Update Produk (Produk, Dengan semua kategori.) Produk Informasi Shop Cart Upadate Shop Cart Shop Cart Informasi About Us Perancangan Web E-commerce pada penjualan komputer Informasi Testimoni UpdateTestimoni Informasi Contact Us Testimoni About Us Update About Us Verifikasi Seluruh Data Admin Produk - Produk - Shop Cart Category - Testimoni Order Update Contact Us Contact Us Admin city Order Custumer Deliever Gambar 3.2 Diagram Konteks Level 0

7 30 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 penyimpanan data yang ada di dalam sistem.

8 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 Nama_kategori Varchar 50

9 32 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 ongkos_kirim Int 10

10 33 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 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 jumlah Int 10

11 34 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 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.

12 35 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.

13 36 10 Predefined Process, untuk menyatakan sekumpulan langkah proses yang ditulis. 11 Display, untuk output yang ditujukan suatu device, seperti pada monitor. 12 Magnetic disk berguna dalam penyimpanan data.

14 Flowchart Situs Flowchart Menu Utama Flowchart menu utama dapat dilihat pada gambar dibawah ini: Start Tampilan Web Pilih link pada menu Home Profil How to Buy Produk shopcart testimoni About Us Contac Us Login Admin END Gambar 3.3 Alur Flowchart Menu Utama

15 Flowchart Pemesanan Produk Start Pilih Jenis No Pilih Kategori No Produk Beli Contact Information Isian Lengkap Yes Database Clumn cannot be null Finish Gambar 3.4 Alur Flowchart Pemesan Produk (Shop Cart)

16 Flowchart Testimoni Start Y Testimoni Y Input Nama, , alamat, kota, komentar Y Y Kelengkapan Data Y Y Data Sukses Di input T Maaf, Data Belum Lengkap Y Data Base End Gambar 3.5 Alur Flowchart Testimoni

17 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. Login Y Tampil Halaman Login Y T Input Username dan Password Anda Tidak Berhak Mengkases Y Periksa Password dan Username Y Halaman Administrator Administrator Gambar 3.6 Alur Flowchart Login Administrator

18 Flowchart Menu Utama Admin Flowchart menu utama dapat dilihat pada gambar dibawah ini: Start Admin Pilih link pada Adminmenu Home Produk Category Order City Order Cus Change P Logout END Gambar 3.7 Alur Flowchart Menu Utama Admin

19 Flowchart Produk (admin) Admin Buka Hal Data Produk Tampilkan Data Produk Data Sudah Disimpan Tambah Data Isi Form Produk Database Isi Record Dibatalkan X Edit Pilih Data Dari Db Produk Database Produk Isi Record dibatalkan Hapus Isi Record Di Hapus X X Gambar 3.8 Alur Flowchart Produk (admin)

20 Flowchart Category (admin) Admin Buka Hal Data Category Tampilkan Data Category Data Sudah Disimpan Tambah Data Isi Form Category Database Isi Record dibatalkan X Edit Pilih Data Dari Db Category Database Category Isi Record Dibatalkan Hapus Isi Record Di Hapus X X Gambar 3.9 Alur Flowchart Category (admin)

21 Flowchart City (admin) Admin Buka Hal Data City Tampilkan Data City Data Sudah Disimpan Tambah Data Isi Form City Database Isi Record dibatalkan X Edit Pilih Data Dari Db City Database City Isi Record Dibatalkan Hapus Isi Record Di Hapus X X Gambar 3.10 Alur Flowchart City (admin)

22 Flowchart Change Password (admin) Start Admin Change Password Input Username, Password lama, Password baru dan Ulangi password T Y Database User name sama? T Y Password lama sama? T Y Proses ganti password Password berhasil diganti End Gambar 3.10 Alur Flowchart City (admin)

23 Perancangan 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.

24 47 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. d. Halaman Order, yaitu halaman yang berfungsi untuk menampilkan data pembeli yang sudah mengisi data sebelumnya saat melakukan transaksi dan dapat di edit, yang terdapat pada Business Computer Center.

25 48 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. h. Logout, yaitu halaman yang berfungsi untuk keluar dari menu administrator.

26 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 langkahlangkah 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.2 Tujuan Implementasi Adapun tujuan-tujuan dari implementasi sistem, yaitu : 1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolah data dan penyaji informasi.

27 50 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.3 Komponen Utama Dalam Implementasi Sistem Untuk mengolah data menggunakan komputer haruslah mempunyai tiga komponen utama, yaitu sebagai berikut: 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 f. Printer untuk mencetak hasil

28 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 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. 4.4 Instalasi Apache, PHP dan MySQL Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu persatu. Adapun software dapat diperoleh dari situs untuk Apache,

29 52 untuk PHP dan 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 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.

30 53 Gambar 4.2 Halaman Utama (Home)

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

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