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

PERANCANGAN DAN PEMBUATAN

  

CONTENT MANAGEMENT SYSTEM (CMS)

DENGAN TEMA E-COMMERCE BERBASIS MULTI-DEVICE

  1

  2

  3 ,

M Arief Randa Alex Wijaya , Rasmila

  1 Mahasiswa Universitas Bina Darma , Dosen Universitas Bina

  2

  3 Darma , Dosen Universitas Bina Darma

Jl Jend A.Yani No.12 Plaju, Palembang 30264

  

  2 Pos-el allec_wj@yahoo.com ,

  

  

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)

  penyampaian dan penerimaan sebuah 1.

  PENDAHULUAN

  informasi. Mulai dari sekolah-sekolah, perguruan tinggi, perusahaan- Perkembangan aplikasi web perusahaan dan lembaga atau organisasi yang semakin pesat sejak munculnya lainnya telah banyak memanfaatkan teknologi internet sangat membantu aplikasi web dalam kegiatan promosi, banyak kemudahan diantaranya belajar, penjualan dan kegiatan lainnya kecepatan proses pengiriman, yang membutuhkan pengiriman, penyebaran dan penerimaan informasi untuk memberikan kemudahan bagi pengguna (user). Aplikasi web atau bisa disebut juga dengan perangkat lunak berbasis web telah berkembang dengan pesat baik dari segi penggunaan, ukuran, bahasa dan kompleksitasnya.

  Menurut simarmarta (2010:15), aplikasi web pada mulanya hanya berupa situs web yang bersifat statis dan bersifat

  , cara promosi dan cara pembayaran. Hakim (2004:64). Berbagai e-commerce yang ditemui di dunia maya menggunakan web developer dengan berbagai pilihan perangkat lunak open source , diantaranya oscommerce, opencart dan

  template , responsive dan kapasitas module atau addon.

  kategori, SEO, fitur meta-title Url, tema

  administrator , terdapat pengaturan

  management konten dari menu backend

  best selling items . Karakteristik dari

  HTML code di dalam deskripsi produk, multiple bahasa dan terdapat kategori

  oscommerce adalah bisa gunakan

  ditawarkan ini memiliki fitur yang terlalu berlebihan, kapasitas hosting membutuhkan ruang besar dan menu yang disediakan hanya menampilkan produk tidak menampilkan informasi mengenai perusahaan. Karakteristik dari

  prestashop . E-commerce yang

  commerce seperti layanan produk, customer service

  navigated oriented dan lebih banyak

  perdagangan elektronik atau e-dagang adalah pemasaran barang dan jasa, penyebaran, pembelian, penjualan melalui internet atau jaringan komputer. Seluruh bagian-bagian yang ada dalam perdagangan diaplikasikan ke dalam e-

  E-commerce atau bisa disebut

  e-commerce .

  metode untuk mengelola sebuah content dengan berbagai tema diantaranya tema

  Management System adalah sebuah

  dengan CMS dimana Content

  Management System atau biasa disingkat

  informasi, perbankan, perdagangan, lain. Seiring perkembangannya aplikasi web ini sudah banyak pengembangannya diantarannya Content

  oriented untuk digunakan dalam sistem

  digunakan sebagai brosur produk atau profil perusahaan online. Pada saat ini aplikasi web telah banyak yang bersifat dinamis, interaktif dan bersifat task

  Dari e-commerce yang diberikan perusahaan Dalam pengembangan CMS ini peneliti memiliki kelebihan yang diusulkan diantaranya kapasitas hosting yang tidak membutuhkan banyak space sewa hosting, menu yang digunakan sesuai dengan kebutuhan, CMS dengan teknologi responsive web design, catatan kode program dengan bahasa indonesia dan pengaturan format tulisan menyesuaikan resolusi perangkat yang digunakan pengguna. Dengan perkembangan RAM 1GB perangkat teknologi yang sangat Hardisk 250 GB signifikan diantaranya produk laptop, Printer canon (S200SPx) dan mobile Flashdisk 4 GB

  netbook, tablet, smart phone phone CMS e-commerce ini diharapkan b. Perangkat Lunak (Software)

