PPEMBUATAN APLIKASI TOKO ONLINE KERAJINAN KAYU

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

PPEMBUATAN APLIKASI

Diajukan Untuk Memenuhi Sebagian Persyaratan Memperoleh Gelar Ahli Madya

Program Diploma III Ilmu Komputer

PROGRAM DIII

JURUSAN

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

i

PEMBUATAN APLIKASI TOKO ONLINE KERAJINAN KAYU

TUGAS AKHIR


Program Diploma III Ilmu Komputer

Disusun Oleh :

Ike Istiqomah

M3208055

PROGRAM DIII ILMU KOMPUTER

JURUSAN MANAJEMEN INFORMATIKA


UNIVERSITAS SEBELAS MARET

SURAKARTA

2011

KERAJINAN KAYU




commit to user

ii

HALAMAN PERSETUJUAN


Disusun Oleh

IKE ISTIQOMAH

NIM. M3208055

Tugas Akhir ini telah disetujui untuk dipertahankan

di hadapan dewan penguji

pada tanggal 5 Juli 2011

Pembimbing

Mohtar Yunianto,M.Si

NIP. 19800630 200501 1 001


commit to user

iii

HALAMAN PENGESAHAN


Disusun Oleh

IKE ISTIQOMAH

NIM. M3208055

Di bimbing oleh

Pembimbing Utama

Mohtar Yunianto,M.Si

NIP. 19800630 200501 1 001

Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir Program Diploma III Ilmu Komputer pada hari Selasa tanggal 5 Juli 2011

Dewan Penguji

1. Penguji 1 Mohtar Yunianto, M.Si ( )

NIP. 19800630 200501 1 001

2. Penguji 2 Didiek Sri Wiyono, ST., MT. ( ) NIP. 19750331 200501 1 001

3. Penguji 3 Nanang Maulana, S.Si ( )

Disahkan Oleh

Dekan

Fakultas MIPA UNS

Ir. Ari Handono Ramelan, M.Sc(Hons).,Ph.D

NIP. 19610223 198601 1 001

Ketua Program Studi DIII Ilmu Komputer UNS

Drs. YS. Palgunadi, M.Sc. NIP. 19560407 198303 1 004


commit to user

iv


commit to user

ix

DAFTAR ISI

HALAMAN JUDUL .............................................................................. i

HALAMAN PERSETUJUAN ................................................................ ii

HALAMAN PENGESAHAN ................................................................. iii

HALAMAN ABSTRACT ....................................................................... iv

HALAMAN ABSTRAK ......................................................................... v

HALAMAN MOTTO ............................................................................. vi

HALAMAN PERSEMBAHAN .............................................................. vii

KATA PENGANTAR ............................................................................ viii

DAFTAR ISI .......................................................................................... ix

DAFTAR TABEL .................................................................................. xi

DAFTAR GAMBAR .............................................................................. xii

BAB I PENDAHULUAN .................................................................... 1

1.1 Latar Belakang Masalah ..................................................... 1

1.2 Perumusan Masalah ............................................................. 1

1.3 Batasan Masalah ................................................................. 1

1.4 Tujuan Penelitian ................................................................ 1

1.5 Manfaat Penulisan Penelitian .............................................. 2

1.6 Metodologi Penelitian ......................................................... 2

1.7 Sistematika Penulisan ......................................................... 3

BAB II LANDASAN TEORI ............................................................... 5

2.1 Tinjauan Pustaka ................................................................. 5

2.1.1 Toko Online ................................................................ 5

2.1.2 World Wide Web ......................................................... 6

2.1.3 Internet ....................................................................... 6

2.1.4 PHP ............................................................................ 6

2.1.5 SQL ............................................................................ 7

2.1.6 Basis Data ................................................................... 8

2.1.7 Diagram Entity-Relationship ....................................... 9

2.1.8 DFD ............................................................................ 10


commit to user

x

BAB III DESAIN DAN PERANCANGAN ............................................ 12

3.1 Analisis Kebutuhan.............................................................. 12

3.1.1 Kebutuhan Hardware .................................................. 12

3.1.2 Kebutuhan Software .................................................... 12

3.2 Deskripsi Umum Sistem ...................................................... 14

3.3 Perancangan Aplikasi .......................................................... 14

3.3.1 Context Diagram ......................................................... 14

3.3.2 Data Flow Diagram Level 0 ........................................ 15

3.3.3 DFD Level 1 Proses Pemesanan .................................. 16

3.3.4 DFD Level 1 Proses Manajemen Pemesanan .............. 17

3.4 Perancangan Database ......................................................... 18

3.5 ERD (Entity Relationship Diagram) .................................... 21

3.6 Relasi Antar Tabel ............................................................... 22

3.7 Rancangan Desain Halaman ................................................ 23

3.7.1 Halaman Utama User .................................................. 23

3.7.2 Halaman Admin .......................................................... 24

BAB IV IMPLEMENTASI DAN ANALISIS ........................................ 26

4.1 Implementasi Aplikasi ......................................................... 26

4.1.1 Koneksi PHP ke MySQL ............................................. 26

4.1.2 Implementasi Penggunaan Session .............................. 26

4.1.3 Implementasi Cara Penanganan Form ......................... 27

4.1.4 Implementasi Structured Query Language .................. 28

4.1.5 Implementasi Upload File ........................................... 29

4.2 Screenshot Aplikasi dan Penjelasan ..................................... 30

BAB V PENUTUP ............................................................................... 54

5.1 Kesimpulan ........................................................................ 54

5.1 Saran .................................................................................. 54

DAFTAR PUSTAKA ............................................................................. 55


commit to user

xi

DAFTAR TABEL

Tabel 2.1 Tabel Notasi Simbolik Diagram E-R ........................................ 10

Tabel 3.1 Tabel Admin ............................................................................ 18

Tabel 3.2 Tabel Kota ............................................................................... 18

Tabel 3.3 Tabel Kategori.......................................................................... 18

Tabel 3.4 Tabel Pelanggan ....................................................................... 19

Tabel 3.5 Tabel Pemesanan ...................................................................... 19

Tabel 3.6 Tabel Produk ............................................................................ 20

Tabel 3.7 Tabel Buku Tamu ..................................................................... 20

Tabel 3.8 Tabel Pesan_detail.................................................................... 21

Tabel 3.9 Tabel Konfirmasi ..................................................................... 21


commit to user

xii

DAFTAR GAMBAR

Gambar 2.1 Contoh entity luar ................................................................. 10

Gambar 2.2 Simbol aliran data ................................................................. 11

Gambar 2.3 Simbol proses ....................................................................... 11

Gambar 2.4 Simbol berkas ....................................................................... 11

Gambar 3.1 Context Diagram Toko Online Kerajinan Kayu .................... 14

Gambar 3.2 DFD Level 0 Toko Online Kerajinan Kayu ........................... 15

Gambar 3.3 DFD Level 1 proses pemesanan ............................................ 16

Gambar 3.4 DFD Level 1 proses manajemen pemesanan .......................... 17

Gambar 3.5 ERD Toko Online Kerajinan Kayu ....................................... 22

Gambar 3.6 Relasi Antar Tabel ................................................................ 22

Gambar 3.7 Rancangan Halaman Utama User ......................................... 23

Gambar 3.8 Rancangan Halaman Login Admin ........................................ 24

Gambar 3.9 Rancangan Halaman Utama Admin ...................................... 24

Gambar 4.1 Halaman Utama .................................................................... 30

Gambar 4.2 Halaman Daftar Produk ........................................................ 31

Gambar 4.3 Alert stok barang habis ......................................................... 32

Gambar 4.4 Halaman Daftar Pelanggan ................................................... 32

Gambar 4.5 Halaman Keranjang Belanja ................................................. 33

Gambar 4.6 Halaman Transaksi Kota Pengiriman .................................... 34

