• Tidak ada hasil yang ditemukan

Perancangan Aplikasi e-Commerce Pada Toko Pacific Computer

N/A
N/A
Protected

Academic year: 2016

Membagikan "Perancangan Aplikasi e-Commerce Pada Toko Pacific Computer"

Copied!
91
0
0

Teks penuh

(1)

PERANCANGAN APLIKASI E-COMMERCE PADA TOKO

PACIFIC COMPUTER

TUGAS AKHIR

RIAN DWI NANDA

102406182

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

TUGAS AKHIR

PERANCANGAN APLIKASI E-COMMERCE PADA TOKO PACIFIC COMPUTER

Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh gelar Ahli Madya

RIAN DWI NANDA 102406182

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

(3)

PERSETUJUAN

Judul : PERANCANGAN APLIKASI E-COMMERCE

PADA TOKO PACIFIC COMPUTER

Kategori : PROPOSAL TUGAS AKHIR

Nama : RIAN DWI NANDA

Nomor Induk Mahasiswa : 102406182

Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diketahui Disetujui Oleh

Ketua Departemen Matematika Pembimbing

(4)

PERNYATAAN

PERANCANGAN APLIKASI E-COMMERCE PADA TOKO PACIFIC COMPUTER

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, 12 Juni 2013

(5)

PENGHARGAAN

Puji syukur penulis panjatkan kepada Allah Swt. atas limpahan rahmat dan anugrah-Nya sehingga tugas akhir yang berjudul “Perancangan Aplikasi E-Commerce Pada Toko Pacific Computer” ini dapat diselesaikan dengan baik dan dalam waktu yang telah ditetapkan.

Penyusunan tugas akhir ini masih banyak memiliki kekurangan karena keterbatasan kemampuan dan pengetahuan penulis, sehingga diharapkan kritik dan saran yang membangun serta dapat memberikan inspirasi yang baik untuk kemajuan tugas akhir ini.

Tugas Akhir merupakan salah satu syarat yang harus dilakukan setiap mahasiswa Teknik Informatika untuk dapat menyelesaikan pendidikan di Program D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara.

Dalam penulisan tugas akhir ini tidak terlepas dari banyak pihak yang memberikan saran, dukungan, serta bimbingan. Oleh karena itu, pada kesempatan kali ini ingin mengucapkan terima kasih yang sebesar-besarnya kepada:

1. Bapak Dr. Sutarman, M.sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara.

2. Bapak Prof. Drs. Tulus, Vordipl,M.Si.,Ph.D, selaku ketua Departemen Matematika di Universitas Sumatera Utara.

3. Bapak Syahriol Sitorus,S.Si.,M.I.T, selaku Dosen pembimbing pada penyelesaian tugas akhir ini yang telah memberikan panduan dan penuh kepercayaan kepada penulis untuk menyelesaikan kajian tugas akhir ini.

4. Para Staf/Pengajar Jurusan D-3 Teknik Informatika FMIPA USU.

(6)

6. Yang tersayang, Dita Damayanti untuk segenap doa, perhatian, pengertian dan dukungannya.

7. Seluruh sahabat terhebat, Hafis, Putra, Saiful, Hamdan, Aat, Dewi, dan Taufiq untuk segenap doa dan dukungannya.

8. Seluruh teman-teman angkatan 2010 dari D-3 Teknik Informatika FMIPA USU, khususnya kelas Kom C terima kasih atas saran dan kritik dalam penyusunan Tugas Akhir ini.

9. Semua pihak yang telah membantu dalam menyelesaikan Tugas Akhir ini yang tidak dapat disebutkan namanya satu per satu.

(7)

ABSTRAK

(8)

vii

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Daftar Isi vii

Daftar Tabel xi

Daftar Gambar xii

BAB 1 PENDAHULUAN

1.1.Latar Belakang Masalah 1

1.2.Rumusan Masalah 2

1.3.Batasan Masalah 3

1.4.Manfaat dan Tujuan Penelitian 6

1.4.1. Manfaat 6

1.4.2. Tujuan 6

1.5.Metodologi Penelitian 6

1.6.Tinjauan Pustaka 7

1.7.Sistematika Penulisan 8

BAB 2 LANDASAN TEORI

2.1 Konsep Dasar Data dan Informasi 9

2.1.1. Data 9

2.1.2. Informasi 12

2.2 Electronic Commerce (E-Commerce) 12

2.2.1. Defenisi E-Commerce 12

2.2.2. Proses Transaksi E-Commerce 13

2.3 Basis Data (Database) 14

2.3.1. Pengertian Basis Data 14

(9)

2.4 PHP 16

2.12 Entity Relationship Diagram (ERD) 24

BAB 3 PERANCANGAN SISTEM

3.1 Perancangan Sistem 26

3.2 Diagram Konteks 26

3.3 Data Flow Diagram 27

3.3.1. DFD Level 0 28

3.3.2. DFD Level 1 Pendaftara 29

3.3.3. DFD Level 1 Login 30

3.3.4. DFD Level 1 Pengelolahan Data Pengguna 31

3.3.5. DFD Level 1 Pengelolahan Data Master 32

3.4 Perancangan Database 33

3.4.1. Desain Logika 33

3.4.2. Normalisasi 33

2.4.2.1.UNF (Unnormalized Form) 34

2.4.2.2.1NF (1 Normal Form) 35

2.4.2.3.2NF (2 Normal Form) 36

2.4.2.4.3NF (3 Normal Form) 37

3.4.3. Entity Relationship Diagram (ERD) 38

3.4.4. Nama Tabel 40

3.4.5. Field Tabel 40

3.5 Flowchart 45

3.5.1. Menu Utama 45

3.5.2. Pemesanan Produk 46

(10)

ix

BAB 4 IMPLEMENTASI SISTEM

4.1Pengertian Implementasi Sistem 48

4.2Tujuan Implementasi Sistem 49

4.3Komponen Utama dalam Sistem 49

4.5.1. Perangkat Keras (Hardware) 49

4.5.2. Perangkat Lunak (Software) 50

4.5.3. Tenaga Pelaksana (Brainware) 51

4.4Instalisasi Apache, PHP dan MySQL 51

4.5Tampilan Desain Program 51

4.5.1. Halaman Utama/Beranda 52

4.5.2. Halaman Daftar Pelanggan 53

4.5.3. Halaman Login Pelanggan 54

4.5.4. Halaman Detail Produk 55

4.5.5. Halaman Login Admin 55

4.5.6. Halaman Admin 56

4.5.7. Halaman Data Produk 56

4.5.8. Halaman Data Transaksi 57

BAB 5 KESIMPULAN DAN SARAN

5.1Kesimpulan 58

5.2Saran 59

(11)

DAFTAR TABEL

Halaman

Tabel 2.1 Arti Lambang-lambang Flowchart 21

Tabel 2.2 Simbol-simbol DFD 23

Tabel 2.3 Simbol-simbol ERD 25

Tabel 3.1 UNF Pada Database 34

Tabel 3.2 1NF Pada Database 35

Tabel 3.3 2NF Pada Database 36

Tabel 3.4 3NF Pada Database 37

Tabel 3.5 Tabel dalam Database 40

Tabel 3.6 Tabel Admin 40

Tabel 3.7 Tabel Detail Pesanan 40

Tabel 3.8 Tabel Jenis Pengiriman 41

Tabel 3.9 Tabel Kab Kota 41

Tabel 3.10 Tabel Kategori 41

Tabel 3.11 Tabel Keranjang 41

Tabel 3.12 Tabel Ongkos 42

