PERANCANGAN DAN PEMBUATAN CONTENT MANAGEMENT SYSTEM (CMS) DENGAN TEMA E-COMMERCE BERBASIS MULTI-DEVICE

PERANCANGAN DAN PEMBUATAN CONTENT MANAGEMENT SYSTEM (CMS) DENGAN TEMA E-COMMERCE BERBASIS MULTI-DEVICE M Arief Randa 1, Alex Wijaya 2, Rasmila 3 Mahasiswa Universitas Bina Darma1, Dosen Universitas Bina Darma2, Dosen Universitas Bina Darma3

Jl Jend A.Yani No.12 Plaju, Palembang 30264 Pos-el : [email protected], [email protected], [email protected]

Abstract : Content Management System (CMS) is an application that preparations be used with a variety of themes one theme online sales or e commerce . With e - commerce sales system is still manual can be computerized . Information that the author received today is how to create an e - commerce according to user needs . With the Content Management System ( CMS ) e commerce for the community , the booking process becomes easier , thereby increasing sales. To design an e - commerce using a web-based programming language is PHP and MYSQL database . The features used in e - coomerce to support business processes online sales include: collection of data categories, goods , booking and upload proof of payment . Hopefully with the strategy of the public can more easily sell products through oline . Keywords : e - commerce , Content Management System ( CMS ) Abstrak : Content Management System (CMS) adalah sebuah aplikasi yang siapan digunakan dengan berbagai tema salah satunya tema penjualan online atau e-commerce. Dengan e-commerce ini sistem penjualan yang masih manual dapat menjadi terkomputerisasi. Informasi yang penulis terima saat ini adalah bagaimana membuat sebuah e-commerce yang sesuai dengan kebutuhan pengguna. Dengan adanya Content Management System (CMS) e-commerce ini untuk masyrakat, proses pemesanan menjadi lebih mudah sehingga dapat meningkatkan penjualan. Untuk merancang e-commerce ini menggunakan bahasa pemrograman berbasis web yaitu PHP dan database MYSQL. Fitur-fitur yang digunakan dalam e-coomerce ini untuk mendukung proses bisnis penjualan online meliputi : pendataan data kategori, barang, pemesanan dan upload bukti pembayaran. Diharapkan dengan adanya strategi tersebut masyarakat dapat lebih mudah melakukan penjualan produk melalui oline. Kata kunci: e-commerce, Content Management System (CMS)

1.

penyampaian dan penerimaan sebuah

PENDAHULUAN

informasi. Mulai dari sekolah-sekolah, Perkembangan

aplikasi

web

perguruan

tinggi,

perusahaan-

yang semakin pesat sejak munculnya

perusahaan dan lembaga atau organisasi

teknologi internet sangat membantu

lainnya telah banyak memanfaatkan

banyak

diantaranya

aplikasi web dalam kegiatan promosi,

pengiriman,

belajar, penjualan dan kegiatan lainnya

kecepatan

kemudahan proses

PERANCANGAN DAN PEMBUATAN CONTENT MANAGEMENT SYSTEM (CMS) DENGAN TEMA E-COMMERCE BERBASIS MULTI-DEVICE (M Arief Randa)

1

yang

membutuhkan

pengiriman,

customer service, cara promosi dan cara

penyebaran dan penerimaan informasi

pembayaran. Hakim (2004:64).

untuk memberikan kemudahan bagi

Berbagai e-commerce yang ditemui di

pengguna (user). Aplikasi web atau bisa

dunia

disebut juga dengan perangkat lunak

developer

dengan

berbasis web telah berkembang dengan

perangkat

lunak

pesat baik dari segi penggunaan, ukuran,

diantaranya oscommerce, opencart dan

bahasa dan kompleksitasnya.

prestashop.

maya

menggunakan

web

berbagai

pilihan

open

source,

E-commerce

yang

Menurut simarmarta (2010:15),

ditawarkan ini memiliki fitur yang

aplikasi web pada mulanya hanya berupa

terlalu berlebihan, kapasitas hosting

situs web yang bersifat statis dan bersifat

membutuhkan ruang besar dan menu

navigated oriented dan lebih banyak

yang disediakan hanya menampilkan

digunakan sebagai brosur produk atau

produk tidak menampilkan informasi

profil perusahaan online. Pada saat ini

mengenai perusahaan. Karakteristik dari

aplikasi web telah banyak yang bersifat

oscommerce

dinamis, interaktif dan bersifat task

HTML code di dalam deskripsi produk,

oriented untuk digunakan dalam sistem

