• Tidak ada hasil yang ditemukan

Pembuatan Web E-Commerce Dengan Studi Kasus Int Tattoo.

N/A
N/A
Protected

Academic year: 2017

Membagikan "Pembuatan Web E-Commerce Dengan Studi Kasus Int Tattoo."

Copied!
18
0
0

Teks penuh

(1)

ABSTRAK

Sistem pemasaran yang baik merupakan salah satu kunci utama menuju keberhasilan bagi dunia bisnis. Dunia teknologi Informasi dapat dijadikan sarana menuju kesuksesan dalam mencapai target pasar yang luas, yaitu melalui media internet. Dalam dunia maya ini para pembisnis dapat melakukan pemesanan produk dengan luas, tanpa dibatasi dengan waktu.

Perusahaan jasa ini memiliki sistem pemasaran yang masih sederhana, sehingga tidak dapat menjangkau konsumen diluar jangkauan mereka. Dengan permasalahan ini maka dibutuhkan sebuah website informasi.

Dalam proyek ini terdapat fitur-fitur yang dapat mempromosikan perusahaan yaitu fitur pemesanan secara online yang dibuat berbasiskan PHP.

(2)

ABSTRACT

Development IT technology in the world is very fast now. And it has been gotten in to the corporation. Those corporations use IT technology in many aspect, the ones is journal. Journal that use digital system will be easily to manage process that happening in the corporation.

Company start a lot use the technology IT to do the marketing and goods sale by online, what more knowledge as e-commerce.

Development project e-commerce with the case study INT TATTOO in road Street Karmel 1 Blok G No:1 Kemanggisan – Jakarta Barat. Language programming used by PHP by using database of MySQL, what is in its development use the local server of XAMPP. If this website used in company, hence will give much more a lot of amenity compared to by system of manual marketing.

(3)

DAFTAR ISI

LEMBAR PENGESAHAN………....ii

PERNYATAAN ORISINALITAS LAPORAN ………....iii

KATA PENGANTAR.………...iv

LEMBAR PERNYATAAN PERSETUJUAN KARYA ILMIAH……….vi

ABSTRAK………..vii

BAB 1 PENDAHULUAN………1

1.1 Latar Belakang Masalah ... 1

1.5 Sistematika Penulisan ... 5

BAB II LANDASAN TEORI ... 1

2.1 E-Commerce ... 1

2.2 Proses Bisnis ... 3

2.3 Basis Data ... 4

2.3.1 Sistem Basis Data ... 4

2.3.2 Entity Relationship Diagram(DFD) ... 5

2.3.2.1 Kardinaliras/Derajat Relasi ... 7

2.3.3 Relational Database Management System(RDBMS) ... 9

2.3.4 MySQL ... 10

2.3.5 Transact SQL ... 11

(4)

2.5 Kamus Data ... 15

2.6 Proses Spesifikasi (PSPEC) ... 17

2.7 Pengertian PHP ... 18

2.8 Smarty Framework PHP ... 18

2.9 Joomla ... 19

BAB III ANALISIS DAN PERANCANGAN SISTEM ... 1

3.1 Proses Bisnis ... 1

3.2 ER Diagram ... 1

3.2.1 Screenshoot Basis Data ... 4

3.2.2 Screenshoot Tabel ... 4

4.3 Menu Informasi Pemesanan ... 3

4.4 Menu Guestbook ... 4

4.5 Menu Galeri ... 7

4.6 Menu Display Barang ... 8

4.7 Menu Login Administrator ... 14

4.8 Menu Administrator ... 14

(5)

4.10 Menu untuk Ubah Merk ... 16

4.11 Menu Tipe Mesin ... 18

4.12 Menu Kelola Tipe Mesin ... 19

4.13 Menu Masukkan Berita ... 21

4.14 Menu Kelola Berita ... 22

4.15 Menu Kelola Guestbook ... 24

4.16 Menu Registrasi Admin Baru ... 26

