• Tidak ada hasil yang ditemukan

Perancangan Aplikasi E-Commerce Outlet Buku

N/A
N/A
Protected

Academic year: 2016

Membagikan "Perancangan Aplikasi E-Commerce Outlet Buku"

Copied!
124
0
0

Teks penuh

(1)

PERANCANGAN APLIKASI E-COMMERCE OUTLET BUKU

TUGAS AKHIR

ANGGI HERMANITA 102406042

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

(2)

PERANCANGAN APLIKASI E-COMMERCE OUTLET BUKU

TUGAS AKHIR

Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh gelar Ahli

Madya

ANGGI HERMANITA 102406042

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMA

ERA UTARA MEDAN

(3)

PERSETUJUAN

Judul : PERANCANGAN APLIKASI E-COMMERCE

OUTLET BUKU

Kategori : TUGAS AKHIR

Nama : ANGGI HERMANITA

Nomor Induk Mahasiswa : 102406042

Program Studi : D-3 TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA

UTARA

Diluluskan di

Medan, Juli 2013

Disetujui Oleh

Departemen Matematika FMIPA USU

Ketua, Pembimbing,

(4)

PERNYATAAN

PERANCANGAN APLIKASI E-COMMERCE OUTLET BUKU

TUGAS AKHIR

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

Medan, Juni 2013

ANGGI HERMANITA 102406042

(5)

PENGHARGAAN

Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa atas limpahan rahmat dan hidayah-Nya sehingga kajian tugas akhir 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 Ilmu Komputer untuk dapat menyelesaikan pendidikan di Program D-3

Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara. Pada kesempatan ini penulis juga menyampaikan terima kasih kepada seluruh pihak yang sudah banyak membantu:

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

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

3. Bapak Syahriol Sitorus,S.Si.,M.IT. 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.

5. Kedua orang tua saya Bpk.H Sadien, Ibu Sulastri terimakasih atas do’a dan dukungan moril maupun materil. Dan seluruh keluarga besar saya.

6. Kakak-kakak saya Sri Utami Ningsih S.pdi dan Wita Arif pudia Ningsih, terimakasih atas saran dan dukungannya.

8. Seluruh rekan-rekan dari Kom C 2010 D-3 Teknik Informatika FMIPA USU, khususnya Vivi Saufina,Icha Khairunnisa, Dwi Anggraini, Septi Purwati N, Irma Novida, Nurvika Rani S, dan Ahmad Arif Abdi D, terimakasih atas saran dan kritik serta support dalam penyusunan Tugas Akhir ini.

(6)

ABSTRAK

Pada penulisan tugas akhir ini, penulis membuat Perancangan Aplikasi E-Commerce Outlet Buku. Sistem ini merupakan Penjualan Buku secara Online dengan menggunakan CMS Prestashop yng merupakan gabungan dari Web Server PHP dan MySQL. Pembuatan sistem penjualan buku online ini bertujuan untuk mempermudah masyarakat dalam memperoleh informasi perbelanjaan (Online) sehingga menghemat

(7)

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak v

Daftar Isi vi

Daftar Tabel viii

Daftar Gambar ix

BAB 1 PENDAHULUAN 1.1 Latar Belakang 1

1.2 Identifikasi Masalah 3

1.3 Batasan Masalah 3

1.4 Rumusan Masalah 3

1.5 Tujuan 4

1.6 Manfaat 4

1.7 Sistematika Penulisan 4

BAB 2 LANDASAN TEORI 2.1 Sekilas Tentang e-commerce 6

2.2 Sekilas Tentang komputer 7

2.3 Sekilas Tentang internet 8

2.4 Sekilas Tentang perancangan 9

2.5 Sekilas Tentang sistem 9

2.6 Sekilas Tentang informasi 9

2.7 Sekilas Tentang Mysql 10

2.8 Sekilas Tentang CMS 10

2.9 Sekilas Tentang Prestashop 12

2.10 Sekilas Tentang Domain 13

2.11 Sekilas Tentang Hosting 15

2.12 Sekilas Tentang DFD 15

2.13 Sekilas Tentang Diagram Alir(Flowchart) 17

BAB 3 PERANCANGAN SISTEM 3.1 Perancangan 19

3.2 Perancangan Halaman Website 19

3.2.1 Halaman Home 19

(8)

3.2.6 Kontak 20

3.2.7 Syarat & Ketentuan 21

3.3 Diagram Level Korteks 21

3.4 Perancangan Database 30

3.4.1 Field Name 30

3.4.2 Field Table 31

3.5 Perancangan Diagram Alir (Flowchart) 34

3.5.1 Flowchart Home 34

3.5.2 Flowchart Produk 36

3.5.3 Flowchart Pembelian 37

3.5.4 Flowchart Admin 38

3.6 Entity Relationship Diagram (ERD) 39

3.7 Normalisasi 42

3.8 Desain Website 48

3.8.1 Desain Menu Utama 48

3.8.2 Desain Produk 49

3.8.3 Desain Detail Produk 49

3.8.4 Desain Cara Membeli 50

3.8.5 Desain Keranjang Belanja 50

3.8.6 Desain Login Member 51

3.8.7 Desain Pengiriman Barang 52

3.8.8 Desain Pembayaran 52

3.8.9 Desain Halaman Login Admin 53

3.8.10 Desain Halaman Admin 53

BAB 4 IMPLEMENTASI SISTEM 4.1 Pengertian Implementasi Sistem 54

4.2 Tujuan Implementasi Sistem 54

4.3 Komponen Utama & Sistem 54

4.3.1 Perangkat Keras 55

4.3.2 Perangkat Lunak 55

4.3.3 Tenaga Pelaksana (brainware) 55

BAB 5 KESIMPULAN DAN SARAN 5.1 Kesimpulan 56

5.2 Saran 57

Daftar Pustaka

Lampiran

(9)

DAFTAR TABEL

Halaman

Tabel 2.1 Simbol-Simbol DFD 16

Tabel 2.2 Flowchart 17

Tabel 3.1 Tabel Dalam Database 30

Tabel 3.2 Tabel Kategori 31

Tabel 3.3 Tabel Kota 31

Tabel 3.4 Tabel Login 31

Tabel 3.5 Tabel Orders 31

Tabel 3.6 Tabel Keranjang Belanja 32

Tabel 3.7 Tabel Pengiriman 32

Tabel 3.8 Tabel Pelanggan 32

Tabel 3.9 Tabel Kurs 33

Tabel 3.10 Tabel Pembayaran 33

Tabel 3.11 Tabel Kurir 33

(10)

DAFTAR GAMBAR

Halaman Gambar 3.1 Diagram Konteks yang sedang berjalan 22

Gambar 3.2 Diagram Konteks Level 0 23

Gambar 3.3 Diagram Konteks Level 1 24

Gambar 3.4 Diagram Konteks Level 1 Proses 1 Login 25 Gambar 3.5 Diagram Konteks Level 1 Proses 2 Kategori 26

Gambar 3.6 Diagram Konteks Level 1 Proses 3 Produk 27

Gambar 3.7 Diagram Konteks Level 1 Proses 4 Pelanggan 28

Gambar 3.8 Diagram Konteks Level 1 Proses 5 Order 29

Gambar 3.9 Flowchart Menu Utama 35

Gambar 3.10 Flowchart Produk 36

Gambar 3.11 Flowchart Pembelian 37

Gambar 3.12 Flowchart Login Admin 38 Gambar 3.13 Entity Relationship Diagram 40

Gambar 3.14 Entitas Normalisasi Pembelian Bentuk Unnormal 42 Gambar 3.15 Entitas Normalisasi 1 NF 43

Gambar 3.16 Entitas Normalisasi 2 NF 43 Gambar 3.17 Entitas Normalisasi Pelanggan Bentuk Unnormal 44 Gambar 3.18 Entitas Normalisasi 1 NF 44 Gambar 3.19 Entitas Normalisasi Barang Bentuk Unnormal 45 Gambar 3.20 Entitas Normalisasi 1 NF 45 Gambar 3.21 Entitas Normalisasi Pengiriman Bentuk Unnormal 46