Gambar 4.7 Halaman Transaksi Jumlah Pembayaran ............................... 35

Gambar 4.8 Halaman Cara Pembelian ...................................................... 36

Gambar 4.9 Halaman Buku Tamu ............................................................ 37

Gambar 4.10 Halaman Konfirmasi Pembeli ............................................. 38

Gambar 4.11 Halaman Login Admin ....................................................... 38

Gambar 4.12 Halaman Utama Admin ...................................................... 39

Gambar 4.13 Halaman Update Produk ..................................................... 40

Gambar 4.14 Halaman Edit Produk .......................................................... 41


commit to user

xiii

Gambar 4.15 Halaman Hapus Produk ...................................................... 42

Gambar 4.16 Halaman Tambah Produk ................................................... 43

Gambar 4.17 Halaman Update Kota ........................................................ 44

Gambar 4.18 Halaman Edit Kota ............................................................ 45

Gambar 4.19 Halaman Hapus Kota ......................................................... 45

Gambar 4.20 Halaman Tambah Kota ...................................................... 46

Gambar 4.21 Halaman Update Kategori ................................................... 47

Gambar 4.22 Halaman Edit Kategori ....................................................... 47

Gambar 4.23 Halaman Hapus Kategori .................................................... 48

Gambar 4.24 Halaman Tambah Kategori ................................................. 48

Gambar 4.25 Halaman Pelanggan ............................................................ 49

Gambar 4.26 Halaman Daftar Pelanggan ................................................. 50

Gambar 4.27 Cetak Data Pelanggan ......................................................... 50

Gambar 4.28 Halaman Pemesanan ........................................................... 51

Gambar 4.29 Halaman Konfirmasi Pemesanan......................................... 52

Gambar 4.30 Halaman Kategori ............................................................... 53


commit to user

iv

ABSTRACT

Ike Istiqomah. 2011. The Making of Online Store Application Woodcraft, Diploma Degree Computer Science, Informatics Management, Science and Mathematics Faculty, Sebelas Maret University of Surakarta.

The author would like to develop sales and marketing of wooden handicrafts in a broader scope. For it was made a wooden craft online store application using PHP and HTML programming language with the MySQL DBMS.

The research method in collecting data used was observation by observing the existing sales system, the method of direct interviews with business owners woodcraft and literature study by collecting data from reading books and internet related problems that made the object of research.

Online store application woodcraft has two pages, they are the users and administrators pages. On the page the user has seven menus and menu admin page has five. Online store application woodcraft can be used as media sales and marketing products. So that makes it easy for buyers to make purchases, payments and have a target market of products within the scope of the wider region.

Keywords : application, woodcraft, online store, PHP


commit to user

v

ABSTRAK

Ike Istiqomah. 2011. PEMBUATAN APLIKASI TOKO ONLINE KERAJINAN KAYU. Program DIII Ilmu Komputer, Manajemen Informatika. Fakultas Matematika dan Ilmu Pengetahuan Alam. Universitas Sebelas Maret Surakarta.

Penulis ingin mengembangkan penjualan dan pemasaran kerajinan kayu dalam lingkup yang lebih luas. Untuk itu dibuatlah sebuah aplikasi toko online kerajinan kayu menggunakan bahasa pemrograman PHP dan HTML dengan DBMS MySQL.

Metode penelitian pengumpulan data yang digunakan adalah observasi dengan mengamati sistem penjualan yang sudah berjalan, metode wawancara langsung dengan pemilik usaha kerajinan kayu dan studi pustaka dengan mengumpulkan data dari membaca buku dan internet yang berhubungan dengan masalah yang dijadikan objek penelitian.

Aplikasi toko online kerajinan kayu mempunyai dua halaman, yaitu halaman user dan halaman admin. Pada halaman user memiliki tujuh menu dan halaman admin memiliki lima menu. Aplikasi toko online kerajinan kayu dapat dijadikan sebagai media penjualan dan pemasaran produk. Sehingga memberikan kemudahan bagi pembeli dalam melakukan pembelian, pembayaran dan memiliki target pasar produk dalam lingkup daerah yang lebih luas.

Kata kunci : aplikasi, kerajinan kayu, toko online, PHP


commit to user

vi

MOTTO

Berbuat sebaikBerbuat sebaikBerbuat sebaikBerbuat sebaik----baiknya seakanbaiknya seakanbaiknya seakanbaiknya seakan----akan besok hari akhir, tapi semangat akan besok hari akhir, tapi semangat akan besok hari akhir, tapi semangat akan besok hari akhir, tapi semangat

haruslah tidak boleh lemah sedikitpun.haruslah tidak boleh lemah sedikitpun.haruslah tidak boleh lemah sedikitpun.haruslah tidak boleh lemah sedikitpun.

Berjuanglah kamu dalam keadaan ringan atau berat, dan berjihadlah dengan harta dan dirimu dijalan Allah. Yang demikian itu adalah lebih baik bagimu jika kamu mengetahui. (Q.S. At Taubah 41)


commit to user

vii

PERSEMBAHAN

Karya ini kupersambahkan untuk :

Ayah dan Bunda yang mendukung saya selama ini

Adik yang membuat saya semangat hingga tugas

akhir ini

Teman-teman (Bayu, Ilyas, Ary) yang telah

membantuku dalam penyelesaian tugas akhir ini

Zanik, Dini dan Ferdia yang memberikan dukungan,

terima kasih atas persahabatan kalian selama ini.


commit to user

viii

KATA PENGANTAR

Assalamualaikum Wr. Wb.

Alhamdulillahi robbil alamin, puji syukur kehadirat Allah SWT atas

segala rahmat dan hidayahNya, sehingga penulis dapat menyelesaikan penulisan

laporan Tugas Akhir ini dengan judul PEMBUATAN APLIKASI TOKO

ONLINE KERAJINAN KAYU.

Pembuatan Laporan Tugas Akhir ditujukan untuk memenuhi persyaratan

kelulusan Diploma III (D3) Ilmu Komputer bidang minat Manajemen Informatika

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret

Surakarta.

Dalam kesempatan ini, penulis mengucapkan terimakasih kepada semua

pihak yang telah membantu dalam penyelesaian laporan tugas akhir ini, antara

lain :

1. Drs. YS. Palgunadi, M.Sc., selaku Ketua Program Diploma III Teknik

Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam

Universitas Sebelas Maret Surakarta.

2. Mohtar Yunianto,M.Si selaku dosen pembimbing yang telah

memberikan pengarahan dalam penyusunan tugas akhir ini.

3. Ayah Bunda, dan adik yang selalu memberi dukungan tiada henti.

4. Temanteman D3 Ilmu Komputer, yang pantang menyerah dan selalu

meluangkan waktu untuk membantu menyelesaikan kesulitan yang

dihadapi penulis.

Semoga amal dan kebaikan kita semua dibalas dengan nikmatNya yang

tiada henti dan mudah-mudahan selalu diberikan ridhoNya.

Laporan tugas akhir ini masih jauh dari sempurna sehingga kritik dan

saran yang membangun sangat diharapkan . Terima kasih

Wassalamualaikum Wr. Wb.

Sragen, Juli 2011

Penulis


commit to user

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Berawal dari melihat keadaan sekitar yang memiliki usaha kayu dan kayu itu

bisa dibuat kerajinan sebagai furniture, maka penulis ingin mengetahui bagaimana

penjualan dan pemasaranya. Selama proses pemasarannya, publikasi dilaksanakan

melalui mouth by mouth, maka dari itu penulis ingin mengembangkan pemasaran

dan penjualan lebih luas lagi via online. Untuk itu dibuatlah sebuah aplikasi toko

online kerajinan kayu yang digunakan untuk mempermudah proses jual beli dan

pemasaran produk dalam lingkup daerah yang lebih luas.