• dapat menyesuaikan dengan perangkat

  Windows 7 ultimate sebagai tersebut untuk mengadopsi teknologi operating system

  multi device yang bertujuan agar CMS

• ini dapat bersifat userfriendly seperti laporan tugas akhir ini solusi bagi layar, density, dan rasio

  Ms-word 2007 untuk penulisan

• aspek pada banyak jenis perangkat yang xampp (php & mysql ), digunakan untuk diterima oleh pengguna macromedia dreamweaver & sehingga pengguna dapat menilai secara web browser menggunakan visualisasi mengenai produk yang firefox. ditawarkan untuk menstimulasi rasa keingintahuan dan ketertarikan

  Software pendukung yaitu

  2.3 Metode Pengumpulan Data konsumen.

  Metode Pengumpulan Data yang digunakan dalam penelitian ini adalah :

2. METODOLOGI PENELITIAN

  2.1 Waktu Penelitian

  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

  Metode ini dilakukan dengan evolusi dari metode pengembangan cara mengamati langsung keadaan dan sistem informasi yang sudah ada, tetapi kegiatan e-commerce yang didapat sekaligus merupakan revolusi dalam untuk mendapatkan keterangan yang pengembangan sistem informasi akurat. manajemen. Selain itu, untuk memodelkan sebuah perangkat lunak dibutuhkan beberapa tahapan di dalam

