PEMBUATAN WEB E-COMMERCE MENGGUNAKAN FRAMEWORK CODEIGNITER UNTUK MENJANGAN ABADI KARTASURA
NASKAH PUBLIKASI
diajukan oleh Putu Tri Sabdojati 11.11.5146
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2016
PEMBUATAN WEB E-COMMERCE MENGGUNAKAN FRAMEWORK CODEIGNITER UNTUK MENJANGAN ABADI KARTASURA Putu Tri Sabdojati1), Amir Fatah Sofyan2), 1)2)
Teknik Informatika STMIK AMIKOM Yogyakarta
Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283 Email :
[email protected]),
[email protected])
dan lain sebagainya. Dalam pembuatan web e-commerce ini menggunakan framework codeigniter. Framework Codeigniter sendiri menggunakan kaidah MVC (Model, View, Controller) Menjangan Abadi merupakan perusahaan yang bergerak dibidang penjualan alat-alat adventure, seperti tas, sepatu, jaket dan lain sebagainya. Untuk saat ini Menjangan Abadi melayani transaksi dengan toko tetap. pemilik Menjangan Abadi berniat mengembangkan transaksinya hingga seluruh Indonesia. Dengan web ecommerce penjualan dapat memenuhi transaksi hingga seluruh Indonesia tanpa membangun toko tetap disetiap wilayah di Indonesia.
Abstract - Computers used by human as a tool in completing the work and also a tool of communicating to the world over the internet connected. One of the benefits of using a computer connected to the Internet is the activity of buying and selling online. The existence of online buying and selling activities would be facilitated by the online store. Menjangan Abadi is a company engaged in the sale of appliances adventure, such as bags, shoes, jackets and so on. Right now, Menjangan Abadi serves transactions with the permanent shop. This study aimed to design and create an e-commerce web using Codeigniter framework to expand the marketing and sales Menjangan Abadi Kartasura up throughout Indonesia.
1.2 Rumusan Masalah In this study, the application of e-commerce made using Codeigniter framework, PHP and MySQL as a database. The beginning is to do the analysis. Analysis of the problem used PIECES analysis and needs. The next stage is to design a system modeling with UML (Unified Modeling Language) and database design. Then do the making of the application of ecommerce website. Then, it is testing the application.
Berdasarkan latar belakang masalah diatas, maka dapat diambil rumusan masalah Bagaimana merancang dan membuat web e-commerce penjualan alat-alat adventure menggunakan framework codeigniter ? 2. Pembahasan 2.1 Tinjauan Pustaka 1. Menurut Astryd Dhinya Putri (2011) dalam tugas akhir yang berjudul “Pembangunan Aplikasi E-commerce Menggunakan Framework Codeigniter Pada Galeri Kerudung Az-zahra Surakarta”.[1] 2. Menurut Agung Wahana dan Irvan Purliyansyah (2012) dalam jurnal yang berjudul “Pembangunan E-Commerce (Penjualan Online) Pada Turpez Shop”.[2] 3. Menurut Sri Peni Mugi Handayani dan Bambang Eka Purnama (2013) dalam jurnal yang berjudul “Pembuatan Website E-Commerce Pada Distro Java Trend”.[3] 2.2 Landasan Teori 2.2.1 E-commerce
Keywords: e-commerce, framework codeigniter, website 1. Pendahuluan 1.1 Latar Belakang Komputer digunakan manusia untuk mengerjakan pekerjaan agar lebih cepat dan tepat. Komputer juga dapat digunakan untuk berkomunikasi keseluruh penjuru dunia selama komputer itu terhubung dengan internet. Ada beberapa manfaat penggunaan komputer yang terhubung dengan internet, salah satunya adalah melakukan aktifitas jual beli online. Adanya aktifitas jual beli online tentunya difasilitasi dengan adanya toko online . Ada beberapa macam basis toko online, salah satunya toko online berbasis web. Dengan menggunakan toko online tersebut akan didapat banyak keuntungan, antara lain menghemat waktu dan biaya. Untuk mempermudah pembuatan website dapat menggunakan framework. Penggunaan framework dalam membuat sebuah website akan lebih memiliki data yang terstruktur. Ada macam-macam framework yang sudah banyak dikenal, antara lain Zend, Cake PHP, Codeigniter
Dari perspektif proses bisnis, electronic commerce merupakan aplikasi teknologi menuju otomatisasi transaksi dan aliran kerja perusahaan. 2.2.2
1
Internet
Internet atau interconected network adalah sebuah sistem komunikasi global yang menghubungkan komputer-komputer dan jaringan-jaringan komputer diseluruh dunia.[4] 2.2.3
developer untuk mengerjakan aplikasi lebih cepat daripada menulis semua kode dari awal.[6] 3. Analisis Dan Perancangan 3.1 Analisis Sistem
Web Analisis sistem merupakan teknik penguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian komponen dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan, kesempatan, hambatan yang terjadi dan kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan.
Web merupakan salah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks, gambar, suara animasi, video) didalamnya yang menggunakan protokol HTTP (Hypertext Transfer Protocol) dan untuk mengaksesnya menggunakan perangkat lunak yang disebut browser.[5]
3.1.1 2.2.4
Analisis PIECES
Situs Web Tabel 1 Analisis Pieces
Situs web merupakan kumpulan dari halaman web yang sudah dipublikasikan dijaringan internet dan memiliki domain atau URL(Uniform Resource locator) yang dapat diakses oleh semua pengguna internet dengan cara mengetikkan alamatnya .[5]
2.2.5
Jenis Analisis Performance
World Wide Web (WWW)
World wide web atau yang biasa disingkat WWW merupakan kumpulan situs web yang dapat diakses di internet yang berisikan semua informasi yang dibutuhkan semua pengguna internet.[5]
2.2.6
Information
Economics
Basis Data
Basis dapat diartikan sebagai markas atau gudang, tempat bersarang/berkumpul. Sedangkan Data adalah representasi fakta dunia nyata yang mewakili suatu objek seperti manusia, barang, hewan, peristiwa, konsep, keadaan dan sebagainya, yang diwujudkan dalam bentuk angka, huruf, simbol, teks, gambar, bunyi, atau kombinasinya.
Control
Efficiency 2.2.7
PHP
(PHP: Hypertext Preprocessor) adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. PHP termasuk dalam Open Source Product, sehingga source code dapat diubah dan di distribusikan secara bebas.[5]
2.2.8
Services
Framework Codeigniter
Codeigniter adalah sebuah web application framework yang bersifat open source digunakan untuk membangun aplikasi php dinamis. Tujuan utama pengembangan codeigniter adalah untuk membantu
2
Kelemahan Sistem Lama Transaksi sepenuhnya dilakukan ditoko Menjangan, terbatas waktu dari jam 8 pagi hingga 8 malam. Informasi produk baru hanya dapat diperoleh dengan langsung mengunjungi toko . media promosi produk yang ditawarkan memakan waktu dan biaya. Semua aktifitas penjualan dilakukan secara offline di toko. Informasi maupun promosi terhadap konsumen menggunakan hard copy, hal tersebut tidak efisien karena memakan waktu lama. Pelayanan pada transaksi konvensional kurang maksimal, karena para calon konsumen harus mendatangi toko untuk melakukan
Sistem Yang Diusulkan Transaksi dengan sistem berbasis web, tidak terbatas waktu,dapat dilakukan dimanapun Dengan sistem website dapat mengakses informasi produk terbaru promosi produk yang ditawarkan cukup dengan mengupload informasi produk pada web Transaksi dapat dilakukan dengan cara online. Informasi dan promosi menjadi lebih cepat dan dapat diakses setiap saat.
Pelayanan transaksi dapat dilakukan oleh setiap konsumen diseluruh Indonesia tanpa harus mengunjungi
transaksi.
e-commerce menggunakan framework codeigniter untuk Menjangan Abadi Kartasura :
toko.
3.2.1
3.1.2 Analisis Kebutuhan Sistem 3.1.2.1 Analisis Kebutuhan Fungsional
Usecase Diagram
Use case diagram merupakan sebuah gambaran apa yang dapat dilakukan dengan sebuah sistem yang akan dibangun, dan apa saja interaksi yang dapat dilakukan terhadap sistem tersebut.[7]
Analisis kebutuhan fungsional adalah bagian mengenai fitur-fitur apa saja yang akan dimasukan kedalam sebuah aplikasi yang dibuat. Hasil analisis kebutuhan fungsional adalah sebagai berikut : a.
Sistem dapat melakukan input, update, delete dan read produk,merk dan kategori. b. Sistem dapat menambah 2 angka unik setiap transaksi sebagai pembeda antar transakasi c. Sistem dapat menampilkan diskon d. Sistem dapat menampilkan produk sesuai kategori dan merk. e. Sistem dapat melakukan pencarian produk. f. Sistem dapat menampilkan laporan penjualan. g. Sistem dapat menampilkan status transaksi. h. Sistem dapat digunakan untuk melakukan konfirmasi pembayaran. i. Sistem dapat melakukan cek konfirmasi,cek order dan ubah status. 3.1.2.2 Analisis Kebutuhan Non Fungsional
Analisis kebutuhan non fungsional merupakan analisis yang dibutuhkan untuk menentukan spesifikasi kebutuhan sistem, meliputi:
Gambar 1 Use Case Diagram
Penjelasan Use Case Diagram:
a) Perangkat Keras
Tabel 2 Deskripsi Use Case lihat produk
Perangkat keras yang dibutuhkan dalam pengembangan sistem yaitu : a. Notebook Dell Inspiron N4050 b. Prosessor Intel(R) Core(TM) i3-2330M CPU 2.20GHz c. Memori 4000MB d. Grafis AMD Radeon 7450
Use Case Name Scenario Trigering Event Brief Description
b) Perangkat Lunak Perangkat lunak yang digunakan pengembangan sistem yaitu: a. Sistem Operasi windows 8 64bit b. Adobe Dreamweaver CS5 c. XAMPP d. Google Chrome e. Framework CodeIgniter
Actor Related Use Case Stakeholder Precondition Flow Event
dalam
3.2 Perancangan Sistem perancangan sistem bertujuan untuk memberi gambaran umum tentang aplikasi yang akan dibuat. Perancangan sistem ini mendefinisikan sistem secara terperinci. Berikut ini perancangan dalam pembuatan web
3
lihat produk Non Member dan member melihat produk Membuka halaman utama memilih melihat produk Sistem akan menampilkan list produk Non Member, Member Membuka halaman utama Actor System 1. membuka 2. halaman utama Menampilkan 3. Memilih halaman utama melihat produk 4. 5. Memlilih Menampilkan melihat detail data produk produk 6. Menampilkan detail produk sesuai produk
yang dipilih. Exeption Condition 3.2.2
-
Class Diagram
Class diagram menggambarkan struktur dan deskripsi class, package dan objek beserta hubungan satu sama lain seperti containment, pewarisan, asosiasi, dan lain-lain.[7]
Gambar 2 Class Digram
Gambar 3 Sequence Diagram Kelola Produk
3.2.3
Sequence Diagram
3.2.4
Sequence diagram menggambarkan interaksi antar objek didalam dan disekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang digambarkan terhadap waktu. Sequence diagram biasa digunakan untuk menggambarkan scenario atau rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event untuk menghasilkan output tertentu.[7] Berikut ini merupakan contoh sequence diagram pembuatan web e-commerce Menjangan Abadi Kartasura.
Entity Relation Diagram
ERD adalah suatu diagram untuk menggambarkan desain konseptual dari model konseptual suatu basis data relasional.[8]
Gambar 4 ER-Diagram
4
3.2.5 a.
Implementasi adalah tahapan yang dilakukan setelah analisis dan perancangan. Tahapan ini dilakukan untuk mengetahui apakah aplikasi dapat berjalan dan menghasilkan output yang sesuai dengan tahapan analisis dan perancangan
Struktur Tabel
Tabel Produk
Tabel produk berfungsi menyimpan semua data yang berkaitan dengan konten produk.
4.1 Implementai Basis Data Tabel 3 Tabel Produk
Atribut
b.
Panjang
Keterangan
id_produk
Tipe Data Int
11
id_kategori id_merk nama_produk kode_produk deskripsi Stok Berat terbeli Harga diskon gambar thumb
Int Int Varchar Varchar Text Int Float Int Int Int Varchar Varchar
11 11 150 11
Primary Key, Auto Increment Not Null Not Null Not Null Not Null
3
Not Null
5 9 5 100 100
Not Null Not Null Not Null Not Null Not Null
Langkah pertama dalam pembuatan database yaitu dengan membuka control panel XAMPP dan mengaktifkan apache server dan MySQL. Setelah melakukan langkah tersebut kemudian membuka browser dengan mengakses http://localhost/phpmyadmin . Kemudian masukan menjangan dan klik create seperti terlihat pada gambar 4.1 berikut
Gambar 6 Membuat Database
Selanjutnya adalah membuat tabel dalam database. Berikut ini merupakan pembuatan tabel merk.
Perancangan Interface
Gambar 7 Membuat Tabel Merk
Berikut skrip pembuatan database untuk membuat tabel merk. CREATE TABLE IF NOT EXISTS merk ( id_merk int(11) NOT NULL AUTO_INCREMENT, nm_merk varchar(100) NOT NULL, PRIMARY KEY (id_merk) ) ENGINE=MyISAM
DEFAULT CHARSET=latin1;
4.2 Implementasi Interface
Gambar 5 Perancangan Interface Homepage
4.
Implementasi Dan Pembahasan
5
2. 3.
Diharapkan pengembangan selanjutnya dapat mencetak laporan kedalam versi excel atau pdf. Diharapkan pada pengembangan selanjutnya dapat menambahkan fitur batas waktu melakukan konfirmasi pembayaran.
Daftar Pustaka [1]
Astryd Dhinya Putri, “Pembangunan Aplikasi Ecommerce Menggunakan Framework Codeigniter Pada Galeri Kerudung Az-Zahra Surakarta,” Universitas Sebelas Maret Surakarta, Surakarta, Tugas Akhir 2011.
[2]
Wahana,dkk. 2012 “Pembangunan E-commerce (Penjualan Online) Pada Turpez Shop” http://jurnal.stmikmi.ac.id/index.php/jcb/article/view/83/88.
[3]
Handayani,dkk. 2013 “Pembuatan Website Ecommerce Pada Distro Java Trend” http://ijns.org/journal/index.php/seruni/article/view /715/704
[4]
M. Syafrizal, Pengantar Jaringan Komputer, Yogyakarta: Andi, 2005.
[5]
M. R. Arief, Pemrograman Web Dinamis Menggunakan PHP dan MySQL, Yogyakarta: Andi, 2011.
[6]
Id, Ibnu Daqiqil, Framework Codeigniter Sebuah Panduan Dan Best Practice. Pekanbaru: 2011. www.koder.web.id
[7]
Dharwiyanti, Sri. dan Wahono, Romi Satria. 2003. Pengantar Unified Modeling Language, ilmukomputer.com.
[8]
Utami, Ema. dan Hartanto, Anggit Dwi.. Sistem Basis Data Menggunakan Microsoft Sql Server 2005.Yogyakarta: Andi, 2012.
Gambar 9 Implementasi Homepage
Ketika user membuka halaman utama maka akan ditampilkan produk terlaris dan produk random. Pada produk terlaris merupakan produk yang paling diminati oleh konsumen, sedangkan pada produk terbaru adalah produk yang baru diunggah oleh admin. 5. Penutup 5.1 Kesimpulan Setelah melalui beberapa tahapan dalam menyelesaikan skripsi seperti yang sudah diuraikan pada bab-bab sebelumnya, penulis dapat menyimpulkan berdasarkan rumusan masalah. Berdasarkan penelitian ini maka dapat disimpulkan sebagai berikut: 1. Cara membuat web e-commerce menggunakan framework codeigniter untuk Menjangan Abadi adalah melakukan identifikasi masalah dengan menggunakan analisis PIECES dan kebutuhan. Tahap selanjutnya membuat perancangam kemudian diimplementasikan . Pada tahap terakhir dilakukan pengujian. 2. Aplikasi yang dihasilkan sudah sesuai dengan perancangan
Biodata Penulis Putu Tri Sabdojati, memperoleh gelar Sarjana Komputer (S.Kom), Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2016.
5.2 Saran
Amir Fatah Sofyan, memperoleh gelar Sarjana Teknik (ST), Jurusan Teknik Arsitektur Fakultas Teknik Universitas Gajah Mada Yogyakarta, lulus tahun 1997. Memperoleh gelar Magister Ilmu Komputer (M.Kom) Program Pasca Sarjana Magister Ilmu Komputer Fakultas MIPA Universitas Gajah Mada Yogyakarta, lulus tahun 2008. Saat ini menjadi Dosen di STMIK AMIKOM Yogyakarta.
Aplikasi web e-commerce menggunakan framework codeigniter ini masih jauh dari sempurna. Beberapa saran yang dapat penulis berikan untuk penelitian dan pengembangan website e-commerce adalah sebagai berikut: 1.
Agar pada pengembangan selanjutnya dapat mendukung untuk versi mobile.
6
