PERANCANGAN DAN PEMBUATAN WESITE E COMMERCE PADA
TOKO JM INTERIOR
Oleh
Incha Ulva Faradila
12151477
Program Studi Teknik Informatika Sekolah Tinggi Manajemen dan Ilmu
Komputer El Rahma Yogyakarta
Abstract
Jm interior is a character who sells some home interior equipment
products such as kitchen sets, mini bars, home sets, wallpapers, minimalist sofas
etc. Jm interior markets the product directly, which is marketed with friends and
closest relatives and the surrounding environment. and Jm interior uses product
promotion media using several social media namely instams and facebook.
promotions in this form are still effective because the delivery of information is
not too broad.
The making of this website starts with data collection using waancara
techniques, literature methods, and experimental methods. System design
activities use Entity Relational Diagrams (ERD), table relationships, and Unified
Modeling Language (UML). This system is website based using the xampp server
version of the PHP programming language, text sublime text editor, and the
google chrome web browser
The purpose of this website is to provide convenience to consumers in
obtaining information and in purchasing products sold in the interior, and helping
to facilitate JM interior in marketing and selling products to consumers
Intisari
Jm interior adalah tokoh yang menjual beberapa produk peralatan
interior rumah seperti kitchen set, mini bar, home set, wallpaper, sofa
minimalis dll. Jm interior memasarkan produk masih secara langsung yaitu
di pasarkan dengan teman dan kerabat terdekat serta lingkungan sekitar.
dan Jm interior menggunakan media promosi produk menggunakan
beberapa social media yaitu instagaram dan facebook . promosi dalam
bentuk ini masih kuarang efektif karena penyampaian informasi belum
terlalu luas.
Pembuatan website ini di mulai dengan pengumpulan data
menggunakan teknik waancara,metode literature,dan metode eksperimen.
Kegiatan perancangan sistem menggunakan Entity Relaional Diagram
(ERD), relasi tabel, dan Unified Modeling Language (UML). Sistem ini
berbasis website menggunakan bahasa pemrograman PHP versi xampp
server, teks editor sublime text, dan web browser google chrome
Tujuan di buat nya website ini agar dapat memberikan kemudahan
kepada konsumen dalam mendapatkan informasi maupun dalam
pembelian produk yang di jual di jm interior,dan membantu
mempermudah JM interior dalam memprosikan dan mejual produk
kepada konsumen.
PENDAHULUAN
Pada masa kini teknologi sudah sangat brkembang, terutama
intenet. Bagi masyarakat internet sudah menjadi hal pokok dalam
kehidupan sehari hari. Banyak yang memanfaatkan internet dalam dunia
Pendidikan, politik, bisnis dll. Dalam dunia bisnis sudah banyak
perusahaan yang mengunakan internet sebagai sarana untuk memasarkan
produknya, karena dengan internet jangkauan pemasaran produk menjadi
luas. (Abdul Kadir ,2008).
Jm interior adalah tokoh yang menjual beberapa produk peralatan
interior rumah seperti kitchen set, mini bar, home set, wallpaper, sofa
minimalis dll. Jm interior memasarkan produk masih secara langsung yaitu
di pasarkan dengan teman dan kerabat terdekat serta lingkungan sekitar.
dan Jm interior menggunakan media promosi produk menggunakan
beberapa social media yaitu instagaram dan facebook . promosi dalam
bentuk ini masih kuarang efektif karena penyampaian informasi belum
terlalu luas.
Dengan sistem promosi yang masih sederhana maka akan
mengalami kesulitan memasarkan produk,karena jangkauan terlalu sempit
,yang mengakibatkan Jm interior hanya di ketahui masyarakat sekitar
lokasi saja.dan sulit untuk konsumen di daerah lain untuk mengetahui Jm
interior karena masalah jarak dan waktu.dengan berkembangnya teknologi
yang semakin maju maka JM interior membutuhkan aplikasi promosi yang
akan mempermudah penjualan produk yaitu website e-commerce sehingga
dapat bersaing di dunia peniagaan dan membantu proses transaksi agar
lebih mudah.
Website e-commerce lebih dipilih sebagai media promosi karena
terdapat beberapa kelebihan dalam menggunakannya yaitu meningkatkan
kepercayaan pelanggan online . sedangakan jika hanya menggunakan
media social ada beberapa keterbatasan dalam mempromosikan produk.
Misalnya seperti facebook jika terlalu gencar berpromosi seperti
mengirimkan pesan secara terus menerus akan terjadi yaitu report as spam,
maka akun berpotensi di laporkan ke pihak facebook sebagai tindakan
tidak menyenangkan. Dan secara otomatis akun akan di block oleh pihak
facebook sehingga akan menyulitkan kita karean tidak dapat di gunakan
selama beberapa hari.
Rumusan Masalah
1. Tidak ada apliaksi yang dapat membantu dalam menyampaikan informasi
selain social media instagram dan facebook.
2. Pemasaran produk mengalami kesulitan karena media promosi hanya
mengandalkan social media dan dari mulut ke mulut yang areanya terbatas
Batasan Masalah
Dalam pembutan aplikasi ini ,membatasi sampai pada tahap pemesenan
dan pembayaran yang di lakukan dengan cara transfer
Tujuan Penelitian
Adapun tujuan yang tujuan dari penelitian ini adalah sebagai berikut.
1. Membuat website e-commerce Jm interior
2. Membuat website e- commerce yang mempermudah menyampaikan
informasi dan memprmudah proses trnsaksi pemesanan dan pembayaran
Manfaat penelitian
Dalam melaksanakan penelitian ini, manfaat yang dapat di peroleh adalah
sebagai berikut.
1. Memberikan kemudahan kepada konsumen dalam mendapatkan informasi
maupun dalam membeli produk yang dijual di Jm interior
2. Membantu Jm interior dalam mempromosikan dan menjual
LANDASAN TEORI
Electronic Commerce (e-commerce)
Menurut Carey (2001), Electronic commerce (perdagangan elektronik)
adalah istilah yang digunakan untuk menunjukkan transaksi komersial yang
terjadi antara dua orang atau lebih menggunakan infrastruktur komunikasi yang
dikenal dengan nama internet. Perdagangan adalah kegiatan ekonomi dasar yang
melibatkan perdagangan atau pembelian dan penjualan barang
PHP
PHP (HyperText Prepocessor) adalah bahasa (scripting language) yang
dirancang secara khusus untuk penggunaan pada Web (Nugroho, 2004). PHP
dikembangkan oleh Rasmus Lerdorf dengan sebutan tools Personal Home Page.
PHP adalah tool untuk pembuatan halaman web dinamis. PHP kaya akan fitur
yang membuat perancangan Web dan pemprograman menjadi lebih mudah.
Notepad++
Notepad++ adalah suatu text editor yang berjalan pada Operating
System(OS) Windows. Notepad++ disini menggunakan komponen-komponen
Scintilla agar dapat menampilkan dan menyunting text dan berkas source code
berbagai bahasa pemrograman. bahasa pemrograman
UML
Unified Modeling Language (UML) adalah himpunan struktur dan teknik
untuk pemodelan dan desain program berorientasi objek (OOP) serta aplikasinya.
UML adalah metodologi untuk mengembangkan sistem OOP dan sekelompok
tool untuk mendukung pengembangan sistem tersebut
Diagram Aktifitas (Activity Diagram)
Diaragram aktifitas adalah salah satu cara untuk memodelkan event-event
yang terjadi dalm suatu use case.
Notasi / relasi Nama Keterangan
Start state Digunakan untuk
menunjukkan awal dari
suatu proses.
End state Digunakan untuk
menunjukkan akhir dari
suatu proses.
NewActivity
Activity Digunakan untuk
mengambar suatu
akifitas pada diagam.
Decision Untuk menggabarkan
suatu percabangan atau
titik keputusan pada
diagram.
State transition Menggabarkan suatu
transisi atau aliran dari
aktfitas yang lainnaya.
Swimlane
Swimlane Untuk memperlihatkan
siapa yang bertanggung
jawab untuk
melaksanakan tugas-
tugas tertentu pada
activity diagram.
Diagram Sekuensial (Sequence Diagram)
Diagram skuensial adalah diagram interaksi yang memperlhatkan event-
event yang berurutan yang tersusun berdasarkan utrutan waktu
Notasi / relasi Nama Keterangan
Object Untuk mengambarkan
sebuah ojek pada sebuah
diagram.
Object message Untuk meggambarkan
pesan antara dua objek.
Message to self Untuk menggambarkan
pesan yang menuju
dirinya sendiri.
nama actor
Actor Untuk menggambarkan
seseorang atau siapa saja
yang berhubungan
dengan sistem yang
sedang dibangun.
Diagram Kelas (Class Diagram)
Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan
sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi
objek. Class menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus
menawarkan layanan untuk memanipulasi keadaan tersebut (metoda/fungsi).
Notasi / relasi Nama Keterangan
+daftarOperasi()
-- daftar atribut
nama kelas
Class Untuk menggamaran
class, daftar aribut untuk
menuliskan atribut -
atribut yang ada, dan
daftar operasi
menuliskan operasi -
operasinya.
Assosiation Menggambarkan relasi
asosiasi.
Generalisation Menggambarkan relasi
generalisasi.
Entity Diagram Relationship
ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam basis
data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi.
No Simbol Keterangan
1. Entitas / entity
Merupakan data inti yang akan disimpan;
bakal tabel pada basis data; benda yang
memiliki data dan harus disimpan datanya
agar dapat diakses oleh aplikasi
komputer; penamaan entitas biasanya
lebih ke kata benda dan belum merupakan
nama table
2. Atribut Field atau kolom data yang butuh
disimpan dalam suatu entitas
3. Relasi
Relasi yang menghubungkan antara
atribut dengan entitas biasanya diawali
dengan kata kerja.
4. Atribut kunci primer Field atau kolom data yang butuh
disimpan dalam suatu entitas dan
digunakan sebagai kunci akses record
yang diinginkan; biasanya berupa id;
kunci primer dapat lebih dari satu kolom,
asalkan kombinasi dari beberapa kolom
5. Asosiasi / association
Penghubung antar relasi dan entitas
dimana di keduaujungnya memiliki
multiplicity kemungkinan jumlah
pemakai. Kemungkinan jumlah
maksimum keterhubungan antar entitas
satu dengan entitas yang lain disebut
dengan kardinalitas.
PERANCANGAN SISTEM
Tujuan dari perancangan sistem adalah untuk memberikan gambaran secara
umum kepada pemakai tentang aplikasi website e-commerce pada toko JM
inetrior Tujuan dari perancangan sistem adalah untuk memberikan gambaran
secara umum kepada pemakai tentang aplikasi website e-commerce pada toko JM
inetrior
Nama_Entitas
Nama_atribut
Nama_Relasi
Nama_kunci_P
Perancangan ERD (Entity Relationship Diagram).
admin
id
login
password
Registrasi
statusemailDisplay name
komentar
Comment_date
produk
Id produk
Link_name
Link_image
Link_discripsion
Link_rating
Link_update
Caldera_fromFrom_id
User_idDate_stamp
status
id
woocomerce
Order_item_id
Meta_key
Meta_value
user
Meta_id
Meta_key
Meta_id
User_id
Meta_value
input
tambah
balas
cek
Id
Post_id
Author_coment
Author_email
content
Author_ip
Lin_kurl
tambah
lihat
Perancangan basis Data
Dalam perancangan basis data terlebih dahulu membuat kamus data tabel
terlebihdahulu.berikut kamus data tabel
Perancangan proses
Perancangan menggambarkan proses-proses yang ada pada sistem yang
akan di bangun.perancangan proses di di buat menggunakan Unified Modeling
Language (UML) yang meliputi use case diagram,activity diagram, squence
diagram dan class diagram
Rancangan Tampilan Halaman Web
Rancangan tampilan halaman Utama
Halaman utama adalah halaman yang pertama kali muncu lketika
pengunjung pertama kali mengetikkan alamat website. Desain web ini dibagi
mnjadi beberapa bagian yaitu, bagian atas berisi footer dan berisi menu home,
cara pemesana, blog, kontak, keranjang dan search. Pada bagian tengah terdapat
gambar, bagian bawah ada kontak info, cerita kami, gambar menu dan header
alamat perusahaan.
IMPLEMENTASI SISTEM
Setelah tahap dan perancangan sistem, tahap selanjutnya adalah melalukan
implementasi sistem. Untuk memulai membuka halaman index, terlebih dahulu
pilih internet browser seperti Microsoft Explorer, Mozilla Firefox, Opera dan lain
sebagainya
Tampilan Menu Utama
Tampilan halaman menu utama, pengguna dapat melihat produk-produk
terbaru d gambar sebagai pembuka aplikasi. Produk di tampilkan ke dalam grid
view yang terdiri dari gambar utama, merek tas, harga asli dan juga harga setelah
diskon jika tersedia. Berikut adalah gambarnya
Tampilan Menu Home Katalog Bagian Tengah
Tampilan Halaman Admin
Halaman Administrator
Setelah input username dan password dengan benar maka kita akan menuju ke
ahalaman admin. Tetapi seandainya terjadi kesalahan dalam input username dan
password maka akan muncul pesaan kesalahan. Halaman admin berisi menu
administrator. Adapun tampilah halaman administrator adalah sebagai
PENUTUP
Kesimpulan
Kesimpulan yang dapat diambil dari hasil analisis, perancangan dan
pembuatan program Pembangunan Web E commerce di JM interior sebagai
berikut ..
1. Dengan adanya website penjualan ini, pemasaran produk sudah tidak
mengalami kesulitan lagi karena pemasaran menggunakan media
promosi website jauh lebih maksimal dan menjadi lebih luas karena
bermacam-macam informasi bisa diakses melalui internet.
2. Aplikasi E commerce dibangun dengan tujuan sebagai pendukung
sistem penjualan pada toko JM INTERIOR
Saran
Saran yang diharapkan dapat bermanfaat bagi pengembangan sistem
ini , yaitu Pembangunan Web E commerce dapat dikembangkan dengan
menambah fasilitas login untuk pembeli, jadi pembeli mempunyai akun
sendiri untuk sistem ini, serta menambahkan testimoni dari customer. Dan
dapat dikembangkan lagi menjadi berbasis smart phone
DAFTAR PUSTAKA
Nuryanti,2013. Peran E-Commerce untuk Meningkatkan Daya Saing Usaha Kecil
dan Menengah /UKM. Universitas Riau kampusbina widya 12,5 simpang
pekan baru
Kosas.,i S, 2015. Perancangan E Commerce untuk memperluas pasar produk oleh -
oleh khas Pontianak.STMIK Pontianak
Supriyanto,2017.Perancangan aplikasi E-Commerce berbasis web pada toko
cahaya mandiri motor menggunakan PHP dan MySql.STMIK El-rahma
Yogyakarta
Aprizah., N2016.Aplikasi mobile Commerce pada toko tas PW shop berbasis
smartphone Android
Kurniatul., S 2014.E-Commerce dengan konsep bussines to consument(B2C)
berbasis web pada ammar galery(Study kasus penjualan special glass
mosaic.STMIK El-rahma Yogyakarta
Dini., N 11/27/2016.Pengertian website Ecommerce dan manfaatnya menurut
para ahli.
http://www.kumpulancontohmakalah.com/2016/11/pengertian-e-commerce-
manfaat-dan.html
Diakses pada 15 januari 2019,08.00 WIB.
Ritonga., P 2016 Pengetian HTML menurut para ahli dan pakar
https://bangpahmi.com/pengertian-html-menurut-para-ahli-dan-pakar/
Diakses pada 15 januari 2019,08.00 WIB
Mcleod.,2001 Pengertian data informasi
www.infodanpengertian.com/2015/04/pengertian-informasi-menurut-para-
ahli.html#
Diakses pada 2 januari 2019,08.00 WIB
Putra., D 2011 Definisi pengenalan sistem
http://dikaputra-internisti.blogspot.com/2011/02/definisi-sistem-menurut-
gordon-b-davis.html
Diakses pada tanggal 5 januari 2019,08.00 WIB
Nugraha., E 2012 Pengertian php
http://ediinugraha.blogspot.com/2012/04/dasar-dasar-php.html
Diakses pada tanggal 5 januari 2019,09.00 WIB
Nikita., D 2016 Pengertian UML menurut para ahli
http://www.kumpulancontohmakalah.com/2016/05/pengertian-uml-dan-
contoh-diagram-uml.html
Diakses pada 5 januari 2019,19.00