PEMBUATAN WEBSITE E-COMMERCE
VAKANSI STORE
YOGYAKARTA
Diajukan untuk memenuhi salah satu tugas Ujian Akhir Semester Mata Kuliah Basis Data Program Studi Statistika
Disusun Oleh :
Nadya Amalia (1461148)Shofura (1461188)
JURUSAN STATISTIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS ISLAM INDONESIA
ABSTRACT
Nadya Amalia,Shofura, 2010.Build an E-comme rce Website of Yogyakarta Vakansi Store. Statistic Major, Mathematic and Natural Science Faculty, Islamic University of Indonesia.
During the time, vakansi felt unooptimized in serving all its customers because of still use manual service system. However limited commodities market and the poorly efficiency of promotion system for society causes the unreach maximal turnover of vakansi. The rapidly of Internet technology development could support the e-commerce system application for selling product. E-Commerce represent one of the way of to conduct the efficient product sale and do not require the big expense.
The method that the writer used is a studying book, doing an interview, then making a plan design and realized by build this e-commerce website.
The conclusion is that this e-commerce website have success to build by applying PHP programming languange and combine with MySQ L database. Excess of product ordering at this website is economizing time and expense compared to ordering directly.
Keyword : E-commerce, Website
ABSTRAK
Nadya Amalia,Shofura, 2010. Pembuatan Website E-comme rce Vakansi Store Yogyakarta. Jurusan Statistika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Islam Indonesia.
Vakansi selama ini dirasakan belum optimal dalam melayani para pelanggannya dikarenakan masih menggunakan sistem pelayanan secara manual.Bagaimanapun terbatasnya jangkauan pemasaran barang dan kurang efisiennya sistem promosi barang kepada masyarakat menyebabkan t idak tercapainya omzet yang maksimal dari vakansi. Perkembangan teknologi internet yang sangat pesat dapat mendukung penerapan sistem e-commerce dalam penjualan produk. E-commerce merupakan salah satu cara untuk melakukan penjualan produk yang efisien dan tidak membutuhkan biaya besar.
Metode yang di gunakan penulis adalah dengan melakukan studi pustaka, melakukan interview kemudian dilakukan perancangan desain dan diimplementasikan dengan dibuatnya websitee-coomerce ini.
Kesimpulan yang didapatkan bahwa website e-commerce ini berhasil dibuat dengan menggunakan bahasa pemograman PHP yang dikombinasikan dengan
database MySql. Kelebihan pemesanan produk pada website ini adalah menghemat waktu dan biaya dibandingkan dengan pemesanan secara langsung.
Kata kunci : E-commerce, Website
HALAMAN MOTTO DAN PERSEMBAHAN
Ingatlah Allah sebelum kalian mengingat yang lain.
Manfaatkan dirimu semaksimal yang kamu bisa sebelum meminta pertolongan orang lain
Hidup tidak akan menghadiahkan sesuatupun tanpa adanya usaha dan kerja keras
Kegagalan hanya terjadi bila kita menyerah
Cara terbaik untuk keluar dari masalah adalah dengan memecahkannya
KEEP FIGHTING
Kami persembahkan Tugas Akhir ini untuk
: 1. Dr. RB. Fajriya Hakim M,Si. Selaku Dosen Mata Kuliah Basis Datadan Kaprodi Statistika.
2. Ayah dan Ibu kami yang mendukung kami.
3.Teman-teman satu jurusan Statistika angkatan 2014.
KATA PENGANTAR
Puji syukur penulis panjatkan kepada Allah Swt. karena telah memberikan rahmat-Nya kepada penulis sehingga penulis dapat menyelesaikan makalah ini dengan judul “Pembuatan Website E-Commerce Vakansi Store Yogyakarta” dengan lancar dan tepat pada waktunya.
Pembuatan makalah ini dimaksudkan untuk memenuhi persyaratan Ujian Akhir Semester Mata Kuliah Basis DataJurusan Statistika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Islam Indonesia.
Ucapan terima kasih penulis haturkan kepada semua pihak yang telah membantu dalam penyelesaian makalah ini antara lain :
1. Bapak Dr.RB.Fajriya Hakim, M,Si. selaku ketua program studi Statistika Universitas Islam Indonesia dan selaku Dosen Mata K uliah Basis Data yang telah memberikan pengarahan dalam penyusunan makalah ini.
2. Kedua orang tua tercinta dan kakak/adik kami yang telah memberikan doa, motivasi, dana dan segalanya. 3. Teman-teman Statistika 2014 yang telah membantu dalam
segala hal.
Akhir kata, penulis berharap semoga makalah ini dapat bermanfaat bagi pembaca dan teman-teman Statistika 2014 Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Islam Indonesia.
Yogyakarta, 01 Agustus 2015 Penulis
DAFTAR ISI
Halaman
HALAMAN JUDUL...i
HALAMAN ABSTRACT...ii
HALAMAN ABSTRAK...iii
HALAMAN MOTTO & PERSEMBAHAN...iv
KATA PENGANTAR...v
DAFTAR ISI...vi
DAFTAR TABEL...ix
DAFTAR GAMBAR...x
BAB I PENDAHULUAN...1
1.1 Latar Belakang Masalah...1
1.2 Rumusan Masalah...2
1.3 Batasan Masalah...2
1.4 Tujuan dan Manfaat...3
1.5 Metodologi Penelitian...3
2.5 Pengertian DBMS MySQL...9
2.6 Pengertian Web Server...9
2.7 Pengertian E-Commerce...9
2.8 Pengertian Context Diagram...9
2.9 Pengertian DFD (Data Flow Diagram)...11
2.10 Pengertian ERD (Entity Relationship Diagram)...11
BAB III DESAIN DAN PERANCANGAN...13
3.1 Analisis dan Perancangan Sistem ... 13
3.1.1 Spesifikasi Sistem ... 13
3.1.2 Analisis Kebutuhan Hardware ... 13
3.1.3 Analisis Kebutuhan Software ... 13
3.1.4 Perancangan Sistem ... 3.1.4.1 Context Diagram ... 13 3.1.4.2 Data Flow Diagram (DFD) ... 13
3.2 Analisis dan Perancangan Basis Data ... 15
3.2.1. ERD (Entity Relationship Diagram) ... 16
3.2.2. Relasi Tabel ... 17
3.2.3 Struktur Database ... 18
3.3 Rancangan Tampilan Sistem ... 23
BAB IV IMPLEMENTASI DAN ANALISA ... 25
4.1 Implementasi Sistem ... 25
4.1.1 Halaman Index ... 25
4.1.2Tampilan Kategori ... 26
4.1.2.1 Tampilan Halaman Ransel Series... 26
6 4.1.2.2 Tampilan Halaman Sling Bag Series... 26
4.1.2.3 Tampilan Halaman Totte Bag Series... 27
4.1.3 Halaman Produk... 27
4.1.4 Halaman Detail Produk... 28
8 4.1.5 Halaman Keranjang Belanja... 29
4.1.6 Halaman Kustomer... 29
9 4.1.7 Halaman Proses Selesai transaksi... 29
4.1.8. Halaman Kontak Pesan...30
4.1.9. Halaman Kolom Komentar...31
4.1.10. Halaman Admin...31
4.1.10.1. Halaman Login Admin...31
4.1.10.2. Halaman Home...31
4.1.10.3. Halaman Kategori...32
4.1.10.4. Halaman Daftar Produk...32
4.1.10.5. Halaman Daftar Ongkos Kirim...33
4.1.10.6. Halaman Daftar Order...33
4.1.10.7. Halaman Rekening Bank Pembayaran...33
4.1.10.8. Halaman Daftar Testimoni...34
4.2 Evaluasi...34
4.2.1 Kelebihan...34
4.2.2 Kekurangan...34
BAB V PENUTUP...35
5.1 Kesimpulan...35
5.2 Saran...35 DAFTAR PUSTAKA
DAFTAR TABEL
Halaman
Tabel 2.1 Simbol dalam DFD...11
Tabel 2.2 Simbol dalam ERD...12
Tabel 3.1 Tabel admins...18
Tabel 3.2 Tabel header...18
Tabel 3.3 Tabel banner...19
Tabel 3.4 Tabel hubungi...19
Tabel 3.5 Tabel kategori...19
Tabel 3.6 Tabel kota...20
Tabel 3.7 Tabel kustomer...20
Tabel 3.8 Tabel main menu...20
Tabel 3.9 Tabel mod_bank...21
Tabel 3.10 Tabel orders...21
Tabel 3.11 Tabel orders_detail...21
Tabel 3.12 Tabel produk...22
Tabel 3.13 Tabel statistik...22
Tabel 3.14 Tabel testimoni...22
Tabel 3.15 Tabel submenu...23
DAFTAR GAMBAR
Halaman
Gambar 2.1 Skema kerja HTML... 7
Gambar 2.2 Proses Eksekusi kode PHP... 8
Gambar 2.3 Arsitektur Web Server ... 9
Gambar 3.2 Contex Diagram Website Vakansi Store... 14
Gambar 3.3 DFD Level 0 (Pemrosesan Admin)... 14
Gambar 3.4 DFD Level 1 (Proses Pemesanan Barang)... 15
Gambar 3.5 DFD Level 2 (Proses Manajemen Data)... 16
Gambar 3.6 DFD Level 3 (Proses Konfirmasi Pemesanan)... 16
Gambar 3.7 Entity Relationship Diagram... 16
Gambar 3.8 Relasi Tabel... 17
Gambar 3.9 Rancangan Tampilan Sistem... 24
Gambar 4.1 Tampilan Halaman Index... 25
Gambar 4.2 Tampilan Kategori... 26
Gambar 4.3 Tampilan Halaman Ransel Series... 26
Gambar 4.4 Tampilan Halaman Sling Bag Series... 27
Gambar 4.5 Tampilan Halaman Totte Bag Series... 27
Gambar 4.6 Halaman Produk... 28
Gambar 4.7 Tampilan Halaman Detail Produk... 28
Gambar 4.8 Tampilan Halaman Keranjang Belanja... 29
Gambar 4.9 Halaman Kustomer... 29
Gambar 4.10 Halaman Proses Selesai Transaksi... 30
Gambar 4.11 Tampilan Halaman Kontak Pesan... 30
Gambar 4.12 Halaman Kolom Komentar... 31
Gambar 4.13 Halaman Login Admin... 31
Gambar 4.14 Halaman Home... 31
Gambar 4.15 Halaman Kategori...32
Gambar 4.16 Halaman Daftar Produk...33
Gambar 4.17 Halaman Daftar Ongkos Kirim...33
Gambar 4.18 Halaman Daftar Order...33
Gambar 4.19 Halaman Daftar Rekening Bank Pembayaran...33
BAB I PENDAHULUAN
1.1. Latar Belakang Masalah
Beberapa tahun terakhir, teknologi informasi berkembang dengan pesat, sehingga mengubah paradigma masyarakat dalam mencari dan mendapatkan informasi, yang tidak lagi terbatas pada informasi surat kabar, audio visual dan elektronik, tetapi juga sumber-sumber informasi lainnya yang salah satu diantaranya dapat diperoleh melalui jaringan nternet. Salah satu bidang yang mendapatkan dampak yang cukup berarti dengan perkembangan teknologi internet ini adalah bidang fashion.
Teknologi internet dapat dimanfaatkan untuk mempermudah dan memperlancar proses transaksi jual beli, sehingga dapat dikatakan teknologi internet dapat meningkatkan peluang bisnis para pengusaha. Beberapa bagian dari fashion seperti penjualan, pemasaran, pembelian dan transaksi jual beli mendapatkan sentuhan media teknologi informasi dalam hal ini internet, sehingga mencetuskan lahirnya ide tentang penjualan jarak jauh atau yang biasa disebut penjualan online atau e-commerce (Electronic Commerce). Salah satu aplikasi yang memanfaatkan teknologi e-commerce adalah Web E-commerce
(penjuala2n berbasis website).
Yogyakarta merupakan sebuah kota pelajar dimana banyak kalangan muda dari berbagai kota di indonesia yang hidup di yogyakarta, sehingga trend fashion yogyakarta mulai menjadi incaran bagi kalangan muda. O leh karena itu memungkinkan para pengusaha, baik pengusaha kecil, menengah, maupun pengusaha besar dibidang fashion untuk mengembangakan bisnisnya di yogyakarta melalui penggunaan teknologi internet. Salah satu trend fashion di kalangan mahasiswa adalah penggunaan tas. Tas adalah salah satu bagian yang sangat penting bagi wanita yang selalu disandingkan dengan pakaian yang digunakan mereka. Penjualan tas saat ini didominasi o leh brand luar negeri sehingga brand dalam negeri mulai tersingkir.
2
Website Vakansi Store dibuat tak terkecuali dirasa penting, karena website Vakansi store ini menjual sebuah produk tas localbrand asli yogyakarta dan produk tas ini dibuat dengan sebuah spesialisasi bahan kain adat tradisional yaitu kain tenun. O leh karena itu pembuatan website ini dirasa penting terutama fokus targetnya adalah kalangan muda, karena selain memasarkan sebuah produk
localbrand ke area yang lebih luas di kalangan muda, website ini menjual sebuah produk yang dapat membuat kalangan muda tampil dengan gaya modern tanpa menghilangkan unsur budaya indonesia.
Penjualan yang bersifat konvensional yang hanya dibatasi pada pertemuan di tempat penjualan produk atau toko saja dirasa kurang efektif dan efisien baik bagi penjual dan pembeli. Waktu yang tersedia bagi penjual dan pembeli untuk bertransaksi langsung di tempat penjualan produk sangat terbatas. Hal tesebut dapat menghambat meningkatnya omset penjualan. Maka Website E-commerce
dapat menjembatani dan mengatasi hambatan tersebut, karena dapat melayani pembeli dalam jumlah banyak, waktu yang diperlukan relatif sedikit, sebagai media promosi dan proses jual beli yang efektif dan efisien.
1.2. Rumusan Masalah
Berdasarkan latar belakang masalah yang telah diuraikan, maka rumusan masalah yang dibahas adalah “Bagaimana membuat Website E-commerce Vakansi Store sebagai media penjualan produk yang efektif dan efisien melalui online
internet ?”
1.3. Batasan Masalah
Dalam penyusunan tugas akhir ini, penulis merasa sangat perlu untuk membatasi masalah agar tidak menyimpang dari tujuan semula. Untuk itu, penulis membatasi pokok permasalahan pada :
1. Perancangan dan pembuatan website e-commerce Vakansi Store Yogyakarta. 2. Pemesanan, yaitu pembeli memilih dan memesan produk melalui internet.
3. Sistem penjualan, yaitu penjualan produk secara online.
4. Sistem pembayaran, proses pembayaran dilakukan melalui transfer bank dan COD.
1.4. Tujuan dan Manfaat 1.4.1.Tujuan
Tujuan penelitian makalah ini adalah membuat Website E-commerce Vakansi Store sebagai media penjualan online dan promosi sehingga akan memperluas daerah pemasaran produk dan pembeli dapat memesan produk dari website e-commerce ini sehingga transaksi jual beli menjadi lebih efektif dan efisien tanpa harus datang langsung ke tempat penjualan dan dapat meningkatkan omset penjualan yang di dapat oleh Vakansi Store.
1.4.2.Manfaat
Pelaksanaan makalah ini diharapkan dapat memberikan manfaat sebagai berikut :
1. Bagi penulis
Dapat mempraktekan ilmu yang telah diperoleh selama masa pembelajaran serta menjadi porto folio penulis sebagai referensi ketika mencari kerja dikemudian hari.
2. Bagi pengguna
Website E-Commerceini berguna sebagai media penjualan produk tas vakansi melalui online internet yang ditujukan untuk mempermudah proses transaksi jual beli.
3. Bagi Owner
Website E-Commerce Vakansi Store ini bermanfaat sebagai media promosi produk tas vakansi sehingga produk tasnya dapat dikenal luas masyarakat dan bisa mendapatkan keuntungan omset penjualan.
1.5. Metodologi Penelitian
Metode pengumpulan data yang digunakan pada penyusunan makalah ini adalah sebagai berikut:
1. Metode Observasi
Metode pengumpulan data dengan cara melakukan pengamatan secara langsung pada obyek yang akan diteliti, yang dilakukan pada :
Tempat : Vakansi Store
Alamat :Jalan Sewon Indah, Prancakdukuh, Panggungharjo, Sewon, Bantul Yogyakarta.
Metode pengumpulan data dengan melihat laporan yang telah ada, agar memperoleh berbagai data yang dapat dijadikan referensi dalam penulisan makalah ini.
3. Studi Pustaka
Pencarian data melalui internet terhadap informasi yang membahas
website e-commerce.
1.6. Sistematika Penulisan
Sistematika penulisan laporan makalah ini terdiri dari beberapa bab dan sub bab sebagai berikut :
BAB I : PENDAHULUAN
Bab pendahuluan berisi uraian yang memuat tentang segala yang melatarbelakangi penulis melakukan penelitian dan yang menjadi dasar dari permasalahan, yang terdiri dari beberapa sub bab, yaitu latar belakang masalah, rumusan masalah, tujuan yang hendak dicapai, manfaat, metode penelitian yang digunakan, serta sistematika penulisan.
BAB II : LANDASAN TEORI
Landasan teori memuat tinjauan pustaka yang berisi teori-teori yang mendukung penulisan tugas akhir. Landasan teori tersebut antara lain : pengertian website, database, PHP, DBMS MySQL, web server, E-Learning,
Web BasedLearning, Data Flow Diagram (DFD), dan Entity Relationship Diagram (ERD).
BAB III : DESAIN DAN PERANCANGAN
Memuat tentang desain perancangan sistem dan data-data yang diperlukan dalam perancangan sistem seperti Context Diagram, DFD, ERD, dan perancangan basis data.
BAB IV : IMPLEMENTASI DAN ANALISA
antara lain ditampilkan dalam bentuk tabel, gambar dan penjelasan dari masing- masing bagian. Pada evaluasi memuat kekurangan dan kelebihan sistem.
BAB V : PENUTUP
BAB II
LANDASAN TEORI
Dalam laporan makalah ini diperlukan beberapa definisi dan pengertian yang berhubungan dengan kebutuhan rancang bangun Website E-commerce
sebagai sarana penjualan online.
Pembahasan dalam bab ini difokuskan pada referensi tentang pengertian internet, website, database, PHP, DBMS MySQL, Web Server, E-Commerce,Context Diagram (CD), Data Flow Diagram (DFD), dan Entity Relationship Diagram (ERD).
2.1 Pengertian Internet
Internet merupakan sebuah solusi jaringan yang dapat menghubungkan beberapa jaringan lokal yang ada pada suatu daerah, kota, atau bahkan pada suatu negara untuk dapat menghubungkan beberapa komputer sehingga menjadi sebuah kelompok jaringan. TCP/IP yaitu sebuah protocol yang mengidentifikasi sebuah komputer yang terhubung di dalam jaringan. TCP/IP memiliki teknik mengidentifikasi dengan menggunakan peno moran yang dinamakan InternetProtokol Addres (IP Address). Dengan menggunakan nomor ini sebuah komputerdapat terhubung dengan komputer lain dalam sebuah jaringan atau dalam jaringan local yang disebut internet (Nugroho, 2004).
2.2 Pengertian Website
Website adalah suatu media publikasi elektronik yang terdiri dari halaman-halaman web (web page) yang terhubung satu dengan yang lain menggunakan link yang dilekatkan pada suatu teks atau image. Website dibuat pertama kali oleh Tim Barners Lee pada tahun 1990. Website dibangun dengan menggunakan bahasa Hypertext Markup Language (HTML) dan memanfaatkan protokol komunikasi Hypertext Transfer Protocol (HTTP) yang terletak pada
applicationlayer pada referensi layer OSI. Halaman website diakses menggunakan aplikasiyang disebut internet browser. Gambar dibawah ini menunjukan skema kerja pemrosesan file HTML sampai ditampilkan di browser
(Kadir Abdul. 2004) .
7
Gambar 2.1 Skema kerja HTML
Menurut Jasmadi (2008), Fungsi dari website adalah : 1. Fungsi Komunikasi
Website berfungsi sebagai media komunikasi antara pembuat/pemilik dengan pengunjung atau pengunjung dengan pengunjung lain. Komunikasi dilakukan dengan menggunakan aplikasi web messanger, web forum, web chat, web mail, dan lain sebagainya.
2. Fungsi Informasi
Website berfungsi untuk menyediakan informasi bagi pengunjung.
3. Fungsi Hiburan
Website menjadi sarana hiburan, menyediakan layanan online game,
videostreaming, music streaming, dan lain sebagainya.
4. Fungsi Transaksi
Website berfungsi sebagai sarana untuk melaksanakan transaksi bisnis seperti :
8
2.3 Pengertian Database
Database adalah kumpulan file- file yang saling berelasi, relasi tersebut biasaditunjukkan dengan kunci dari tiap file yang ada. Satu database
menunjukkan satu kumpulan data yang dipakai dalam satu lingkup perusahaan, instansi.
Dalam satu file terdapat record-record yang sejenis, sama besar, sama bentuk, merupakan satu kumpulan entity yang seragam. Satu record terdiri dari
field-field yang saling berhubungan untuk menunjukkan bahwa field tersebutdalam satu pengertian yang lengkap dan direkam dalam satu record (Kristanto, 2004).
2.4 Pengertian PHP
PHP (PHP: Hypertext Preprocessor) merupakan salah satu dari bahasa pemrograman berbasis website. PHP bersifat server-side programming, artinya kode PHP yang ditulis akan dieksekusi di sisi server sehingga pengunjung tidak dapat melihat source code dari skrip PHP yang dibangun. Adapun proses eksekusi kode PHP didalam sisi server ditunjukan oleh gambar berikut ini (Kadir Abdul. 2004) .
ADO membuat, menghapus, memasukan data, dan melakukan manajemen database lainnya. Salah satu DBMS yang handal adalah MySQL. MySQL merupakan salah satu DBMS(Dababases Management System) yang menggunakan stuktur database relasional (RDBMS).
2.6 Pengertian Web Server
Web server adalah suatu perangkat lunak yang berfungsi untuk melayani aktifitas request and reply file-file web. Salah satu web server yang paling banyak digunakan saat ini adalah Apache Web Server. Keunggulan Apache antara lain : bersifat open source, gratis, memiliki dukungan luas terhadap bahasa pemrograman web, antara lain PHP, JSP, Perl, dan lain sebagainya. Berikut adalah bagan arsitektur web server :
HTTP Request
Gambar 2.3 Arsitektur Web Server
Electronic commerce didefinisikan sebagai proses pembelian dan penjualanproduk, jasa dan informasi yang dilakukan secara elektronik dengan memanfaatkan jaringan komputer. E-commerce dari beberapa perspektif, diantaranya dari perspektif komunikasi, e-commerce adalah pengiriman informasi, produk, jasa, atau pembayaran melalui jaringan telepon atau jalur komunikasi lainnya.
Dari perspektif proses bisnis, e-commerce adalah aplikasi teknologi menuju otomatisasi transaksi bisnis dan work flow. Dari perspektif pelayanan, e-commerce adalah alat yang digunakan untuk mengurangi biaya dalampemesanan dan pengiriman barang. Dari perspektif online, e-commerce menyediakan kemampuan untuk menjual dan membeli produk serta informasi melalui internet
D
B
D
10
dan jaringan jasa online lainnya.
E-commerce didefinisikan sebagai kegiatan menjual barang dagangan ataujasa melalui internet. Seluruh komponen yang terlibat dalam bisnis praktis diaplikasikan disini, seperti customer service, produk yang tersedia, cara pembayaran, jaminan atas produk yang dijual, cara promosi dan sebagainya.Saat ini internet merupakan infrastruktur yang ideal untuk menjalankan e-commerce, sehingga istilah e-commerce pun menjadi identik dengan menjalankan bisnis di internet. Pertukaran informasi dalam e-commerce dilakukan dalam format digital sehingga kebutuhan akan pengiriman data dalam bentuk cetak dapat dihilangkan.
E-commerce dapat dijadikan sebagai solusi untuk membantu perusahaan dalammengembangkan perusahaan dan menghadapi tekanan bisnis. Tingginya tekanan bisnis akibat tingginya tingkat persaingan. Penggunaan e-commerce dapat meningkatkan efisiensi biaya dan produktifitas perusahaan, sehingga dapat meningkatkan kemampuan perusahaan dalam bersaing (Sarwono, 2008).
2.8 Context Diagram
Context diagram berisi gambaran umum (secara garis besar) sistem yangakan dibuat. Dapat dikatakan bahwa context diagram berisi siapa saja yang memberi data (dan data apa saja) ke sistem, serta kepada siapa saja informasi (dan informasi apa saja) yang harus dihasilkan sistem. Context Diagram menyoroti sejumlah karakteristik penting sistem, yaitu :
1. Kelompok pemakai, organisasi atau sistem lain dimana sistem melakukan komunikasi (sebagai terminator).
2. Data masuk, yaitu data yang diterima sistem dari lingkungan dan harus diproses dengan cara tertentu.
3. Data keluar, yaitu data yang dihasilkan sistem dan diberikan ke dunia luar. 4. Penyimpanan data, yaitu penyimpanan yang digunakan secara bersama
Penyimpan data (Data Store) merupakan simpanan dari data.
Aliran data, menunjukkan arus dari data yang dapat berupa masukan untuk sistem atau hasil dari proses sistem. Proses data adalah kegiatan atau kerja yang dilakukan oleh orang, mesin atau komputer dari hasil
suatu arus data yang masuk ke dalam proses untuk menghasilkan arus data yang akan keluar dari proses. Entitas, merupakan kesatuan lingkungan di luar
sistem yang dapat berupa orang, organisasi atau sistem lainnya yang berada di lingkungan luarnya yang akan memberikan input atau menerima output dari sistem.
Keterangan Simbol
2.9 DFD ( Data Flow Diagram )
Data Flow Diagram (DFD) merupakan alat yang digunakan
untukmenggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir ataupun lingkungan fisik dimana data tersebut akan disimpan (Jogiyanto, HM, 2005).
Simbol-simbol dalam DFD ditunjukkan pada Tabel 2.1 berikut : Tabel 2.1 Simbol dalam DFD
2.10 ERD ( Entity Relationship Diagram )
Menurut Janner Simarmata dan Iman Paryudi (2006), struktur yang mendasari suatu basisdata adalah model data yang merupakan kumpulan alat-alat konseptual untuk mendeskripsikan data, relasi data, data semantic dan batasan konsistensi. Untuk mengilustrasikan konsep model data salah satunya menggunakan
ERD didasarkan pada persepsi terhadap dunia nyata yang tersusun ataskumpulan objek-objek dasar yang disebut entitas dan hubungan antarobjek.Entitas adalah sesuatu atau objek dalam dunia nyata yang dapat dibedakan dariobjek lain. Entitas digambarkan dalam basisdata dengan kumpulan atribut. Relasi
adalah hubungan antara beberapa entitas. Beberapa simbol yang digunakan dalam pembuatan ERD ditunjukkan pada Tabel 2.2 berikut :
Tabel 2.2 Simbol dalam ERD
Simbol Keterangan
Entitas dimana menggambarkan suatu objek yang dapatdiidentifikasi dalam sebuah lingkungan.
Atribut memiliki fungsi mendeskrisikan karakter entitas.
Gambar disamping menunjukkan sebuah hubungan atau
relasi antar entitas.
Garis adalah sebagai penghubung antara himpunan
relasi dengan himpunan entitas dan himpunan entitas
BAB III
DESAIN DAN PERANCANGAN 3.1 Analisis dan Perancangan Sistem
3.1.1 Spesifikasi Sistem
Sistem E-commerce ini dirancang sebagai media penjualan efektif dan efisien melalui media internet, yang meliputi penjualan produk, pembelian produk, pembayaran dan proses transfer.
3.1.2 Analisa Kebutuhan Hardware
Perangkat keras yang digunakan untuk membuat website ini menggunakan PC dengan spesifikasi :
a. Processor Intel insideTMCoreTMi3
b. Hardisk 160 GB c. Memory 2 GB d. Keyboard dan mouse 3.1.3 Analisa Kebutuhan Software
Perangkat lunak atau software yang digunakan dalam pembuatan website ini adalah :
1. Sistem operasi : Windows 8
2. Web Server : A p a c he W e b S e r ve r d e n ga nb a ha s a pemrograman PHP dan menggunakan database MySQL.
3. Software Pendukung : Adobe Photoshop CS. 3.1.4 Perancangan Sistem
Perancangan sistem bertujuan untuk menentukan rancangan website e-commerce. Perancangan sistem ini dimulai dengan perancangan CD(Context Diagram), DFD (Data Flow Diagram), dan ERD (Entity Relationship Diagram).
3.1.4.1 Context Diagram
Ada dua user yang terlibat (digambarkan dengan simbol persegi), yaitu: pembeli danadmin. Dua user saling berinteraksi (dalam sistem) dengan melibatkan berbagai data, selain itu di dalam context diagram ini akan diketahui data-data yang mengalir keluar ataupun masuk kedalam sistem website e-commerce Vakansi Store ini.
14
Gambar 3.2 Contex Diagram Website Vakansi Store
3.1.4.2 DFD Level 0 (Pemrosesan Admin)
Data Flow Diagram level 0 (DFD level 0) yang merupakan pengembangan dari Contex Diagram yang ditunjukkan pada Gambar berikut :
3.1.4.3 DFD Level 1 (Proses Pemesanan Barang)
Data Flow Diagram level 1 merupakan pengembangan dari Data Flow Diagram level 0 pada website VAKANSISTORE ditunjukkan pada Gambar berikut :
Gambar 3.4 DFD Level 1 (Proses Pemesanan Barang)
3.1.4.4 DFD Level 2 (Proses Manajemen Data)
Data Flow Diagram level 2 merupakan proses manajemen data pada
website VAKANSI STORE yang ditunjukkan pada Gambar berikut :
3.1.4.4 DFD Level 3 (Proses Konfirmasi Pemesanan)
Data Flow Diagram level 3 merupakan proses konfirmasi pemesanan pada
website VAKANSI STORE yang ditunjukkan pada Gambar berikut :
Gambar 3.6 DFD Level 3 (Proses Konfirmasi Pemesanan)
3.2 Analisis dan Perancangan Basis Data
3.2.1 ERD (Entity Relationship Diagram)
3.2.2 Relasi Tabel
Relationship diagram hubungan relasi antar tabel perancangan website e- commerce ini ditunjukkan pada Gambar 3.8.
3.2.3 Struktur Database 1. Tabel admins
Tabel admins berfungsi untuk menyimpan data pribadi admin. Dtunjukkan pada Tabel 3.1
Tabel 3.1 Tabel Admins
Field Tipe Size Keterangan Key
Username varchar 50 Username PK
Password varchar 50 Password
nama_lengkap varchar 100 Nama Lengkap
Email varchar 100 Email
no_tlp varchar 20 Nomor Telpon
Level varchar 20 Jabatan
Blokir enum ‘Y’,’N Blokir
2. Tabel header
Tabel header berfungsi untuk menyimpan data situs media sosial. Ditunjukkan padaTabel 3.2
Tabel 3.2 Tabel Header
Field Tipe Size Keterangan Key
Id_header Int 5 Id header PK
Judul Varchar 100 Judul
url Varchar 100 Url
Gambar Varchar 100 Gambar
tgl_posting Varchar 100 Tanggal posting 3. Tabel banner
Tabel 3.3 Tabel banner
Field Tipe Size Keterangan Key
Id_banner Int 5 Id header PK
Judul Varchar 100 Judul
url Varchar 100 Url
Gambar Varchar 100 Gambar
tgl_posting Varchar 100 Tanggal posting
4. Tabel hubungi
Tabel hubungi digunakan untuk menyimpan data yang berisi pesan dari pembeli.Ditunjukkan pada Tabel 3.4
Tabel 3.4 Tabel hubungi
Field Tipe Size Keterangan Key
id_hubungi int 5 Id hubungi PK
Nama varchar 50 Nama
Field Tipe Size Keterangan Key
id_kategori int 5 Id kategori PK
id_main int 11 Id main
nama_kategori varchar 100 Nama Kategori kategori_seo varchar 50 Kategori Seo
Keterangan varchar 100 Keterangan
Image varchar 100 Gambar
6. Tabel kota
Tabel kota digunakan untuk menyimpan data tarif pengiriman setiap kota.Ditunjukkan pada Tabel 3.6
Tabel 3.6 Tabel kota
Field Tipe Size Keterangan Key
id_kota integer 3 Id kota PK
nama_kota varchar 100 Nama kota
ongkos_kirim integer 10 Ongkos kirim
7. Tabel kustomer
Tabel user berfungsi meyimpan data registrasi account pembeli
websitee-commerce, yang ditunjukkan pada Tabel 3.7 Tabel 3.7 Tabel kustomer
Field Tipe Size Keterangan Key
id_kustomer int 5 Id pembeli PK
Password varchar 50 Password
nama_lengkap varchar 100 Nama Lengkap
Email varchar 100 Email
Alamat text Alamat
Telpon varchar 20 Telpon
id_kota int 5 Id kota
8. Tabel main menu
Tabel main menu berfungsi untuk menyimpan data menu utama.Ditunjukkan pada Tabel 3.8
Tabel 3.8 Tabel main menu
Field Tipe Size Keterangan Key
id_main integer 5 Id utama PK
nama_menu varchar 50 Nama menu
Link varchar 100 Link
9. Tabel mod_bank
Tabel mod_bank berfungsi untuk menyimpan data pemilik rekening bank (owner), ditunjukkan padaTabel 3.9
Tabel 3.9 Tabel mod_bank
Field Tipe Size Keterangan Key
id_bank Int 5 Id bank PK
nama_bank Varchar 100 Nama bank
no_rekening Varchar 100 Nomor rekening
pemilik Varchar 100 Pemilik
gambar Varchar 100 Gambar
10. Tabel orders
Tabel orders berfungsi untuk menyimpan data order kustomer, ditunjukkan pada
Tabel 3.10
Tabel 3.10 Tabel orders
Field Tipe Size Keterangan Key
id_order Int 5 Id order PK
status_order Varchar 50 Status order
tgl_order date Tanggal order
jam_order time Jam order
Id_kustomer Int 5 Id kustomer
11. Tabel orders detail
Tabel order_detailmeyimpan data barang detil yang dipesan oleh pembeli pada setiap transaksi, yang ditunjukkan pada Tabel 3.11
Tabel 3.11 Tabel orders_detail
Field Tipe Size Keterangan Key
id_order Int 5 Id order PK
id_produk Int 5 Id produk
12. Tabel produk
Tabel produk berfungsi meyimpan data barang website e-commerce yang ditunjukkan pada Tabel 3.12
Tabel 3.12 Tabel produk
Field Tipe Size Keterangan Key
id_produk Int 5 Id produk PK
id_kategori Int 5 Id kategori nama_produk varchar 100 Nama produk
deskripsi text Deskripsi
Tabel statistik berfungsi untuk menyimpan data pengunjung tiap hari. Ditunjukkan pada Tabel 3.13
Tabel 3.13 Tabel statistik
Field Tipe Size Keterangan Key
ip varchar 20 Ip pengunjung
tanggal date Tanggal pengunjung
hits int 10 Paling sering
online varchar 255 Jumlah pengunjung
14. Tabel testimoni
23
Tabel 3.14 Tabel testimoni
Field Tipe Size Keterangan Key
id_testi Int 10 Id testi PK
nama Varchar 100 Nama
isi text Isi komentar
aktif enum “Y”,”N” Aktif komentar tanggal date Tanggal komentar
15. Tabel submenu
Tabel 3.15 Tabel submenu
Field Tipe Size Keterangan Key
id_sub Int 5 Id submenu PK
nama_sub varchar 50 Nama submenu link_sub varchar 100 Link submenu keterangan varchar 140 Keterangan submenu_seo varchar 30 Submenu seo
id_main Int 5 Id main
3.3. Rancangan Tampilan Sistem
Perancangan desain untuk website e-commerce ini ditunjukan seperti Gambar 3.9 di bawah ini yang terbagi menjadi beberapa bagian yaitu :
a. Main menu, adalah bagian yang memuat tentang judul dari content
websiteyang tengah ditampilkan.
b. Slideshow, yang memuat tentang gambar produk dari website dengan tampilan slideshow.Setiap gambar pada slideshow ini berbeda-beda untuk masing- masing produk.
c. Sidebar, submenu yang ditampilkan disisi website.
d. Header, beberapa menu shortcut, dan form searcing barang.
e. Content, bagian ini berisi box-box yang berisi keterangan dan
gambarbarang barang yang dijual.
24
FOOTER
CONTENT SIDEBAR
SLIDESHOW MAIN MENU
HEADER
25
BAB IV
IMPLEMENTASI DAN ANALISA
4.1 Implementasi Sistem
Desain dan perancangan yang telah dibuat kemudian di realisasikan ke dalam pembuatan website e-commerce. Berikut adalah tampilan dari hasil desain dan perancangan website.
4.1.1 Halaman Index
Halaman ini merupakan halaman yang pertama kali diakses oleh pembeli. Halaman ini berisi informasi beberapa produk yang dijual oleh Vakansi Store. Halaman ini ditunjukkan pada Gambar 4.1.
4.1.2 Tampilan Kategori
Pada menu kategori ini pembeli dapat memilih barang yang ingin ditampilkan berdasarkan jenis barangnya. Dalam menu “Kategori” terdapat tiga jenis series
tas, tampilan menu kategori ditunjukkan pada Gambar 4.2
Gambar 4.2 Tampilan Kategori
4.1.2.1 Tampilan Halaman Ransel Series
Pada menu kategori ini pembeli dapat melihatproduk tas dengan jenis ransel. Tampilan halaman ransel series ditunjukkan pada Gambar 4.3
Gambar 4.3 Tampilan Halaman Ransel Series
4.1.2.2 Tampilan Halaman Sling Bag Series
Pada menu kategori ini pembeli dapat melihatproduk tas dengan jenis
Gambar 4.4 Tampilan Halaman Sling Bag Series
4.1.2.3 Tampilan Halaman Totte Bag Series
Pada menu kategori ini pembeli dapat melihatproduk tas dengan jenis
totte bag. Tampilan halaman ini ditunjukkan pada Gambar 4.5
Gambar 4.5 Tampilan Halaman Totte Bag Series
4.1.3 Halaman Produk
28
Gambar 4.6 Halaman Produk
4.1.4 Halaman Detail Produk
Halaman ini menampilkan beberapa variasi produk yang dipilih beserta informasi lainnya seperti jenis ukuran yang ada beserta stok produk yang tersedia sekarang, halaman ini ditunjukkan pada Gambar 4.7
4.1.5 Halaman Keranjang Belanja
Pada halaman ini pembeli dapat memasukkan jumlah pesanan produk yang dipilih sesuai dengan kebutuhan, halaman ini ditunjukkan pada Gambar 4.8
Gambar 4.8 Tampilan Halaman Keranjang Belanja
4.1.6 Halaman Kustomer
Ketika “Selesai Belanja” telah di klik maka akan langsung masuk halaman kustomer. Untuk dapat memesan barang pada website e-commerce ini, pembeli yang sudah memiliki account dapat langsung login.
Bila pembeli merupakan customer baru yang belum terdaftar harus registasi terlebih dahulu. Data pembeli yang tersimpan digunakan sebagai data untuk login masuk halaman website dan sebagai informasi acuan bagi
administrator tentang pemesanan barangyang dilakukan pembeli.
4.1.7 Halaman Proses Selesai Transaksi
Halaman ini menampilkan informasi pemesanan pembeli, seperti nama barang, jumlah barang yang dipesan, jumlah total harga halaman ini ditunjukkan pada Gambar 4.10
Gambar 4.10 Halaman Proses SelesaiTransaksi
4.1.8 Halaman Kontak Pesan
Halaman ini menampilkan form yang dapat digunakan kustomer untuk mengirimkan pesan atau untuk bertanya seputar pemesanan barang, halaman ini ditunjukkan pada Gambar 4.11
4.1.9 Halaman Kolom Komentar
Halaman ini menampilkan form yang dapat digunakan kustomer untuk menyampaikan komentar seputar apapun, halaman ini ditunjukkan pada Gambar 4.12
.
Gambar 4.12 Halaman Kolom Komentar
4.1.10 Halaman Admin
4.1.10.1 Halaman Login Admin
Admin harus login terlebih dahulu untuk dapat melihat ataupun mengedit data yang masuk, halaman ini ditunjukkan pada Gambar 4.13
Gambar 4.13 Halaman Login Admin
4.1.10.2 Halaman Home
Halaman ini ditunjukkan pada Gambar 4.14
4.1.10.3 Halaman Kategori
Halaman ini hanya bias diakses oleh admin website yang telah terdaftar, di halaman ini admin bisa menambahkan, memperbaharui, dan menghapus type atau kategori produk, halaman ini ditunjukkan pada Gambar 4.15
Gambar 4.15 Halaman Kategori
4.1.10.4 Halaman Daftar Produk
Admin terdaftar dapat menambahkan, memperbaharui, dan menghapus data produk, yang ditunjukkan pada Gambar 4.16
Gambar 4.16 Halaman Daftar Produk
4.1.10.5. Halaman Daftar Ongkos Kirim
Gambar 4.17 Halaman Daftar Ongkos Kirim
4.1.10.6 Halaman Daftar Order
Halaman ini menampilkan daftar pemesanan yang dilakukan oleh pembeli dan status pembayaran pemesanan, admin dapat mengubah status pembayaran pembeli setelah pembeli melakukan konfirmasi pembayaran, halaman ini ditunjukkan pada Gambar 4.18
Gambar 4.18 Halaman Daftar Order
4.1.10.7 Halaman Rekening Bank Pembayaran
Halaman ini menampilkan daftar rekening bank pembayara, admin dapat mengubah, menambahkan dan menghapusnama bank, nomor rekening bank, halaman ini ditunjukkan pada Gambar 4.19
4.1.10.8 Halaman Daftar Testimoni
Halaman ini menampilkan daftar kolom komentar, admin dapat mengubah, menambahkan dan menghapusnama, isi pesan, dan menonaktifkan isi pesan tersebut, halaman ini ditunjukkan pada Gambar 4.20
Gambar 4.20 Halaman Daftar Testimoni
4.2 Evaluasi
Pembuatan website e-commerce Vakansi Store yang dijadikan sebagai sarana penjualanonline ini mempunyai beberapa kelebihan dan kelemahan, antara lain sebagai berikut:
4.11.1. Kelebihan
Penjualan secara online dengan berbasis pada website e-commerce
ini mempermudah penjualan, pemesananbarang dan promosi tanpa ada batasan waktu dan tempat, karena baik pe njual maupun pembeli dapat melakukan aktifitas transaksi jual beli tanpa harus berada disuatu tempat yang sama. Penjualanbarang telahdiproses secara otomatis sehingga mempermudah aktifitas transaksi. Metode pembelian barang pun sangat mudah sehingga pembeli tidak akan merasa kesulitan saat melakukan pemesanan barang.
4.11.2. Kekurangan
Admin dari website e-commerce Vakansi Store ini tidak setiap saat
BAB V PENUTUP
5.1 Kesimpulan
Kesimpulan dari uraian hasil dan pembahasan di atas, bahwa website e-commerce Vakansi Store ini sudah dapat dibuat menggunakan bahasa pemogramanPHP dan database MySQL. Kelebihan pemesanan produk pada website ini menghemat waktu dan biaya dibandingkan dengan pemesanan secara langsung datang ke tempat penjualan.
5.2 Saran
Berdasarkan kesimpulan yang diperoleh maka penulis mempunyai saran-saran sebagai berikut :
1. Konfirmasi pembayaran belum dapat ditangani oleh sistem secara otomatis, maka perlu dibuat pengembangan sistem ini lebih lanjut untuk memudahkan transaksi pembelian.
2. Stok produk yang digunakan merupakan stok produk sekarang, sehingga perlu dikembangkan lebih lanjut.
3. Content website e-commerce perlu ditambah untuk menarik lebih banyak pembeli.
4. Admin dari website e-commerce Vakansi Store ini tidak setiap saat online
untuk melayani pembeli karena statusnya sebagai mahasiswa aktif, sehingga perlu seorang admin yang memiliki banyak waktu luang.
DAFTAR PUSTAKA
Andry Prihantoro, Eric. 2010. Aplikasi Web Based Learning Untuk Sekolah Menengah Atas. Universitas Negeri Sebelas Maret : Surakarta.
Nugroho, Bunafit. 2005.Database Relasional dengan MySQL. Penerbit Andi: Yogyakarta .
Nugroho, B. 2004. Aplikasi Pemograman Web Dinamis dengan PHP dan MySQL. Yogyakarta : Gava Media.