Gambar 3.22 Entitas Normalisasi 1 NF 46 Gambar 3.23 Entitas Normalisasi 2 NF 47 Gambar 3.24 Entitas Normalisasi 3 NF 47 Gambar 3.25 Tampilan Menu Utama 48 Gambar 3.26 Tampilan Produk 49

Gambar 3.27 Tampilan Detail Produk 49 Gambar 3.28 Tampilan Cara Membeli 50 Gambar 3.29 Tampilan Keranjang Belanja 50

Gambar 3.30 Tampilan Login Member 51

Gambar 3.31 Tampilan Pembayaran 52

Gambar 3.32 Tampilan Pengiriman Barang 52

Gambar 3.33 Tampilan Login admin 53

(11)

ABSTRAK

Pada penulisan tugas akhir ini, penulis membuat Perancangan Aplikasi E-Commerce Outlet Buku. Sistem ini merupakan Penjualan Buku secara Online dengan menggunakan CMS Prestashop yng merupakan gabungan dari Web Server PHP dan MySQL. Pembuatan sistem penjualan buku online ini bertujuan untuk mempermudah masyarakat dalam memperoleh informasi perbelanjaan (Online) sehingga menghemat

(12)

BAB 1

PENDAHULUAN

1.1Latar Belakang

Teknologi menjadi ciri khas pada era globalisasi saat ini, sehingga terbentuknya transparansi di berbagai bidang, terutama di bidang teknologi informasi. Informasi

yang cepat dan akurat merupakan suatu bentuk informasi yang sangat dibutuhkan oleh masyarakat. Dunia periklanan pada era globalisasi ini sangat maju dan canggih, bagi orang-orang yang berkecimpung dalam dunia bisnis tidak cukup hanya mengandalkan iklan dan selebaran untuk mengembangkan dan membuat bisnis yang mereka jalankan dapat maju dan dikenal oleh berbagai kalangan masyarakat.

Seiring dengan kemajuan teknologi informasi tersebut, menyebabkan masyarakat dunia mengenal suatu teknologi yang dinamakan Internet. Ada beberapa keunggulan dari internet ialah dapat menyampaikan informasi yang ada di sebuah perusahaan atau instansi tertentu. Melalui internet-lah profil, keunggulan dan segala sesuatu tentang perusahaan tersebut dapat dipublikasikan secara luas kepada

masyarakat. Oleh karena itu, agar bisnis yang dikelola dapat berjalan sukses perusahaan harus mengikuti trend internet dengan melakukan inovasi untuk mendapatkan pencapaian yang memuaskan dari bisnis mereka.

Infrastruktur teknologi yang berkembang pun terasa bukan lagi sekedar pelengkap semata namun sudah menjadi kebutuhan, salah satunya di dunia penjualan. Teknologi yang berkembang pesat menyediakan sarana pendukung penjualan yang lebih atraktif bagi perusahaan. Dengan meledaknya penggunaan Internet

(13)

pelayanan terbaik dengan menggunakan sebuah toko online 24 jam bagi pelanggannya.

E-commerce bukan sesuatu hal yang asing bagi kalangan dunia bisnis berbasis

komputerisasi dan web. Banyak ilmu yang mempelajari seluk beluk perdagangan di sana. Mulai dari penjualan barang hingga penjualan jasa dan di dalam suatu pembelajaran dalam system suatu pemudahan dalam transaksi. Seiring dengan ilmu dan teknologi yang semakin berkembang, E-commerce merupakan salah satu hal yang sangat penting peranannya, karena dengan E-commerce tersebut berisi tentang perkembangan transaksi, pengolahan barang, pengenalan system penjualan dan pembelian barang atau jasa. E-commerce peranannya sangat vital dikalangan dunia bisnis berbasis komputer dan Web. Hal ini disebabkan karena E-commerce dapat membantu dalam pemecahan masalah terhadap proses kerja, proses transaksi antara penjual dan pembeli dapat menghemat waktu, menghubungkan jarak yang terbilang jauh. seperti perkembangan komputer, dalam transaksi terjadi perkembangan juga karena adanya E-commerce.

Electronic Commerce atau E-commerce, merupakan bagian penting dari

perkembangan teknologi dalam dunia Internet. Pemakaian sistem E-commerce sangat menguntungkan banyak pihak, baik konsumen, produsen maupun penjual. Bagi pihak

konsumen, menggunakan e-commerce dapat menghemat waktu dan biaya. Tidak perlu berlama-lama antri untuk mendapatkan suatu barang maupun jasa yang diinginkan.

Selain itu, dapat diperoleh harga terkini dan bisa jadi harga barang atau jasa yang ditawarkan melalui e-commerce bisa lebih murah dibandingkan dengan harga lewat perantara baik agen maupun toko, karena jalur distribusi barang dan jasa dari produsen ke konsumen lebih pendek dan singkat dibandingkan dengan tempat penyedia barang dan jasa.

PrestaShop adalah salah satu CMS E-commerce yang cukup populer dan

(14)

disediakan, pertanyaan yang terjawab tersedia pada forum resminya. Fitur PrestaShop

pun cukup lengkap, mudah dipahami, gampang, sederhana, siap pakai, bisa di-instal dengan mudah dalam web hosting, dan tentu saja gratis.

1.2Identifikasi Masalah

Adanya toko buku online ini agar mempermudah konsumen untuk memesan buku secara bervariasi sesuai dengan yang mereka ingikan, konsumen bisa melihat dan membaca sinopsis buku yang akan mereka beli tanpa harus melihat bukunya langsung. Kendalanya biasanya keterlambatan pengiriman dan sebagai toko buku online yang

tidak mau merugikan konsumen harus mengecek ulang pengiriman.Aplikasi ini juga mempermudah pengunjung dalam mencari berbagai kategori buku yang akan di lihat.

1.3Batasan Masalah

Dalam hal ini penulis membatasi permasalahan kurang tepatntya tanggal sampai pemesanan barang kepada konsumen, Sehingga merupakan kendala yang selalu di hadapi. Untuk itu perlunya pengecekan pengiriman barang kepada konsumen agar konsumen benar-benar merasa puas dengan system pembelian secara online.

1.4. Rumusan Masalah

Dalam dunia bisnis memang memiliki tingkat persaingan yang kompetitif, persaingan bisnis antar pelaku pasar dalam menarik perhatian masyarakat untuk menjadi

pelanggannya dilakukan dengan berbagai cara. Untuk memperjelas permasalah yang akan dibahas dalam tugas akhir ini, maka penulis memberikan rumusan masalah. Adapun rumusan masalah dalam penulisan Tugas Akhir ini adalah:

1. Pembeli dapat melakukan transaksi dari mana pun dan kapan pun hanya

dengan menggunakan sebuah komputer yang telah memiliki akses internet. Permasalahannya sekarang adalah bagaimana pelanggan dapat melakukan

(15)

2. Menggunakan teknologi internet, pembeli atau pelanggan dapat menikmati layanan ini dan akan mendapatkan informasi dengan cepat dan akurat karena data yang diakses melalui jaringan internet.

1.5Tujuan

Tujuan pembuatan aplikasi ini adalah untuk menerapkan program aplikasi yang berbasis web dalam bidang bisnis sebagai sarana untuk efisiensi dan penerapan teknologi informasi dalam dunia perdagangan. Aplikasi ini mempermudah pengunjung dalam berbelanja dan melakukan transaksi serta pengiriman yang extra cepat.

1.6Manfaat

Dalam penulisan Tugas Akhir ini penulis banyak sekali mendapatkan manfaat yang berguna dan dapat diterapkan didalam kehidupan sehari-hari maupun didunia usaha nantinya, beberapa manfaat yang saya dapatkan adalah antara lain:

1. Memberi kemudahan terhadap transaksi penjualan.

