Flowchart - LANDASAN TEORI - Tugas Akhir Sistem Informasi Penjualan Sepeda Motor Honda Berbasis

BAB II LANDASAN TEORI

M. Flowchart

1. Simbol – simbol Flowchart

Flowchart disusun dengan simbol - simbol. Simbol ini dipakai sebagai alat bantu menggambarkan proses di dalam program. Simbol-simbol yang dipakai antara lain :

Tabel 2.1 Simbol – simbol Flowchart.

Keterangan simbol-simbol flowchart : a. Flow direction symbol

simbol yang digunakan untuk menghubungkan antara simbol yang satu dengan simbol yang lainnya. Simbol ini disebut juga connection line.

b. Terminator symbol

Simbol untuk permulaan (start) atau akhir (stop) dari suatu kegiatan.

c. Connector symbol

Simbol untuk keluar-masuk atau penyambungan proses dalam lembar/halaman yang sama.

d. Connector symbol

Simbol untuk keluar-masuk atau penyambungan proses pada lembar/halaman yang berbeda.

e. Processing symbol

Simbol yang menunjukan pengolahan yang dilakukan oleh komputer.

f. Manual Operation

Simbol yang menunujukan pengolahan yang tidak dilakukan oleh komputer.

g. Decision

Simbol pemilihan proses berdasarkan kondisi yang ada.

h. Input-output

Simbol yang menyatakan proses input dan output tanpa tergantung dengan jenis peralatannya.

i. Manual input

Simbol untuk pemasukan data secara manual on-line keyboard.

j. Prepartion

Simbol untuk mempersiapkan penyimpanan yang akan digunakan sebagai tempat pengolahan didalam storage.

k. Predefine proses

Simbol untuk pelaksanaan suatu bagian (sub-program) /prosedur l. Display

Simbol yang menyatakan peralatan output yang digunakan yaitu layar, plotter, printer, dan sebagaianya.

m. Disk and on-line storage

Simbol yang menyatakan input berasal dari disk atau disimpan ke disk.

n. Magnetic tape unit

Simbol yang menyatakan input berasal dari pita magnetic atau output disimpan ke pita magnetic.

o. Dokumen

Simbol yang menyatakan input berasal dari dokumen dalam bentuk soft file atau output dicetak ke kertas.

N. Alat bantu analisis dan perancangan.

Ada beberapa alat bantu dalam menganalisis dan merancang sistem informasi ini, diantaranya.

1. Flow Map

Flowmap merupakan prosedur kerja atau functional flowchart ( Diagram Alir Fungsional ). Flow map/Functional Flowchart merupakan diagram alir

yang menggambarkan pergerakan proses diantar unit kerja yang berbeda-beda, sekaligus menggambarkan arus dari dokumen, aliran data fisik, entitas-entitas sistem informasi dan kegiatan operasi yang berhubungan dengan sistem informasi.

2. Diagram Konteks dan Flow Diagram ( DFD )

Data Flow Diagram (DFD) adalah merupakan diagram yang digunakan untuk menggambarkan proses-proses yang terjadi pada sistem yang akan dikembangkan. Dengan Data Flow Diagram data-data yang terlibat pada masing-masing proses dapat diidentifikasi. Berikut ini simbo-simbol DFD :

Tabel 2.2 Simbol-simbol Data Flow Diagram ( DFD )

SIMBOL ARTI

Entity Luar Merupakan Sumber atau tujuan dari aliran data atau ke sistem. Entity luar merupakan lingkungan luar sistem.

Aliran Data Menggambarkan aliran data dari satu proses ke proses lainnya.

Storage Merupakan komponen yang berfungsi untuk menyimpanan data.

Proses Proses atau fungsi yang mentrasformasikan data.

3. Entitiy Realitional Diagram ( ERD )

ERD adalah gambar atau diagram yang menunjukkan informasi dibuat, disimpan, dan digunakan dalam sistem bisnis. Berikut simbol-simbol Entity Realitional Diagram:

Tabel 2.3. Simbol-simbol ERD

SIMBOL ARTI