4.17 Menu Cari Data Merk Mesin ... 27

4.18 Menu Cari Tipe Mesin ... 29

4.19 Menu Cari Data Pembeli ... 31

4.20 Menu Data Laporan Pemesanan ... 33

BAB V EVALUASI SISTEM ... 1

5.1 Test Case ... 1

5.1.1 Form Registrasi Pembeli ... 1

5.1.2 Form Login Administrator ... 7

5.1.3 Form Berita ... 10

BAB VI KESIMPULAN DAN SARAN ... 1

6.1 Kesimpulan ... 1

6.2 Saran …. ... 1

DAFTAR PUSTAKA ... 2

(6)

DAFTAR TABEL

Tabel 1 DFD…. ... 14

Tabel 2 Simbol-simbol Kamus Data ... 16

Tabel 3 Bentuk Penyajian Spesifikasi Proses ... 17

Tabel 4 Kamus Data tpembeli ... 17

Tabel 5 Kamus Data tadmin ... 18

Tabel 6 Kamus Data ttipemesin ... 18

Tabel 7 Kamus Data tmerkmesin ... 18

Tabel 8 Kamus Data tberita ... 19

Tabel 9 Kamus Data tcart ... 19

Tabel 10 Kamus Data tguestbook ... 20

Tabel 11 Kamus Data tgallery ... 20

Tabel 12 Proses Registrasi admin ... 20

Tabel 13 Proses Insert Data Produk ... 21

Tabel 14 Proses Update Data Produk ... 22

Tabel 15 Proses Delete Data Produk ... 22

Tabel 16 Proses View Data Produk ... 23

Tabel 17 Proses Insert Data Merk ... 23

Tabel 18 Proses Update Data Merk ... 24

Tabel 19 Proses Delete Data Merk ... 24

Tabel 20 Proses View Data Merk ... 25

Tabel 21 Proses Delete Data Guestbook ... 25

Tabel 22 Proses Insert Data Berita ... 26

Tabel 23 Proses Update Data Berita ... 26

(7)

DAFTAR GAMBAR

Gambar 1 Basis Data ... 4

Gambar 2 Entitas ... 6

Gambar 3 Atribut ... 6

Gambar 4 Relationship ... 7

Gambar 5 Kardinalitas One to One ... 8

Gambar 6 Kardinalitas One to Many ... 8

Gambar 7 Kardinalitas Many to Many ... 9

Gambar 8 Relational Database Management System ... 10

Gambar 9 ER Diagram untuk Sistem Informasi Penjualan INT TATTOO ... 2

Gambar 10 Skema Relasi ... 3

Gambar 11 Basis Data Tattoo ... 4

Gambar 12 Struktur Tabel Administrator ... 4

Gambar 13 Isi Tabel Administrator ... 5

Gambar 14 Struktur Tabel Berita ... 5

Gambar 15 Isi Tabel Berita ... 5

Gambar 16 Struktur Tabel Cart ... 6

Gambar 17 Isi Tabel Cart ... 6

Gambar 18 Struktur Tabel gallery ... 6

Gambar 19 Isi Tabel gallery ... 7

Gambar 20 Struktur Tabel guestbook ... 7

Gambar 21 Isi Tabel guestbook ... 7

Gambar 22 Struktur Tabel merkmesin ... 8

Gambar 23 Isi Tabel merkmesin ... 8

Gambar 24 Struktur Tabel pembeli ... 9

Gambar 25 Isi Tabel pembeli ... 9

Gambar 26 Struktur Tabel tipemesin... 9

Gambar 27 Isi Tabel tipemesin ... 10

Gambar 28 DFD Level 0 ... 11

Gambar 29 DFD Level 1 ... 13

(8)

Gambar 31 DFD Level 2 Proses 2 ... 15

Gambar 32 DFD Level 2 Proses 3 ... 16

Gambar 33 DFD Level 2 Proses 4 ... 16