Tabel 3.13 Tabel Pelanggan 42

Tabel 3.14 Tabel Pembayaran 42

Tabel 3.15 Tabel Pesanan 43

Tabel 3.16 Tabel Produk 43

Tabel 3.17 Tabel Provinsi 44

Tabel 3.18 Tabel ReturBarang 44

Tabel 3.19 Tabel Subkategori 44

(12)

xi

DAFTAR GAMBAR

Halaman

Gambar 3.1 Diagram Konteks 27

Gambar 3.2 DFD Level 0 28

Gambar 3.3 DFD Level 1 Pendaftaran 29

Gambar 3.4 DFD Level 1 Login 30

Gambar 3.5 DFD Level 1 Pengelolahan Data Pengguna 31 Gambar 3.6 DFD Level 1 Pengelolahan Data Master 32

Gambar 3.7 Database Desain Logikal 33

Gambar 3.8 ERD 39

Gambar 3.9 Flowchart Menu Utama 45

Gambar 3.10 Flowchart Pemesanan Produk 46

Gambar 3.11 Flowchart Halaman Admin 46

Gambar 4.1 Halaman Utama/Beranda 47

Gambar 4.2 Halaman Daftar Pelanggan 47

Gambar 4.3 Halaman Login Pelanggan 48

Gambar 4.4 Halaman Detail Produk 48

Gambar 4.5 Halaman Login Admin 49

Gambar 4.6 Halaman Depan Admin 49

Gambar 4.7 Halaman Data Produk 50

(13)

ABSTRAK

(14)

1

BAB 1

PENDAHULUAN

1.1 Latar Belakang Masalah

(15)

Pacific Computer merupakan toko yang menjual produk-produk elektronik komputer seperti PC, laptop, proyektor, printer dan aksesoris komputer lainnya. Penjualan yang dilakukan toko Pacific Computer saat ini masih bersifat konvensional, dimana proses jual-beli masih dilakukan dengan cara tatap muka langsung.

Mekanisme penjualan saat ini sebenarnya belum memiliki masalah yang berarti, namun kondisi berbelanja seperti ini sangat memungkinkan akan timbulnya masalah dikemudian hari diantaranya pelanggan yang lokasinya berjauhan atau berada di luar kota akan merasa keberatan untuk berbelanja di toko Pacific Computer. Manajemen produk yang masih dilakukan secara manual dirasa cukup membebani pemilik toko karena banyaknya transaksi per periode. Maka dari itu, diperlukan adanya sebuah inovasi baru untuk sarana media informasi dan bertransaksi dengan konsumen.

Mengacu pada latar belakang di atas maka dapat diusulkan untuk diterapkan suatu sistem penjualan online yang memiliki fungsi-fungsi pendukung penjualan dan diharapkan dapat membantu pemilik dalam meningkatkan bisnisnya. Oleh karena itu, dalam kegiatan penelitian ini dapat diambil judul

“Perancangan Aplikasi E-Commerce Pada Toko Pacific Computer”.

1.2 Rumusan Masalah

Dari uraian latar belakang di atas perumusan masalah yang dapat diidentifikasi adalah sebagai berikut :

(16)

3

2. Toko Pacific Computer belum memiliki sebuah sistem pengolahan data yang baik dalam melakukan jual beli online.

3. Toko Pacific Computer belum memiliki sebuah sistem yang menyediakan fasilitas pembayaran global serta jaminan keamanan saat transaksi dan pertukaran data.

Berdasarkan kebutuhan di atas, maka diperoleh rumusan masalah yaitu bagaimana merancang dan mengimplementasikan sebuah layanan e-Commerce pada toko Pacific Computer dengan sistem internet market.

1.3 Batasan Masalah

Agar penelitian yang dilakukan lebih terarah sesuai dengan tujuan penelitian, baik dalam pengumpulan dan pengolahan data, analisa serta menarik kesimpulan, maka ruang lingkup penelitian mencakup sebagai berikut.

A. Backend Office

Website yang dirancang untuk menangani pengolahan dan pengaturan data produk yang hanya bisa diakses dengan hak akses sebagai Admin atau Superadmin. Sistem menyediakan layanan pengaturan produk diantaranya.

1. Informasi Produk

a. Data Produk seperti, tambah produk, edit produk atau hapus produk.

b. Data Kategori dan/atau Sub Kategori misalnya kategori laptop dengan sub kategori Acer, Lenovo, dll.

(17)

d. Manajemen Harga, hal ini dilakukan ketika terjadi perubahan harga karena harga dapat berubah sewaktu-waktu.

e. Produk Promosi terhadap seluruh atau sebagian produk. f. Pengelolaan Diskon terhadap seluruh atau sebagian produk.

g. Pengelolaan Persediaan, misalnya dalam situasi dimana barang yang sama dipesan oleh banyak pelanggan dan atau kondisi dimana persediaan barang sedang kosong.

2. Manajemen Pesanan

a. Pemesanan dibatasi hanya untuk wilayah Indonesia.

b. Sistem yang dibangun dilengkapi dengan fasilitas Pencarian Pesanan.

c. Pemberitahuan mengenai update Status Pesanan sampai kepada Konfirmasi Pembayaran menggunakan e-mail.

d. Pembatalan Pesanan. 3. Manajemen Pembayaran

a. Pembayaran Offline melalui transfer rekening bank. b. Pembayaran Online melalui PayPal.

4. Manajemen Shipping

Layanan pengiriman barang menggunakan Jasa Pengiriman JNE atau untuk wilayah Medan dapat diantar langsung sesuai dengan kesepakatan kedua pihak.

(18)

5

Laporan-laporan disusun berdasarkan harian, mingguan, bulanan, tahunan. Beberapa laporan yang dibuat yaitu Laporan Pemesanan dan Laporan Produk.

6. Sistem juga akan diintegerasikan dengan media promosi pada Social Networking seperti Facebook atau Twitter.

B. Shoping Feature (Frontend) 1. Dilengkapi fitur Pencarian.

2. Pemesanan hanya dapat dilakukan oleh pelanggan yang sudah terdaftar, oleh karena itu sistem ini dilengkapi Fasilitas Pendaftaran dan Login Member agar proses pemesanan dapat dilakukan.

3. Fitur History Pemesanan berisi informasi daftar pemesanan yang sudah dilakukan oleh pelanggan sebelumnya.

4. Pengiriman informasi pesanan melalui email ke pemesan setiap ada perubahan status pesanan.

5. Mendukung Search Engine Optimization (SEO) yang terdaftar pada search engine untuk mempermudah pelanggan dalam mencari dan mengunjungi website ini.

C. Komunikasi

1. Menggunakan email yang didaftarkan pengguna.

2. Menggunakan Instant Messaging (IM) untuk media komunikasi real-time. 3. Menggunakan nomor telepon sebagai media bantuan atau Customer

(19)

1.4 Manfaat dan Tujuan Penelitian

1.4.1 Manfaat

Manfaat dari penelitian ini adalah sebagai berikut :

1. Mempermudah perusahaan atau produsen dalam memasarkan produk yang di jualnya dalam wilayah yang lebih luas.

2. Produsen dapat melakukan pendataan barang secara akurat.

3. Mempermudah konsumen dalam membeli komputer tanpa harus pergi ke suatu toko yang menjual komputer.

4. Menambah pengetahuan dan wawasan penulis dalam hal pembuatan website dan e-commerce

1.4.2 Tujuan

Adapun tujuan perancangan aplikasi e-commerce ini adalah:

1. Merancang sebuah aplikasi e-Commerce yang mampu menjadi sebuah sarana jual beli dan promosi yang baik untuk toko Pacific Computer. 2. Mempermudah pengelolaan data barang.

3. Memberikan kemudahan dengan adanya fasilitas pembayaran global dan jaminan keamanan transaksi.

1.5 Metode Penelitian

(20)

7

1. Penulisan ini dimulai dengan studi kepustakaan yaitu mengumpulkan bahan-bahan referensi dan mempelajari konsep cara mengembangkan aplikasi web secara umum.

2. Melakukan studi terhadap aplikasi-aplikasi e-commerce yang telah ada di internet yang diperkirakan telah dapat menyelesaikan permasalahan dalam penelitian ini.

3. Mempersiapkan perangkat keras dan perangkat lunak penunjang perancangan dan pengembangan aplikasi e-commerce pada Toko Pacific Computer.

4. Melakukan pengembangan yang dilanjutkan dengan pengujian dan pembahasan.

5. Menyusun laporan hasil penelitian ke dalam format penulisan tugas akhir dengan disertai kesimpulan akhir.

1.6 Tinjauan Pustaka

(21)

Dewasa ini SQL merupakan standar yang digunakan untuk mengakses database relasional. Banyak DBMS (Data Base Management System) yang mendukung SQL untuk mengakses database. Database dapat dianggap sebagai suatu penyusunan data yang terstruktur yang disimpan dalam media penyimpanan (hard disk) yang tujuannya adalah agar data tersebut dapat diakses dengan mudah dan cepat. (Abdul Kadir, Penuntun Praktis Belajar SQL, 2005).

PHP sebagai bahasa pemograman berbasis web, mempunyai lebih banyak kelebihan dibanding bahasa pemograman gratis sejenis lainnya, PHP juga mempunyai fungsi-fungsi yang cukup lengkap, multiflatform serta mampu berinteraksi dengan berbagai macam database. Pada PHP, banyak komponen atau fungsi yang dapat digunakan untuk berbagai macam kebutuhan. Tidak hanya FTP, fungsi mengakses email dapat pula digunakan dengan gratis. Keunggulan PHP yang lain adalah dukungan terhadap berbagai jenis web server (M. Syafii, Panduan Membuat Aplikasi Database dengan PHP 5, 2005).

1.7 Sistematika Penulisan

Secara garis besar tugas akhir ini terdiri dari 6 (enam) bab dan lampiran. Adapun setiap bab dan sub-sub bab yang terdiri dari :

BAB 1 : PENDAHULUAN

(22)

9

BAB 2 : LANDASAN TEORI

Bab ini berisi landasan teori yang menjelaskan tentang konsep dasar data, informasi, E-Commerce, basis data (database), PHP, MySQL, Flowchart dan Adobe Dreamweaver CS5.

BAB 3 : PERANCANGAN SISTEM

Bab ini menjelaskan analisis terhadap seluruh spesifikasi sistem yang mencakup analisis prosedur yang sedang berjalan, pengkodean, kebutuhan non fungsional dan analisis basis data. Selain analisis sistem, bab ini terdapat juga perancangan antarmuka untuk aplikasi yang akan dibangun sesuai dengan hasil analisis yang telah dibuat. Tool untuk memodelkan sistem menggunakan Data Flow Diagram (DFD), Flowchat, dan Entity Relationship Diagram (ERD).

BAB 4 : IMPLEMENTASI SISTEM

(23)

BAB 5 : KESIMPULAN DAN SARAN

(24)

BAB 2

LANDASAN TEORI

2.1 Konsep Dasar Data dan Informasi

2.1.1 Data

Data adalah bentuk yang masih mentah yang belum dapat bercerita banyak, sehingga perlu diolah lebih lanjut. Data diolah melalui suatu model untuk dihasilkan informasi. (Jogiyanto, Analisa dan Disain Sistem Informasi, 2005 : 8). Data dapat berupa catatan-catatan dalam kertas, buku, atau tersimpan sebagai file dalam database. Data akan menjadi bahan dalam suatu proses pengolahan data. Oleh karena itu, suatu data belum dapat berbicara banyak sebelum diolah lebih lanjut.

Proses pengolahan data terbagi menjadi tiga tahapan, yang disebut dengan siklus pengolahan data (Data Processing Cycle) yaitu :

a. Pada tahapan Input

Yaitu dilakukan proses pemasukan data ke dalam komputer lewat media input (Input Devices).

b. Pada tahapan Processing

Yaitu dilakukan proses pengolahan data yang sudah dimasukkan, yang dilakukan oleh alat pemroses (Process Devices) yang dapat berupa proses perhitungan, perbandingan, pengendalian, atau pencarian distorage.

(25)

Yaitu dilakukan proses menghasilkan output dari hasil pengolahan data ke alat output (Output Devices) yaitu berupa informasi.

2.1.2 Informasi

Pengertian Informasi dalam pengertian yang paling umum adalah pengetahuan yang didapatkan dari pembelajaran, pengalaman, atau instruksi.

Menurut Gordon B. Davis,

Informasi adalah data yang telah diolah menjadi suatu bentuk yang

penting bagi si penerima dan mempunyai nilai yang nyata yang dapat dirasakan dalam keputusan yang sekarang atau keputusan-keputusan yang akan datang”.

Jadi, secara umum informasi adalah data yang sudah diolah menjadi suatu bentuk lain yang lebih berguna yaitu pengetahuan atau keterangan yang ditujukan bagi penerima dalam pengambilan keputusan, baik masa sekarang atau yang akan datang.

Untuk memperoleh informasi yang berguna, tindakan yang pertama adalah mengumpulkan data, kemudian mengolahnya sehingga menjadi informasi. Dari data-data tersebut informasi yang didapatkan lebih terarah dan penting karena telah dilalui berbagai tahap dalam pengolahannya diantaranya yaitu pengumpulan data, data apa yang terkumpul dan menemukan informasi yang diperlukan.

2.2 Elektronik Commerce (E-Commerce) 2.2.1 Defenisi E-Commerce

(26)

13

1. Dari perspektif komunikasi, e-commerce adalah pengiriman barang, layanan, informasi, atau pembayaran melalui jaringan komputer atau melalui peralatan elektronik lainnya.

2. Dari perspektif proses bisnis, e-commerce adalah aplikasi dari teknologi yang menuju otomatisasi dari transaksi bisnis dan aliran kerja.

3. Dari perspektif layanan, e-commerce merupakan suatu alat yang memenuhi keinginan perusahaan, konsumen, dan manajemen untuk memangkas biaya layanan (service cost) ketika meningkatkan kualitas barang dan meningkatkan kecepatan layanan pengiriman.

4. Dari perspektif online, e-commerce menyediakan kemampuan untuk membeli dan menjual barang ataupun informasi melalui internet dan sarana online lainnya.

2.2.2 Proses Transaksi E-Commerce

Agar sebuah perdagangan antar pembeli dan penjual dapat dilakukan, maka harus ada satu proses tertentu. Proses transaksi E-Commerce bisa mencakup tahap-tahap sebagai berikut (Suyanto, 2003:46):

1. Show. Penjual menunjukkan produk atau layanannya di situs yang dimiliki, lengkap dengan detail spesifikasi produk dan harganya.

2. Register. Konsumen melakukan register untuk memasukkan data-data

identitas, alamat pengiriman dan informasi login.

3. Order. Setelah konsumen memilih produk yang diinginkan, konsumen pun

(27)

4. Payment. Konsumen melakukan pembayaran.

5. Verification. Verifikasi data konsumen sepeti data-data pembayaran (No.

rekening atau kartu kredit).