2. Memberikan alternative lain cara berbisnis secara tepat. 3. Segmentasi pasar sangat luas sekali.

4. Layanan belanja di toko online relative cepat.

5. Belanja online bisa dilakukan kapanpun dan dimanapun dalam 24 jam. 6. Hemat waktu dan biaya.

7. Tidak perlu menjaga toko setiap saat serta lebih efektif

1.7Sistematika Penulisan

(16)

dianalisis oleh penulis sehingga lebih terarah dan lebih terfokus serta diuraikan bab per-bab.Sistematika penulisan tugas akhir ini dibagi menjadi lima bagian, yaitu: BAB I PENDAHULUAN : Bab ini berisikan latar belakang pembuatan tugas

akhir ini, identifikasi, batasan masalah, rumusan masalah, tujuan dan manfaat, serta sistematika penulisan dari tugas akhir ini.

BAB II LANDASAN TEORI : Bab ini berisikan dasar teori yang melandasi penulisan laporan tugas akhir ini.

BAB III ANALISIS DAN PERANCANGAN : Bab ini berisikan tentang perancangan system penjualan took buku online yang meliputi flow

diagram, strucktur database, sertifikasi input, sertifikasi output, dan

flowchart.

BAB IV IMPLEMENTASI DAN PENGUJIAN : Bab ini berisikan tentang pengertian implementasi system, dan tujuan implementasi system yang dirancang.

BAB V KESIMPULAN DAN SARAN : Bab ini berisikan kesimpulan yang diambil berkaitan dengan sistem yang dibuat dan saran untuk

(17)

BAB 2

LANDASAN TEORI

2.1 Sekilas E-commerce

Electronic Commerce (E-Commerce) didefinisikan sebagai proses pembelian dan

penjualan produk, jasa dan informasi yang dilakukan secara elektronik dengan memanfaatkan jaringan komputer. Salah satu jaringan yang digunakan adalah internet. Perkembangan teknologi informasi terutama internet, merupakan faktor pendorong perkembangan E-Commerce. Internet merupakan jaringan global yang menyatukan jaringan komputer di seluruh dunia, sehingga memungkinkan terjalinnya komunikasi dan interaksi antara satu dengan yang lain diseluruh dunia. Dengan menghubungkan jaringan komputer perusahaan dengan internet, perusahaan dapat menjalin hubungan bisnis dengan rekan bisnis atau konsumen secara lebih efisien. Sampai saat ini internet

merupakan infrastruktur yang ideal untuk menjalankan E-Commerce, sehingga istilah

E-Commerce pun menjadi identik dengan menjalankan bisnis di internet.

Pertukaran informasi dalam E-Commerce dilakukan dalam format digital sehingga kebutuhan akan pengiriman data dalam bentuk cetak dapat dihilangkan. Dengan menggunakan sistem komputer yang saling terhubung melalui jaringan telekomunikasi, transaksi bisnis dapat dilakukan secara otomatis dan dalam waktu

(18)

Dengan menggunakan teknologi informasi, E-Commerce dapat dijadikan sebagai solusi untuk membantu perusahaan dalam mengembangkan perusahaan dan menghadapi tekanan bisnis. Tingginya tekanan bisnis yang muncul akibat tingginya tingkat persaingan mengharuskan perusahaan untuk dapat memberikan respon. Penggunaan E-Commerce dapat meningkatkan efisiensi biaya dan produktifitas perusahaan, sehingga dapat meningkatkan kemampuan perusahaan dalam bersaing.

2.2 Pengertian Komputer

Istilah komputer mempunyai arti yang luas dan berbeda bagi setiap orang. Istilah

komputer (computer) diambil dari bahasa Latin computare yang berarti menghitung

(to compute atau to reckon).Menurut Blissmer (1985), komputer adalah suatu alat

elektronik yang mampu melakukan beberapa tugas, yaitu menerima input, memproses

input sesuai dengan instruksi yang diberikan, menyimpan perintah-perintah dan hasil

pengolahannya, serta menyediakan output dalam bentuk informasi.

Sedangkan menurut Sanders (1985), komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya, dan menghasilkan output berdasarkan instruksi-instruksi yang telah tersimpan di dalam memori. Dan masih banyak lagi ahli yang mencoba mendefinisikan secara berbeda

tentang komputer. Namun, pada intinya dapat disimpulkan bahwa komputer adalah suatu peralatan elektronik yang dapat menerima input, mengolah input, memberikan informasi, menggunakan suatu program yang tersimpan di memori komputer, dapat menyimpan program dan hasil pengolahan, serta bekerja secara otomatis.

Dari definisi tersebut terdapat tiga istilah penting, yaitu input (data), pengolahan data, dan informasi (output). Pengolahan data dengan menggunakan komputer dikenal dengan nama pengolahan data elektronik (PDE) atau elecronic data

processing (EDP). Data adalah kumpulan kejadian yang diangkat dari suatu kenyataan

(fakta), dapat berupa angka-angka, huruf, simbol-simbol khusus, atau gabungan dari ketiganya. Data masih belum dapat bercerita banyak sehingga perlu diolah lebih lanjut. Pengolahan data merupakan suatu proses manipulasi dari data ke dalam bentuk

(19)

informasi adalah hasil dari suatu kegiatan pengolahan data yang memberikan bentuk yang lebih bermakna dari suatu fakta. Oleh karena itu, pengolahan data elektronik adalah proses manipulasi dari data ke dalam bentuk yang lebih bermakna berupa suatu informasi dengan menggunakan suatu alat elektronik, yaitu komputer.

2.3 Pengertian Internet

Pengertian Internet, internet (interconnected computer networks) bisa didefinisikan

network komputer tiada batas yang menjadi penghubung pengguna komputer dengan

pengguna komputer lainnya serta dapat berhubungan dengan komputer di sebuah

wilayah ke wilayah di penjuru dunia, dimana di dalam jaringan tersebut mempunyai berbagai macam informasi serta fasilitas layanan internet browsing atau surfing. Istilah ini lebih dikenal dengan “online” di internet.

Internet merupakan sistem global jaringan komputer yang berhubungan

menggunakan standar Internet Protocol Suite (TCP / IP) untuk melayani miliaran pengguna di seluruh dunia. Ini adalah jaringan dari jaringan yang terdiri dari jutaan jaringan pribadi, umum, akademik, bisnis, dan jaringan pemerintah, dari lokal ke

lingkup global, yang dihubungkan oleh sebuah kode array yang luas dari teknologi jaringan elektronik, nirkabel dan optik. Internet juga dapat didefinisikan sebagai interkoneksi seluruh dunia komputer dan jaringan komputer yang memfasilitasi sharing atau pertukaran informasi di antara pengguna.

(20)

2.4 Sekilas Mengenai Perancangan

Perancangan dapat diartikan sebagai suatu tahap setelah analisa dari pengembangan system untuk mengembangkan bagaimana suatu system itu akan dibentuk. Perancangan juga dapat berupa penggambaran, perencanaan, dan pembuatan sketsa

atau pengaturan dari beberapa elemen yang terpisah kedalam suatu kesatuan yang utuh dan berfungsi. Termasuk juga menyangkut perangkat lunak dan komputer.

2.5 Sekilas Mengenai Sistem

Sistem berasal dari bahasa Latin (systēma) dan bahasa Yunani (sustēma) adalah suatu kesatuan yang terdiri komponen atau elemen yang dihubungkan bersama untuk memudahkan aliran informasi, materi atau energi untuk mencapai suatu tujuan. Istilah ini sering dipergunakan untuk menggambarkan suatu set entitas yang berinteraksi, di mana suatu model matematika seringkali bisa dibuat.

Definisi sistem merupakan sekumpulan elemen yang saling berkaitan dan

saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan.

2.6 Sekilas Mengenai Informasi

Kata informasi berasal dari kata Perancis kuno informacion (tahun 1387) yang diambil dari bahasa Latin informationem yang berarti “garis besar, konsep, ide”. Informasi merupakan kata benda dari informare yang berarti aktivitas dalam “pengetahuan yang dikomunikasikan”.Informasi merupakan data yang diolah menjadi bentuk yang