multiple bahasa dan terdapat kategori

informasi,

best selling items. Karakteristik dari

perbankan,

telekomunikasi,

perdagangan,

keamanan dan lain-

openchart

adalah

dan

bisa

gunakan

prestashop

yaitu

lain. Seiring perkembangannya aplikasi

management konten dari menu backend

web

administrator,

ini

sudah

banyak

terdapat

pengaturan

pengembangannya diantarannya Content

kategori, SEO, fitur meta-title Url, tema

Management System atau biasa disingkat

template,

dengan

module atau addon.

CMS

Management

dimana

System

Content

adalah

responsive

dan

kapasitas

sebuah

Dari e-commerce yang diberikan

metode untuk mengelola sebuah content

perusahaan Dalam pengembangan CMS

dengan berbagai tema diantaranya tema

ini peneliti memiliki kelebihan yang

e-commerce.

diusulkan diantaranya kapasitas hosting

E-commerce atau bisa disebut

yang tidak membutuhkan banyak space

perdagangan elektronik atau e-dagang

sewa hosting, menu yang digunakan

adalah pemasaran barang dan jasa,

sesuai dengan kebutuhan, CMS dengan

penyebaran,

penjualan

teknologi responsive web design, catatan

melalui internet atau jaringan komputer.

kode program dengan bahasa indonesia

Seluruh bagian-bagian yang ada dalam

dan

perdagangan diaplikasikan ke dalam e-

menyesuaikan resolusi perangkat yang

commerce

digunakan pengguna.

pembelian,

seperti

layanan

produk,

pengaturan

format

tulisan


2

Dengan perangkat

teknologi

perkembangan

RAM 1GB

yang

Hardisk 250 GB

sangat

signifikan diantaranya produk laptop,

Printer canon (S200SPx)

netbook, tablet, smart phone dan mobile

Flashdisk 4 GB

phone CMS e-commerce ini diharapkan

b. Perangkat Lunak (Software)

dapat menyesuaikan dengan perangkat

-

tersebut untuk mengadopsi teknologi multi device yang bertujuan agar CMS

operating system -

ini dapat bersifat userfriendly seperti solusi bagi layar, density, dan rasio

Windows 7 ultimate sebagai

Ms-word 2007 untuk penulisan laporan tugas akhir ini

-

Software

pendukung

aspek pada banyak jenis perangkat yang

xampp

digunakan untuk diterima oleh pengguna

macromedia dreamweaver &

sehingga pengguna dapat menilai secara

web

visualisasi

firefox.

mengenai

produk

yang

(php

browser

&

yaitu mysql),

menggunakan

ditawarkan untuk menstimulasi rasa keingintahuan

dan

ketertarikan

konsumen.

2.3 Metode Pengumpulan Data Metode Pengumpulan Data yang digunakan dalam penelitian ini adalah :

2. METODOLOGI PENELITIAN 2.1 Waktu Penelitian

a. Wawancara Dalam

metode

ini

penulis

mengumpulkan data penelitian dengan Waktu

penelitian

dilakukan

bertanya langsung kepada pihak yang

pada bulan April 2015 sampai dengan

bersangkutan yang dapat memberikan

bulan Agustus 2015.

informasi yang dibutuhkan. b.Kepustakaan

2.2 Alat dan Bahan

Mengumpulkan

data

dengan

Dalam pengembangan sistem

cara mencari dan mempelajari data-data

pendukung keputusan penentuan harga

dari buku-buku ataupun dari referensi

mobil bekas, alat dan bahan yang

lain yang berhubungan dengan penulisan

digunakan meliputi hardware, software

laporan penelitian proposal. Buku yang

serta bahan-bahan penunjang lainnya.

digunakan penulis sebagai referensi,

a. Perangkat Keras (Hardware)

adapun metode yang digunakan penulis

Perangkat keras yang digunakan adalah

dalam merancang dan mengembangkan

laptop dengan spesifikasi berikut :

dapat dilihat pada daftar pustaka.

Laptop acer aspire 4720Z

c. Observasi

Processor intel pentium dual core


3

Metode ini dilakukan dengan

evolusi dari metode pengembangan

cara mengamati langsung keadaan dan

sistem informasi yang sudah ada, tetapi

kegiatan

sekaligus merupakan revolusi dalam

e-commerce

yang

didapat

untuk mendapatkan keterangan yang

pengembangan

akurat.

manajemen.

sistem Selain

informasi itu,

untuk

memodelkan sebuah perangkat lunak 2.4 Metode Pengembangan Sistem