Entity Sesuatu Yang terlihat nyata ataupun terlihat abstrak.

Relationship Menggambarkan hubungan yang terjadi antara satu entity atau lebih entity lain.

Atribut Sifat/Karakter suatu entitas yang menyediakan penjelasan secara mendetail tentang entitas tersebut.

22 BAB III PEMBAHASAN A. Perancangan

Kemampuan manusia dalam menyelesaikan pekerjaan yang semakin banyak dan rumit sangatlah terbatas. Oleh karena itu sangat dibutuhkan suatu sistem yang dapat mengolah data dengan baik sehingga dapat mempercepat serta mengefisiensikan pekerjaan pengolahan data. Untuk menghindari terjadinya kesimpangsiuran dalam pembahasan masalah dan mengingat akan keterbatasan penulis dalam hal ilmu dan keterampilan serta waktu maka penulis membatasi permasalahanhanya pada sistem informasi penjualan sepeda motor.

Adapun identifikasi masalahnya yaitu bagaimana merancang sebuah sistem komputerisasi yaitu sistem informasi penjualan sepeda motor berbasis web agar dapat menyajikan informasi yang cepat, efektif, efisien, serta akurat sehingga dapat mencapai tujuan yang diinginkan.

1. Proses Sistem Informasi Penjualan Sepeda Motor a. Diagram Konteks.

Diagram konteks merupakan gamabaran mengenai suatu sistem. Dalam diagram konteks menerangkan secara garis besar hubungan antara entitas yang ada pada sistem. Berikut adalah diagram konteks dari sistem informasi penjualan motor yang akan dikerjakan :

- Konsumen regisstrasi - Input data motor

- Login - Input faktur

- Syarat dan pembelian - Input surat pengiriman

- data motor - Input data penjualan

- Input pemesanan

- informasi unit motor - Informasi pemesanan

- Informasi faktur - Informasi data konsumen

- Informasi surat jalan

- Laporan data konsumen - Laporan data unit motor - Laporan data pemesanan - Laporan data penjualan

Gambar 3.1 Diagram Konteks b. D a t a F l o w D i a g r a m ( D F D ) .

Data Flow Diagram yang menggambarkan fungsi logika dari sebuah sistem.dalam DFD terdapat aliran data dan proses yang terjadi dalam sistem.

berikut adalah DFD dari sistem informasi penjualan motornya :

Gambar 3.2 DFD

CUSTOMER

SISTEM INFORMASI PENJUALAN SEPEDA

MOTOR

ADMIN

PIC

c. R e l a s i D a t a b a s e .

Proses yang dimaksudkan adalah hubungan antara file atau tabel yang terkait. Pada proses tersebut elemen dapat dikelompokan menjadi file database berdasarkan entitas dan hubungannya. Adapun Relasi Tabel Sistem Informasi Penjualan Sepeda Motor Honda Jenardi dapat dilihat pada gambar ini.

Gambar 3.3 Relasi Database Faktur

No_faktur tgl_faktur jml_uang terbilang id_customer

Pengiriman

Kd_pengiriman tgl_pengiriman jasa_pengiriman no_faktur

Admin

Id_Admin User_name password

Penjualan

Id_Penjualan namaalamat telppekerjaan kode_motor

Konsumen

Id_Customer user_name PassNama JkPekerjaan Alamat KotaProvinsi Kode_pos No_tlp Email No_rekening Nama_bank

Pemesanan

Kd_Pemesanan tgl_pemesanan id_customer kode_motor kd_status batas_akhir

Status Kd_status status

Motor

Kode_motor nama_motor typemerk thn_buat isi_silinder nm_bpkb no_polisi no_mesin no_rangka warna harga gambar

2. Flowchart Program.

a. Flowchart Menu

Gambar 3.4 Flowchart Menu Aplikasi

Tidak Tidak

Tidak

Tidak Mulai

Halaman Utama - Beranda

- Profil - Produk - Contact Us

- Registrasi - Login Admin

Beranda?

Profil?

Produk?

Contact?

Registrasi?

Keluar?

Selesai

Beranda

Profil

Produk

Registrasi