1.2 Perumusan Masalah

Berdasarkan beberapa uraian latar belakang masalah di atas, maka penulis

merumuskan masalah yaitu, bagaimana membuat aplikasi toko online kerajinan

kayu untuk pemasaran dan penjualan produk?

1.3 Batasan Masalah

Batasan masalah yang diambil penulis pada pembuatan aplikasi toko online

kerajinan kayu meliputi admin dapat mengupload, update, edit dan hapus produk,

cetak laporan dan mengkonfirmasi order produk. Sedangkan user dapat mendaftar

sebagai pelanggan, login untuk membeli produk dan memberikan komentar.

1.4 Tujuan Penelitian

Tujuan yang ingin dicapai pada masalah yang dibahas adalah pembuatan

aplikasi toko online kerajinan kayu agar menarik dan tepat guna. Dengan adanya

aplikasi ini diharapkan dapat mempermudah proses jual beli dan pemasaran

produk dalam lingkup daerah yang lebih luas.

1


commit to user

2

1.5 Manfaat Penulisan Penelitian

Adapun manfaat dari penulisan penelitian ini adalah sebagai berikut.

a. Bagi Penulis

Diharapkan bisa digunakan untuk mengaplikasikan ilmu yang telah

diperoleh diperkuliahan dan membantu pendistribusian sistem penjualan

dalam lingkup yang semakin luas.

b. Bagi Pengguna(User)

Diharapkan bisa menjadi sarana untuk memperoleh informasi

penjualan kerajinan kayu menggunakan transaksi secara online.

1.6 Metodologi Penelitian

1.6.1 Metode Pengumpulan Data

Dalam penelitian tugas akhir ini dilakukan dengan beberapa

metode, yaitu sebagai berikut:

a. Metode Observasi

Metode ini dilakukan dengan cara pengamatan tentang penjualan

yang sudah berjalan, yaitu bagaimana aplikasi sistem penjualan pada

umumnya bekerja.

b. Wawancara

Metode pengumpulan data dengan mengadakan wawancara atau

tanya jawab secara langsung dengan pihak yang terkait dengan

masalah yang diteliti. Dalam hal ini mengadakan wawancara langsung

dengan pemilik usaha kerajinan kayu di desa Godegan. Dengan

metode ini diharapkan dapat diperoleh keterangan yang jelas dan

lengkap sesuai dengan tujuan penelitian.

c. Studi Pustaka

Mengumpulkan data dari membaca buku dan internet yang

berhubungan dengan permasalahan yang dijadikan objek penelitian.

1.6.2 Metode Analisis Sistem

Analisis sistem adalah suatu uraian sistem informasi yang utuh,

yang dibagi menjadi beberapa komponen bagiannya dengan maksud untuk


commit to user

3

mengidentifikasi dan mengevaluasi permasalahan dan hambatan yang

terjadi, serta mengusulkan berbagai macam kebutuhan untuk perbaikan.

1.6.3 Perencanaan Content Sistem

Perencanaan content sistem digunakan untuk menentukan fasilitas-

fasilitas dalam aplikasi agar sistem dapat bekerja dengan maksimal.

1.6.4 Implementasi Sistem

Implementasi sistem merupakan kegiatan memaparkan rancangan

yang telah disusun untuk bisa diwujudkan. Tahapan implementasi sistem

mencakup pengkodean program dan deployment program. Jika semua

tahap berakhir, maka akan sampai pada tahap evaluasi sistem. Evaluasi

sistem adalah menguji dan memastikan bahwa sistem sudah sesuai dengan

alur sistem secara keseluruhan.

1.7 Sistematika Penulisan

Penulisan laporan tugas akhir ini dibagi menjadi beberapa kriteria bab, dimana

setiap kriteria bab memiliki pembahasan yang berbeda, yaitu sebagai berikut:

1. Bab I Pendahuluan

Bab ini membahas tentang latar belakang masalah, perumusan masalah,

batasan masalah, tujuan penelitian, manfaat penulisan, metodologi

penelitian dan sistematika penulisan tugas akhir yang diperlukan dalam

penyelesaian tugas akhir.

2. Bab II Landasan Teori

Bab ini berisi landasan teori yang memuat teori-teori yang menunjang

dalam laporan Tugas Akhir ini, yaitu toko online, World Wide Web,

internet, PHP, SQL, basis data, diagram entity-relationship dan DFD.

3. Bab III Desain dan Perancangan

Berisi langkah-langkah penyelesaian masalah secara umum. Tahapan itu

meliputi perancangan dan desain sistem yang dibangun oleh penulis.

Perancangan dan desain tersebut meliputi pemodelan proses, pemodelan

basis data dan perancangan struktur navigasi.


commit to user

4

4. Bab IV Implementasi

Berisi uraian implementasi perancangan dalam hal kerja sistem yang

menjelaskan dari desain antarmuka sistem.

5. Bab V Penutup

Bab ini berisi kesimpulan dan saran mengenai produk dari tugas akhir

yang telah dibuat.

6. Daftar Pustaka


commit to user

5

BAB II

LANDASAN TEORI

2.1 Tinjauan Pustaka

2.1.1 Toko Online Membangun toko online bukan sekedar menjual barang dagangan melalui

website. Toko online adalah salah satu seni dalam berjualan. Dengan adanya toko

online, penjual dan pembeli bisa melakukan transaksi tanpa harus bertatap muka

secara langsung. Hal ini akan menjadikan transaksi menjadi lebih cepat dan

mudah. Syarat syarat membangun toko online yang harus diperhatikan. Yang

pertama, toko online adalah toko yang dijalankan berdasarkan unsur saling

percaya. Membangun kepercayaan pelanggan adalah syarat mutlak dalam bisnis

toko online. Selain mengutamakan unsur saling percaya, juga harus membuat

tampilan website toko yang mudah dimengerti calon pembeli. Membangun toko

online yang professional, artinya akan memberikan pelayanan yang professional

ke pelanggan. Syarat lain yang harus dipenuhi dalam membangun toko online

adalah menyediakan metode pembayaran yang fleksibel bagi pelanggan. (Susanto,

Gm 2010)

Menurut (Pramusinto, W 2011), membuat toko online mempunyai

kekurangan dan juga kelebihan, diantaranya :

Kekurangan Toko Online

1. Barang hanya bisa dilihat oleh orang yang mempunyai akses internet

2. Diperlukan keahlian khusus untuk membuat dan mengoperasikan toko

online

3. Harga barang menjadi lebih mahal karena akan dikenakan ongkos kirim ke

tempat pembeli

Kelebihan Toko Online

1. Biaya operasional penjual menjadi lebih murah karena tidak perlu

mengeluarkan biaya untuk sewa tempat dan perlengkapan

2. Bisa dioperasikan dari mana saja dan kapan saja selama ada akses internet

3. Transaksi jual beli menjadi lebih cepat

5


commit to user

6

4. Area pemasaran yang sangat luas, bisa mencapai seluruh dunia.

2.1.2 WWW (World Wide Web)

WWW (World Wide Web) adalah sebuah metode baru yang berjalan didunia

internet yang akhir-akhir ini berkembang dengan cepat. Dengan adanya media ini,

seseorang dapat menciptakan puluhan bahkan ratusan aplikasi yang berjalan

dibawah web. Teknik pembuatan website pun dapat dilakukan dengan beberapa

macam pemrograman maupun nonpemrograman. (Nugroho, B 2004)

2.1.3 Internet

Internet adalah suatu media informasi komputer global yang dapat dikatakan

sebagai teknologi teercanggih abad ini. Dengan internet kita dapat melakukan

semua aktivitas yang sulit dilakukan secara biasa mulai dari menonton, baca

berita, belanja. Secara etimologis, internet berasal dari bahasa inggris, yakni inter