dibutuhkan beberapa tahapan di dalam

Metoda pengembangan sistem

proses

pengembangannya.

yang dipakai untuk Merancang e-

inilah

yang

commerce berbasis multi device, penulis

keberhasilan dari sebuah software itu.

menggunakan

Prototype,

Pengembang perangkat lunak harus

metode ini merupakan salah satu metode

memperhatikan tahapan dalam metode

yang

prototyping agar software finalnya dapat

banyak

Metode

digunakan

dalam

pengembangan perangkat lunak.

diterima

Menurut Pressman (2010:43) Evolutionary models are iterative, they are characterized in a manner that

akan

oleh

Tahapan

menentukan

penggunanya.

tahapan-tahapan

dalam

Dan

prototyping

tersebut adalah sebagai berikut : 1. Pengumpulan kebutuhan

enables you to develop increasingly

pengembang

more complete versions of the software.

format

In the paragraphs that follow, I present

kesseluruhan perangkat lunak,

two

mengidentifikasikan

common

evulutionary

process

models Prototyping.

mendefinisikan dan

kebutuhan,

dan

kebutuhan

semua

garis

besar

sistem yang akan dibuat. 2. Membangun prototyping Membangun prototyping dengan membuat

perancangan

sementara yang berpusat pada penyajian

kepada

pelanggan

(misalnya

dengan

membuat

input dan contoh outputnya). 3. Evaluasi protoptyping Gambar 1. Metode Prototyping Metode suatu

prototyping

paradigma

pengembangan

baru

sistem

Evaluasi ini dilakukan

oleh

sebagai

pelanggan apakah prototyping

dalam

yang sudah dibangun sudah

informasi

manajemen, tidak hanya sekedar suatu

sesuai

dengan

keinginan

pelanggan. Jika sudah sesuai


4

maka langkah keempat akan

banyak

diambil.

mempunyai

Jika

tidak,

maka

kasus.

Activity

peran

seperti

Diagram halnya

prototyping diperbaiki dengan

flowchart, akan tetapi perbedaannya

mengulang langkah 1, 2 , dan 3.

dengan

flowchart

diagram

bias

4. Mengkodekan system Dalam tahap ini prototyping yang

sudah

adalah

activity

mendukung

perilaku

paralel sedang flowchart tidak bisa.

disepakati

diterjemahkan ke dalam bahasa pemrograman yang sesuai.

2.6 Perancangan activity diagram 1. Activity Diagram Pemesanan dan

5. Menguji system

Sistem

Setelah sistem sudah menjadi suatu perangkat lunak yang siap pakai, harus di

tes dahulu

sebelum digunakan. Pengujian ini dilakukan dengan White Box, Black

Box,

Basis

Path,

pengujian arsitektur dan lainlain. 6. Evaluasi Sistem Pelanggan mengevaluasi apakah sistem yang sudah jadi sudah sesuai dengan yang diharapkan . Jika

sudah,

maka

langkah

Gambar 2. Activity diagram Pemesan dan Sistem

2. Activity Diagram Pimpinan dan Sistem

ketujuh dilakukan, jika belum maka mengulangi langkah 4 dan 5. 7. Menggunakan system Perangkat lunak yang telah diuji dan diterima pelanggan siap untuk digunakan 2.5 Activity Diagram Menurut Munawar (2005 : 109)

Gambar 3. Activity diagram Pempinan dan Sistem

Activity diagram adalah teknik untuk mendeskripsikan

logika

procedural,

proses bisnis dan aliran kerja dalam

3. Activity Diagram Pelanggan dan Sistem


5

membangun program ini adalah PHP (PHP Hypertext Processor). Tujuan

utama

pembuatan

program ini adalah untuk membantu pelanggan online

dalam dengan

berbelanja metode

secara Content

Management System ( CMS ).

3.1

TAMPILAN

HASIL

AKHIR

SISTEM Gambar 4. Activity diagram Pelanggan dan Sistem

Berikut ini adalah informasiinformasi yang akan ditampilkan

4. Activity Diagram Pelanggan,

pada halaman utama aplikasi CMS

Bank, Bagian Pemesanan

Wong Kito. 1. Tampilan Halaman Menu Utama Halaman

utama

belum

melakukan login.merupakan form yang berada pada halaman depan. Pelanggan bisa

melihat

semua

menu

Home,

Kategori, Cara Pembelian dan Produk Kami. Gambar 5. Activity diagram Pelanggan, Bank, Bagian Pemesanan

3.