6. Deliver. Produk yang dipesan pembeli kemudian dikirimkan oleh penjual

ke konsumen.

2.3 Basis Data (Database)

2.3.1 Pengertian Basis Data

Basis data (database) merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk memanipulasinya. (Jogiyanto, Analisis dan Disain Sistem Informasi, 2005:13). Basis data dapat digunakan oleh satu atau lebih program aplikasi secara optimal, data disimpan tanpa mengalami ketergantungan pada program yang akan menggunakannya.

Terdapat beberapa aturan yang harus dipatuhi pada file basis data agar dapat memenuhi kriteria sebagai suatu basis data, yaitu:

1. Kerangkapan data, yaitu munculnya data-data yang sama secara berulang-ulang pada file basis data,

2. Inkonsistensi data, yaitu munculnya data yang tidak konsisten pada field yang sama untuk beberapa file dengan kunci yang sama,

(28)

15

data tersebut, kecuali program aplikasi dirubah atau ditambah sehingga seolah-olah ada file yang terpisah atau terisolasi terhadap file yang lain, 4. Keamanan data, berhubungan dengan masalah keamanan data dalam

sistem basis data. Pada prinsipnya file basis data hanya boleh digunakan oleh pemakai tertentu yang mempunya wewenang untuk mengakses, 5. Integrasi data, berhubungan dengan unjuk kerja sistem agar dapat

melakukan kendali atau kontrol pada semua bagian sistem sehingga sistem selalu beroperasi dalam pengendalian penuh.

2.3.2 Database Management System (DBMS)

Database Management System (DBMS) adalah suatu sistem atau perangkat lunak yang dirancang untuk mengelola suatu basis data dan menjalankan operasi terhadap data yang diminta banyak pengguna. DBMS telah berkembang menjadi bagian standar di bagian pendukung (back office) suatu perusahaan. Contoh DBMS adalah Oracle, SQL server 2000/2003, MS Access, MySQL dan sebagainya. DBMS merupakan perangkat lunak yang dirancang untuk dapat melakukan utility dan mengelola koleksi data dalam jumah yang besar. DBMS juga dirancang untuk dapat melakukan manipulasi data secara lebih mudah. Penyimpanan data dalam bentuk DBMS mempunyai banyak manfaat dan kelebihan, di antaranya.

1. Performance yang didapat dengan penyimpanan dalam bentuk DBMS cukup besar dan juga akan didapatkan efisiensi penggunaan media penyimpanan dan memori

(29)

berulangnya data atau kumpulan data yang sama dalam sebuah database yang mengakibatkan pemborosan media penyimpanan.

3. Independensi. Perubahan struktur database dimungkinkan terjadi tanpa harus mengubah aplikasi yang mengaksesnya sehingga pembuatan antarmuka ke dalam data akan lebih mudah dengan penggunaan DBMS. 4. Sentralisasi. Data yang terpusat akan mempermudah pengelolaan

database. kemudahan di dalam melakukan bagi pakai dengan DBMS dan juga kekonsistenan data yang diakses secara bersama-sama akan lebiih terjamin dari pada data disimpan dalam bentuk file atau worksheet yang tersebar.

5. Sekuritas. DBMS memiliki sistem keamanan yang lebih fleksibel daripada pengamanan pada file sistem operasi. Keamanan dalam DBMS akan memberikan keluwesan dalam pemberian hak akses kepada pengguna.

2.4 PHP

PHP: Hypertext Preprocessor(PHP) adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS. Contoh program yang ditulis menggunakan PHP adalah sebagai berikut:

<?php

echo "Hello World";

?>

(30)

17

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.

2. Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.

3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak.

5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah system.

2.5 Javascript

Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan “LiveScript” yang berfungsi sebagai bahasa

sederhana untuk browser Netscape Navigator 2. Pada masa itu bahasa ini banyak di kritik karena kurang aman, pengembangannya yang terkesan buru-buru dan tidak ada pesan kesalahan yang di tampilkan setiap kali kita membuat kesalahan pada saat menyusun suatu program. Kemudian sejalan dengan sedang giatnya kerjasama antara Netscape dan Sun (pengembang bahasa pemrograman “Java” ) pada masa itu, maka Netscape memberikan nama “JavaScript” kepada bahasa

(31)

sendiri mencoba untuk mengadaptasikan teknologi ini yang mereka sebut sebagai “Jscript” di browser Internet Explorer 3.

Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen HTML, sepanjang sejarah internet bahasa ini adalah bahasa skrip pertama untuk web. Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah perintah di sisi user, yang artinya di sisi browser bukan di sisi serverweb.

JavaScript adalah bahasa yang “case sensitive” artinya membedakan penamaan variabel dan fungsi yang menggunakan huruf besar dan huruf kecil, contoh variabel atau fungsi dengan nama TEST berbeda dengan variabel dengan nama test. Dan yang terakhir seperti bahasa Java ataupun C, setiap instruksi diakhiri dengan karakter titik koma (;).

2.6 CSS (Cascading Style Sheet)

CSS (cascadding stylesheet) adalah bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat digunakan untuk semua jenis dokumen XML termasuk SVG dan XVL. Spesifikasi CSS diatur oleh world wide web consortium (W3C).

(32)

19

(yang ditulis dengan CSS). Pemisahan ini dapat meningkatkan aksesibilitasi isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada struktur isi.

CSS memungkinkan halaman yang sama untuk menampilkan cara yang berbeda, seperti melalui layar, cetak, suara (sewaktu dibacakan oleh browser basis suara atau pembaca layar), dan juga alat pembaca braille, halaman HTML atau XML yang sama juga dapat ditampilkan secara berbeda, baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS.

2.7 Adobe Dreamweaver CS 5

Adobe Dreamweaver merupakan program penyunting halaman web keluaran Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver keluaran Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang menarik dan kemudahan penggunaannya. Versi terakhir Macromedia Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu versi 8. Saat ini versi terbaru dari Adobe Dreamweaver adalah Adobe Dreamweaver CS6 dengan kemampuan dan interface yang lebih bik dari versi sebelumnya.

2.8 MySQL

(33)

MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.