Gambar 34 DFD Level 2 Proses 6 ... 17

Gambar 35 Form Login ... 27

Gambar 36 Susunan Menu dan Sub Menu ... 28

Gambar 37 Desain Menu Utama Administrator ... 29

Gambar 38 Desain Menu Utama User ... 29

Gambar 39 Desain Interface Tambah Admin Baru ... 30

Gambar 40 Desain Interface Simpan Produk ... 30

Gambar 41 Desain Interface Kelola Produk ... 31

Gambar 42 Desain Interface Cari Produk ... 31

Gambar 43 Desain Interface Simpan Merk ... 32

Gambar 44 Desain Interface Kelola Merk ... 32

Gambar 45 Desain Interface Cari dan Lihat Data Merk ... 33

Gambar 46 Desain Interface Kelola Guestbook ... 33

Gambar 47 Desain Interface Simpan Berita ... 34

Gambar 48 Desain Interface Kelola Berita ... 34

Gambar 49 Desain Interface Laporan Pemesanan ... 35

Gambar 50 Tampilan Home ... 1

Gambar 51 Tampilan Profile Perusahaan ... 2

Gambar 52 Tampilan Informasi Pemesanan ... 3

Gambar 53 Tampilan Menu Guestbook ... 4

Gambar 54 Tampilan Pengisian Guestbook Berhasil ... 5

Gambar 55 Tampilan Daftar Pengirim Guestbook ... 6

Gambar 56 Tampilan Menu Gallery ... 7

Gambar 57 Tampilan Menu Display Barang ... 8

Gambar 58 Tampilan Menu Proses Transaksi ... 9

Gambar 59 Tampilan Menu Data Pembeli Berhasil ... 10

Gambar 60 Tampilan Menu Pemesanan Daftar Mesin ... 11

(9)

Gambar 62 Tampilan Menu Cetak Pembelian ... 13

Gambar 63 Tampilan Awal Menu Administrator ... 14

Gambar 64 Tampilan Menu Administrator ... 14

Gambar 65 Tampilan Menu Masukkan Merkmesin ... 15

Gambar 66 Tampilan Menu Kelola Merkmesin ... 16

Gambar 67 Tampilan Menu Ubah Merkmesin ... 17

Gambar 68 Tampilan Menu Masukkan Tipemesin ... 18

Gambar 69 Tampilan Menu Kelola Tipemesin ... 19

Gambar 70 Tampilan Menu Ubah Tipemesin ... 20

Gambar 71 Tampilan Menu Masukkan Berita ... 21

Gambar 72 Tampilan Menu Kelola Berita ... 22

Gambar 73 Tampilan Menu Ubah Berita ... 23

Gambar 74 Tampilan Menu Kelola Guestbook ... 24

Gambar 75 Tampilan Menu Kelola Guestbook ... 25

Gambar 76 Tampilan Menu Registrasi Admin Baru ... 26

Gambar 77 Tampilan Sukses Penambahan Admin Baru ... 27

Gambar 78 Tampilan Menu Cari Data Merkmesin ... 28

Gambar 79 Tampilan Menu Cari Data Merkmesin ... 29

Gambar 80 Tampilan Menu Cari Data Tipemesin ... 30

Gambar 81 Tampilan Menu Cari Data Tipemesin ... 31

Gambar 82 Tampilan Menu Cari Data Pembeli ... 32

Gambar 83 Tampilan Menu Cari Data Pembeli ... 33

Gambar 84 Tampilan Menu Data Laporan Pemesanan ... 1

Gambar 85 Tampilan Error Handling Nama ... 2

Gambar 86 Tampilan Error Handling Alamat ... 3

Gambar 87 Tampilan Error Handling Kota ... 4

Gambar 88 Tampilan Error Handling Kodepos ... 5

Gambar 89 Tampilan Error Handling Email ... 6

Gambar 90 Tampilan Error Handling Telepon Rumah ... 7

