BAB 3 ANALISA PERANCANGAN SISTEM

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.

Universitas Sumatera Utara

25

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.


26

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.


27

Informasi Home

Informasi Profil

Update Home

How To Buy

Update Profil

Informasi How to Buy

Informasi Produk (Produk dengan semua, kategori)

Produk

Update How to Buy Update Produk (Produk dengan S

semua kategori.

Perancangan Web E-commerce pada penjualan komputer

Informasi Shop Cart

Upadate Shop Cart

Informasi Testimoni

Upda Update Testimoni Testimoni

Shop Cart Informasi About Us

About Us

Informasi Contact Us

Update About Us

Update Contact Us

Contact Us

Verifikasi Seluruh Data

Admin

-

Home Produk Category Order City Order Costumer Deliever Gambar 3.1 Diagram Konteks


28

3.4 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:


29

Home

Informasi Home

Informasi Profil Profil

Update Home

How To Buy

Informasi How to Buy

Update Profil

Informasi Produk (Produk dengan semua, kategori)

Produk

Update How to Buy Update Produk (Produk, Dengan semua kategori.)

Informasi Shop Cart

Informasi Testimoni

Upadate Shop Cart

Perancangan Web E-commerce pada penjualan komputer

UpdateTestimoni

Shop Cart

Testimoni Informasi About Us

About Us

Informasi Contact Us

Update About Us

Update Contact Us

Contact Us

Verifikasi Seluruh Data Admin Produk -

Produk Shop Cart Testimoni

Category Order city

Admin

Order Custumer Deliever Gambar 3.2 Diagram Konteks Level 0


30

Adapun keterangan mengenai simbol-simbol Data Flow Diagram yang digunakan:

Tabel 3.1 Simbol-simbol Data Flow Diagram No. 1.

Simbol

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


31

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

Nama_kategori

Varchar

50


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


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

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

jumlah

Int

10


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

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

Simbol

Fungsi Terminator, untuk memulai dan mengakhiri suatu program.


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.


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.


37

3.6.1 Flowchart Situs

3.6.1.1 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


38

3.6.1.2 Flowchart Pemesanan Produk Start

Pilih Jenis

No

Pilih Kategori

Produk No

Beli

Contact Information

Yes Isian Lengkap

Database

Clumn’…’ cannot be null

Finish

Gambar 3.4 Alur Flowchart Pemesan Produk (Shop Cart)


39

3.6.1.3 Flowchart Testimoni

Start Y Testimoni Y Input Nama, Email, alamat, kota, komentar Y Y T Kelengkapan Data Y

Maaf, Data Belum Lengkap

Y Data Sukses Di input

Y Data Base

End

Gambar 3.5 Alur Flowchart Testimoni


40

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

Y Tampil Halaman Login Y Input Username dan Password

T Anda Tidak Berhak Mengkases

Y

Periksa Password dan Username Y Halaman Administrator

Administrator

Gambar 3.6 Alur Flowchart Login Administrator


41

3.6.1.5 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


42

3.6.1.6 Flowchart Produk (admin) Admin

Buka Hal Data Produk

Tampilkan Data Produk

Tambah Data

Data Sudah Disimpan

Isi Form Produk

Simpan

Simpan

Simpan Database

Isi Record Dibatalkan

X

Edit

Pilih Data Dari Db Produk

Simpan

Simpan

Hapus

Isi Record Di Hapus

X

Simpan Database Produk

Isi Record dibatalkan

X

Gambar 3.8 Alur Flowchart Produk (admin)


43

3.6.1.7 Flowchart Category (admin) Admin Buka Hal Data Category

Tampilkan Data Category

Tambah Data

Data Sudah Disimpan

Isi Form Category

Simpan

Simpan

Simpan Database


X

Edit

Pilih Data Dari Db Category

Simpan

Simpan

Hapus

Isi Record Di Hapus

Simpan Database Category


X X

Gambar 3.9 Alur Flowchart Category (admin)


44

3.6.1.8 Flowchart City (admin) Admin

Buka Hal Data City

Tampilkan Data City

Tambah Data

Data Sudah Disimpan

Isi Form City

Simpan

Simpan

Simpan Database


X

Edit

Pilih Data Dari Db City

Simpan

Simpan

Hapus

Isi Record Di Hapus

Simpan Database City


X X

Gambar 3.10 Alur Flowchart City (admin)


45

3.6.1.9 Flowchart Change Password (admin) Start Admin

Change Password

Input Username, Password lama, Password baru dan Ulangi password

T

Y Database

T

User name sama?

Y Password lama sama?

T

Y

Proses ganti password Password berhasil diganti

End

Gambar 3.10 Alur Flowchart City (admin)


46

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


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.


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.


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.


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:

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 f. Printer untuk mencetak hasil


51

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.

4.4 Instalasi Apache, PHP dan MySQL

Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu persatu. Adapun software

dapat

diperoleh

dari

situs

http://www.apache.org

untuk

Apache,


52

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.


53

Gambar 4.2 Halaman Utama (Home)


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.


55

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.


BAB 3 ANALISA PERANCANGAN SISTEM

Recommend Documents