berarti antar dan net berarti jaringan sehingga dapat kita artikan hubungan antar

jaringan.

Internet merupakan suatu media informasi yang berjalan dalam suatu

komputer. Akan tetapi, tidak semua komputer yang ada bisa berhubungan karena

suatu komputer dapat dikatakan sebagai internet jika sudah terhubung dengan

suatu jaringan. Sejarah terciptanya internet dimulai di Amerika, saat itu dalam

keadaan perang. (Nugroho, B 2004)

2.1.4 PHP

PHP merupakan bahasa standar yang digunakan dalam dunia website. PHP

adalah bahasa program yang terbentuk script yang diletakkan didalam server web.

Jika kita lihat dari sejarah , mulanya PHP diciptakan dari ide Rasmus Lerdof yang

membuat sebuah script perl. Script tersebut sebenarnya dimaksudkan untuk

digunakan sebagai program untuk dirinya sendiri. Akan tetapi, kemudian

dikembangkan lagi sehingga menjadi sebuah bahasa yang disebut Personal

Home Page. Inilah awal mula munculnya PHP sampai saat ini.


commit to user

7

PHP adalah program yang fleksibel, artinya script-script PHP dapat

dituliskan pada sela-sela tag HTML. Karena PHP memiliki sifat yang dapat

berkonteraksi dengan program lain, maka kita tidak usah bingung-bingung dalam

menuliskan scriptnya. Jadi, kita dapat membuat sebuah program PHP yang

didalamnya berupa tag-tag HTML murni yang kemudian disisipi script PHP.

Akan tetapi, PHP juga dapat berdiri sendiri sehingga tidak memerlukan HTML

murni untuk meletakan script-scriptnya. Contoh script:

Programku yang pertama

(Nugroho, B 2004)

2.1.5 SQL

SQL merupakan kependekan dari Structured Query Language (Bahasa

Query yang terstruktur). Istilah Query Language memang tidak tepat sama

dengan istilah Bahasa Basis Data (Database Language). Bahasa Basis Data

terdiri atas Data Definition Language (DDL) dan Data Manipulation Language

(DML). DDL merujuk pada kumpulan perintah yang dapat digunakan untuk

mendefinisikan objek-objek basis data, seperti membuat sebuah tabel basis data

atau indeks primer/sekunder. Sedang DML mengacu pada kumpulan perintah

yang dapat digunakan untuk melakukan manipulasi data, seperti penyimpanan

data kesuatu tabel, kemudian mengubahnya atau menghapusnya atau hanya

sekedar menampilkannya kembali.

Kendati SQL sendiri merujuk pada Query Language, tidak berarti perintah-

perintah yang menjadi standar hanyalah perintah-perintah yang berhubungan

dengan query data. Selain mencakup DML, SQL juga telah dilengkapi dengan

berbagai perintah yang tergolong DDL dan perintah kontrol transaksi (transaction


commit to user

8

control). Pada sejumlah perintah kita harus lebih dulu menguasai beberapa aspek

yang berkaitan dengan Query Processing, Security, Integrity.

Sebuah ekspresi SQL dasar sebenarnya hanya terdiri atas 3 klausa yaitu

select, from dan where:

1.Klausa select digunakan untuk menetapkan daftar atribut (field) yang diinginkan

sebagai hasil query.

2.Klausa from digunakan untuk menetapkan tabel (atau gabungan tabel) yang

akan ditelusuri selama query data dilakukan.

3.Klausa where, yang sifatnya opsional, digunakan sebagai predikat (kriteria)

yang harus dipenuhi dalam memperoleh hasil query. (Fathansyah, 2007)

2.1.6 Basis Data

Menurut Fathansyah (2007), Basis Data terdiri atas 2 kata, yaitu Basis dan

Data. Basis kurang lebih dapat diartikan sebagai markas atau gudang, tempat

bersarang/berkumpul. Sedangkan Data adalah representasi fakta dunia nyata yang

mewakili suatu objek. Tujuan awal dan utama dalam pengelolaan data dalam

sebuah basis data adalah agar kita dapat memperoleh, menemukan kembali data

(yang kita cari) dengan mudah dan cepat. Secara lebih lengkap, pemanfaatan basis

data dilakukan untuk memenuhi sejumlah tujuan (objektif) seperti berikut ini:

1. Kecepatan dan Kemudahan (Speed)

Pemanfaatan basis data untuk dapat menyimpan data atau melakukan

perubahan/manipulasi terhadap data atau menampilkan kembali data tersebut

dengan lebih cepat dan mudah, daripada kita menyimpan data secara manual.

2. Efisiensi Ruang Penyimpanan (Space)

Dengan basis data, efisiensi/optimalisasi penggunaan ruang penyimpanan dapat

dilakukan, karena kita dapat melakukan penekanan jumlah redundansi data,

baik dengan menerapkan sejumlah pengkodean atau dengan membuat relasi

antar kelompok data yang saling berhubungan.


commit to user

9

3. Keakuratan (Accuracy)

Pemanfaatan pengkodean atau pembentukan relasi antar data bersama dengan

penerapan aturan/batasan (constraint) tipe data, sangat berguna untuk menekan

ketidakakuratan pemasukan/penyimpanan data.

4. Ketersediaan (Availability)

Untuk mengakomodasi kebutuhan kelengkapan data yang semakin

berkembang, maka kita tidak hanya dapat menambah record-record data, tetapi

juga dapat melakukan perubahan struktur dalam basis data.

5. Kelengkapan (Completeness)

Data yang sudah jarang atau bahkan tidak pernah lagi kita gunakan, dapat kita

atur untuk dilepaskan dari sistem basis data yang sedang aktif baik dengan cara

penghapusan atau dengan memindahkannya ke media penyimpanan.

6. Keamanan (Security)

Untuk sistem yang besar dan serius, aspek keamanan dapat diterapkan dengan

ketat. Dengan begitu, kita dapat menentukan siapa-siapa (pemakai) yang boleh

menggunakan basis data beserta objek-objek didalamnya dan menentukan jenis

operasi apa saja yang boleh dilakukan.

7. Kebersamaan Pemakaian (Sharability)

Pemakai basis data seringkali tidak terbatas pada satu pemakai saja, atau di satu lokasi saja atau oleh satu sistem/aplikasi saja.

2.1.7 Diagram Entity-Relationship (Diagram E-R)

Menurut Fathansyah (2007), Model Entity-Relationship yang berisi

komponen Himpunan Entitas dan Himpunan Relasi yang masing-masing

dilengkapi dengan atribut-atribut yang merepresentasikan seluruh fakta daridunia

nyata yang kita tinjau, dapat digambarkan dengan lebih sistematis dengan

menggunakan Diagram Entity-Relationship(Diagram E-R). Notasi-notasi simbolik

didalam Diagram E-R yang dapat kita gunakan adalah:

1. Persegi panjang, menyatakan Himpunan Entitas

2. Lingkaran/Elip, menyatakan Atribut (Atribut yang berfungsi sebagai key

digarisbawahi)


commit to user

10

3. Belah Ketupat, menyatakan Himpunan Relasi

4. Garis, sebagai penghubung antara Himpunan Relasi dengan Himpunan Entitas

dan Himpunan Entitas dengan Atributnya

5. Kardinalitas Relasi dapat dinyatakan dengan banyaknya garis cabang atau

dengan pemakaian angka (1 dan 1 untuk relasi satu ke satu, dan N untuk relasi

satu ke banyak atau N dan N untuk relasi banyak ke banyak).

Tabel 2.1 Notasi Simbolik Diagram E-R

Simbol Nama Simbol Nama

2.1.8 DFD

DFD adalah suatu model logika data atau proses yang dibuat untuk

menggambarkan darimana asal data dan kemana tujuan data yang keluar dari

sistem, antara data yang tersimpan dan proses yang dikenakan pada data tersebut