MySQL adalah sebuah implementasi dari sistem manajemen basisdata relasional (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Setiap pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam basisdata yang telah ada sebelumnya; SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian basisdata, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.

2.9 XAMPP

XAMPP atau X (Cross Platform) Apache MySQL PHP Perl adalah sebuah perangkat lunak (software) yang dibuat oleh tim dari Apache Friends (www.apachefriends.org) yang fungsinya adalah untuk menjalankan program PHP, MySQL dan Perl dalam satu waktu yang bersamaan. XAMPP memudahkan para web developer untuk mengembangkan dan membuat sebuah website di local PC/Laptop, sehingga proses pembuatan sebuah website menjadi lebih aman dan cepat dibandingkan melakukan proses pembuatan website lewat online server.

(34)

21

dari XAMPP lebih mudah, maka banyak developer web yang menyarankan untuk menggunakan XAMPP untuk menjalankan AMP (Apache, MySQL, PHP). Selain dari pada itu, XAMPP juga dapat berjalan di platform (sistem operasi) besar, seperti Macinstosh, Windows dan Linux (Ubuntu, Solaris, Debian, CeNTOS).

2.10 Flowchart

Flowchart adalah sekumpulan simbol-simbol yang menunjukan atau meng-gambarkan 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 2.1 Arti Lambang-lambang Flowchart

Simbol Keterangan

Terminal / Interuptm (Mulai/Berhenti)

Simbol ini dipergunakan untuk

menunjukkan awal kegiatan atau akhir kegiatan atau berhentinya suatu program.

Input/Output (Data/Hasil)

Untuk mewakili data input dan menuliskan output-nya.

Process ( Pengolahan)

(35)

Decision (Keputusan)

Dipakai untuk menuliskan jika adanya percabangan, seperti if, case.

Prefendefined

Untuk program-program yang sering dipergunakan sebuah program berulang kali, biasanya dibuat program terpisah dengan sebuah sub program

(subroutine). Untuk menghubungkan program utama dengan subroutine dipergunakan simbol ini.

Connector (Penghubung)

Bila suatu flow-chart sangat panjang dan diputus ditengah sebelum selesai, jika disambung dalam halaman yang sama lagi, maka digunakan simbol ini.

Flow-Lines (Garis Alir)

Bila suatu flow-chart dihubungkan dengan garis-garis ini. Garis-garis ini menunjukkan akar selanjutnya yang akan dituju. Bila arahnya kebawah atau kekanan tidak pelu memakai tanda panah. Bila ke atas atau ke kiri, tanda panah harus dipakai, untuk

(36)

23

2.11 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, tersruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan DFD ini sering disebut juga dengan nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau model fungsi.

Tabel 2.2 Simbol-simbol DFD

No Gambar Nama Fungsi

1.

Terminator/Kesatuan Luar (External Entity)

Kesatuan luar (external entity) merupakan kesatuan (entity) di lingkungan luar sistem yang berupa orang, organisasi atau sistem lainnya yang berada di lingkungan luarnya yang akan membeikan input atau menerima output dari sistem.

2. Proses (Process)

(37)

Nama Data Store a

a

dan kesatuan luar (external entity). Arus data ini menunjukkan arus data yang dapat berupa masukkan untuk sistem atau hasil dari proses sistem

4. komputer, arsip atau catatan manual, kotak tempat data di meja seseorang, tabel acuan manual, agenda atau buku

2.12 Entity Relationship Diagram (ERD)

ERD (Entity Relationship Diagram) adalah pemodelan data utama yang membantu mengorganisasikan data dalam suatu proyek ke dalam entitas-entitas dan menentukan hubungan antar entitas.

1. Sistem adalah kumpulan elemen yang setiap elemen memiliki fungsi masing-masing dan secara bersama-sama mencapai tujuan dari sistem tersebut.

2. Kesamaan dari sistem di atas dilambangkan dengan saling berelasinya antara satu entitas dengan entitas lainnya.

3. Entitas (entity/ entity set), memiliki banyak istilah di dalam ilmu komputer, seperti tabel (table), berkas (data file), penyimpan data (data store), dan sebagainya.

Media

(38)

25

Nama Data Store

Tabel 2.3 Simbol-simbol ERD

No Notasi Keterangan

1.

Entitas Kuat merupakan entitas yang tidak memiliki ketergantungan dengan entitas lainnya

2.

Entitas Lemah merupakan entitas yang kemunculannya tergantung pada keberadaaan entitas lain dalam suatu relasi

3.

Relasi, menunjukan adanya hubungan di antara sejumlah entitas yang berbeda

4.

Atribut, berfungsi mendeskripsikan karakter entitas (attribute yang berfungsi sebagai key diberi garis bawah.

5 Garis, sebagai penghubung antara relasi dengan entitas, relasi dan entitas dengan atribut

Entitas Kuat

Entitas Kuat Entitas Lemah

Relasi

(39)

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Perancangan Sistem dapat didefenisikan sebagai penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi. Perancangan sistem menentukan bagaimana suatu sistem akan menyelesaikan apa yang mesti diselesaikan. Tahap ini menyangkut mengkonfigurasikan dari komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem sehingga setelah instalasi dari sistem akan benar-benar memuaskan rancangan bangun yang telah ditetapkan pada akhir tahap analisa sistem.

3.2 Diagram Konteks

(40)

27

Gambar 3.1 Diagram Konteks

3.3 Data Flow Diagram (DFD)

(41)

3.3.1 DFD Level 0

(42)

29

3.3.2 DFD Level 1 Pendaftaran

(43)

3.3.3 DFD Level 1 Login

(44)

31

3.3.4 DFD Level 1 Pengelolahan Data Pengguna

(45)

3.3.5 DFD Level 1 Pengelolahan Data Master

(46)

33

3.4 Perancangan Database

Database merupakan tempat penyimpanan data yang terstruktur sehingga dapat diakses dengan cepat dan mudah. Database merupakan salah satu komponen yang penting dalam sistem e-commerce, karena berfungsi sebagai basis penyedia informasi bagi para penggunanya. Karena database merupakan kumpulan dari beberapa file yang dikelompokkan secara terstruktur dalam beberapa tabel sesuai informasi yang dibutuhkan didalamnya.

3.4.1 Desain Logikal

Gambar 3.7 Database Desain Logikal

3.4.2 Normalisasi

(47)

suatu ketidakkonsistenan (tidak normal) apabila dilakukan penghapusan (delete), pengubahan (update) dan pembacaan (retrieve) pada suatu basis data.

3.4.4.1 UNF (Unnormalized Form)

Bentuk ini merupakan kumpulan data yang akan direkam, tidak ada keharusan mengikukti format tertentu, dapat saja data tidak lengkap atau terduplikasi. Data dikumpulkan apa adanya sesuai dengan saat menginput. Untuk mentransformasikan tabel yang belum ternomalisasi di atas menjadi tabel yang memenuhi kriteria 1NF adalah kita harus merubah seluruh atribut yang multivalue menjadi atribut single value, dengan cara menghilangkan repeating group pada tabel di atas.

Tabel 3.1 UNF Pada Database

(48)

35

no_telp_penerima id_pembayaran

atas_nama status_pembayaran

tgl_bayar jumlah_yang_dibayar

3.4.4.2 1NF (1 Normal Form)

Pada tahap ini dilakukan penghilangan beberapa group elemen yang berulang agar menjadi satu harga tunggal yang berinteraksi di antara setiap baris pada suatu tabel, dan setiap atribut harus mempunyai nilai data yang atomic (bersifat atomic value). Atom adalah zat terkecil yang masih memiliki sifat induknya, bila terpecah lagi maka ia tidak memiliki sifat induknya.

(49)

3.4.4.3 2NF (2 Normal Form)

Bentuk normal kedua didasari atas konsep full functional dependency (ketergantungan fungsional sepenuhnya) yang dapat didefinisikan sebagai berikut. Jika A adalah atribut-atribut dari suatu relasi, B dikatakan full functional dependency (memiliki ketergantungan fungsional terhadap A, tetapi tidak secara tepat memiliki ketergantungan fungsional dari subset (himpunan bagian) dari A.

(50)

37

3.4.4.4 3NF (3 Normal Form)

Walaupun relasi 2-NF memiliki redudansi yang lebih sedikit dari pada relasi 1-NF, namun relasi tersebut masih mungkin mengalami kendala bila terjadi anomaly peremajaan (update) terhadap relasi tersebut. Jika kita hanya meng-update satu baris saja, sementara baris yang lainnya tidak, maka data didalam database tersebut akan inkonsisten / tidak teratur. Anomaly update ini disebabkan oleh suatu ketergantungan transitif (transitive dependency). Kita harus menghilangkan ketergantungan tersebut dengan melakukan normalisasi ketiga (3-NF).

(51)

3.4.5 Entity Relationship Diagram (ERD)

(52)
(53)

3.4.6 Nama Tabel

Tabel 3.5 Tabel dalam database

No Nama Tabel 1 tbl_admin

2 tbl_detail_pesanan 3 tbl_jenis_pengiriman 4 tbl_kab_kota

5 tbl_kategori 6 tbl_keranjang 7 tbl_ongkos 8 tbl_pelanggan 9 tbl_pembayaran 10 tbl_pesanan 11 tbl_produk 12 tbl_propinsi 13 tbl_returbarang 14 tbl_subkategori

3.4.2 Field Tabel

Tabel 3.6 Tabel Admin

No Nama Field Tipe Data

1 id_admin char(5)

2 nama_lengkap varchar(50) 3 username varchar(20)

4 email varchar(50)

5 password varchar(70)

6 level_admin enum('Admin','Superadmin') 7 status_admin tinyint(1)

Tabel 3.7 Tabel Detail Pesanan

(54)

41

2 id_produk char(6)

3 qty int(20)

4 harga int(20)

5 diskon int(5)

Tabel 3.8 Tabel Jenis Pengiriman

No Nama Field Tipe Data

1 id_jenis_pengiriman char(5) 2 nama_jenis_pengiriman varchar(50)

Tabel 3.9 Tabel Kab Kota

No Nama Field Tipe Data 1 id_propinsi int(10)

2 id_kabkota int(10) 3 nama_kabkota varchar(100)

Tabel 3.10 Tabel Kategori

No Nama Field Tipe Data 1 id_kategori char(5)

2 nama_kategori varchar(50)

Tabel 3.11 Tabel Keranjang

No Nama Field Tipe Data 1 id_pelanggan char(6)

2 id_produk char(6) 3 nama_produk varchar(30)

4 harga int(20)

5 qty int(20)

6 total_berat float

(55)

Tabel 3.12 Tabel Ongkos

No Nama Field Tipe Data 1 id_ongkos char(5)

2 id_jenis_pengiriman char(5) 3 id_kabkota int(10)

4 biaya int(20)

Tabel 3.13 Tabel Pelanggan

No Nama Field Tipe Data

1 id_pelanggan char(6) 2 nama_lengkap varchar(50) 3 username varchar(30)

4 email varchar(50)

5 password varchar(70) 6 ulang_password varchar(70) 7 alamat_pelanggan text

8 id_propinsi int(11) 9 id_kabkota int(11)

10 kodepos int(5)

11 no_hp varchar(15)

12 status_aktifasi enum('Sudah','Belum')

Tabel 3.14 Tabel Pembayaran

No Nama Field Tipe Data

1 id_pembayaran char(8) 2 no_pesanan char(8)

3 tgl_bayar date

4 no_rekening_pengirim varchar(20) 5 tujuan_no_rekening varchar(20) 6 no_record varchar(10) 7 atas_nama varchar(50)

(56)

43

10 jumlah_yang_dibayar int(15) 11 id_paypal varchar(20)

Tabel 3.15 Tabel Pesanan

No Nama Field Tipe Data 6 tarif_ongkos_kirim int(20) 7 nama_penerima varchar(50) 8 alamat_penerima text

9 no_telp_penerima varchar(15)

10 status_pengiriman enum('Belum Dikirim','Sudah Dikirim','Diterima') 11 status_pesanan enum('Dipesan','Dibatalkan')

12 total_berat_produk float 13 total_pembayaran int(15) 14 no_resi varchar(20)

Tabel 3.16 Tabel Produk

No Nama Field Tipe Data 1 id_produk char(6)

2 id_kategori char(5) 3 id_subkategori char(5) 4 nama_produk varchar(50)

(57)

12 diskon int(5)

13 file_gambar varchar(200) 14 promo enum('Ya','Tidak') 15 deskripsi text

16 tgl_diinputkan timestamp

17 counter int(11)

Tabel 3.17 Tabel Propinsi

No Nama Field Tipe Data

1 id_propinsi int(10)

2 nama varchar(100)

Tabel 3.18 Tabel ReturBarang

No Nama Field Tipe Data

1 id_retur int(11)

2 no_pesanan char(8) 3 keterangan text

4 tgl_retur date

Tabel 3.19 Tabel Subkategori

No Nama Field Tipe Data 1 id_subkategori char(5)

(58)

45

3.5 Flowchart

3.5.1 Menu Utama

(59)

3.5.2 Pemesanan Produk

(60)

47

3.5.3 Halaman Admin

(61)

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau proses yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui untuk menguji, menginstal, dan melalui sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama.

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 :

(62)

49

4.2 Tujuan Implementasi Sistem

Adapun tujuan-tujuan dari implementasi sistem, yaitu :

1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolah data dan penyaji informasi.

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 Sistem

Pada pembuatan sistem penjualan komputer berbasis e-commerce yang sudah dirancang membutuhkan perangkat keras (hardware), perangkat lunak (software), dan tenaga pelaksana (brainware) untuk melakukan pengolahan data dalam sistem terkomputerisasi.

4.3.1 Perangkat Keras (Hardware)

(63)

Perangkat keras yang dibutuhkan dalam pembuatan sistem informasi ini antara lain:

Tabel 4.1 Perangakat Keras yang Dibutuhkan

Perangkat Spesifikasi Kebutuhan Minimum

Perangkat

Keterangan

Prosesor Intel Atom N2600 (1,6

GHz, 1 MB L2 cache)

Intel Pentium 4 Terpenuhi

Memory DDR3 2 GB 256 MB Terpenuhi

Monitor LED LCD 10,1” Monitor 10,1” Terpenuhi

Keyboard Acer Onboard, Support OS

: Ms. Windows XP/Vista/7/8

Support OS: Ms. Windows XP/Vista/7

Terpenuhi

Mouse Acer Onboard, Support OS

: Ms. Windows XP/Vista/7/8

Support OS: Ms. Windows XP/Vista/7

Terpenuhi

Modem ADSL Wireless/ADSL Terpenuhi

4.3.2 Perangkat Lunak (Software)

Perangkat Lunak (software) adalah program yang berisi kumpulan instruksi untuk melakukan proses pengolahan data. Adapun perangkat lunak yang digunakan penulis adalah sebagai berikut :

1. Sistem Operasi Microsoft Windows 8

2. Microsoft Word 2007, sebagai pengelolah data

3. Microsoft Visio 2007 sebagai pengelolah diagram dan flowchart 4. Mozilla Firefox 20 sebagai web browser

5. XAMPP sebagai localhost

(64)

51

7. CorelDRAW Graphics Suite X5 sebagai pegelolah banner dan logo toko Pacific Computer

4.3.3 Tenaga Pelaksana (Brainware)

Brainware adalah manusia yang terlibat dalam mengoprasikan serta mengatur sistem di dalam komputer. Diartikan juga sebagai perangkat intelektual yang mengoprasikan dan mengeksplorasi kemampuan dari hardware maupun software.

Brainware termasuk bagian penting dari sebuah sistem komputer. Hardware tidak dapat bekerja tanpa adanya software, sedangkan software dan hardware tidak dapat bekerja tanpa adanya brainware. Jadi 3 komponen ini saling terkait dan saling membutuhkan.

4.4 Instalisasi 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, 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 Tampilan Desain Program

(65)

4.5.1 Halaman Utama/Beranda

(66)

53

4.5.2 Halaman Daftar Pelanggan

(67)

4.5.3 Halaman Login Pelanggan

(68)

55

4.5.4 Halaman Detail Produk

Gambar 4.4 Halaman Detail Produk

4.5.5 Halaman Login Admin

(69)

4.5.6 Halaman Admin

Gambar 4.6 Halaman Admin

4.5.7 Halaman Data Produk

(70)

57

4.5.8 Halaman Data Transaksi

(71)

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

(72)

59

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.

(73)

Kadir, Abdul. 2012. jQuery BlackBox. Yogyakarta: MediaKom.

Nono, 2012. Kiat Membuka Toko Online. Jakarta: PT Elex Media Komputindo Komputindo.

Suyanto, M. 2003. Strategi Periklanan pada e-Commerce Perusahaan Top Dunia. Yogyakarta: Andi Publisher.

--- . 2011. Adobe Dreamweaver CS5 (untuk beragam desain website interaktif). Yogyakarta: Andi Publisher.

Panduan Tatacara Penulisan Skripsi & Tugas Akhir. 2010. Dokumen Nomor: Akad/05/2005. Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

http://www.kajianpustaka.com/2013/04/perdagangan-elektronik-e-commerce.html. Diakses tanggal 18 Maret, 2013

(74)

LAMPIRAN A

(75)

<?php

$host = "localhost"; $username = "root"; $password = "";

$databasename = "ecommerce";

$connection = mysql_connect($host, $username) or die("Koneksi Bermasalah");

mysql_select_db($databasename, $connection) or die("Databasenya Error");

?>

2. style.css

body{

background:#FFFFFF;

/* background:#F0F0F0; */ /*background:#EBEBEB;*/ padding:0;

font-family:Arial, Helvetica, sans-serif; font-size:11px;

margin:0px auto auto auto; color:#000;

border-top:0px #6fa7b2 solid; border-bottom:0px #6fa7b2 solid; }

(76)

background-color:#eee;

border-bottom:#565e65 solid 1px; }

text-shadow:1px 1px 0 #6fa7b2,0 0 5px #6fa7b2; } border:1px #ccc solid;

border-radius: 3px;

-webkit-border-radius: 3px; -moz-border-radius: 3px; }

.left_menu_corner{ width:9px;

height:30px; float:left;

background:url(images/menu_left.gif) no-repeat center; }

(77)

background:url(images/menu_right.gif) no-repeat center; }

ul.menu {

list-style-type:none; float:left; display:block; width:100%; margin:0px; padding:0px;}

ul.menu li.divider { display:inline; width:2px; height:30px; float:right;

border-right: solid 1px #ccc; border-left: solid 1px #ccc;

/*background:url(images/batas.png) no-repeat center;*/ }

.title_box_login{ width:270px; height:30px; margin:5px 0 0 0;

background:url(images/menu_atas_bg.png) no-repeat left; font-size:13px;

border:1px #ccc solid; }

ul.left_menu li{ margin:0px; list-style:none; }

(78)

width:165px; height:25px; display:block;

background:url(images/checked.png) no-repeat left #E0E0E0; background-position:0px 0px;

border-bottom:1px #ccc dotted; text-decoration:none;

color:#504b4b; padding:0 0 0 30px; line-height:25px; }

ul.left_menu li.odd a:hover{

background:url(images/checked.png) no-repeat left #D0D0D0; color:#504b4b;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />

<link rel="shortcut icon" href="images/pacific.png" /> <titlePacific Computer &reg;</title>

<?php include("lib_func.php"); ?>

<link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript" src="js/boxOver.js"></script>

(79)

<div id="header">

<?php ataslogoalamat(); ?> </div>

<div id="header2"></div> <!---ISI TENGAH----> <div id="tengah">

<div align="right">

<div id="container">

<div id="topnav" class="topnav"></div> </div>

</div>

<div id="main_content"> <?php menu_atas(); ?> <div class="left_content"> <?php keranjang(); ?>

<div class="title_box_subkategori">SubKategori</div> <ul class="left_menu">

<?php list_subkategori(); ?> </ul>

<?php hubungi(); ?> <?php kirim(); ?> </div>

<div class="center_content">

<div class="center_title_bar">Katalog Produk</div> <?php

include "inc.koneksi.php";

$sqlCount = "SELECT COUNT(id_produk) FROM tbl_produk"; $rsCount = mysql_fetch_array(mysql_query($sqlCount)); $banyakData = $rsCount[0];

$page = isset($_GET['page']) ? $_GET['page'] : 1; $limit = 9;

$mulai_dari = $limit * ($page - 1);

$sql = mysql_query("SELECT * FROM tbl_produk ORDER BY id_produk DESC LIMIT $mulai_dari,$limit");

$jumlahdata=mysql_num_rows($sql);

if($jumlahdata>0){

$i=0;

while ($row = mysql_fetch_array($sql)){ $i++;

?> <div class="prod_box">

(80)

<div class="product_title"><a

href="detail_produk.php?produk_id=<?php echo $row['id_produk']; ?>" title="header=[<?php echo $row['id_produk']; ?>] body=[Nama : <?php echo $row['nama_produk']; ?><br>Harga : Rp. <?php echo

number_format($row['harga'],0, ",","."); ?>,-<br>Deskripsi : <?php echo $row['deskripsi']; ?>] fade=[on]"><?php echo

$row['nama_produk']; ?></a></div>

<div class="gambar_produk">

<a href="detail_produk.php?produk_id=<?php echo $row['id_produk']; ?>"><img src="GambarProduk/<?php echo $row['file_gambar']; ?>" style="cursor:pointer;"></a>

</div>

<a href="detail_produk.php?produk_id=<?php echo $row['id_produk']; ?>" title="header=[Lihat Detail Produk] body=[&nbsp;]

fade=[on]"><img src="images/note.png" alt="" title="" border="0" class="left_bt" /></a>

<?php

if ($_SESSION['login_pelanggan']==TRUE) {

?>

<a href="input_keranjang.php?produk_id=<?php echo

$row['id_produk']; ?>" title="header=[Tambah ke Keranjang Belanja] body=[&nbsp;] fade=[on]"><img src="images/cart.png" alt="" title="" border="0" class="left_bt" /></a>

<?php } else { ?>

<a href="login.php" title="header=[Tambah ke Keranjang

Belanja] body=[&nbsp;] fade=[on]"><img src="images/cart.png" alt="" title="" border="0" class="left_bt" /></a>

<?php

(81)

echo '<a href="index.php?page=1"><<</a> ';

if($page > 1) {

$previous=$page-1;

echo '<a href="index.php?page='.$previous.'"><</a> '; }else{

echo "<span class='disabled'><</span> "; }

for($i = 1; $i <= $banyakHalaman; $i++){

if($page != $i){

echo '<a href="index.php?page='.$i.'">'.$i.'</a> ';

}else{

echo "<span class='current'>$i</span> ";

} }

if($page < $banyakHalaman) {

$next=$page+1;

echo '<a href="index.php?page='.$next.'">></a> '; }else{

echo "<span class='disabled'>></span> "; }

if($page < $banyakHalaman) {

$next=$page+1;

echo '<a href="index.php?page='.$banyakHalaman.'">>></a> ';

}else{

echo "<span class='disabled'>>></span> "; }

?>

</div> </div> </div>

<div class="right_content"> <?php cari(); ?>

<?php terbaru(); ?> <?php bestseller(); ?> <?php banyakdilihat(); ?> </div>

(82)

<!----FOOTER--->

<div class="footer">

<?php footer(); ?>

function idauto($tabel, $inisial){

$struktur = mysql_query("SELECT * FROM $tabel");

$field = mysql_field_name($struktur,0);

$panjang = mysql_field_len($struktur,0);

$qry = mysql_query("SELECT max(".$field.") FROM ".$tabel);

$row = mysql_fetch_array($qry);

if ($row[0]=="") {

$angka=0;

}

else {

$angka = substr($row[0], strlen($inisial));

}

$angka++;

$angka =strval($angka);

$tmp ="";

for($i=1; $i<=($panjang-strlen($inisial)-strlen($angka));

$i++) {

$tmp=$tmp."0"; }

return $inisial.$tmp.$angka;

}

.style1 {color: #000000} -->

(83)

<?php

function menu_atas_pelanggan(){ ?>

<div id="menu_tab"> <ul class="menu">

<li><a href="logout.php" class="nav7">Logout</a></li> <li class="divider"></li>

<li><a href="pesanbayar.php" class="nav5">Pesan dan Bayar</a></li> <li class="divider"></li>

<li><a href="tentangkami.php" class="nav6">Tentang Kami</a></li> <li class="divider"></li>

<li><a href="history_pesanan.php" class="nav9">History Pemesanan</a></li>

<li class="divider"></li>

<li><a href="profil_user.php" class="nav8"><?php echo ucfirst($_SESSION['username_pelanggan']); ?></a></li> <li class="divider"></li>

<li><a href="index.php?judul=beranda" class="nav2">Beranda</a></li> </ul> <li><a href="login.php" class="nav1">Login</a></li> <li class="divider"></li>

<li><a href="register.php" class="nav4">Daftar</a></li> <li class="divider"></li>

<li><a href="pesanbayar.php" class="nav5">Pesan dan Bayar</a></li> <li class="divider"></li>

<li><a href="tentangkami.php" class="nav6">Tentang Kami</a></li> <li class="divider"></li>

(84)

menu_atas_pelanggan();

include "inc.koneksi.php"; $sql = mysql_query("SELECT

id_produk,nama_produk,harga,file_gambar FROM tbl_produk ORDER BY id_produk DESC LIMIT 1");

$row = mysql_fetch_array($sql); $id_produk=$row['id_produk']; $nama_produk=$row['nama_produk']; $harga=$row['harga'];

$file_gambar=$row['file_gambar']; ?>

<div class="title_box_terbaru">Terbaru</div> <div class="border_box">

<div class="product_title"><a

href="detail_produk.php?produk_id=<?php echo $row['id_produk']; ?>"><?php echo "$nama_produk"; ?></a></div>

<div class="gambar_produk"><a href="sew980.php"><img

src="GambarProduk/<?php echo $row['file_gambar']; ?>"></a></div> <div class="harga_display">Rp. <?php echo

number_format($row['harga'],0, ",","."); ?>,-</div> <!--<div class="harga_display_kotak_yang_dipinggir"> <?php

/* if ($_SESSION['login_pelanggan']==TRUE) { */

?>

<a href="input_keranjang.php?produk_id=<?php /* echo $row['id_produk']; */ ?>" title="header=[Tambah ke Keranjang

Belanja] body=[&nbsp;] fade=[on]"><img src="images/cart.png" alt="" title="" border="0" /></a>

<?php

/* } else { */ ?>

<a href="login.php" title="header=[Tambah ke Keranjang

Belanja] body=[&nbsp;] fade=[on]"><img src="images/cart.png" alt="" title="" border="0" /></a>

(85)

$row['id_produk']; */ ?>" title="header=[Lihat Detail Produk]

body=[&nbsp;] fade=[on]"><img src="images/note.png" alt="" title="" border="0" /></a>

include "inc.koneksi.php"; $sql = mysql_query("SELECT

id_produk,nama_produk,harga,file_gambar FROM tbl_produk WHERE counter=(SELECT MAX(counter) FROM tbl_produk) LIMIT 1");

$row = mysql_fetch_array($sql); $id_produk=$row['id_produk']; $nama_produk=$row['nama_produk']; $harga=$row['harga'];

$file_gambar=$row['file_gambar']; ?>

<div class="title_box_terbanyak">Banyak Dilihat</div> <div class="border_box">

<div class="product_title"><a

href="detail_produk.php?produk_id=<?php echo $row['id_produk']; ?>"><?php echo "$nama_produk"; ?></a></div>

<div class="gambar_produk"><a href="sew980.php"><img

src="GambarProduk/<?php echo $row['file_gambar']; ?>"></a></div> <div class="harga_display">Rp. <?php echo

number_format($row['harga'],0, ",","."); ?>,-</div> <!--<div class="harga_display_kotak_yang_dipinggir"> <?php

/* if ($_SESSION['login_pelanggan']==TRUE) { */

?>

<a href="#" title="header=[Tambah ke Keranjang Belanja]

body=[&nbsp;] fade=[on]"><img src="images/cart.png" alt="" title="" border="0" /></a>

<?php

/* } else { */ ?>

<a href="login.php" title="header=[Tambah ke Keranjang

(86)

<?php /* } */ ?>

<a href="#" title="header=[Lihat Detail Produk] body=[&nbsp;] fade=[on]"><img src="images/note.png" alt="" title="" border="0" /></a>

<div class="title_box_cari">Pencarian</div> <div class="border_box_cari">

<form action="hasil_pencarian.php" method="get">

<input type="text" name="keyword" input id="s" onfocus="if (this.value == 'Pencarian..') {this.value = '';}"

value="Pencarian.." onblur="if (this.value == '') {this.value = 'Pencarian..';}" />

<!--<input name="carii" value="Cari" type="submit" class="cari"> -->

$sql = mysql_query("SELECT sum( qty ) as qty, sum( subtotal ) as subtotal FROM tbl_keranjang WHERE id_pelanggan =

'$id_pelanggan'"); $pesan = 0; $pesan2 = 0;

$psn = mysql_fetch_row($sql); $pesan = $pesan + $psn[0]; $pesan2 = $pesan2 + $psn[1];

?>

<div class="cart_title">Keranjang Belanja</div> <div class="cart_details">

Gambar

Tabel 2.1 Arti Lambang-lambang Flowchart
Gambar Nama
Tabel 2.3 Simbol-simbol ERD
Gambar 3.1 Diagram Konteks
+7

Referensi

Dokumen terkait

Badan Nasional Sertifikasi Profesi (BNSP) adalah lembaga independen yang dapat memberikan lisensi kepada lembaga sertifikasi profesi (LSP) untuk melakukan

Undang-undang Nomor 19 Tahun 1992 tentang Merek menetapkan bahwa suatu barang atau jasa dapat dimintakan pendaftaran mereknya sesuai dengan kelas yang ditentukan dalam

post juga dapat dimanipulasi, namun kenyataannya metode get lebih berbahaya Æ URL action form dengan metode get dapat dijadikan source file pada image tag...

Peranan Cacing Tanah dalam Pengelolaan Sampah dan Agrobisnis serta Dampaknya Terhadap Nilai Tambah Pendapatan Masyarakat dalam Modul Pelatihan Pemahaman Rancang Bangun

Program komputer turunan, merupakan sebuah karya cipta yang baru yang terpisah dari program komputer asalnya. Namun demikian program kompu- ter yang baru ini tetap harus

Dengan ini menyatakan bahwa Skripsi dengan judul : &#34; Pandangan Ibnu Kasir dan M.Quraish Shihab tentang Hak dan Kewajiban Seorang Istri dalam Al-Qur'an&#34; adalah

Dari penelitian ini dapat disimpulkan bahwa rekrutmen tenaga kerja pada suatu proyek dapat mempengaruhi terjadinya penyimpangan biaya tenaga kerja, dimana masalah pada kurang

Pada pertemuan kedua dalam siklus I permainan sudah dilakukan di tempat yang luas sehingga efektivitas tanya jawab antar siswa semakin baik, tetapi ketika siswa sudah