Gambar 91 Tampilan Error Handling Telepon Hp ... 8

(10)

Gambar 93 Tampilan Error Handling Password Admin ... 10

Gambar 94 Tampilan Error Handling Email Admin ... 11

Gambar 95 Tampilan Error Handling Judul Berita ... 12

Gambar 96 Tampilan Error Handling Detail Berita ... 13

Gambar 97 Tampilan Error Handling Kode Merk ... 14

Gambar 98 Tampilan Error Handling Nama Merk ... 15

Gambar 99 Tampilan Error Handling Keterangan ... 18

Gambar 100 Tampilan Error Handling Nama ... 19

Gambar 101 Tampilan Error Handling Email ... 20

Gambar 102 Tampilan Error Handling Kritik Dan Saran... 21

Gambar 103 Tampilan Error Handling Nama Barang... 22

Gambar 104 Tampilan Error Handling Harga ... 23

Gambar 105 Tampilan Error Handling Stok ... 24

Gambar 106 Tampilan Error Handling Ongkoskirim ... 25

(11)

DAFTAR LAMPIRAN

(12)

BAB I PENDAHULUAN

1.1 Latar Belakang Masalah

Semakin kompleksnya masalah menyebabkan banyak kegiatan harus dilaksanakan berdasarkan perencanaan yang cermat. Oleh karena itu, untuk merencanakan kegiatan operasional setiap perusahaan atau instansi baik yang bergerak di bidang industri maupun penyedia jasa dibutuhkan pencatatan yang biasa dikenal dengan istilah pembukuan. Dalam pembukuan biasanya berisi segala macam bentuk aktivitas yang terjadi dalam perusahaan atau instansi berkaitan, seperti transaksi pembelian maupun penjualan, serta pengadaan stok barang. Dengan adanya pembukuan semua kegiatan aktivitas yang ada di dalam perusahaan atau instansi tersebut dapat terkontrol dan berjalan dengan baik.

Pembukuan mempunyai dua model, yaitu pembukuan yang masih manual dan pembukuan yang sudah terkomputerisasi. Pembukuan yang masih manual mengandung pengertian setiap aktivitas yang terjadi dalam perusahaan ”dituangkan” atau dicatat dalam sebuah buku. Akan tetapi, model ini mempunyai kelemahan, misalnya jika data konsumennya banyak dan perusahaan atau instansi ingin mencari data tertentu, hal tersebut akan mendatangkan kesulitan tersendiri. Adapun pembukuan yang sudah terkomputerisasi mempunyai pengertian setiap aktivitas yang terjadi dalam perusahaan dicatat dalam sebuah aplikasi dengan menggunakan bantuan komputer sebagai perangkatnya. Salah satu keunggulan model terkomputerisasi dibandingkan dengan model manual, yaitu memudahkan pencarian data, contohnya jika data konsumennya banyak dan perusahaan atau instansi ingin mencari data tertentu, cukup dengan memasukkan perintah searching, data yang dicari pun ditemukan tanpa

memakan waktu yang lama.

Website yang diinginkan oleh sebuah perusahaan, yaitu website yang dapat

(13)

informasi–informasi dan membandingkan kelebihan-kelebihan dari perusahaan pesaingnya sehingga para konsumen lebih yakin untuk memilih perusahaan “INT

TATTOO”.

1.2 Perumusan Masalah

Berdasarkan latar belakang yang telah diuraikan di atas, muncul beberapa perumusan masalah yaitu:

1. Bagaimana cara membuat website yang mampu menangani transaksi

pembelian dan pemesanan?

2. Bagaimana cara membuat website yang mampu mempromosikan jasa-jasa

yang ditawarkan?

3. Bagaimana membuat website yang mampu menerima saran dan kritik dari

pengunjung?

4. Bagaimana membuat website yang mampu memberikan laporan pemesanan setiap transaksi?