(21)

2.7 Sekilas Mengenai MySql

MySQL adalah sebuah perangkat lunak Pembuat database yang bersifat terbuka atau

open source dan berjalan disemua platform baik Linux maupun Si Windows, MySQL

merupakan program pengakses database yang bersifat network sehingga dapat digunakan untuk aplikasi Multi User (Pengguna Banyak). MySQL adalah Relational

DatabaseManagement System (RDBMS) yang didistribusikan secara gratis dibawah

lisensi GPL (General Public License). Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat komersial.

MYSQL adalah sebuah implementasi dari sistem manajemen basis data

relasional (RDBMS). MySql merupakan turunan dari SQL (Structured Query

Languange). SQL sendiri mengandung pengertian yaitu sebuah bahasa yang

digunakan untuk mengakses data dalam basis data relasional. Terdapat beberapa bahasa pemrogaman yang biasa dipakai untuk mengakses basis data MYSQL antara

lain : bahasa pemrogaman C, C++, C#, bahasa pemrogaman Eiffel, SmallTalk, Java,

Lisp, Perl, PHP, Phyton, Ruby, dan REALbasic.

MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya

dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan queryMySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase. 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.8 Sekilas Mengenai CMS

(22)

/blog/ aplikasi web tanpa harus dibekali pengetahuan tentang hal-hal yang bersifat teknis tanpa harus memiliki pengetahuan tentang bahasa pemrograman web.

Sehingga dengan adanya CMS ini, orang awam pun dapat membuat sebuah

website yang langsung jadi dan pengguna tinggal mengelola isi konten website

tersebut tanpa campur tangan dari pihak webmaster. Di dalam CMS, manajemen file-file juga sangat terstruktur, setiap elemen antara isi dan tampilan desain terpisah.

Fleksibilas sebuah CMS, membuat CMS ini banyak dikembangkan oleh pihak-pihak lain, apalagi jika CMS yang memiliki kemajuan sangat pesat dan terus

mengalami perubahan atau update sistem secara berkala. Hal ini lah yang membuat banyak developer-developer memilih mengembangkan aplikasi CMS ini daripada membuat sebuah aplikasi web yang baru. CMS sendiri memiliki kelebihan penggunaan database, atau update content yang lebih mudah daripada website yang berbasis coding script (html). Anda bisa mengoperasikan websiter seperti penggunaan

facebook, menulis artikel (posting), menambah menu dan lain-lain.

Karena website yang berbasis coding script (html) biasanya bersifat statis atau jarang update. Seiring perkembangan waktu CMS mulai banyak digemari oleh para pengguna internet karena support pengembangannya oleh banyak organisasi sehingga menghasilalkan exstension-exstension yang sangat banyak dan mendukung perkembangan system CMS tersebut, karena bisanya CMS adalah. Oleh karena itu, bagi anda yang masih awam dalam dunia website, kami sarankan untuk memillih produk website yang dibangun dengan CMS Open Source dikarenakan agar tidak mengalami kesulitan dalam update konten kedepannya.

(23)

2.9 Sekilas Mengenai Prestashop

PrestaShop adalah salah satu CMS e-commerce yang cukup populer dan paling

banyak digunakan di Indonesia. buktinya, di Forum PrestaShop telah disediakan ruangan khusus untuk mereka yang ingin berdiskusi menggunakan bahasa Indonesia.

Untuk Link Forumnya ada disini. PrestaShop diidrikan di Paris, Perancis. Lebih dari 40 bahasa tersedia untuk berbagai tingkat, dengan hanya Bahasa Inggris dan Bahasa Perancis memiliki dukungan penuh dalam semua versi rilisnya. Disamping dukungan resmi tidak disediakan, pertanyaan yang terjawab tersedia pada forum resminya.

Fitur PrestaShop pun cukup lengkap, mudah dipahami, gampang, sederhana, siap pakai, bisa di-instal dengan mudah dalam web hosting, dan tentu saja gratis.

PrestaShop tersedia dibawah Open Software License dan secara resmi diluncurkan

pada Agustus 2007 untuk bisnis skala kecil-menengah.

Piranti lunak yang menggunakan mesin template Smarty ini digunakan oleh ribuan Toko online di seluruh dunia. Piranti lunak ini menggunakan AJAX pada

admin panel secara luas, saat blok-blok modul dengan mudah ditambahkan pada toko

(halaman depan) untuk menambahkan fungsinya; modul-modul tersebut biasanya disediakan secara gratis oleh pengembang independen.

PrestaShop adalah gratis, sumber solusi e-commerce terbuka. Mendukung

gateway pembayaran seperti Google Checkout, Authorize.net, Skrill, PayPal dan

Pembayaran Pro melalui API. Modul pembayaran lebih lanjut yang ditawarkan secara

komersial. Kelompok PrestaShop didirikan di Paris, dengan kantor kedua dibuka di Miami pada tahun 2011. PrestaShop diterjemahkan ke dalam 53 bahasa, dengan hanya bahasa Inggris dan Perancis memiliki dukungan penuh dalam semua versi rilis. Dukungan teknis yang disediakan pada forum resmi dari Komunitas PrestaShop

tumbuh yang terdiri dari lebih dari 350.000 anggota aktif.

(24)

PrestaShop mengoperasikan situs terkait disebut PrestaBox, yang mengintegrasikan perangkat lunak dalam operasi satu-stop hosting sederhana.

2.10 Sekilas tentang Domain

Domain adalah sebuah nama untuk mengidentifikasi satu atau lebih nama server

komputer seperti web server atau email server di jaringan komputer maupun internet. Singkatnya, Domain adalah nama unik atau alamat untuk suatu website. Contohnya

http://www.jagoanhosting.com.Fungsi dari Domain sendiri tidak lain adalah untuk

mempermudah pengguna internet dalam melakukan akses ke server dan mengingat

server yang dikunjungi, dibandingan harus mengenal deretan nomor IP address.

Domain jika diterjemahkan secara bahasa bisa berarti tempat atau wilayah, sedangkan pengertian domain dalam ilmu Teknologi Informasi dan Komunikasi adalah pemetaan IP Address yang beruba kode-kode desimal menjadi sebuah karakter yang mudah dibaca oleh manusia. Sebagai contoh ada subuah IP Address Publik yang bisa diakses lewat internet yaitu 182.23.45.67 tentunya orang yang lain akan kesulitan untuk mengingat deretan IP address tersebut, diperlukan penerjemah IP Address

tersebut menjadi sebuah karakter yang mudah diingat dan dihafal oleh manusia, Nah penerjemah tersebutlah yang disebut dengan domain. Sehingga jika sebelumnya orang yang ingin mengakses suatu website harus memasukkan IP Address dengan adanya domain cukup masukkan nama domainnya saja seperti 182.23.45.67 menjadi

ariesense.com.

Ada yang menyebut domain sebagai URL (Uniform Resource Locator) padahal istilah domain tidak sama pengertiannya dengan pengertian dari URL. URL digunakan untuk menunjukkan alamat sebuah dokumen di internet secara lengkap, sedangkan domain hanya pemetaan IP Address-nya saja sebagai contoh:

Ariesense.com (ini disebut domain),

http://ariesense.com/pengertian-domain-dan-hosting.html (ini disebut URL). Ada dua macam domain utama yang biasa dikenal di

jaringan internet yaitu Top Level Domain (Domain Tingkat Atas) disingkat TLD dan

Country-Specific Top Level Domain (Domain Dengan Ekstensi Kode Negara)

(25)

umum penggunaannya, penggunaan TLD jika hendak sebagai nama domain untuk sebuah website atau situs tidak memerlukan izin khusus. Tersedia beberapa TLD yang sering dipakai seperti : .com, .net, .org, .us, .info, dan .biz. Sedangkan

Country-Specific Top Level Domain atau ccTLDs bisa digunakan jika anda sudah memiliki izin