HASIL Hasil akhir dari semua kegiatan

dan

tahapan-tahapan

sistem yang telah dilakukan merupakan penerapan

dari

Gambar 6. Tampilan Halaman Utama

pengembangan

rancangan-rancangan

2. Tampilan Halaman Kategori Form kategori ini berisikan

bab

tentang kategori penjualan dan berfungsi

sebelumnya yang terdiri dari desain file,

untuk menampilkan semua kategori

desain input, dan desain output. Bahasa

yang di jual, berupa T-shirt, Kemeja,

pemrograman yang digunakan dalam

Ikat Pinggang, Dompet dll.

yang

telah

diuraikan

pada


6

5.

Halaman Home Login Pelanggan Setelah melakukan login dengan

memasukkan username dan password, maka akan tampil seperti di atas. Dan pelanggan bisa melakukan transaksi. Gambar 7. Tampilan Halaman Kategori 3.

Tampilan Halaman Login Form login adalah form yang

berfungsi untuk user melakukan login. User yang akan menggunakan sistem harus

memasukan

password.

Jika

username

user

memasukan username

telah

dan benar

dan password

Gambar 10. Tampilan Home Login Pelanggan

4. KESIMPULAN DAN SARAN 4.1

Kesimpulan

akan masuk kehalaman menu utama

Berdasarkan dari penelitian yang telah

login, kerja masing-masing user.

dilaksanakan dan sudah diuraikan, ada beberapa kesimpulan yang dapat ditarik dari penelitian ini. Adapun kesimpulan yang ditarik penulis adalah sebagai berikut : 1. Proses perancangan dan pembuatan

Gambar 8. Tampilan Halaman Login 4.

Tampilan Halaman Login Admin Setelah admin melakukan login

dengan

memasukan

username

dan

password admin dengan benar, maka akan tampil halaman kerja admin.

CMS

ini

dilakukan

pengumpulan

dengan,

kebutuhan,

membangun Prototyping, evaluasi prototyping,mengkodekan

sistem,

menguji sistem, evaluasi sistem dan menggunakan sistem perangkat lunak yang telah diuji. 2. E-commerce

berbaris

Content

Management System ( CMS ) di rancang

merupakan

fasilitas

tambahan

salah

satu untuk

memperindah tampilan e-commerce Gambar 9. Tampilan Halaman Home Login Admin

dan

membantu

memperluas

penjualan


7

3. Dengan adanya sistem informasi ini

Suyanto, M.: Strategi Periklanan pada E-

di harapkan dapat di manfaatkan oleh

Commerce Perusahaan Top Dunia. ,

pelanggan karena bisa dengan mudah

Yogyakarta(2003)

bertransaksi dan bagi admin bisa mendapatkan dengan

keuntungan

menyediakan

hanya

e-comerce

berbasis CMS . 4. Aplikasi

ini

membantu

Mager, B., & Sung, T. J.: Special issueeditorial:

Designing

for

services. International Journal of Design. (2011)

diharapkan berbagai

dapat pihak

(mahasiswa, penulis buku, wartawan, dan sebagainya) dalam melakukan

Alatas, Husein.: Responsive Web Design dengan

PHP

dan

Bootstrap,.

Simon.:

Service

Yogyakarta(2014) Clatworthy,

tranksaksi jual-beli online yang sehat

innovationthrough

touch-points:

tanpa adanya proses penipuan

Development

aninnovation

of

toolkit for the first stages ofnew

4.2

service development, International

Saran Penulis memberikan saran-saran

yang kiranya berguna bagi pelanggan

Journal of Design(2011) Depdikbud.:

Kamus

Besar

Bahasa

Indonesia, Jakarta(2007)

yang menggunakan CMS : 1. Penggunaan program yang telah ada ini jika di gunakan dan di operasikan dengan

benar

akan

memberikan

informasi yang benar pula. 2.

Perancangan

antar

muka

perlu

dikembangkan lebih baik lagi untuk memperindah tampilan agar lebih menarik dan mudah digunakan

DAFTAR PUSTAKA Simarmata, Janner.: Pengenalan Teknologi Komputer Dan Informasi, Yogyakarta(2005) Hakim, Lukmanul dan Musalini, Uus.: Cara Cerdas menguasai Layout, Desain

dan

Aplikasi

Web,

Jakarta(2004)


8

PERANCANGAN DAN PEMBUATAN CONTENT MANAGEMENT SYSTEM (CMS) DENGAN TEMA E-COMMERCE BERBASIS MULTI-DEVICE

Recommend Documents