47
5. Implementasi Sistem
Tahap untuk meletakkan system supaya siap untuk dijalankan.
4.3 Simbol Simbol pada Flowchart dan Penjelasannya
Flowchart atau diagram alir merupakan sebuah diagram dengan simbol-simbol grafis yang menyatakan aliran algoritma atau proses yang menampilkan langkah-langkah yang disimbolkan
dalam bentuk kotak, beserta urutannya dengan menghubungkan masing masing langkah tersebut menggunakan tanda panah. Diagram ini bisa memberi solusi selangkah demi selangkah untuk
penyelesaian masalah yang ada di dalam proses atau algoritma tersebut.
Tabel Flowchart beserta fungsinya:
Tabel 4.1Simbol-Simbol Flowchart No
Nama Simbol
Fungsi
1 Terminator
Terminator, fungsinya untuk permulaan akhir program
2 Process
Process, digunakan untuk melambangkan
kegiatan pemrosesan input.
Tabel 4.1Simbol-Simbol Flowchart Lanjutan
Universitas Sumatera Utara
48
3 Input data
Input data, fungsi untuk proses input data, parameter.
4 Garis alir
flow line Garis
alir flow
line, fungsinya untuk arah aliran
program. 5
Preparation Preparation,
berfungsi untuk proses
inisialisasi pemberian
harga awal
perulangan. 6
Proses Proses,
fungsinya untuk
proses perhitunganproses
pengolahan data . 7
Connector Connector,penghubung
bagian-bagian flowchart
yang berada
pada satu
halaman. 8
Output data Output data, informasi
9 Off
page connector
Off page
connector penghubung bagian-bagian
flowchart yang berada pada halaman berbeda.
Universitas Sumatera Utara
49
Tabel 4.1Simbol-Simbol Flowchart Lanjutan
10 Predefined
process Predefined process, untuk
menyatakan sekumpulan
langkah proses yang ditulis sebagai prosedur.
11 Display
Display,untukoutput yang
diajukan suatu device, seperti monitor.
12 Magnetic disk
Magnetic disk,
untuk penyimpanan data.
4.4 Metode Perancangan
Metode perancangan system ini menggunakan metode pendekatan atas-bawah top down approach.Perancangan dimulai dari bentuk yang paling global yaitu diagram konteks, kemudian
diturunkan secara bertahap menjadi bentuk yang lebih detail.
4.4.1 Pembuatan Flowchart Diagram Alir
Flowchart adalah penggambaran secara grafik dari langkah-langkah dan urut-urutan prosedur dari suatu program.Flowchart menggolong analis dan programmer untuk memecahkan masalah
kedalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternatif-alternatif
Universitas Sumatera Utara
50
lain dalam pengoperasian.Flowchart Sistem merupakan bagan yang menunjukkan alur kerja atau apa yang sedang dikerjakan di dalam system secara keseluruhan dan menjelaskan urutan dari
prosedur-prosedur yang ada di dalam sistem. Dengan kata lain, flowchart ini merupakan deskripsi secara grafik dari urutan prosedur-prosedur yang terkombinasi yang membentuk suatu
sistem. Flowchart Sistem terdiri dari data yang mengalir melalui system dan proses yang mentransformasikan data itu. Data dan proses dalam flowchart system dapat digambarkan secara
online dihubungkanlangsungdengankomputer atau offline tidak dihubungkan langsung dengan komputer, misalnya mesin tik, cash register atau kalkulator.
Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. Di samping itu, juga dapat
mempermudah dalam mengatur kode dan fileHTMLnya, terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara sederhana flowchart keseluruhan dalam
membangun situs ini dapat dilihat pada gambar di bawah ini:
Universitas Sumatera Utara
51
Gambar.4.1 Flowchart Pemesanan Produk
Universitas Sumatera Utara
52
Universitas Sumatera Utara
53
Gambar.4.2 Flowchart Halaman Utama
Gambar.4.3 Flowchart HalamanKategori
Universitas Sumatera Utara
54
Gambar.4.4 Flowchart Produk Kami
Universitas Sumatera Utara
55
Gambar.4.5 Flowchart Halaman Admin
Universitas Sumatera Utara
56
4.5 Perancangan Database
Perancangan database adalah salah satu langkah untuk menentukan file database, table, tipe data dan ukuran dari data yang digunakan. Tahap ini merupakan tahap yang paling penting dalam
perancangan sistem.
Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik penambahan,
pengeditan, penghapusan dan penampilan isi database ke halaman web. Database ini terdiri atas tabel – tabel yang dibuat dengan menggunakan program MySQL.Adapun database yang dibuat
oleh penulis adalah database website Sistem penjualan Jersey Bola BerbasisWeb Pada TokoMansyur Jersey Medan dengan tabel – tabel sebagai berikut:
1. TabelData Admin
Tabel 4.2Data Admin No
Field Type
Size Description
1 Username
Varchar 50
Username 2
Password Varchar
50 Password
3 Nama_Lengkap
Varchar 100
Nama Lengkap 4
Email Varchar
100 Email
5 No_Telpon
Varchar 20
No Telpon 6
Level Varchar
20 Level
7 Blokir
Enum Blokir
Universitas Sumatera Utara
57
2. Tabel Data Bank
Tabel 4.3DataBank No
Field Type
Size Description
1 Id_Bank
Int 5
Id Bank 2
Nama_Bank Varchar
100 Nama Bank
3 No_Rekening
Varchar 100
No Rekening 4
Pemilik Varchar
100 Pemilik
5 Gambar
Varchar 100
Gambar
3. Tabel Data Banner
Tabel 4.4DataBanner No
Field Type
Size Description
1 Id_Banner
Int 5
Id Banner 2
Judul Varchar
100 Judul
3 Url
Varchar 100
Url 4
Gambar Varchar
100 Gambar
5 Tanggal_Posting
Date Tanggal Posting
4. Tabel Data Header
Tabel 4.5Data Header No
Field Type
Size Description
1 Id_Gambar
Int 5
Id Gambar 2
Judul Varchar
100 Judul
Universitas Sumatera Utara
58
3 Url
Varchar 100
Url
Tabel 4.5Data HeaderLanjutan No
Field Type
Size Description
4 Gambar
Varchar 100
Gambar 5
Deskripsi Varchar
100 Deskripsi
6 Tanggal_Posting
Date Tanggal Posting
5. Tabel Data Hubungi
Tabel 4.6 DataHubungi No
Field Type
Size Description
1 Id_Hubungi
Int 5
Id Hubungi 2
Nama Varchar
50 Nama
3 Email
Varchar 100
Email 4
Subject Varchar
100 Subject
5 Pesan
Text Pesan
6 Tanggal
Date Tanggal
6. Tabel Data Kategori
Tabel 4.7DataKategori No
Field Type
Size Description
1 Id_Kategori
Int 5
Id Kategori 2
Nama_Kategori Varchar
100 Nama Kategori
3 Kategori_Seo
Varchar 100
Kategori Seo
Universitas Sumatera Utara
59
7. Tabel Data Komentar
Tabel 4.8DataKomentar No
Field Type
Size Description
1 Id_Komentar
Int 5
Id Komentar 2
Id_Produk Int
5 Id Produk
3 Nama_Komentar
Varchar 100
Nama Komentar 4
Url Varchar
100 Url
5 Isi_Komentar
Text Isi Komentar
6 Tanggal
Date Tanggal
7 Jam_Komentar
Time Jam Komentar
8 Aktif
Enum Aktif
8. Tabel Data Kota
Tabel 4.9DataKota No
Field Type
Size Description
1 Id_kota
Int 3
Id kota 2
Id_Perusahaan Int
10 Id Perusahaan
3 Nama_Kota
Varchar 100
Nama Kota 4
Ongkos_kirim Int
10 Ongkos kirim
Universitas Sumatera Utara
60
9. Tabel Data Kustomer
Tabel 4.10DataKustomer No
Field Type
Size Description
1 Id_Kustomer
Int 5
Id Kustomer 2
Password Varchar
50 Password
3 Nama_Lengkap
Varchar 100
Nama Lengkap 4
Alamat Text
Alamat 5
Email Varchar
100 Email
6 Telpon
Varchar 20
Telpon 7
Id_Kota Int
5 Id Kota
8 Aktif
Enum Aktif
10. Tabel Data Main Menu
Tabel 4.11DataMain Menu No
Field Type
Size Description
1 Id_Main
Int 5
Id Main 2
Nama_Menu Varchar
50 Nama Menu
3 Link
Varchar 100
Link 4
Aktif Enum
Aktif
Universitas Sumatera Utara
61
11. Tabel Data Modul
Tabel 4.12DataModul No
Field Type
Size Description
1 Id_Modul
Int 5
Id Modul 2
Nama_Modul Varchar
50 Nama Modul
3 Link
Varchar 100
Link 4
Static_Content Text
Static Content 5
Gambar Varchar
100 Gambar
6 Status
Enum Status
7 Aktif
Enum Aktif
8 Urutan
Int 5
Urutan
12. Tabel Data Orders
Tabel 4.13 Tabel Orders No
Field Type
Size Description
1 Id_Orders
Int 5
Id Orders 2
Status_Orders Varchar
50 Status Orders
3 Tanggal_Orders
Date Tanggal Orders
4 Jam_Orders
Time Jam Orders
5 Id_Kustumer
Int 5
Id Kustumer
Universitas Sumatera Utara
62
13. Tabel Data Order Detail
Tabel 4.14DataOrders Detail No
Field Type
Size Description
1 Id_Orders
Int 5
Id Orders 2
Id_Produk Int
5 Id Produk
3 Jumlah
Int 5
Jumlah
14. Tabel Data Orders Temp
Tabel 4.15Data Orders Temp No
Field Type
Size Description
1 Id_Orders_Temp
Int 5
Id Orders Temp 2
Id_Produk Int
5 Id Produk
3 Id_Session
Varchar 100
Id Session 4
Jumlah Int
5 Jumlah
5 Tanggal_Orders_Temp
Date Tanggal Orders
Temp 6
Jumlah_Order Time
Jumlah Order 7
Stok_Temp Int
5 Stok Temp
Universitas Sumatera Utara
63
15. Tabel Data Poling
Tabel 4.16DataPoling No
Field Type
Size Description
1 Id_Poling
Int 5
Id Poling 2
Pilihan Varchar
100 Pilihan
Tabel 4.16Data Poling Lanjutan No
Field Type
Size Description
3 Status
Varchar 20
Status 4
Rating Int
5 Rating
5 Aktif
Enum Aktif
16. Tabel Data Produk
Tabel 4.17DataProduk No
Field Type
Size Description
1 Id_Produk
Int 5
Id Produk 2
Id_Kategori Int
5 Id Kategori
3 Nama_Produk
Varchar 100
Nama Produk 4
Produk_Seo Varchar
100 Produk Seo
5 Deskripsi
Text Deskripsi
6 Harga
Int 20
Harga 7
Stok Int
5 Stok
8 Size
Varchar 5
Size 9
Tanggal_Masuk Date
Tanggal Masuk
Universitas Sumatera Utara
64
10 Gambar
Varchar 100
Gambar 11
Dibeli Int
5 Dibeli
12 Diskon
Int 5
Diskon 13
Status Varchar
10 Status
14 Review
Text Review
17. Tabel Data Sekilas Info
Tabel 4.18Data Sekilas Info No
Field Type
Size Description
1 Id_Sekilas
Int 5
Id Sekilas 2
Info Varchar
100 Info
3 Tanggal_Posting
Date Tanggal Posting
4 Gambar
Varchar 100
Gambar
18. Tabel Data Pengiriman
Tabel 4.19Data Pengiriman No
Field Type
Size Description
1 Id_Perusahaan
Int 10
Id Perusahaan 2
Nama_Perusahaan Varchar
100 Nama Perusahaan
3 Alias
Varchar 100
Alias 4
Gambar Varchar
100 Gambar
Universitas Sumatera Utara
65
19. Tabel Data Statistik
Tabel 4.20DataStatistik No
Field Type
Size Description
1 Ip
Varchar 20
Ip 2
Tanggal Date
Tanggal 3
Hits Int
10 Hits
4 Online
Varchar 255
Online
20. Tabel Data Sub Menu
Tabel 4.21Data Sub Menu No
Field Type
Size Description
1 Id_Sub
Int 5
Id Sub 2
Nama_Sub Varchar
50 Nama Sub
3 Link_Sub
Varchar 100
Link Sub 4
Id_Main Int
5 Id Main
21. Tabel Data Sub Produk
Tabel 4.22Data Sub Produk No
Field Type
Size Description
1 Id_SubProduk
Int 5
Id Sub Produk 2
Id_Produk Varchar
5 Id Produk
3 Gambar
Varchar 200
Gambar
Universitas Sumatera Utara
66
22. Tabel Data Tag
Tabel 4.23Data Tag No
Field Type
Size Description
1 Id_Tag
Int 5
Id Tag 2
Nama_Tag Varchar
100 Nama Tag
3 Tag_Seo
Varchar 100
Tag Seo 4
Count Int
5 Count
23. Tabel Data Users
Tabel 4.24Data Users No
Field Type
Size Description
1 Username
Varchar 50
User name 2
Password1 Varchar
50 Password1
3 Password
Varchar 50
Password 4
Nama_Lengkap Varchar
100 Nama Lengkap
5 Alamat
Varchar 200
Alamat 6
Email Varchar
100 Email
7 Aktivitas
Int 6
Aktivitas 8
Cek_Aktivitas Int
6 Cek Aktivitas
9 No_Telp
Varchar 20
No Telp 10
Id_Kota Int
2 Id Kota
11 Level
Varchar 20
Level 12
Blokir Enum
Blokir 13
Id_Session Varchar
100 Id Session
Universitas Sumatera Utara
67
BAB 5
IMPLEMENTASI SISTEM
5.1 Defenisi Implementasi Sistem