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