1.3 Tujuan Penelitian

Tujuan website ini untuk mempermudah menjual dan memesan mesin-mesin tattoo, menerima komentar, dan kritik dari pengunjung. Untuk menjangkau pasar yang

lebih luas dengan memberikan promosi serta informasi yang dinamis dan aktual. Dengan adanya website ini, diharapkan dapat meningkatkan keuangan perusahaan

(14)

1.4 Pembatasan Masalah

Sesuai dengan tujuan penelitian yang ingin dicapai, masalah dibatasi sebagai berikut :

1.4.1 Batasan Sistem

a. Website ini merupakan website global yang berlaku untuk semua konsumen dimanapun mereka berada.

b. Website ini memiliki 3 User, yaitu: Administrator, pembeli dan pengunjung.

c. Security hanya sebatas login.

d. Website tidak membahas tentang pengembalian barang yang rusak atau retur barang, karena tiap kali kerusakan barang perusahaan mempunyai ketentuan/kebijakan tersendiri atau tidak tetap dalam menangani retur barang.

e. Website ini lebih difokuskan pada penyediaan fungsi-fungsi seperti pemesanan produk, pengisian guestbook.

f. Website ini menampilkan berita-berita promosi seperti: mengadakan acara tattoo bersama di studio, gambar-gambar mesin tattoo

g. Website ini sistem pembayarannya melalui transfer dan tagihan transaksi melalui telepon.

(15)

1.4.2 Perangkat Keras

Website ini dapat berjalan dengan requirement perangkat keras:

a. Processor: Intel atau AMD Socket A b. Motherboard: Socket A

c. Memory: DDR 256 MB PC 2700 d. Harddisk: 10Gb 5400rpm

e. VGA: ( AGP, Memory Size: 64MB DDR SDRAM dan Memory Interface: 64 bit )

1.4.3 Perangkat Lunak

Perangkat lunak yang digunakan dalam pemakaian website sebagai berikut:

a. XAMPP versi 1.5.5, yaitu suatu lingkungan yang digunakan untuk membuat serta mengembangkan layanan web service.

b. MySQL yang digunakan untuk proses penambahan data,

penghapusan data, perbaikan data, melihat dan mencari data-data yang tersimpan dan membentuk laporan, serta melakukan ekstraksi informasi dalam suatu basis data.

c. Microsoft Windows XP Professional sebagai sistem operasi dengan

menggunakan web browser internet explorer, dan tampilan website akan lebih maksimal jika menggunakan internet explorer minimal versi 6.0.

d. PHP 5.2.0 sebagai program yang digunakan untuk membuat website.

(16)

1.5 Sistematika Penulisan

a. Bab 1 Pendahuluan

Bab ini berisi latar belakang masalah, perumusan masalah, tujuan, fungsi produk, karakteristik pengguna, pembatasan masalah serta sistematika penulisan.

b. Bab 2 Landasan Teori

Bab ini memuat teori-teori dan studi pustaka yang digunakan penulis untuk menunjang pengumpulan dan pengolahan data serta pembuatan website

yang dilakukan dalam tugas akhir ini, dan sebagai tolok ukur dalam pembahasan hasil penelitian.

c. Bab 3 Analisis dan Perancangan

Bab ini berisi mengenai perancangan website yang telah dilakukan oleh penulis, serta pendesainan website.

d. Bab 4 Hasil Tercapai

Bab ini berisi screenshot sistem basis data dan website yang dirancang.

e. Bab 5 Evaluasi Sistem

Bab ini berisi data-data seputar pengujian dan proses website INT TATTOO.

f. Bab 6 Simpulan dan Saran

(17)

BAB VI KESIMPULAN DAN SARAN

6.1 Kesimpulan

Berdasarkan hasil dari analisa serta evaluasi, penulis menarik kesimpulan sebagai berikut:

1. Website ini dapat menangani transaksi pemesanan barang-barang yang