Profil

Produk

Registrasi

b. Flowchart Halaman Profil

Saat user mengklik halaman profil maka akan diproses dan akan menampilkan halaman profil. Flowchart halaman profil digambarkan seperti dibawah ini:

Gambar 3.5 Flowchart Halaman Profil

c. Flowchart Halaman Produk

Halaman produk aktif jika user mengklik halaman produk, kemudian user dapat memesan produk yang dipilih apabila user belum melakukan login maka user akan dialihkan kehalaman registrasi, tetapi jika user sudah melakukan login maka pemesanan akan terkirim. Untuk flowchart halaman produk digambarkan seperti dibawah ini

Mulai

Halaman Utama

Profil?

Selesai Tampil Halaman

Profil

Tidak

Gambar 3.6 Flowchart Halaman Produk

d. Flowchart Registrasi Customer

Halaman registrasi ini aktif jika user mengklik halaman registrasi maka akan menampilkan form input registrasi, jika user belum menjadi member atau belum login maka user harus registrasi dahulu untuk melakukan pemesanan

Pesan Produk

Cek login

Pesan & Kirim

Pesan Terkirim

Selesai Mulai

Halaman Utama

Produk

Maaf Anda belum login

Tampil Halaman Tampil Halaman

Tidak

YA Tidak

sepeda motor dan user harus mengisi data diri dengan lengkap, jika tidak lengkap maka registrasi gagal. Flowchart halaman registrasi seperti dibawah ini:

Gambar 3.7 Flowchart Halaman Registrasi Customer.

Mulai

Halaman Utama

Registrasi?

Selesai Input Data Konsumen

Daftar

Daftar Sukses Tampil Halaman

Registrasi

Tampil Halaman Registrasi Tidak

Tidak

e. Flowchart Halaman Contact

Halaman Contact akan aktif saat user mengklik halaman contact maka akan diprosses dan akan menampilkan halaman Contact. Flowchart halaman Contact seperti dibawah ini.

Gambar 3.8 Flowchart Halaman Contact

f. Flowchart Halaman Admin

Halaman ini ditampilkan hanya untuk pihak tertentu, yaitu untuk administrator yang berkaitan dengan pengolahan website. Halaman administrator ini akan tampil dengan mengklik link administrator, tetapi untuk dapat mengakses halaman ini harus melalui login terlebih dahulu jika login diterima maka akan terbuka halaman administrator jika batal maka login dibatalkan. Flowchart halaman administrator seperti dibawah ini.

Mulai

Halaman Utama

Contact Customer

Selesai Tampil Halaman Contact

Tidak

Gambar 3.9 Flowchart Halaman Admin

Mulai

Halaman Utama

Admin?

Selesai Input Username dan

Password

Logout Halaman Login Admin

Tampil Halaman Administrator

Username &

Password Tidak Valid Tidak

Tidak

g. Flowchart Data Sepeda Motor

Gambar 3.10 Flowchart Data Sepeda Motor h. Flowchart Edit Data Sepeda Motor

Gambar 3.11 Flowchart Edit Data Motor

Mulai

Data Produk

Simpan

Selesai Halaman

Data Lengkap Input Data

Data Produk Disimpan

Tidak YA

Mulai

Data Produk

Simpan

Selesai Cek Data Edit Data Produk

Data Produk YA

Tidak

i. Fowchart Hapus Data Sepeda Motor

Gambar 3.12 Flowchart Hapus Data Motor j. Flowchart Faktur

Gambar 3.13 Flowchart Faktur

Mulai

Data Produk

Hapus

Selesai Hapus Data Produk

Data Motor Dihapus YA

Tidak

Mulai

Data Faktur

Simpan

Selesai Halaman Utama

Data Lengkap Input Data Faktur

Data Faktur Disimpan

Cetak

Tidak

k. Flowchart Surat Jalan

Gambar 3.14 Flowchart Surat Jalan

Mulai

Data Surat Pengiriman

Simpan

Selesai Halaman Utama

Data Lengkap Input Data Surat Pengiriman

Data Surat Pengiriman

Cetak YA

Tidak