penggunaannya. DI Indonesia ccTLDs ditandai dengan ekstensi .id, berikut ini adalah

beberapa domain Indonesia beserta jenis surat izin yang harus disertakan saat registrasi

1. .co.id

Domain .co.id biasanya digunakan oleh perusahaan swasta yang memiliki badan hukum yang legal, persyaratan untuk registrasi domain .co.id berupa KTP, NPWP,

SIUP, dan surat pendaftaran merk atau hak paten jika digunakan untuk menjual produk yang diproduksi sendiri

2. .go.id

Domain .go.id digunakan oleh instansi pemerintahan atau institusi milik pemerintah resmi persyaratan yang dibutuhkan untuk registrasi domain .go.id adalah SK dari kepala instansi atau pejabat setara eselon 2, struktur organisasi dari isntansi tersebut dan nama instansi harus dijadikan sebagai nama domain-nya contoh kemdiknas.go.id merupakan domain milik kementrian pendidikan nasional

3. .ac.id

Domain .ac.id biasanya digunakan untuk lembaga pendidikan atau kursus dengan jenjang minimal setara diploma 1, contoh ui.ac.id merupakan domain Universitas Indonesia. Untuk domain ac.id dibutuhkan surat izin berupa SK pendirian lembaga dari Kementrian Pendidikan Nasional, SK Rektor, surat kuasa dari rektor dan KTP penanggung jawab domain.

4. .net.id

(26)

5. .or.id

Domain .or.id digunakan untuk organisasi atau komunitas resmi yang memiliki izin. Dibutuhkan surat izin organisasi dn KTP penanggun jawab domain saat proses registrasi

6. .sch.id

Domain .sch.id digunakan oleh lembaga pendidikan setingkat SD-SMA, penggunaan domain .sch.id memerlukan surat pengajuan resmi dari Kepala Sekolah yang bersangkutan dan KTP penanggung jawab domain

7. .web.id

Domain .web.id dipergunakan untuk pemilik website atau blog pribadi, tidak diperlukan surat izin apa-apa dalam penggunaannya harga sewanyapun relatif murah yaitu 25-30 ribu setahun. Hanya dibutuhkan KTP dari pemilik website atau blog tersebut.

2.11 Sekilas Tentang Hosting

Hosting adalah tempat atau jasa internet untuk membuat halaman website yang telah

anda buat menjadi online dan bisa diakses oleh orang lain. Sedangkan Hosting itu sendiri adalah : jasa layanan internet yang menyediakan sumber daya server-server

untuk disewakan sehingga memungkinkan organisasi atau individu menempatkan informasi di internet berupa HTTP, FTP, EMAIL atau DNS.Serverhosting terdiri dari gabungan server-server atau sebuah server yang terhubung dengan jaringan internet

berkecepatan tinggi.

2.12 Data Flow Diagram (DFD)

(27)

Tabel 2.1 Simbol-simbol DFD

No Gambar Nama Fungsi

1. Kesatuan Luar

(External Entity)

Merupakan kesatuan luar di lingkungan

luar sistem yang akan memberikan

input atau menerima

output dari sistem.

2. Proses (Process) Kegiatan dari hasil

suatu arus data yang masuk dalam proses untuk dihasilkan

arus data yang akan keluar atau untuk mengubah input

menjadi output.

3. Aliran data Data mengalir

melalui sistem,

dimulai dengan sebagian input data dan diubah atau diproses menjadi

input.

4. Penyimpanan data

(Data Stronge)

Data disimpan untuk

(28)

2.13 Diagram Alir (flowchart)

Flowchart merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan

antar proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol. Dengan demikian setiap simbol menggambarkan proses tertentu. Sedangkan hubungan antar

proses digambarkan dengan garis penghubung. Diagram alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang menyatakan setiap langkah program. Dengan adanya flowchart urutan proses kegiatan menjadi lebih jelas. Jika ada penambahan proses maka dapat dilakukan lebih mudah. Setelah flowchar selesai disusun, selanjutnya pemrogram (programmer) menerjemahkannya ke bentuk program dengan bahasa pemrograman.

Berikut ini adalah gambar symbol-simbol standar dalam flowchart beserta dengan arti masing-masing simbol:

Tabel 2.2 Flow-Chart

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)

(29)

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)

(30)

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan

Tahapan perancangan merupakan tahapan awal yang dilakukan penulis dalam

membangun website ini. Pada tahapan ini penulis akan menjabarkan awal perancangan sistem, diagram alur, tujuan dan isi dari website yang akan dibangun. Website ini dirancang menggunakan salah satu CMS (Content Management System) yaitu

Prestashop.

Tahapan selanjutnya adalah tahapan pembuatan bagan atau struktur dari

website tersebut. Struktur dari website tersebut menampilkan struktur hirarki dan isi

halaman perhalaman. Dengan adanya struktur, akan sangat mudah untuk memvisualisasikan isi dari setiap halaman website dan navigasi antar halaman.

3.2 Perancangan Halaman Website

3.2.1 Halaman Home

(31)

3.2.2 Cara Belanja

Menu ini berisikan alur cara belanja dan nomor rekening untuk transaksi dengan metode transfer antar bank. Dimana pembeli juga dapat melihat data toko dan dapat memesan produk di form yang disediakan di halaman ini.

3.2.3 Pengiriman

Halaman ini berisikan ke jasa pengiriman yang telah disediakan , pembeli akan memilih satu tempat pengiriman yaitu JNE.

3.2.4 Kategori Produk

Menu ini mengklasifikasikan produk yang penulis sajikan untuk memudahkan pembeli melakukan pencarian dan memudahkan pengelolaan produk dari sisi administrator.

3.2.5 Menu Pencarian

Menu pencarian wajib ada untuk memudahkan pembeli dalam melakukan pencarian produk secara cepat tanpa harus membuka–buka kategori produk.

3.2.6 Kontak

(32)

3.2.7 Syarat dan Ketentuan

Syarat dan ketentuan biasanya berkaitan dengan aturan transaksi, pembayaran, pemesanan, pengiriman, dan aturan komplain. Jadi, sudah semestinya pemilik toko online menginformasikan hal ini pada konsumen agar tidak terjadi kesalahpahaman.

3.3 Diagram Level Korteks

Diagram korteks adalah suatu diagram alir yang tingkat tinggi yang menggambarkan seluruh jaringan, masukan dan keluaran. Sistem yang dimaksud adalah untuk

(33)

Lihat Produk Pemesanan

Konfirm Pembayaran

Data Produk Data Pemesan

Data Kategori Data Pesanan

Harga Produk Konfirm Pembayar

Invoice

Input data Produk

Input Kategori Input Harga

Gambar 3.1 Diagram Konteks Level 0

Sistem

Aplikasi

E-Commerce

Outlet Buku

USER

(34)

Diagram Konteks Level 0

Info produk

Data_Produk

Pesanan_Produk Konfirm.Pemesanan

Info Transaksi Data_transaksi

Konfirm. Transaksi

Gambar 3.2 Diagram Konteks Level 0 Pembeli

1.0 Lihat Produk

2.0 Pesan Produk

3.0 Melakukan

Transaksi

(35)

Diagram Konteks Level 1

username data_user

password F1 Tbl_User

data_kategori

Info Kategori F2 Tbl_Kategori

Data_produk

Info Produk Username

F3 Tbl_Produk Password

InputKategori Data_pelanggan

F4 Tbl_Pelanggan

Register Data Produk

show input member Produk data_order DataKategori Pesan Produk F5 Tbl_order

Data Pesanan Data Pemesan

Gambar 3.3 Diagram Konteks Level 1 User

1 Login

2 Kategori

3 Produk

4 Pelanggan

5 Order

(36)

Diagram Konteks Level 1 Proses 1 Login

Input Data User

Data_user F1 Tbl_User

Data User

F2 Tbl_User data_user

Konfirm. member

Data member Data user

Gambar 3.4 Diagram Konteks Level 1 Proses 1 Login User