(Kristanto, A 2003). DFD menggambarkan penyimpanan data dan proses yang

mentransformasikan data. DFD menunjukan hubungan antara data pada sistem

dan proses pada sistem. Simbol DFD yang dipakai untuk menggambarkan data

beserta proses transformasi data antara lain:

A. Entity luar

Entity luar digambarkan dengan simbol persegi biasa. Entity luar merupakan

sumber atau tujuan dari aliran data dari atau ke sistem. Entity luar merupakan

lingkungan luar sistem, jadi sistem tidak tahu menahu mengenai apa yang

terjadi di entity luar. Perhatikan Gambar Berikut ini:

Gambar 2.1 Contoh entity luar

A Agen

K Konsumen

E R

a

Himpunan entitas E

Himpunan Relasi R

Atribut a sebagai key

Link


commit to user

11

B. Aliran Data

Menggambarkan aliran data dari satu proses ke proses lainnya. Adapun

symbol dari aliran data bentuk garisnya boleh bebas yaitu sebagai berikut:

Gambar 2.2 Simbol aliran data

C. Proses

Proses atau fungsi yang mentransformasikan data secara umum digambarkan

dengan lingkaran, seperti pada gambar berikut ini:

Gambar 2.3 Simbol proses

D. Berkas atau tempat penyimpanan

Merupakan komponen yang berfungsi untuk menyimpan data atau file. Simbol

dari berkas ini dapat digambarkan dengan segi empat terbuka dan

penggambarannya adalah sebagai berikut:

Gambar 2.4 Simbol berkas

(Kristanto, A 2003).


commit to user

12

BAB III

DESAIN DAN PERANCANGAN

3.1 Analisis Kebutuhan

3.1.1 Kebutuhan Hardware

3.1.1.1 Kebutuhan hardware untuk pembuatan

Hardware minimum untuk pembuatan Aplikasi Toko Online Kerajinan

Kayu adalah dengan spesifikasi sebagai berikut :

a. Processor.

Processor yang digunakan untuk pembuatan aplikasi ini processor Intel

Pentium.

b. Memory.

Memory yang digunakan dalam pembuatan aplikasi ini RAM 1 GB.

c. Harddisk.

Harddisk yang digunakan dalam pembuatan aplikasi ini 160 GB.

3.1.1.2 Kebutuhan hardware untuk menjalankan

Hardware minimum untuk menjalankan Aplikasi Toko Online Kerajinan

Kayu adalah dengan spesifikasi sebagai berikut :

a. Processor.

Processor yang digunakan untuk menjalankan aplikasi ini processor Intel

Pentium 4.

b. Memory.

Memory yang digunakan untuk menjalankan aplikasi ini RAM 512 MB

c. Harddisk.

Harddisk yang digunakan untuk menjalankan aplikasi ini 1 GB.

3.1.2 Kebutuhan Software

3.1.2.1 Kebutuhan software untuk pembuatan

Software yang diperlukan dalam pembuatan Aplikasi Toko Online

Kerajinan Kayu adalah:

12


commit to user

13

a. Sistem Operasi.

Pembuatan aplikasi ini memerlukan Sistem Operasi Windows karena aplikasi

ini merupakan yang berbasis Windows, disarankan minimal menggunakan

Windows XP.

b. Macromedia Dreamweaver merupakan sebuah HTML editor profesional

untuk mendesain secara visual dan mengelola situs web maupun halaman

web. Perangkat lunak ini digunakan sebagai editor script dalam pembuatan

website dengan menggunakan bahasa pemrograman web, yaitu PHP dan

HTML.

c. Aplikasi web adalah jenis aplikasi yang diakses melalui browser, misalnya

Internet Explorer dan Mozilla Firefox. Digunakan untuk mengecek jalannya

aplikasi sistem informasi tersebut.

d. Web Server yaitu XAMPP yaitu server yang melayani permintaan aplikasi

web. XAMPP merupakan tool yang menyediakan paket perangkat lunak ke

dalam satu buah paket. Dengan menginstal XAMPP maka tidak perlu lagi

melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL

secara manual.

3.1.2.2 Kebutuhan software untuk menjalankan

Software yang diperlukan untuk menjalankan Aplikasi Toko Online

Kerajinan Kayu adalah sebagai berikut :

a. Sistem Operasi.

Untuk menjalankan aplikasi ini memerlukan Sistem Operasi Windows karena

aplikasi ini merupakan yang berbasis Windows, disarankan minimal

menggunakan Windows XP.

b. Aplikasi web adalah jenis aplikasi yang diakses melalui browser, misalnya

Internet Explorer dan Mozilla Firefox. Digunakan untuk mengecek jalannya

aplikasi sistem informasi tersebut.


commit to user

14

3.2 Deskripsi Umum Sistem

Dalam pembuatan aplikasi toko online kerajinan kayu ini, sistem dirancang

dan dibuat dengan tujuan untuk mempermudah jual beli dan pemasaran produk

kerajinan kayu. Isi dari aplikasi ini meliputi home, daftar produk, daftar

pelanggan, keranjang belanja, cara pembelian, buku tamu dan konfirmasi

pembelian. User bisa login dengan nama dan password yang telah dibuat pada

saat mendaftar sebagai pelanggan. Admin dapat mengupload, update, edit dan

hapus produk serta mengkonfirmasi order produk.

3.3 Perancangan Aplikasi

Perancangan sistem bertujuan untuk menentukan rancangan aplikasi toko

online kerajinan kayu. Dalam perancangan aplikasi ini menjelaskan langkah-

langkah pembuatan alur fungsi dan proses yang ada dalam aplikasi toko online

kerajinan kayu. Hal ini akan dibutuhkan untuk pedoman implementasi.

3.3.1 Context Diagram

Context Diagram memperlihatkan masukan, proses dan keluaran dari

sistem yang akan dirancang dan dibuat. Hal pertama yang dilakukan adalah

membuat context diagram yang dibuat sebagai dasar perancangan, seperti gambar

3.1 dari context diagram, selanjutnya diturunkan menjadi DFD level 0 yang dapat

menjelaskan proses-proses yang terdapat didalam sistem.

Gambar 3.1 Context Diagram Toko Online Kerajinan Kayu


commit to user

15

3.3.2 Data Flow Diagram (DFD) Level 0

DFD level 0 merupakan rincian dari proses-proses yang terjadi didalam

sistem. Pada gambar 3.2 dapat dilihat proses utama yang ada didalam sistem,

yaitu daftar, login, pemesanan, manajemen pelanggan, pemesanan, manajemen

pemesanan dan buku tamu. Pada DFD level 0 memiliki 3 entity yaitu admin,

pengunjung dan pelanggan. Sedangkan data storagenya ada 7, yaitu admin,

pelanggan, produk, pemesanan, kategori, pesan_detail dan bukutamu. Diagram

berikut ini adalah gambar 3.2 DFD level 0 dari sistem yang dibuat.

Gambar 3.2 DFD Level 0 Toko Online Kerajinan Kayu


commit to user

16

3.3.3 Data Flow Diagram (DFD) Level 1 Proses Pemesanan

Gambar 3.3 DFD Level 1 proses pemesanan

DFD level 1 proses pemesanan diatas terdiri dari 2 entity, 4 proses dan 4 data

storage yaitu:

1. Entity meliputi :

a. Admin

b. Pelanggan

2. Proses meliputi :

a. Pilih Produk

b. Cek Keranjang Belanja

c. Konfirmasi Data

d. Pembayaran

3. Data Storage yang digunakan meliputi:

a. File data kategori, digunakan untuk menyimpan data produk

berdasarkan kategori yang ada di dalam database, yaitu almari, kursi

tamu, meja makan, jam hias, tempat tidur.


commit to user

17

b. File data produk, digunakan untuk menyimpan definisi produk yang