l. Flowchart Data Penjualan

Gambar 3.15 Flowchart Data Penjualan

Mulai

Data Penjualan

Simpan

Selesai Halaman Utama

Data Lengkap Input Data

Penjualan

Data Penjualan

Cetak YA YA

Tidak

3. Desain Sistem a. Struktur File

Struktur file merupakan sutau objek sistem perangkat lunak yang merupakan elemen-elemen dari sistem perangkat lunak yang dirancang, salah satu objek tersebut adalah data.

1. Nama Tabel : Cutomer Kunci : id_konsumen

Keterangan : Digunakan untuk menyimpan data konsumen.

Tabel 3.1 Struktur Tabel Konsumen.

No Field Type Keterangan

1 Id_konsumen Int(3) Id konsumen

2 User_name Varchar(25) User name untuk login 3 Pass Varchar(10) Password untuk login 4 Nama Varchar(30) Nama lengkap customer

5 Jk Varchar(10) Jenis kelamin

6 Pekerjaan Varchar(20) Pekerjaan konsumen 7 Alamat Varchar(50) Alamat konsumen

8 Kota Varchar(20) Kota konsumen

9 Provinsi Varchar(30) Provinsi konsumen

10 Kode_pos Int(6) Kode pos konsumen

11 No_tlp Varchar(15) Nomor telpon konsumen 12 Email Varchar(30) Email konsumen

13 No_rekening Varchar(20) Nomor rekening konsumen 14 Nama_bank Varchar(20) Nama bank konsumen

2. Nama Tabel : Pemesanan Kunci : kd_pemesanan

Keterangan : Digunakan untuk menyimpan data pemesanan.

Tabel 3.2 Struktur Tabel Pemesanan

No Field Type Keterangan

1 Kd_pemesanan Varchar (5) Kode pemesanan

2 Tgl_pemesanan Date Tanggal pembelian

3 Id_konsumen Varchar(30) Id konsumen 4 Kode_motor Varchar(10) Kode motor

5 Kd_status Int(1) Kode status pemesanan

6 Batas_akhir Date Batas akhir pemesanan

3. Nama Tabel : Motor Kunci : kd_motor

Keterangan : Digunakan untuk menyimpan data motor.

Tabel 3.3 Struktur Tabel Motor

No Field Type Keterangan

1 Kode_motor Varchar(10) Kode motor

2 Nama_motor Varchar(20) Nama motor

3 Type Varchar(15) Type motor

4 Merek Varchar(10) Merk motor

5 Thn_buat Varchar(4) Tahun pembuatan motor

6 Isi_silinder Varchar(6) Isi silinder motor

7 Nm_bpkb Varchar(30) Nama bpkb motor

8 No_polisi Varchar(10) Nomor polisi motor

9 No_mesin Varchar(20) Nomor mesin motor

10 No_rangka Varchar(20) Nomor rangka motor

11 Warna Varchar(20) Warna motor

12 Harga Int(10) Harga motor

13 Gambar Varchar(50) Gambar motor

4. Nama Tabel : Faktur Kunci : no_faktur

Keterangan : Digunakan untuk menyimpan data faktur.

Tabel 3.4 Struktur Tabel Faktur.

No Field Type Keterangan

1 No_faktur Varchar(5) No faktur

2 Tgl_faktur Date Tanggal faktur

3 Jml_uang Bigint(20) Jumlah uang pembayaran 4 Terbilang Varchar(50) Terbilang uang

5 Id_konsumen Varchar(20) Id customer

5. Nama Tabel : Pengiriman Kunci : kd_pengiriman

Keterangan : Digunakan untuk menyimpan data pengiriman.

Tabel 3.5 Struktur Tabel Pengiriman

No Field Type Keterangan

1 Kd_pengiriman Varchar(5) Kode pengiriman kendaraan 2 Tgl_pengiriman Date Tanggal pengiriman

3 Jasa_pengiriman Varchar(20) Jasa pengiriman

4 No_faktur Varchar(5) Nomor faktur

6. Nama Tabel : admin Kunci : id_admin

