PPEMBUATAN APLIKASI TOKO ONLINE KERAJINAN KAYU

(1)

commit to user

PPEMBUATAN A

Diajukan Untuk Memen Pr

PRO JURUS FAKULTAS MATE

APLIKASI TOKO ONLINE KERAJINAN KA

TUGAS AKHIR

menuhi Sebagian Persyaratan Memperoleh Gelar Ah Program Diploma III Ilmu Komputer

Disusun Oleh : Ike Istiqomah

M3208055

ROGRAM DIII ILMU KOMPUTER USAN MANAJEMEN INFORMATIKA

TEMATIKA DAN ILMU PENGETAHUAN A UNIVERSITAS SEBELAS MARET

SURAKARTA 2011

KAYU

Ahli Madya

(2)

commit to user

HALAMAN PERSETUJUAN

PEMBUATAN APLIKASI TOKO ONLINE KERAJINAN KAYU

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

(3)

commit to user

iii

HALAMAN PENGESAHAN

PEMBUATAN APLIKASI TOKO ONLINE KERAJINAN KAYU

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

(4)

commit to user

(5)

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

(6)

commit to user

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

(7)

commit to user

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

(8)

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

(9)

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

(10)

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 user’s and administrator’s 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.

(11)

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.

(12)

commit to user

vi MOTTO

“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)

(13)

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.

(14)

commit to user

viii

KATA PENGANTAR

Assalamu’alaikum 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. Teman–teman 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

(15)

commit to user

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.

(16)

commit to user

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

(17)

commit to user

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.

(18)

commit to user

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.

(19)

commit to user

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

(20)

commit to user

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.

(21)

commit to user

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:

<title>Programku yang pertama </title> </head>

<body>

<?php echo “Aku kepengen menjadi web master” ?> </body>

</html> (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-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

(22)

commit to user

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.

(23)

commit to user

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 dari’dunia 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)

(24)

commit to user

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

Konsumen

E _R

Himpunan entitas E

Himpunan Relasi R

Atribut a sebagai key

(25)

commit to user

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

(26)

commit to user

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:

(27)

commit to user

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.

(28)

commit to user

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.

(29)

commit to user

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.

(30)

commit to user

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.

(31)

commit to user

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

(32)

commit to user

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

Field Type Keterangan

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

Field Type Keterangan

id_kategori int(10) Primary Key kategori varchar(20)

(33)

commit to user

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

Field Type Keterangan

id_pesan varchar(50) Primary Key id_pelanggan varchar(20)

tgl date

id_kota varchar(10)

(34)

commit to user

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

Field Type Keterangan

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 ditunjukan pada tabel 3.7 berikut ini.

Tabel 3.7 Tabel Buku Tamu

Field Type Keterangan

id_bukutamu int(11) Primary Key

nama varchar(30)

email varchar(30) tanggal date

(35)

commit to user

8. Tabel Pesan_detail

Tabel pesan_detail berfungsi data yang sudah dibeli. Seperti yang ditunjukan pada tabel 3.8 berikut ini.

Tabel 3.8 Tabel Pesan_detail

Field Type Keterangan

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

Field Type Keterangan

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.

(36)

commit to user

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.

(37)

commit to user

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

(38)

commit to user

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

(39)

commit to user

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.

(40)

commit to user

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

<?php

mysql_connect("localhost","root","") or die (mysql_error());

mysql_select_db('mebel'); ?>

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

(41)

commit to user

harus memulai session. Secara implementasi dapat dilihat seperti contoh dibawah ini:

<?php

session_start();

if (!isset($_SESSION['id'])) {

echo "<link href=mebel.css rel=stylesheet type=text/css />

<br><br><br><br><br><br><br><br><br><br><h2

align=center>&loz; Anda belum login &loz;</h2>"; exit;

} ?>

<?php

session_start(); // menghapus session session_destroy();

header('location:index_admin.php'); ?>

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.

(42)

commit to user

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:

<?php include('koneksi.php');?>

<form enctype="multipart/form-data"

action="prosesREG_pelanggan.php" method="post"> <tr>

</tr>

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:

(43)

commit to user

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 <input> 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"]);

(44)

commit to user

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.

(45)

commit to user

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.

(46)

commit to user

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.

(47)

commit to user

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.

(48)

commit to user

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.

(49)

commit to user

(50)

commit to user

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.

(51)

commit to user

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:

(52)

commit to user

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.

(53)

commit to user

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.

(54)

commit to user

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:

(55)

commit to user

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.

(56)

commit to user

Pada Halaman hapus produk digunakan untuk menghapus salah satu produk seperti gambar 4.15 dibawah ini:

(57)

commit to user

Halaman tambah produk digunakan untuk menambahkan produk dengan menginputkan data seperti tampilan dibawah ini:

(58)

commit to user

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

(59)

commit to user

Gambar 4.18 Halaman Edit Kota

Pada Halaman hapus kota digunakan untuk menghapus salah satu kota seperti gambar 4.19 dibawah ini:

(60)

commit to user

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:

(61)

commit to user

Gambar 4.21 Halaman Update Kategori

(62)

commit to user

Gambar 4.23 Halaman Hapus Kategori

(63)

commit to user

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.

(64)

commit to user

Gambar 4.26 Halaman Daftar Pelanggan

(65)

commit to user

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.

(66)

commit to user

(67)

commit to user

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

(68)

commit to user

BAB V PENUTUP

5.1Kesimpulan

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

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.

(1)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

11.Halaman Pelanggan

(2)

(3)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

12.Halaman Order

(4)

(5)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

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

(6)

commit to user

BAB V PENUTUP

5.1Kesimpulan

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