dijual.

c. File pesan_detail, digunakan untuk menyimpan produk apa yang

dipesan dan berapa jumlah produk yang dipesan.

d. File pemesanan, digunakan untuk merekap data pemesanan yang telah

dilakukan.

3.3.4 Data Flow Diagram (DFD) Level 1 Proses Manajemen Pemesanan

Gambar 3.4 DFD Level 1 proses manajemen pemesanan

DFD level 1 proses manajemen pemesanan diatas terdiri dari 1 entity, 3

proses dan 3 data storage yaitu:

1. Entity meliputi :

a. Admin

2. Proses meliputi :

b. Konfigurasi kategori

c. Konfigurasi produk

d. Konfigurasi pesan_detail

3 Data Storage yang digunakan meliputi:

a. Kategori

b. Produk

c. Pesan_detail


commit to user

18

3.4 Perancangan Database

Dalam pembuatan sistem penjualan kerajinan kayu diperlukan adanya suatu

basis data yang digunakan untuk tempat menyimpan seluruh informasi dan data.

Perancangan untuk sistem penjualan kerajinan kayu adalah sebagai berikut :

1. Tabel Admin

Tabel admin berfungsi menyimpan data administrator web administrator

yang ditunjukan pada tabel 3.1 berikut ini:

Tabel 3.1 Admin

Field Type Keterangan

username varchar(20)

password varchar(5)

2. Tabel Kota

Tabel kota berfungsi menyimpan data kota dan ongkos kirim untuk

pengiriman barang. Seperti yang ditunjukan pada tabel 3.2 berikut ini:

Tabel 3.2 Kota


id_kota varchar(10) Primary key

kota varchar(30)

ongkoskirim int(20)

3. Tabel Kategori

Tabel kategori berfungsi menyimpan data kategori untuk mendefinisikan

produk sesuai kategorinya. Seperti yang ditunjukan pada tabel 3.3 berikut ini.

Tabel 3.3 Kategori


id_kategori int(10) Primary Key

kategori varchar(20)


commit to user

19

4. Tabel Pelanggan

Tabel pelanggan digunakan untuk menyimpan data pelanggan atau

pembeli produk. Data pelanggan meliputi data-data pribadi yang identitasnya juga

digunakan untuk menunjukan pengiriman produk yang sudah dibeli. Seperti yang

ditunjukan pada tabel 3.4 berikut ini.

Tabel 3.4 Pelanggan

Field Type Keterangan id_pelanggan varchar(20) Primary Key

no_identitas varchar(30)

password varchar(50)

nama varchar(30)

jenis_kelamin varchar(1)

TTL varchar(25)

alamat varchar(100)

kota varchar(30)

email varchar(30)

telepon varchar(12)

5. Tabel Pemesanan

Tabel pemesanan digunakan untuk menyimpan data yang sebelumnya

berada didalam tabel keranjang. Seperti yang ditunjukan pada tabel 3.5 berikut

ini.

Tabel 3.5 Tabel Pemesanan


id_pesan varchar(50) Primary Key

id_pelanggan varchar(20)

tgl date

id_kota varchar(10)

Status varchar(10) Pesan,Lunas,Kirim


commit to user

20

6. Tabel Produk

Tabel produk digunakan untuk menyimpan data produk apa saja yang

dijual. Seperti yang ditunjukan pada tabel 3.6 berikut ini.

Tabel 3.6 Tabel Produk


id_produk int(5) Primary Key

nama varchar(30)

kategori varchar(20)

harga int(20)

deskripsi text

gambar text

stok int(5)

7. Tabel Buku Tamu Tabel buku tamu berfungsi menyimpan data komentar. Seperti yang


Tabel 3.7 Tabel Buku Tamu Field Type Keterangan

id_bukutamu int(11) Primary Key

nama varchar(30)

email varchar(30)

tanggal date

comment varchar(100)


commit to user

21

8. Tabel Pesan_detail

Tabel pesan_detail berfungsi data yang sudah dibeli. Seperti yang


Tabel 3.8 Tabel Pesan_detail


id_pesan varchar(50) Foreign Key

id_produk int(5) Foreign Key

jumlah int(5)

9. Tabel Konfirmasi

Tabel konfirmasi berfungsi untuk mengecek pembayaran dalam transaksi

penjualan. Seperti yang ditunjukan pada tabel 3.9 berikut ini.

Tabel 3.9 Tabel Konfirmasi


id_pesan varchar(50)

id_konfirmasi int(11) Primary Key

jml_bayar int(20)

bank_asal varchar(20)

rek_asal int(20)

atas_nama varchar(40)

tgl_transfer varchar(10)

3.5 ERD (Entity Relationship Diagram)

Pemodelan data dilakukan dengan menggunakan Model Entity Relationship

(ERD) yang merupakan suatu penyajian data dengan menggunakan Entity dan

Relationship yang bertujuan untuk menunjukkan struktur objek data (entity) dan

hubungan (relationship) yang ada pada objek tersebut. ERD berisi hubungan

diantara tabel-tabel yang diperlukan sebagai database dari sistem yang dibuat.

ERD(Entity Relationship Diagram) dari sistem ini dapat dilihat seperti gambar 3.5

berikut ini.


commit to user

22

Gambar 3.5 ERD Toko Online Kerajinan Kayu

3.6 Relasi Antar Tabel

Relasi yang terjadi antara tabel ditunjukan seperti gambar 3.6 dibawah ini.

Gambar 3.6 Relasi Antar Tabel


commit to user

23

3.7 Rancangan Desain Halaman

3.7.1 Halaman Utama User

Halaman ini merupakan halaman yang dapat diakses oleh user untuk

mendapatkan informasi penjualan kerajinan kayu. User dapat melihat produk,

memberikan komentar dan membeli produk bagi yang sudah terdaftar sebagai

pelanggan. Rancangan halaman utama ditunjukkan pada gambar 3.7

Gambar 3.7 Rancangan Halaman Utama User

Rancangan halaman utama user pada navigasi menu memiliki 7 menu,

yaitu home, daftar produk, daftar pelanggan, keranjang belanja, cara pembelian,

buku tamu dan konfirrmasi pembeli. Isi dari masing-masing menu tersebut

terletak pada content, jadi yang membedakan tampilan menu satu dengan yang

lainnya ada pada bagian content seperti gambar 3.7. Home berisi tampilan

sebagian barang yang dijual, daftar produk menampilkan produk apa saja yang

dijual, daftar pelanggan merupakan tampilan form untuk pengunjung yang ingin

melakukan pendaftaran sebagai pelanggan, keranjang belanja digunakan untuk

menampilkan produk yang telah dipesan oleh pelanggan. Cara pembelian

merupakan petunjuk untuk memberitahukan pada pengunjung maupun pelanggan

dalam melakukan pembelian, rancangan pada halaman buku tamu berisi form

pengisian komentar dan tampilan komentar yang telah ada. Sedangkan konfirmasi

HEADER

FOOTER

Contact

CONTENT

NAVIGASI MENU

Search

Login

Kategori


commit to user

24

pembeli berisi form yang harus diisi pembeli yang telah melakukan pembayaran

terhadap barang yang telah dibeli.

3.7.2 Halaman Admin

Halaman ini merupakan halaman yang dapat diakses oleh Admin yang

memiliki hak dalam mengelola dan mengatur seluruh fasilitas yang ada dalam

aplikasi toko online kerajinan kayu. Admin berhak menginput data, mengedit

data, menghapus data, serta memanajemen pemesanan barang. Rancangan

halaman login admin ditunjukkan pada gambar 3.8 dan gambar 3.9 Rancangan

Halaman Utama Admin

Gambar 3.8 Rancangan Halaman Login Admin

Gambar 3.9 Rancangan Halaman Utama Admin

Gambar 3.9 Rancangan Halaman Utama Admin