ada didalam perusahaan “INT TATTOO” yang dicatat didalam tabel cart

yang berisi jumlah, nama barang yang akan dibeli serta total harga yang akan dibayar oleh si pengguna website.

2. Website ini dapat mempromosikan jasa-jasa seperti tattoo yang ada didalam tabel gallery, dimana para pengguna bisa mendapatkan inspirasi serta dapat memilih tattoo yang diinginkan oleh pengguna website.

3. Website ini sudah mampu menjangkau konsumen diluar wilayah dengan diketahuinya email perusahaan.

4. Website ini mampu menerima saran dan kritik dengan ada suatu form buku tamu agar pengunjung dapat memberikan saran dan kritik bagi website ini. 5. Website ini sudah mampu memberikan laporan pemesanan barang dengan

mencetak bukti laporan transaksi pembelian dari barang yang telah dibeli.

6.2 Saran

Setelah menjalankan prototipe website ini, penulis memberikan saran untuk pengembangan aplikasi ini sebagai berikut:

1. Transaksi berhubungan langsung dengan bank.

2. Penambahan forum agar pengunjung dapat langsung berinteraksi dengan

(18)

DAFTAR PUSTAKA

[1] J.Valade, PHP & MySQL For Dummies, Indianapolis, Indiana : Wiley Publishing, Inc., 2 ed., 2004.

[2] S.Haryanto, SQL Kumpulan Resep Query Menggunakan MySQL, Jakarta: Dian Rakyat, 1 ed., 2005.

[3] D.Taylor, Creating Cool Web Sites with HTML, XHTML, and CSS. 10475 Crosspoint Boulevard Indianapolis, IN 46256: Wiley Publishing, Inc., 2004.

[4] Nugroho.B, PHP & MySQL dengan editor Dreamweaver MX. Yogyakarta: Penerbit Andi, 2004.

[5] e. a. Saeter Bakken, Stig, PHP Manual, PHP Documentation Group, 2000.

[6] e. a. Castagnetto, Jesus, Profesional PHP Programming. Arden House, 1102 Warwick Road, A cock’s Green, Birmingham B27 6BH, UK: Wrox Press Ltd, 1999.

[7] S.Kuhl, HTML 2000, http://www.html2000.iwarp.com, 2000.

[8] Constantianus Frederick, Modul praktikum web lanjut, 2007

[9] Nugroho.B, Membongkar Trik Rahasia Para Master PHP, Yogyakarta:

Referensi

Dokumen terkait

Hal-hal yang perlu diperhatikan dalam menghias hidangan..

Masalah-masalah di ataslah yang menjadi latar belakang mengapa diadakan penelitian serta menuangkannya ke dalam bahan kajian skripsi ini, dimana skripsi ini berjudul:

Dengan adanya sebutan tersebut, adegan di dalam film ini memunculkan artikulasi praktik wacana tentang permasalahan jodoh atau menikah adalah sesuatu yang sudah menyangkut

dalam pembelajaran kelas. Metode yang disampaikan kepada siswa harus bervariasi sesuai dengan tingkat. pemahaman siswa. Memberikan motivasi pada setiap siswa. Memberikan evaluasi

Pendampingan kegiatan dilakukan oleh pendamping yang ditunjuk oleh Dinas yang membidangi perkebunan dari Dinas Provinsi dan atau Direktorat Jenderal Perkebunan,

• Kupas kertas kalender pelan-pelan dengan tangan sampai gambar/trace nampak, lalu sedikit-demi sedikit bersihkan sisa-sisa kertas yang masih nempel dengan bantuan Sikat Gigi bekas

Salah satu upaya untuk menjaga keamanan di tempat kerja dapat memanfaatkan tenaga Satuan Petugas Pengamanan (SATPAM). Faktor- faktor yang terkait degan lingkungan kerja

This study investigated how STAD CL and DI are implemented in a classroom; which one was more effective in improving reading comprehension and comprehension