3HUSXVWDNDDQ�8QLYHUVLWDV�*XQDGDUPD �� %$5&2'(

%8.7,�81**$+�'2.80(1�3(1(/,7,$13(53867$.$$1�81,9(56,7$6�*81$'$50$

1RPRU�3HQJXQJJDKDQ

685$7�.(7(5$1*$11RPRU������3(5386�8*�����

6XUDW�LQL�PHQHUDQJNDQ�EDKZD��1DPD�3HQXOLV � -XOLD�)DMDU\DQWL1RPRU�3HQXOLV � ������(PDLO�3HQXOLV � MXOLD#VWDII�JXQDGDUPD�DF�LG$ODPDW�3HQXOLV � 3RQGRN�5XPSXW�*J��7DZHV�1R�����5W����5Z������%RJRU������

7HODK�PHQ\HUDKNDQ�KDVLO�SHQHOLWLDQ��SHQXOLVDQ�XQWXN�GLVLPSDQ�GDQ�GLPDQIDDWNDQ�GL�3HUSXVWDNDDQ�8QLYHUVLWDV�*XQDGDUPD�GHQJDQ�ULQFLDQ�VHEDJDL�EHULNXW���1RPRU�,QGXN � )7,�,$�3(1(/,7,$1���������-XGXO�3HQHOLWLDQ � 3(0%8$7$1�:(%6,7(�3(0(6$1$1�0(1**81$.$1�)5$0(:25.�&2'(,*1,7(57DQJJDO�3HQ\HUDKDQ � ��������������

'HPLNLDQ�VXUDW�LQL�GLEXDW�XQWXN�GLSHUJXQDNDQ�VHSHUOXQ\D�GLOLQJNXQJDQ�8QLYHUVLWDV�*XQDGDUPD�GDQ�.RSHUWLV�:LOD\DK�,,,��

'LFHWDN�SDGD����������������������30��,3��������������� �� �+DODPDQ����

PEMBUATAN WEBSITE PEMESANAN MENGGUNAKAN FRAMEWORK CODEIGNITER

1Julia Fajaryanti

1Universitas Gunadarma Jl. Margonda No. 100 Depok, julia@staff.gunadarma.ac.id

ABSTRAK

Perkembangan dunia teknologi dan informasi pada saat ini khususnya dunia komputer berkembang sangat pesat, ditambah dengan adanya kehadiran teknologi informasi yang semakin berperan di dalam dunia pekerjaan. Dengan mengunakan piranti teknologi informasi yang tepat, maka segala aktifitas manusia dalam pekerjaan dapat dilakukan, dipantau dan direpresentasikan sesuai dengan perhitungan-perhitungan dan aturan main yang telah ditetapkan. sudah banyak badan usaha nasional yang menggunakan fasilitas internet dalam sistem penjualan mereka, karena metode ini dipandang memiliki beberapa keuntungan lain bila dibandingkan dengan sistem penjualan konvensional yang langsung maupun tidak langsung akan mempengaruhi perilaku dari suatu badan usaha atau organisasi, baik itu dari segi manajemen maupun pemasaran dan layanan informasi. dengan dibuatnya penulisan ini diharapkan bisa memberikan informasi terhadap para pengunjung website tersebut tentang bahwa bisa memesan makanan melalui website dan diantar ke rumah tujuan. Aplikasi pemesanan pembuatan website pemesanan soto dibuat menggunakan framework Codeigniter. Kata Kunci: website, framework, pemesanan.

PENDAHULUAN Makanan merupakan kebutuhan

pokok manusia yang harus selalu terpenuhi setiap harinya, di Indonesia sendiri jenis cita rasa makanan sangat beragam dan banyak diminati. Sebagian orang melihat hal ini sebagai sebuah peluang bisnis dan memanfaatkan kemajuan teknologi sebagai sarana bentuk pemasaran penjualan.

Membuka tempat makan membutuhkan biaya yang besar. Banyak orang yang berkeinginan membuka tempat makan tetapi masih minimnya modal dan memilih untuk memanfaatkan rumah sebagai tempat makan. Selain itu, media promosi digital juga diperlukan untuk proses

pemasaran produk. Dengan adanya beberapa kendala yang dihadapi dalam mengembangkan usaha pemesanan makanan maka direncanakan untuk pembuatan Website pemesanan makanan soto dengan menggunakan Framework CodeIgniter. Tujuan pembuatannya adalah untuk membantu proses pengelolaan data dalam pemesanan juga dapat menjadi salah satu media promosi dalam peyebaran informasi. Pada aplikasi akan terdapat menu pemesanan dan pengelolaan pesanan juga profil mengenai usaha. Aplikasi berbasis website dan dapat diakses secara online dan juga realtime.

METODE PENELITIAN Metode yang digunakan dalam pembuatan aplikasi adalah metode SDLC (System Development Live Cycle) yang terdiri dari tahapan perencanaan, tahap analisis, tahap perancangan, tahap implementasi dan tahap uji coba aplikasi. Tahapan penelitian yang dilakukan : 1. Perencanaan, pada tahap ini

dilakukan pendefinisian kebutuhan dengan mencari informasi mengenai sistem pemesanan sebelumnya.

2. Analisis, pada tahap ini dilkukan pengumpulan informasi dan data yang berkaitan dengan aplikasi yang akan dibangun.

3. Perancangan, pada tahap ini dimulai dengan merancang konsep mengenai aplikasi dengan membuat UML (Undefied Modelling Language), merancang ERD (Entity Relationship Diagram) dan merancang mockup aplikasi.

4. Implementasi, pada tahap ini dilakukan implementasi pengkodingan menggunakan perangkat lunak Dreamweaver dengan Bahasa pemrograman PHP menggunakan framework CodeIgniter, pembuatan basis data menggunakan MySQL, serta proses hosting website.

5. Uji Coba, pada tahapan ini dilakukan uji coba dengan menggunakan metode blackbox.

PEMBAHASAN

Aplikasi pemesanan menu makanan soto Betawi dibuat dengan bahasa pemrograman PHP merupakan salah satu media yang dapat digunakan untuk penyebaran informasi juga sebagai sarana promosi digital dan aplikasi pemesanan menu yang dapat

diakses oleh pelanggan secara online dan realtime yang langsung terkoneksi terhadap sistem yang dikelola oleh pemilik maupun karyawan kedai soto. Karyawan selaku admin kedai soto dapat mengelola transaksi pemesanan dengan melakukan pengecekan pada aplikasi admin.

Perancangan Aplikasi

Pada tahapan ini akan dijelaskan mengenai tahapan perancangan aplikasi menggunakan UML (Undified Modelling Language) dengan menggunakan elemen grafis Use Case Diagram. Selanjutnya untuk tahapan perancangan basis data menggunakan ERD (Entity Relationship Diagram). Berikutnya pembuatan mockup website untuk merancang setiap halaman yang terdapat pada website customer maupun admin.

Rancangan UML (Unified Modelling Language) UML digunakan untuk merancang aplikasi website customer dan admin. Elemen grafis yang digunakan pada kasus ini adalah Use Case Diagram seperti yang terdapat pada Gambar 1 untuk Use Case customer dan Gambar 2 untuk Use Case admin.

Lihat info menu

pesan <<include>> login

cek info pemesanan

upload bukti pembyaran

pesan menu

<<extend>>

daftarpilih metode pengiriman dan pembayaran

checkout

isi data user

informasi no. pesanan

<<include>>

<<include>>

<<include>>

edit data user <<extend>>

<<include>>

user

Gambar 1. Use Case Diagram Customer

Gambar 1. Use Case Diagram Admin

Pada Gambar 1 dan Gambar 2 digambarkan use case, dimana yang bertugas menyediakan informasi serta mengolah informasi yang dibutuhkan oleh user adalah seorang admin. User di dalam sistem dapat melihat menu login, menu registrasi, menu makanan, menu pilih makanan, lihat menu, pesan makanan, dan menu pembayaran. Sedangkan untuk admin dapat melihat laporan penjualan, , lihat menu ,konfirmasi pembayaran dari user mengubah menu, dan lihat laporan penjualan. Perancangan Basis Data Pada tahapan ini dibuat perancnagan basis data menggunakan tools ERD (Entity Relationship Diagram).

Gambar 3. Perancangan ERD

Berdasarkan aturan mapping

yang mana ERD mempunyai binary relationship M:1 , maka N mempunyai Participation Constraint partial dan selanjutnya membuat relasi baru dimana primary keynya merupakan gabungan dari primary key kedua tipe entitas yang berelasi. Perancangan Halaman Aplikasi Pada tahapan ini akan dibuat mockup untuk halaman website baik customer maupun admin pengelola kedai soto. Rancangan halaman awal atau beranda yang diakses oleh customer pada Gambar 4.

Gambar 4. Rancangan Halaman

Beranda Customer

admin

login

lihat data pengguna

lihat laporan penjualan

notifikasi bukti bayar

konfirmasi pesanan

<<include>>

<<include>><<include>>

notifikasi pesanan masuk

lihat bukti bayar

<<extend>>

lihat pesanan masuk

<<extend>>

<<include>>

manupulasi tabel<<include>>

useradmin

access_level

food_menu

metode_pengambilan

status_pembayaran

user_detail

pesanan

pesanan_detail

pesanan_pembayaran

memiliki

memiliki

melakukan

memiliki

memiliki

memiliki

memiliki

memiliki

memiliki

M 11

M1

1

1

M

1

M

M

M

1

M

1

M

1M

id_user

id_user id_levelid_level

id_levelid_admin

id_status pembayaran

id_metode_pengambilan

id_food_menu

id_pembayaran

no_pesanan

no_pesananid_food_menu

id_pesanan_detail

id_status_pemesanan

no_pesanan

id_user

id_status_pembayaran

id_metode pengambilan

id_pesanan

ME

NU

SO

TO

Logo LoginDaftarKeranjangPanduanMenu Soto

SLIDE SLIDE

Footer

MENU SOTO

GAMBAR

Nama SotoHarga

Pesan Sekarang

GAMBAR

GAMBAR

Nama SotoHarga

Pesan Sekarang

GAMBAR

Nama SotoHarga

Pesan Sekarang

GAMBAR

Nama SotoHarga

Pesan Sekarang

Lihat Semua

Rancangan halaman keranjang yang berisi informasi menu yang telah di pesan. Pelanggan dapat merubah atau menambah jumlah pesanan yang diinginkan. Rancangan halaman Keranjang ini dapat dilihat pada Gambar 5.

Gambar 5. Rancangan Halaman Keranjang

Sebagai proses pengguna untuk memasuki halaman web utama, perlu dilakukan proses signup (pendaftaran) akun dengan mengakses tampilan daftar akun seperti pada Gambar 6.

Gambar 6. Rancangan Halaman Daftar Akun

Halaman Login User berisi

tentang rancangan pengguna yang diharuskan untuk masuk ke halaman pemesanan jika ingin memesan Soto. Jika pengguna yang belum mempunyai akun di halaman ini disediakan menu

Daftar untuk melakukan registrasi akun. Rancangan halaman Login ini dapat dilihat pada Gambar 7.

Gambar 7. Rancangan Halaman Log In

Halaman Proses Pemesanan ini berisi tentang user yang telah memilih menu soto. Setelah user sudah memilih menu makanan, maka akan dialihkan ke halaman berikutnya yaitu halaman proses pemesanan. Rancangan halaman proses pemesanan ini dapat dilihat pada Gambar 8.

Gambar 8. Rancangan Halaman Pemesanan

Halaman Cetak Pemesanan ini berisi tentang penguna yang telah membeli dan sudah memesan menu, kemudian pelanngan akan mendapatkan informasi berupa tagihan pemesanan, nomer tagihan, detail pemesanan dan metode pembayaran.

Gambar 9. Rancangan Halaman Cetak Pesanan

Halaman Lihat Pesanan ini berisi tentang informasi seperti no tagihan, menu jumlah item yang dibeli, harga, tanggal pemesanan, tanggal pengambilan, metode pengambilan, status pesanan, status pembayaran.

Gambar 10. Rancangan Halaman Lihat

Pesanan Halaman Cetak Pemesanan ini berisi tentang penguna yang diharuskan membayar. Di halaman ini pelanggan akan mengunggah hasil transferan ke rekening yang sudah disediakan di halaman cetak halaman.

Gambar 11. Rancangan Halaman Upload Pembayaran

Rancangan halaman log in admin yang berisi tentang halaman awal admin ketika admin ingin login.

Gambar 12. Rancangan Halaman Log

In Admin

Rancangan halaman yang berisi tentang halaman awal admin ketika admin sesudah login. Rancangan halaman beranda admin ini dapat dilihat pada Gambar 13.

Gambar 13. Rancangan Halaman

Dashboard Admin

Implementasi Setelah tahap perancangan selesai, tahapan selanjutnya adalah implementasi membuat website dan basis data. Pembuatan website menggunakan Bahasa pemrograman PHP dengan perangkat lunak Adobe Dreamweaver dan untuk basis data menggunakan MySQL dengan perangkat lunak yang digunakan adalah XAMPP. Setelah website dibuat maka tampilannya seperti di bawah ini.

Gambar 14. Tampilan Halaman

Beranda User

Gambar 15. Tampilan Halaman

Keranjang

Gambar 16. Tampilan Halaman Daftar

dan Log In User

Gambar 17. Tampilan Halaman

Pesanan

Gambar 18. Tamplan Halaman Log In

Admin

Gambar 19. Tampilan Halaman

Dashboard Admin.

Hosting Website

Setelah sudah selesai implementasi pembuatan basis data dan juga website, selanjutnya website soto betawi akan di publikasi menggunakan hosting infinityfree.net dengan nama domain sotobetawiibuhjtitiagus.epizy.com.

Setelah mendaftarkan nama domain, akan ada konfirmasi email dari infinityfree.net. Setelah mendapatkan email konfirmasi maka email yang di daftarkan sudah aktif dan terferifikasi. Selanjutnya melakukan proses pendaftaran nama website dengan langkah-langkah sebagai berikut: 1. Login terlebih dahulu ke website

freeinfinity.net yang berada di menu client area, setelah itu akan muncul ke halaman beranda.

2. Klik menu new account untuk

membuat nama web.

3. Klik menu Manage database untuk mengimport database dari PHP MyAdmin. Kemudian klik new database dan membuat akun database di infinityfree.net.

4. Setelah masuk ke akun database infinityfree.net, kemudian import database dengan format sql.

5. Setelah database di import kemudian langkah selanjutnya upload folder website yang akan kita hosting dengan format ZIP.

6. Setelah upload selesai website dapat dikunjungi melalui internet dengan alamat wesite https://sotobetawiibuhjtitiagus.epizy.com/.

Uji Coba Website Menggunakan Metode Blackbox Pada tahapan uji coba ini dilakukan dengan metode blackbox dengan melakukan uji terhadap semua fungsi yang terdapat pada website. Hasil uji coba terdapat pada Tabel 1.

Tabel 1. Uji Coba Website

Menggunakan Metode Blackbox KESIMPULAN Berdasarkan hasil uji coba yang dilakukan dengan menggunakan metode blackbox, maka aplikasi pemesanan dan pengelolaan data pesanan dan pelanggan pada kedai soto telah berhasil dibuat dan semua menu dan fungsi pada web telah berjalan dengan baik. Aplikasi ini dapat mempermudah admin dalam mengelola data penjualan, pesanan masuk, pembayaran dan data pelanggan. Aplikasi ini dapat mempermudah pelanggan dalam melakukan pemesanan soto. Aplikasi ini dapat memberikan laporan data pelanggan, data pesanan masuk, data

pembayaran dan data pelanggan dalam format Excel. DAFTAR PUSTAKA [1] Jubilee Enterprise. 2015. Membuat Website PHP dengan Codeigniter.Jakarta: PT.Elex Media Komputindo. [2] Basuki, Awan Pribadi. 2014. Proyek Membangung Website Berbasis PHP dengan Codeigniter. Yogyakarta:CV. Lokomedia. [3] L. Whitten, Jeffrey, & D. Bentley, Lonnie .(2007). System Analysis & Design Methods Seventh Edition. New York, USA : McGraw – Hill. [4] Kristianto, Ir. Hari. 1994. Konsep dan Perancangan Database. Yogyakarta: ANDI. [5] Sundika, Putu. Analysis Tools : DFD & ERD. http://www.slideshare.net/putusundika/data-flow-diagram-dan-entity-relational-diagram (5 Juli 2015). [6] Basuki, Awan Pribadi, 2010, Membangun Web Berbasis PHP dengan Framework Codeigniter, Lokomedia, Yogyakarta.