HEADER

FOOTER

Navigasi Menu

Contact

Content Search

Kategori

Login Admin

Username

Password


commit to user

25

Rancangan halaman admin seperti pada gambar 3.9 yang memiliki 5

menu, yaitu home, manajemen file, pelanggan, order dan logout. Pada manajemen

file memiliki sub menu produk, kota dan kategori dan menu pelanggan

mempunyai 2 sub menu yaitu lihat pelanggan, daftarkan pelanggan dan cetak data

pelanggan. Semua tampilan halaman admin sama seperti gambar 3.9, yang

membedakan ialah isi dari masing-masing menu terletak pada content.


commit to user

26

BAB IV

IMPLEMENTASI

4.1 IMPLEMENTASI APLIKASI

Aplikasi ini memiliki fungsi utama sebagai sistem penjualan berbasis web

kerajinan kayu. Pembuatan aplikasi ini menggunakan kode pemrograman PHP

dan HTML yang berbasis web sehingga pada implementasinya akan bisa

digunakan dimanapun dan kapanpun. DBMS yang digunakan untuk sistem ini

adalah MySql yang memiliki keunggulan dalam hal kecepatan akses data.

4.1.1 Koneksi PHP ke MySQL

Untuk melakukan koneksi, dibutuhkan: Server name, merupakan nama

server atau no.IP server dimana MySQL tersebut diinstall. Username,

merupakan nama user yang diberikan wewenang untuk mengakses database dalam

MySQL. Password, merupakan password yang dimiliki username dalam rangka

autentifikasi. Database name, merupakan nama database dalam MySQL yang ingin

kita akses. Sedangkan perintah PHP untuk melakukan koneksi ke MySQL adalah

Perintah di atas akan menampilkan koneksi ke MySQL sukses apabila

koneksi telah berhasil, sedangkan apabila gagal akan menampilkan pesan

kesalahan.

4.1.2 Implementasi Penggunaan Session

Dengan session, data dapat disimpan dan selanjutnya dapat diakses di

beberapa halaman web. Penggunaan session sering diterapkan pada aplikasi web

yang bersifat multiuser. Sebelum menyimpan data dalam session, terlebih dahulu

26


commit to user

27

harus memulai session. Secara implementasi dapat dilihat seperti contoh dibawah

ini:

Biasanya menghapus data session yang terkait dengan username

diterapkan pada proses logout. Dengan proses logout, maka username yang telah

tersimpan dalam session akan terhapus. Pada perintah diatas terdapat lebih dari

satu session dan ingin dihapus semuanya, maka menggunakan perintah

session_destroy();

4.1.3 Implementasi Cara Penanganan Form

Untuk merancang sebuah form inputan, setidaknya ada 3 hal penting yaitu:

1. Method

Method dari sebuah form menentukan bagaimana data inputan

form dikirim. Method ini ada 2 macam, yaitu get dan post.


commit to user

28

2. Action

Action dari sebuah form menentukan dimana data inputan dari

form proses.

3. Submit Button

Submit button merupakan sebuah tombol yang berfungsi sebagai

trigger pengiriman data dari inputan.

Program menampilkan form inputan dengan method POST dapat dilihat

seperti script dibawah ini:

Nama

:

Proses pengolahan form dilakukan di halaman yang terpisah dengan form

inputannya. Dari contoh script diatas value pada atribut action diisi

prosesREG_pelanggan.php yang merupakan alamat halaman tempat proses

pengolahan form.

4.1.4 Implementasi Structured Query Language

Insert merupakan salah satu perintah dalam SQL yang digunakan untuk

menambahkan sebuah record kedalam tabel. Implementasi dapat dilihat sebagai

berikut:

mysql_select_db(mebel) or die(mysql_error());


commit to user

29