1.1 Login User

1.2 Daftar Member

(37)

Diagram Konteks Level 1 Proses 2 Kategori

Kategori Data kategori

F1 Tbl_kategori Data kategori

Jenis_Kategori Id_Kategori

Data_jenis_kategori

Data jenis_kategori

Data jenis kategori

Kategori Data kategori

Data kategori

Data kategori

Gambar 3.5 Diagram Konteks Level 1 Proses 2 Kategori User

2.1 Masuk Kategori

2.2 Jenis kategori

Admin 2.3

(38)

Diagram Konteks Level 1 proses 3 Produk

Data_jenis_kategori

Info_Produk Data kategori

F1 Tbl_kategori Data_Produk

Data_Jenis_kategori

Info_Produk Data_Produk F2 Tbl_Produk

Data_Produk

Data_Produk Info Produk

Data_kategori

Info_Produk

Gambar 3.6 Diagram Konteks Level 1 Proses 3 Produk 2.1

Masuk Produk

2.2 Modifikasi produk

(39)

Diagram Konteks Level 1 proses 4 Pelanggan

Info kategori

Info_Produk

Data_kategori Data_kategori

Data_produk

F1Tbl_customer

Pesanan_Produk data_pesanan

Data_produk Register

Data_member

Data pemesanan

Data_Member Info_pesanan

Gambar 3.7 Diagram Konteks Level 1 proses 4 Pelanggan User

Admin 4.1

Pilih kategori

4.2 Lihat Produk

4.4 Melakukan

Pemesann

(40)

Diagram Konteks Level 1 proses 5 Order

Pesanan_Produk Pesanan_Produk F1Tbl_Cart

Jlh pesanan produk

Data_Pemesan data_pemesan F2 Tbl_Order

Info_Pesanan data_pesanan F3 Tbl_order_detail

Pesanan_Produk Info pesanan

Pesanan_produk

Gambar 3.8 Diagram Konteks Level 1 Proses 5 Order User

Admin 5.1

Masuk ke cart (Keranjang Belanja)

5.2 Pemesan

5.3 Konfirmasi

Pesanan

5.4 Update Keranjang

(41)

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. Adapun database yang dibuat oleh penulis adalah database

commerce dengan tabel-tabel sebagai berikut:

3.4.1 Field Name

Tabel 3.1 Tabel dalam database

No Nama Tabel

1 Kategori

2 Kota

3 Login

4 Orders

5 Keranjang Belanja

6 Pengiriman

7 Pelanggan

8 Kurs

9 Pembayaran

10 Kurir

(42)

3.4.2 Field Table

Tabel 3.2 Kategori

Nama Field Type Size Keterangan

Id_Kategori Integer 10 Primary Key

Nama_Kategori Varchar 50

Keterangan Varchar 350

Tabel 3.3 Kota

Nama Field Type Size Keterangan

Id_Kota Integer 3 Primary Key

Id_Mata uang Integer 10

Id_Wilayah Integer 10

Nama_Kota Varchar 100

Ongkos_Kirim Integer 10

Tabel 3.4 Login

Nama Field Type Size Keterangan

User_Id Varchar 20 Primary Key

Password Varchar 30

Status Varchar 5

Tabel 3.5 Orders

Nama Field Type Size Keterangan

Id_Kota Integer 10 Primary Key

Id_Kurs Integer 10

Nama_Kustomer Varchar 100

Alamat_Lengkap Text

Telepon Varchar 50

(43)

Status_Order Varchar 50

Jam_Order Time

Tgl_Order Date

Tabel 3.6 Keranjang Belanja

Nama Field Type Size Keterangan

Id_Belanja Integer 10 Primary key

Id_Kurir Integer 10

Id_Mata uang Integer 10

Id_Pelanggan Integer 10

Hadiah Text

Tgl_Masuk Date

Tgl_Keluar Date

Tabel 3.7 Pangiriman

Nama Field Type Size Keterangan

Id_Pengiriman Integer 10 Primary key

Id_Kurir Integer 10

Harga Decimal 20,6

Tabel 3.8 Pelanggan

Nama Field Type Size Keterangan

Id_Pelanggan Integer 10 Primary key

Nama_Awal Varchar 32

Nama_Akhir Varchar 32

Email Varchar 128

Password Varchar 32

Tgl_Masuk Date

(44)

Tabel 3.9 Kurs

Nama Field Type Size Keterangan

Id_Kurs Integer 10 Primary key

Nama Varchar 32

Format Text

Hapus Text

Aktif Text

Tabel 3.10 Pembayaran

Nama Field Type Size Keterangan

Id_Payment Integer 10 Primary key

Id_Order Integer 10

Id_Kurs Integer 10

Tgl_Pembuatan Date

Tabel 3.11 Kurir

Nama Field Type Size Keterangan

Id_Kurir Integer 10 Primary key

Nama Integer 64

Aktif Text

Hapus Text

Metode_Pembayaran Integer 2

Tabel 3.12 Produk

Nama Field Type Size Keterangan

Id_Produk Integer 5 Primary key

Id_Kategori Integer 10

Nama_Produk Varchar 100

(45)

Harga Integer 20

Stok Integer 5

Tgl_Masuk Date

Gambar Varchar 100

3.5 Perancangan Diagram Alir (flowchart)

Diagram alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang menyatakan setiap langkah program. Berikutlah ini adalah bentuk-bentuk flowchart

dari toko buku online.

3.5.1 Flowchart Home

(46)

Y

Y

Y Y Y

Y

Y

Y Y

Y

Y

Y Y

Y Y Y

Y

N Y

Y

Gambar 3.2 Flowchart Menu Utama Start

End

Buka Koneksi Database

Tutup Koneksi Database Menu Halaman

Beranda

Profil

Kategori

Produk

Order

Langkah Pembelian

Close

Tampilan Utama

Berisi Produk Buku

Cara Pembelian

A

C B

(47)

3.5.2 Flowchart Produk

Halaman ini ditunjukkan untuk pengunjung yang hendak melihat aneka jenis buku, beserta harga dari masing-masing buku. Pada halaman ini terdapat kategori buku seperti: Buku Komputer, Buku Internet, Buku Photoshop & Grafis, Islam, anak-anak, dan berbagai macam jenis buku yang lain. Flowchart cara produk penjualan dapat dilihat pada gambar 3.3.

Y Y Y

N

Y

Y

Y Y

N Y

Y

Y

Y Y

Y

Y Pilih Kategori

Tambah kekeranjang

Kekeranjang Belanja

Simpan Pesanan

Isi Data Lengkap

Konfirmasi Order

Database

- Buku Komputer

- Buku Internet

- Buku Islam

- Buku anak-anak

- Komik

Nama Buku

Nama Buku

Cara Pembelian

(48)

3.5.3 Flowchart Pembelian

Halaman ini ditunjukkan untuk pengunjung yang ingin memesan atau membeli buku. Dimana pembeli dapat melihat data toko dan dapat memesan produk di form yang telah disediakan di halaman ini. Flowchart cara pembelian dapat dilihat pada gambar 3.4.

Y

Y

N

Y Y

Y

Y Y

Y

Y

Gambar 3.4 Flowchart Pembelian Email

Database C

Pemesanan Pembelian

Informasi data Penjual

Masukkan data pembeli

Masukkan Nama & Jumlah pesanan

Pilih Pengiriman

yang disediakan

(49)

3.5.4 Flowchart Admin

Halaman admin ini hanya bias diakses oleh administrator. Username dan password

dari administrator harus sesuai dengan tabel admin. Jika username dan password

benar maka admin akan masuk ke halaman administrator dan jika username dan

password salah maka akan timbul pesan error dan untuk login kembali. Flowchart

admin dapat dilihat pada gambar 3.5 dibawah ini.

Y

Y

Y

N Y

Y

Y

Y Login

Isi ‘ User Id’ & ‘password’

Cek ‘user Id’ & ‘password’ benar Salah ‘User Id’