Keterangan : Digunakan untuk menyimpan data admin.

Tabel 3.6 Struktur Tabel Admin

No Field Type Keterangan

1 Id_admin Varchar(20) Id admin

2 User_name Varchar(20) Username untuk login 3 Password Varchar(20) Password admin untuk login

7. Nama Tabel : status Kunci : kd_status

Keterangan : Digunakan untuk status pemesanan.

Tabel 3.7 Struktur Tabel Admin

No Field Type Keterangan

1 Kd_status Bigint(1) Kode status

2 Status Varchar(10) Status pemesanan kendaraan

8. Nama Tabel : Penjualan Kunci : id

Keterangan : Digunakan untuk menyimpan data penjualan.

Tabel 3.81 Struktur Tabel Penjualan

No Field Type Keterangan

1 Ide Int(3) Id penjualan

2 Nama Varchar(30) Nama konsumen

3 Alamat Varchar(50) Alamat konsumen

4 Telp Varchar(15) Telepon konsumen

5 Pekerjaan Varchar(25) Pekerjaan konsumen 6 Kode_motor Varchar(10) Kode motor yang dibeli

4. Perancangan antar muka

Perancangan antar muka ini dibuat untuk mempermudah dalam pembuatan program dan perancangan tampilan program.

Gambar 3.16 Perancangan antar muka a. Struktur menu

Stuktur menu adalah bentuk umum dari suatu rancangan program untuk memudahkan pemakai dalam menjalankan program sehingga pada saat menjalankan program komputer, pemakai (user) tidak mengalami kesulitan dalam memilih menu-menu yang diinginkan. Pada perancangan ini dibuat menu yang dapat diintergrasikan seluruh data dalam suatu sistem dan disertai dengan intruksi yang ada pada pilihan menu tersebut. Adapun rancangan menu dari program Sistem informasi penjualan ini adalah sebagai berikut :

Gambar 3.17 Struktur menu

B. Pembuatan Program

Jenardi Motor dalam pengelolaan data unit motor, data konsumen, data harga dan data pembayaran masih menggunakan cara manual yaitu dengan menggunakan Microsoft Excel, sehingga banyak mengalami kendala baik dalam pencarian data konsumen, data pembayaran, dan pembuatan laporan bulanan.

1. Analisis Kebutuhan Sistem

Langkah pertama dalam pembuatan program adalah analisis kebuutuhan. Hal ini merupakan langkah pendahuluan sebgai analisis untuk menetapkan tipe program yang diobservasi dari user. Adapaun analisis kebutuhan anatara lain.

a. Konfigurasi Hardware dan Software

Konfigurasi Hardware untuk mendukung pelaksanaan program sistem informasi penjualan di Dealer Jenardi Motor perlu adanya dukungan sistem komputer yang memadai, baik dari segi hardware maupun software.

1) Kebutuhan Hardware

a) Personal Komputer (PC) spesifikasi adalah sebagai berikut : (1) Microprocessor Dual Core atau lebih tinggi

(a) Memori 1 GB atau lebih (b) Hardisk 320 GB

b) Printer Kebutuhan printer disesuaikan dengan kebutuhan pencetakan dokumen atau pencetakan laporan.

2) Kebutuhan Sofware.

a) Xampp

b) Software sistem

Software sistem adalah program yang dirancang sebagai perantara hardware dengan program aplikasi. Software sistem digunakan untuk mendudkung sistem informasi penjualan ini disarakan menggunakan Windows7.

b. Kebutuhan Brainware

Kebutuhan brainware pada suatu aplikasi membutuhkan satu orang sebagai operator yang dapat mengakses sistem ini. Seorang pengguna yang ingin mempunyai akses terhadap aplikasi ini harus melakukan login, karena hanya bisa dilakukan ketika pengguna sudah melukan login dengan memasukan username dan password.

C. Uji Coba Sistem a. Halaman Utama

Tampilan halaman utama adalah tampilan yang pertama kali muncul apabila user mengakses situs Jenardi Motor Sidoarjo. Adapun tampilannya adalah sebagai berikut :

Gambar 3.18 Halaman Utama b. Halaman Profil