mysql_query("INSERT INTO kota (id_kota, kota,

ongkos_kirim)VALUES('$id_kota','$kota','$ongkos_ki

rim')") or die (mysql_error());

Proses update bisa sewaktu-waktu dilakukan jika terdapat data atau record

dalam suatu tabel yang perlu diperbaiki. Proses update tidak menambahkan data

baru tetapi memperbaiki data yang lama. Implementasi untuk mengupdate data

seperti perintah dibawah:

updateSQL = sprintf("UPDATE kategori SET

kategori=%s WHERE id_kategori=%s",

GetSQLValueString($_POST['kategori'], "text"),

GetSQLValueString($_POST['id_kategori'], "text"));

Delete form merupakan perintah dasar untuk menghapus suatu record dari

tabel, produk merupakan nama tabel untuk yang akan dihapus recordnya dan

perintah where diikuti kondisi tertentu yang menentukan record mana yang akan

dihapus. Perintah delete seperti script dibawah ini:

$query = "DELETE FROM produk WHERE id_produk =

'$id_produk'";

4.1.5 Implementasi Upload File

Form inputan upload file dapat menggunakan tag dengan value

atribut TYPE=FILE. Maksud dari variabel upload file dibawah ini adalah file

yang sudah diupload ke folder temporary akan dipindahkan(move) kedirektori

yang digunakan menggunakan fungsi move_uploaded_file().

$stor_path = "gambar/";

$uplotgbr=$stor_path.$_FILES['gbruser']['name'];

$_FILES['gbruser']['error'] == 0;

$path_parts =pathinfo($_FILES['gbruser']['name']);

$extension =strtolower($path_parts["extension"]);

$img_filename = $id . "." . $extension;


commit to user

30

if(move_uploaded_file($_FILES['gbruser']['tmp_name

'],$uplotgbr)){

$namagbr=("gambar/$id.jpg");

rename("$uplotgbr.", "$namagbr");

}

4.2 SCREENSHOT APLIKASI DAN PENJELASAN

Screenshot terhadap aplikasi yang dibuat bisa dilihat melalui desain menu

utama, yang secara garis besar adalah sebagai berikut:

1. Halaman Utama

Pada Halaman utama berisi navigasi menu yaitu home, daftar produk,

daftar pelanggan, keranjang belanja, buku tamu dan konfirmasi pembelian. Selain

itu juga terdapat login untuk pelanggan, cari produk, contact dan melihat kategori

produk yang dijual. Hal ini dapat dilihat pada gambar 4.1 berikut ini.

Gambar 4.1 Halaman Utama


commit to user

31

2. Halaman Daftar Produk Daftar produk memberikan informasi data produk apa yang dijual dengan

menampilkan gambar, id produk, nama produk, kategori dan harga. Untuk

membeli barang yang ada didaftar tinggal klik button beli, tetapi harus login

terlebih dahulu menggunakan user dan password pelanggan untuk dapat membeli

barang. Halaman daftar produk dapat dilihat pada gambar 4.2 dibawah ini.

Gambar 4.2 Halaman Daftar Produk


commit to user

32

Jika produk dah divalidasi admin statusnya dikirm,maka otomatis akan

berkurang sesuai dengan produk yang kluar,bila stok 0 atau habis maka jika

button beli diklik akan muncul alert seperti gambar 4.3:

4.3 Alert stok barang habis

3. Halaman Daftar Pelanggan

Pada form daftar pelanggan digunakan pengunjung untuk mengisi data

pendaftaran menjadi pelanggan. Dengan mengisi form daftar pelanggan, maka

data nama dan password bisa digunakan untuk login dan dapat membeli barang.

Halaman daftar pelanggan dapat dilihat pada gambar 4.4 dibawah ini.

Gambar 4.4 Halaman Daftar Pelanggan


commit to user

33

4. Halaman Keranjang Belanja

Pada halaman ini digunakan untuk menampilkan barang apa saja yang

dibeli. Pembeli dapat mengupdate jumlah barang yang dibeli dengan jenis produk

yang sama. Tampilan keranjang belanja dapat dilihat pada gambar 4.5 dibawah

ini.

Gambar 4.5 Halaman Keranjang Belanja


commit to user

34

Setelah selesai membeli barang maka klik next kemudian akan lanjut ke

halaman transaksi untuk menentukan pilihan kota pengiriman barang seperti

tampilan gambar 4.6 dibawah ini.

Gambar 4.6 Halaman Transaksi Kota Pengiriman

Jika telah memilih kota pengiriman barang maka untuk melanjutkan

transaksi jumlah uang yang harus ditransfer lalu klik next, maka akan masuk ke

halaman transaksi jumlah pembayaran seperti gambar 4.7 . Checkout digunakan

untuk mengakhiri belanja. Lalu pilih logout untuk keluar dari web.


commit to user

35

Gambar 4.7 Halaman Transaksi Jumlah Pembayaran


commit to user

36

5. Halaman Cara Pembelian

Pada Halaman ini berfungsi untuk memberitahukan pengunjung dan

pelanggan dalam langkah-langkah untuk melakukan pembelian produk. Halaman

ini dapat dilihat pada gambar 4.8 Dibawah ini.

Gambar 4.8 Halaman Cara Pembelian


commit to user

37

6. Halaman Buku Tamu

Halaman ini berisi form buku tamu yang digunakan untuk memberikan

komentar. Dengan melihat guestbook admin dapat mengetahui komentar yang

telah diberikan oleh user yang mengunjungi web ini.

Gambar 4.9 Halaman Buku Tamu

7. Halaman Konfirmasi Pembeli

Bagi pembeli yang sudah membayar barang yang sudah dibeli, maka

pelanggan dapat mengisi form konfirmasi pembeli. Halaman form ini dapat dilihat

pada gambar 4.10 berikut ini:


commit to user

38

Gambar 4.10 Halaman Konfirmasi Pembeli

8. Halaman Login Admin

Pertama harus dilakukan adalah login ke dalam sistem dengan username

dan password yang dientry ketika pembuatan sistem melalui basis data secara

langsung. Username ini memiliki jabatan sebagai administrator sistem. Hal ini

dapat dilihat pada gambar 4.11 berikut ini.

Gambar 4.11 Halaman Login Admin


commit to user

39

9. Halaman Utama Admin

Jika telah memasukkan username dan password dengan benar maka sistem

akan menampilkan navigasi atau halaman utama admin, navigasi yang muncul

adalah: Home, Manajemen File, Pelanggan, Order dan Logout. Pada bagian kanan

terdapat cari produk yang ingin dilahat dan contact toko kerajinan kayu yang

dapat dihubungi. Apabila tombol Logout diklik maka akan kembali ke halaman

Login seperti pada gambar 4.11 diatas. Navigasi menu dapat dilihat pada gambar

4.12 berikut ini.

Gambar 4.12 Halaman Utama Admin


commit to user

40

10. Halaman Manajemen File

Halaman ini memiliki sub menu produk (update, hapus dan tambah

produk), kota (update, hapus, tambah kota) dan kategori (update, hapus, tambah

kategori). Beberapa sub menu yang terdapat pada manajemen file dapat dilihat

seperti gambar dibawah ini:

Gambar 4.13 Halaman Update Produk


commit to user

41

Untuk mengedit produk dapat diklik edit pada kolom aksi, jika telah

selesai mengganti data produk maka klik buton update record seperti gambar 4.14

dibawah ini.

Gambar 4.14 Halaman Edit Produk


commit to user

42

Pada Halaman hapus produk digunakan untuk menghapus salah satu

produk seperti gambar 4.15 dibawah ini:

Gambar 4.15 Halaman Hapus Produk


commit to user

43

Halaman tambah produk digunakan untuk menambahkan produk dengan

menginputkan data seperti tampilan dibawah ini:

Gambar 4.16 Halaman Tambah Produk


commit to user

44

Halaman update kota berfungsi untuk mengupdate ataupun mengedit kota

yang telah ada. Halaman update dan edit kota dapat dilihat seperti 4.17 dan 4.18

Gambar 4.17 Halaman Update Kota


commit to user

45

Gambar 4.18 Halaman Edit Kota

Pada Halaman hapus kota digunakan untuk menghapus salah satu kota

seperti gambar 4.19 dibawah ini:

Gambar 4.19 Halaman Hapus Kota


commit to user

46

Halaman tambah kota digunakan untuk menambahkan kota dengan

menginputkan data seperti tampilan dibawah ini:

Gambar 4.20 Halaman Tambah Kota

Halaman update kategori berfungsi untuk mengupdate ataupun mengedit

kota yang telah ada. Halaman update dan edit kategori dapat dilihat seperti 4.21

dan 4.22 berikut ini:


commit to user

47

Gambar 4.21 Halaman Update Kategori

Gambar 4.22 Halaman Edit Kategori


commit to user

48

Gambar 4.23 Halaman Hapus Kategori

Gambar 4.24 Halaman Tambah Kategori


commit to user

49

11. Halaman Pelanggan

Halaman Pelanggan memiliki sub menu lihat pelanggan dan mendaftarkan

pelanggan. Pada lihat pelanggan digunakan untuk melihat data pelanggan yang

sudah ada pada database. Sedangkan halaman mendaftarkan pelanggan digunakan

untuk mengisi data untuk menjadi pelanggan . Selain itu juga ada menu cetak data

pelanggan dalam bentuk file pdf dan data bisa diprint melalui menu ini.

Gambar 4.25 Halaman Pelanggan


commit to user

50

Gambar 4.26 Halaman Daftar Pelanggan

Gambar 4.27 Cetak Data Pelanggan


commit to user

51

12. Halaman Order

Pada form order berisi tampilan tabel pemesanan produk yang berisi data

id pesan, id pelanggan, tanggal pesan dan status pemesanan. Untuk mengubah

status pemesan dari pesan, lunas menjadi kirim maka admin dapat klik detail lalu

akan masuk halaman konfirmasi pemesanan. Halaman order dapat dilihat pada

gambar 4.28 berikut ini.

Gambar 4.28 Halaman Pemesanan


commit to user

52

Gambar 4.29 Halaman Konfirmasi Pemesanan


commit to user

53

13. Halaman Kategori

Halaman kategori berisi tampilan dari daftar produk yang berdasarkan

kategori yang dipilih. Contoh tampilan kategori almari dapat dilihat pada gambar

4.30

Gambar 4.30 Halaman Kategori


commit to user

54

BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan pada aplikasi yang telah dibuat, dapat disimpulkan bahwa telah

berhasil dibuat aplikasi toko online kerajinan kayu untuk pemasaran dan penjualan

produk tanpa harus tatap muka secara langsung. Aplikasi toko online kerajinan kayu

mempunyai 2 halaman, yaitu halaman user dan halaman admin. Pada halaman user

memiliki 7 menu melipui home, daftar produk, daftar pelanggan, keranjang belanja,

buku tamu dan konfirmasi pembelian. Halaman admin mempunyai 5 menu meliputi

home, manajemen, Pelanggan, Order dan logout. Selain itu Aplikasi Toko Online

kerajinan kayu dapat digunakan untuk membantu pelaku usaha dibidang mebel dalam

mendistribusikan produknya dalam lingkup yang lebih luas.

5.2 Saran

Berdasarkan hasil analisis dari aplikasi toko online kerajinan kayu, maka

saran yang disampaikan untuk menjadikan aplikasi yang lebih baik yaitu aplikasi ini

belum menyediakan sistem pembayaran online (pay pal, master card). Sebaiknya

aplikasi toko online ini disertai dengan verifikasi email yang berguna untuk

mengidentifikasi email pengunjung.

PPEMBUATAN APLIKASI TOKO ONLINE KERAJINAN KAYU

Documents

Transcript of PPEMBUATAN APLIKASI TOKO ONLINE KERAJINAN KAYU