atau ‘password’

D

Buka Halaman Admin

Tampilah Halaman Admin

- Catalog - Employes - Customers - Preferences - Order - Tools - Payment

- Shipping - Stats - Modules

(50)

3.6 Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) adalah menyediakan cara untuk mendeskripsikan

perancangan basis data pada peringkat logika.Entity Relationship Diagram (ERD) adalah gambaran mengenai berelasinya antarentitas.

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

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

(51)

1

1 1 1

1

1

n n m n m n

n n n

n

1 1

Gambar 3.13 Entity Relationship Diagram

KETERANGAN :

Produk : {id_produk, id_kategori, id_manufaktur, kualitas, harga, lebar, tinggi, tgl_masuk} Order : {id_kota, id_kurs, email, nama, alamat, status order, tgl_order, jm_order}

KURIR

Dikirim

PENGIRIMAN

Diantar

Produk

Memiliki

KATEGORI

Mengantar ke- KOTA

Pemesanan

Detail ORDER

Melakukan PELANGGAN

Memiliki

Melakukan

PEMBAYARAN KERANJANG

BELANJA Memiliki

(52)

Pelanggan : {id_pelanggan, nm_awal, nm_akhir, email, password, tgl_masuk, tgl_keluar} Pembayaran : {id_pembayaran, id_order, id_kurs, tgl_pembuatan}

Keranjang Belanja : {id_belanja, id_kurir, id_kurs, id_pelanggan, hadiah, tgl_masuk} Kurs : {id_kurs, nama, format, hapus, aktif}

Pengiriman : {id_pengiriman, id_kurir, harga}

(53)

3.7 Normalisasi

Normalisasi adalah suatu proses yang digunakan untuk menentukan pengelompokan atribut-atribut dalam sebuah relasi sehingga diperoleh relasi yang berstruktur baik. Dalam hal ini yang dimaksud dengan relasi yang berstruktur baik adalah relasi yang memenuhi dua kondisi berikut :

(a) mengandung redudansi sesedikit mungkin,

(b) memungkinkan baris-baris dalam relasi disisipkan, dimodifikasi, dan dihapus tanpa menimbulkan kesalahan atau ketidakkonsistenan menurut Kadir (2009:116).

Normalisasi merupakan proses pengelompokan elemen data menjadi tabel-tabel yang menunjukkan entity dan relasinya. Adapun Normalisasi yang dibuat pada sistem ini adalah sebagai berikut :

1. Entitas Normalisasi

Bentuk Tidak Normal (Unnormalisasi)

PEMBELIAN Id_kurir

Nama Aktif Hapus Metode_pembayaran

pengiriman kurir Harga belanja

kurir kurs pelanggan

(54)

Bentuk Normal Pertama (1 NF)

Gambar 3.15 Entitas Normalisasi

Bentuk Normal Kedua (2 NF)

PENGIRIMAN Ket

Id_Pengiriman * Id_Kurir **

Harga

Gambar 3.16 Entitas Normalisasi

(55)

2. Entitas Normalisasi

Bentuk Tidak Normal (Unnormalisasi)

Gambar 3.17 Entitas Normalisasi

Bentuk Normal Pertama (1 NF)

Gambar 3.18 Entitas Normalisasi PELANGGAN

PELANGGAN Ket Id_Pelanggan *

Nama_Awal

Id_Pelanggan ** Hadiah

(56)

3. Entitas Normalisasi

Bentuk Tidak Normal (Unnormalisasi)

Gambar 3.19 Entitas Normalisasi

Bentuk Normal Pertama (1 NF)

Gambar 3.20 Entitas Normalisasi BARANG

Id_kategori Nm_kategori

Ket produk kategori Nm_produk

Deskripsi Harga

Stok Tgl_masuk

gambar

PRODUK Ket

Id_produk * Id_kategori ** Nm_produk

Deskripsi Harga

Stok Tgl_masuk

Gambar

KATEGORI Ket

Id_kategori * Nm_kategori

(57)

4. Entitas Normalisasi

Bentuk Tidak Normal (Unnormalisasi)

Gambar 3.21 Entitas Normalisasi

Bentuk Normal Pertama (1 NF)

(58)

Bentuk Normal Kedua (2 NF)

Gambar 3.23 Entitas Normalisasi

Bentuk Normal Ketiga (3 NF)

Gambar 3.24 Entitas Normalisasi

(59)

3.8 Desain Website

3.8.1 Desain Menu Utama

Menu utama adalah halaman pembuka yang merupakan halaman yang akan tampil

(60)

3.8.2 Desain Produk

Pada tampilan desain produk ini, pembeli bisa melihat berbagai macam kategori

produk yang di tawarkan dan pembeli bisa memilih salah satu kategori produk yang akan dilihat misal: Kategori resep masakan. Dengan demikian pembeli bisa melihat berbagai macam buku yang lain.

Gambar 3.26 Tampilan Produk

3.8.3 DesainDetail Produk

Tampilan desain produk ini menampilkan spesifikasi buku secara lengkap, mulai dari harga, ukuran, penerbit, bahkan sinopsis buku secara lenkap ditampilkan disini.

Gambar 3.27 Tampilan Detail Produk

Pilih kategori mis : Buku resep masakan. Pilih salah satu buku, untuk melihat keterangan

Jika diletakkan kursor pada tanda panah di tengah buku, maka akan kelihatan spesifikasi buku tersebut seperti gambar di samping.

(61)

3.8.4 Desain Cara Membeli

Halaman ini berisikan tahapan-tahapan pembelian yang menghubungkan data toko dan form pembelian.

Gambar 3.28 Tampilan Cara membeli

3.8.5 Desain Keranjang Belanja

Dihalaman ini terdapat tampilan produk yang telah kita order. Produk yang di

order langsung masuk kekeranjang belanja

Pilih Add tocart

(62)

3.8.6 Desain Login Member

Pada tampilan login member ini, pembeli di wajibkan untuk mengisi email dan biodata untuk menjadi member toko ini. Jika sudah menjadi member sebelumnya maka pembeli bisa langsung login.

Gambar 3.30 Tampilan Login Member

Tuliskan email dan password jika sudah menjadi

member Jika belum menjadi

(63)

3.8.7 Desain Pengiriman Barang

Halaman ini menghubungkan ke jasa pengiriman yang telah disediakan , pembeli akan memilih pengiriman yaitu melalui jasa pengiriman JNE.

Gambar 3.31 Tampilan Pengiriman Barang

3.8.8 Desain Pembayaran

Halaman ini menyajikan via pembayaran produk yang akan dipilih. Misalnya: transfer antar bank.

Diceklis Kemudian, Next

Pilih Pengiriman Via

(64)

3.8.9 Desain Halaman Login Admin

Halaman ini berisikan login yang akan menghubungkan ke halaman administrator.

Gambar 3.33 Tampilan Login Admin

3.8.10 Desain Halaman Admin

Halaman ini khusus hanya dapat di akses oleh administratorwebsite untuk melakukan pengaturan website seperti menambah , menghapus, dan mengubah data.

(65)

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.

4.2 Tujuan Implementasi Sistem

Tujuan Implementasi Sistem adalah sebagai berikut :

1. Menyelesaikan desain sistem yang telah disetjui sebelumnya. 2. Menguji program-program dan prosedur baru.

3. Memastikan bahwa pemakai (user) dapat mengoprasikan sistem baru. 4. Menguji apakah sistem baru tersebut sesuai dengan apa yang diinginkan. 5. Memastikan bahwa pemakai (user) dapat mengoprasikan sistem baru dengan

baik

4.3 Komponen Utama dalam Sistem

(66)

4.3.1 Perangkat Keras

Perangkat keras adalah semua bagian fisik komputer, dan dibedakan dengan data yang berada didalamnya atau yang beroperasi didalamnya, dan dibedakan dengan perangkat lunak (software) yang menyediakan tugasnya. Perangkat keras yang dibutuhkan dalam pembuatan sistem informasi ini antara lain:

1. Prosesor

2. Harddisk

3. Memory

4. Monitor

5. Keyboard dan Mouse

4.3.2 Perangkat Lunak

Perangkat Lunak adalah program yang berisi kumpulan instruksi untuk melakukan proses pengolahan data. Adapun perangkat lunak yang digunakan penulis adalah

sebagai berikut :

1. Sistem Operasi Windows 7

2. Prestashop

3. MySQL sebagai pengelola data

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

(67)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Berdasarkan penulisan Tugas Akhir ini, maka penulis mengambil kesimpulan bahwa :

1. Electronic Commerce (E-Commerce) didefinisikan sebagai proses pembelian dan

penjualan produk, jasa dan informasi yang dilakukan secara elektronik dengan

memanfaatkan jaringan komputer atau media internet.

2. Dengan adanya sistem e-commerce, para pedagang maupun perusahaan dapat dengan mudah mempromosikan produk-produk terbaru mereka dengan kualitas

terjangkau dan harga yang relative murah agar menarik perhatian para konsumen.

3. Merupakan sarana online yang dapat di akses oleh siapapun.

4. Aplikasi ini dapat memperoleh keuntungan, yaitu mendapatkan rekan bisnis yang baru, produk dapat tersebar lebih luas, dan meningkatkan produktivitas.

(68)

5.2Saran

1. Penulis menyadari bahwa Tugas Akhir yang penulis buat masih banyak kekurangannya. Dengan demikian penulis masih membutuhkan lagi

pengembangan lebih lanjut untuk perbaikan kedepannya.

(69)

DAFTAR PUSTAKA

Baskoro,Adi, Buku Pintar Membuat Toko Online,Mediakita,Jakarta,2012.

Ducket,Jon, Beginning Web programming with HTML, XHTML and CSS,Wiley Publishing,Inc.

Raharjo,Budi, Belajar Pemrograman Web,Modula,2011.

Andi, Apa dan Bagaimana E-Commerce Perusahaan Top Duni Edisi ke 1,Wahana Komputer, Yogyakarta, 2010.

Wahyu,P.,Instalasi Prestashop Pada Komputer Lokal,[pdf],(http://away.web.id, Diakses tanggal 18 Februari 2013)

Wahana Komputer. 2002. Apa dan Bagaimana E-Commerce. Edisi ke-2.Yogyakarta:Andi

Nengkirahmat, “Komputer Source Berbagi Ilmu Arsip Tag: Normalisasi File.Pdf ”, From : https://nengkirahmat.wordpress.com/tag/normalisasi-file-pdf/, Diakses pada 15 april 2013.

Meigi,Rahman, “Kumpulan Ebook Belajar Website Ebook”, From : http://megi-rahman.blogspot.com/2011/12/kumpulan-ebook-belajar-website-ebook.html, Diakses pada 25 April 2013.

Muhal, “Tutorial Membuat Toko Online Dengan CMS Prestashop 1.2.5.0 “, From :

(70)

DAFTAR PUSTAKA

Baskoro,Adi, Buku Pintar Membuat Toko Online,Mediakita,Jakarta,2012.

Ducket,Jon, Beginning Web programming with HTML, XHTML and CSS,Wiley Publishing,Inc.

Raharjo,Budi, Belajar Pemrograman Web,Modula,2011.

Andi, Apa dan Bagaimana E-Commerce Perusahaan Top Duni Edisi ke 1,Wahana Komputer, Yogyakarta, 2010.

Wahyu,P.,Instalasi Prestashop Pada Komputer Lokal,[pdf],(http://away.web.id, Diakses tanggal 18 Februari 2013)

Wahana Komputer. 2002. Apa dan Bagaimana E-Commerce. Edisi ke-2.Yogyakarta:Andi

Nengkirahmat, “Komputer Source Berbagi Ilmu Arsip Tag: Normalisasi File.Pdf ”, From : https://nengkirahmat.wordpress.com/tag/normalisasi-file-pdf/, Diakses pada 15 april 2013.

Meigi,Rahman, “Kumpulan Ebook Belajar Website Ebook”, From : http://megi-rahman.blogspot.com/2011/12/kumpulan-ebook-belajar-website-ebook.html, Diakses pada 25 April 2013.

Muhal, “Tutorial Membuat Toko Online Dengan CMS Prestashop 1.2.5.0 “, From :

(71)

LAMPIRAN : LISTING PROGRAM

Listing Index.php

<?php /*

* 2007-2011 PrestaShop *

* NOTICE OF LICENSE *

* This source file is subject to the Open Software License (OSL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/osl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to license@prestashop.com so we can send you a copy immediately.

*

* DISCLAIMER *

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <contact@prestashop.com> * @copyright 2007-2011 PrestaShop SA

* @version Release: $Revision: 7233 $

* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*/

(72)

header("Cache-Control: post-check=0, pre-check=0",

* 2007-2011 PrestaShop *

* NOTICE OF LICENSE *

* This source file is subject to the Open Software License (OSL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/osl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to license@prestashop.com so we can send you a copy immediately.

*

* DISCLAIMER *

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <contact@prestashop.com> * @copyright 2007-2011 PrestaShop SA

* @version Release: $Revision: 9643 $

* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*/

(73)

{

public $php_self = 'category.php';

protected $category;

public function setMedia() {

parent::setMedia(); Tools::addCSS(array(

_PS_CSS_DIR_.'jquery.cluetip.css' => 'all',

_THEME_CSS_DIR_.'scenes.css' => 'all', _THEME_CSS_DIR_.'category.css' => 'all', _THEME_CSS_DIR_.'product_list.css' => 'all'));

if

(Configuration::get('PS_COMPARATOR_MAX_ITEM') > 0) Tools::addJS(_THEME_JS_DIR_.'products-comparison.js');

}

public function displayHeader() {

parent::displayHeader(); $this->productSort(); }

public function canonicalRedirection() {

// Automatically redirect to the canonical URL if the current in is the right one

// $_SERVER['HTTP_HOST'] must be replaced by the real canonical domain

if (Validate::isLoadedObject($this->category) && Configuration::get('PS_CANONICAL_REDIRECT') &&

strtoupper($_SERVER['REQUEST_METHOD']) == 'GET' && !Tools::getValue('noredirect'))

{

Gambar

Gambar 3.1 Diagram Konteks Level 0
Gambar 3.2 Diagram Konteks Level 0
Gambar 3.3 Diagram Konteks Level 1
Gambar 3.4 Diagram Konteks Level 1 Proses 1 Login
+7

Referensi

Dokumen terkait

Pengolahan data elektronik ( elektronik data processing ) adalah proses manipulasi data ke dalam bentuk yang lebih berarti berupa informasi dengan menggunakan suatu alat

manipulasi dari pengolahan data ke dalam bentuk yang lebih berarti berupa suatu informasi dengan menggunakan suatu alat elektronik, yaitu komputer5. Tidak merusak

Data Processing adalah proses manipulasi data ke dalam bentuk yang lebih berarti berupa informasi dengan menggunakan suatu alat elektronik yaitu komputer...

Electronic Data Processing (EDP) atau pengolahan data elektronik (PDE) adalah manipulasi dari data ke dalam bentuk yg lebih berarti berupa suatu informasi dgn

adalah manipulasi dari data ke dalam bentuk yg lebih berarti berupa suatu informasi dgn menggunakan suatu alat elektronik yaitu komputer..

elektronik (PDE) adalah manipulasi dari data ke dalam bentuk yg lebih berarti berupa suatu informasi dgn menggunakan suatu alat elektronik yaitu komputer (Jogiyanto,

Jadi Pengolahan Data Elektronik (PDE) atau Electronic Data Processing (EDP) adalah manipulasi dari data ke dalam bentuk yang lebih berarti berupa suatu informasi

Jadi Pengolahan Data Elektronik PDE atau Electronic Data Processing EDP adalah manipulasi dari data ke dalam bentuk yang lebih berarti berupa suatu informasi dengan menggunakan suatu