Tampilan profil adalah tampilan yang berisi profil dari Jenardi Motor.

Adapun tampilannyaadalah sebagai berikut :

Gambar 3.19 Halaman Profil c. Halaman Produk

Tampilan halaman produk adalah tampilan yang berisi daftar sepeda motor yang sedang dipasarkan pada Jenardi Motor Sidoarjo. Adapun tampilannya adalah sebagai berikut :

Gambar 3.20 Halaman Produk d. Halaman Data Pelanggan

Tampilan Halaman data pelanggan adalah halaman yang berisi biodata customer. Adapun tampilannya adalah sebagai berikut :

Gambar 3.21 Halaman Data Pelanggan

e. Transaksi Penjualan

Gambar 3.22 Transaksi Penjualan f. Stok Barang

Gambar 3.23 Stok Barang g. Laporan Penjualan

Gambar 3.24 Laporan penjualan

h. Laporan Konfirmasi Transfer Pembayaran

Gambar 3.25 Laporan Konfirmasi Transfer Pembayaran i. Halaman Login

Tampilan login admin adalah form yang harus diisi oleh admin apabila ingin masuk ke dalam menu admin. Adapun tampilannya adalah sebagai berikut.

Gambar 3.26 Halaman Login j. Input Produk

Gambar 3.27 Halaman Input Produk

k. Edit Produk

Gambar 3.28 Edit Produk

l. Menjalankan Program

Berikut ini adalah instalasi program untuk menggunakan program sistem Informasi Penjualan Sepeda Motor pada Jenardi Motor berbasis web. Langkah- langkahnya adalah sebagai berikut :

a. Klik menu Start, All Program, XAMPP,XAMPP Control Panel

Gambar 3.29 Cara Aktifkan Xampp Control Panel

b. Aktifkan XAMPP Control Panel Seperti pada gambar dibawah ini :

Gambar 3.30 Xampp Control Panel

c. Buka Mozilla Firefox, lalu ketikkan alamat http://localhost/pointofsale selanjutnya akan tampil seperti gambar dibawah ini :

Gambar 3.31 Tampilan URL

48 BAB IV PENUTUP A. Kesimpulan

Berdasarkan hasil penelitian ini, dapat disimpulkan bahwa permasalahan sistem yang berjalan di Jenardi Motor Sidoarjo saat ini adalah masih dilakukan secara manual sehingga di dalam penyajian informasinya sering kali tidak efektif dan efisien. Dalam proses pengolahan data yang banyak dan waktu yang dimiliki sedikit membutuhkan alat abantu komputer yang dapat mengakses data dengan cepat.

Dari hasil tugas akhir yang dilakukan di Jenardi Motor Sidoarjo dapat diambil kesimpulan, yaitu

1. Dengan adanya sistem informasi Penjualan ini Jenardi Motor dapat melakukan pendataan transaksi penjualan,stok barang, data pelanggan dengan lebih cepat, efektif, konsisten, dengan adanya program yang lebih baik sehingga dapat mengurangi adanya duplikasi dan redundasi data, serta penyimpanan datanya menjadi lebih aman.

2. Sistem informasi ini dibuat dengan menggunakan bahasa pemrograman PHP dan untuk databasenya menggunakan MySQL.

3. Data yang berhubungan dengan data pelanggan, stok barang dan lain-lainnya secara terkomputerisasi pada database yang dapat melakukan penyimpanan, pengubahan, penghapusan dan pencarian data serta pembuatan laporan.

B. Saran

Dalam pembuatan laporan tugas akhir ini memberikan saran yang dapat dapat digunakan untuk bahan pertimbangan antara lain :

1. Aplikasi ini dapat dikembangkan lebih lanjut dengan berbasis sistem online karena saat ini teknologiinternetsudah sangat maju.

2. Untuk mengantisipasi kehilangan data maka pengembanganya sebaiknya pada sistem informasi ini diberiBackupRestore.

Dalam dokumen Tugas Akhir Sistem Informasi Penjualan Sepeda Motor Honda Berbasis Web (Halaman 30-35)