2.4 Metode Pengembangan Sistem

  Metoda pengembangan sistem proses pengembangannya. Tahapan yang dipakai untuk Merancang e- inilah yang akan menentukan

  commerce berbasis multi device, penulis keberhasilan dari sebuah software itu.

  menggunakan Metode Prototype , Pengembang perangkat lunak harus metode ini merupakan salah satu metode memperhatikan tahapan dalam metode yang banyak digunakan dalam prototyping agar software finalnya dapat pengembangan perangkat lunak. diterima oleh penggunanya. Dan

  Menurut Pressman (2010:43) tahapan-tahapan dalam prototyping

  Evolutionary models are iterative, they tersebut adalah sebagai berikut : are characterized in a manner that

  1. Pengumpulan kebutuhan

  enables you to develop increasingly pengembang mendefinisikan In the paragraphs that follow, I present kesseluruhan perangkat lunak, two common evulutionary process mengidentifikasikan semua models Prototyping. kebutuhan, dan 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 Evaluasi ini dilakukan oleh

  Gambar 1. Metode Prototyping

  pelanggan apakah prototyping Metode prototypin g sebagai yang sudah dibangun sudah suatu paradigma baru dalam sesuai dengan keinginan pengembangan sistem informasi pelanggan. Jika sudah sesuai manajemen, tidak hanya sekedar suatu maka langkah keempat akan banyak kasus. Activity Diagram diambil. Jika tidak, maka mempunyai peran seperti halnya

  prototyping diperbaiki dengan flowchart, akan tetapi perbedaannya

  mengulang langkah 1, 2 , dan 3. dengan flowchart adalah activity 4. diagram bias mendukung perilaku

  Mengkodekan system Dalam tahap ini prototyping paralel sedang flowchart tidak bisa. yang sudah disepakati diterjemahkan ke dalam bahasa

  2.6 Perancangan activity diagram pemrograman yang sesuai.

  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 lain- lain. Evaluasi Sistem

  Gambar 2. Activity diagram Pemesan

  Pelanggan mengevaluasi apakah

  dan Sistem

  sistem yang sudah jadi sudah 2. sesuai dengan yang diharapkan .

  Activity Diagram Pimpinan

  Jika sudah, maka langkah

  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 Gambar 3. Activity diagram

  Menurut Munawar (2005 : 109)

  Pempinan dan Sistem

  Activity diagram adalah teknik untuk 3.

  Activity Diagram Pelanggan dan mendeskripsikan logika procedural, Sistem proses bisnis dan aliran kerja dalam membangun program ini adalah PHP (PHP Hypertext Processor).

  Tujuan utama pembuatan program ini adalah untuk membantu pelanggan dalam berbelanja secara online dengan metode Content

  Management System ( CMS ).

  3.1 TAMPILAN HASIL AKHIR SISTEM Gambar 4. Activity diagram Berikut ini adalah informasi-

  Pelanggan dan Sistem informasi 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

  Gambar 6. Tampilan Halaman Utama

  dan tahapan-tahapan pengembangan 2.

  Tampilan Halaman Kategori sistem yang telah dilakukan merupakan

  Form kategori ini berisikan

  penerapan dari rancangan-rancangan tentang kategori penjualan dan berfungsi yang telah diuraikan pada bab untuk menampilkan semua kategori sebelumnya yang terdiri dari desain file, yang di jual, berupa T-shirt, Kemeja, desain input, dan desain output. Bahasa Ikat Pinggang, Dompet dll. pemrograman yang digunakan dalam

  Gambar 7. Tampilan Halaman Kategori 3.

  Halaman Home Login Pelanggan Setelah melakukan login dengan memasukkan username dan password, maka akan tampil seperti di atas. Dan pelanggan bisa melakukan transaksi.

  Management System ( CMS ) di

  2. E-commerce berbaris Content

  menguji sistem, evaluasi sistem dan menggunakan sistem perangkat lunak yang telah diuji.

  prototyping ,mengkodekan sistem,

  1. Proses perancangan dan pembuatan CMS ini dilakukan dengan, pengumpulan kebutuhan, membangun Prototyping, evaluasi

  Berdasarkan dari penelitian yang telah dilaksanakan dan sudah diuraikan, ada beberapa kesimpulan yang dapat ditarik dari penelitian ini. Adapun kesimpulan yang ditarik penulis adalah sebagai berikut :

  4.1 Kesimpulan

  4. KESIMPULAN DAN SARAN

  Gambar 10. Tampilan Home Login Pelanggan

  Gambar 9. Tampilan Halaman Home Login Admin 5.

  Tampilan Halaman Login

  admin dengan benar, maka akan tampil halaman kerja admin.

  password

  Tampilan Halaman Login Admin Setelah admin melakukan login dengan memasukan username dan

  Gambar 8. Tampilan Halaman Login 4.

  login, kerja masing-masing user .

  memasukan username dan password akan masuk kehalaman menu utama

  password . Jika user telah benar

  harus memasukan username dan

  Form login adalah form yang berfungsi untuk user melakukan login. User yang akan menggunakan sistem

  rancang merupakan salah satu fasilitas tambahan untuk memperindah tampilan e-commerce dan membantu memperluas penjualan

  3. Suyanto, M.: Strategi Periklanan pada E- Dengan adanya sistem informasi ini di harapkan dapat di manfaatkan oleh Commerce Perusahaan Top Dunia. , pelanggan karena bisa dengan mudah Yogyakarta(2003) bertransaksi dan bagi admin bisa Mager, B., & Sung, T. J.: Special mendapatkan keuntungan hanya issueeditorial: Designing for dengan menyediakan e-comerce services. International Journal of berbasis CMS . Design. (2011) 4.

  Alatas, Husein.: Responsive Web Design Aplikasi ini diharapkan dapat membantu berbagai pihak dengan PHP dan Bootstrap ,.

  (mahasiswa, penulis buku, wartawan, Yogyakarta(2014) dan sebagainya) dalam melakukan Clatworthy, Simon.: Service tranksaksi jual-beli online yang sehat innovationthrough touch-points: tanpa adanya proses penipuan Development of aninnovation

  toolkit for the first stages ofnew service development, International Saran

4.2 Journal of Design (2011)

  Penulis memberikan saran-saran Depdikbud.: Kamus Besar Bahasa yang kiranya berguna bagi pelanggan

  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)