Jurnal Kecerdasan Buatan dan Teknologi Informasi Vol. No. September 2023, hlm. e-ISSN: 2964-2922, p-ISSN: 2963-6191 RANCANG BANGUN SISTEM INFORMASI PENJUALAN BUNGA BERBASIS WEBSITE MENGGUNAKAN FRAMEWORK CODEIGNITER PADA TOKO LIEZ FLORIST PURWOKERTO Angelina Ngguwa1. Lynawati2. Rosalina Yani Widiastuti*3 1,2,3 Sistem Informasi. STIKOM Yos Sudarso Purwokerto. Indonesia Email: 1angelstikom95@gmail. com, 2lynawati@stikomyos. id, 3rosalina. yani@stikomyos. (Naskah masuk : 8 September 2023. Revisi : 20 September 2023. Diterbitkan : 20 September 2. Abstrak Penelitian ini bertujuan untuk membuat Rancang Bangun Sistem Informasi Penjualan Bunga Berbasis Website pada Toko Liez Florist Purwokerto. Menggunakan metode pengembangan Sistem Prototype. Dalam pengumpulan data lapangan menggunakan metode observasi, wawancara, dan Kuesioner. Perancangan sistem menggunakan pendekatan Unified Modelling Language (UML) bahasa pemograman PHP dan basis data MySQL. Pengujian sistem menggunakan metode whitebox dan Black Box Testing. Hasil dari penelitian ini yaitu menghasilkan sistem informasi penjualan bunga berbasis website yang bertujuan Mempercepat Proses Penjualan, mempermudah pelanggan dari yang berada di purwokerto atau luar daerah untuk mendapatkan informasi tentang produk serta bertransaksi dengan mudah tanpa harus datang langsung ke Toko Liez Florist. Kata Kunci : rancang bangun, penjualan, toko liez florist, website. THE DESIGN OF THE WEBSITE FLOWER-SELLING SYSTEM USING THE FRAMEWORK CODEIGNITER ON THE FLORIST PURWOKERTO SHOP Abstract The research was to create a gear-based flower-selling system for the liez florist purwokerto shop. Using system prototype development methods. In field data collecting using observation methods, interviews, and System design using the unified modelling language approach . of PHP programming language and mysql database. System testing requires about the product and to make a deal easily without having to come directly to liez florist's shop. the whitebox and the Black Box Testing. The result of this study is that it produces a flower-based flower-selling system that is meant to accelerate the sales process, making it easier for customers from purwokerto or overseas to get information Keywords: design, sales, liez florist shop, website. PENDAHULUAN Zaman kini telah berubah, teknologi informasi sangat mendominasi pasar bebas yang memegang peranan penting sehingga memerlukan sumber daya manusia yang berkualitas. Berbagai macam informasi berkembang dengan sangat cepat setiap hari bahkan setiap detik, mulai dari berita peristiwa yang terjadi hingga informasi pemberitahuan bahkan penjualan sebuah produk. Sehingga dapat dikatakan informasi sudah menjadi kebutuhan utama masyarakat seluruh dunia. Bicara tentang penjualan, biasanya informasi dimuat pada suatu media yang awalnya hanya terfokus pada suatu media yaitu media massa, seperti koran dan majalah, lalu berkembang menjadi papan reklame bahkan stiker yang di tempelkan di sepanjang jalanan kota. Tetapi seiring dengan semakin meningkatnya teknologi, media yang digunakan untuk menyebarkan informasi berubah menjadi lebih efisien yaitu Kemudahan beraktifitas lewat internet tentunya tidak lepas dari peranan penting website yang ada Namun sayangnya tidak semua para pemilik usaha memiliki website terutama di Indonesia, dengan website dapat mengotimalkan perkembangan usahanya . , . Menurut Kemp dalam . , banyak masyarakat menggunakan Internet. Hootsuite dan We Are Social menerbitkan laporan "Digital 2022 April Global Statshot Report". Laporan ini merangkum tren digital dan media sosial terbaru di seluruh dunia. Menurut laporan itu, jumlah pengguna internet di dunia kini mencapai 5 miliar. Angka ini mewakili 63 persen populasi penduduk dunia yang kini diperkirakan mencapai 7,93 miliar orang. Website misalnya, dari masa ke masa kegunaanya semakin komplek bukan hanya sebagai suatu sarana pertukaran Angelina ngguwa, dkk, sistem informasi penjualan bunga berbasis website menggunakan framework codeigniter pada toko liez florist purwokerto informasi dan data saja. Website sekarang mulai beralih perannya sebagai sarana penunjang bisnis, seperti beberapa contoh Website yang sedang berkembang didunia bisnis antara lain e-buy, dan e-banking, e-advertising hingga yang terakhir pada dunia pemasaran yang isinya menawarkan sejumlah barang atau produk pada Pada era komputerisasi seperti sekarang ini jasa pelayanan pemasangan dalam hal pemasaran dan pemesanan barang di internet sangat dibutuhkan . Berkembangnya kualitas masyarakat negeri ini mengakibatkan banyak perubahan dalam kebiasaan seharihari. Salah satunya adalah mengungkapkan rasa bahagia, berduka, atau hanya untuk sekedar menyapa menggunakan bunga. Mulai dari rangkaian bunga sederhana hingga karangan bunga yang berukuran besar saat ini menjadi hal wajar dalam mengungkapkan perasaan. Sekarang ini banyak toko bunga atau florist yang tumbuh dan berkembang di Purwokerto, salah satunya Toko Liez Florist yang berlokasi di Jl Martadireja 2 No. Purwokerto. Toko ini memproduksi beraneka ragam model dengan beraneka macam bunga. Area pemasaran hasil produksi dari toko Liez Florist hanya sebatas pada daerah Purwokerto dan sekitarnya yang biasanya telah menjadi pelanggan. Berdasarkan Website sebelumnya, peneliti menemukan kekurangan dari sistem informasi penjualan yang berjalan, dimana calon pembeli datang ke toko secara langsung atau melalui whatsapp untuk menayakan detail harga bunga, belum adanya menu produk terbaru serta menu promo untuk mengetahui informasi harga bunga terbaru. Di Website sebelumnya, belum memiliki menu transaksi pembayaran maka pembeli dalam melakukan pembayaran harus datang ke toko atau melalui transfer ke rekening pemilik. Pelanggan mendapatkan kwitansi dan pencatatan transaksi penjualan dicatat pada Microsoft Excel . Supaya menarik konsumen dan bersaing dengan toko bunga yang lain sistem yang akan dibuat akan menampilkan produk terbaru dan produk promo atau potongan harga pada halaman pelanggan. Pembelian barang dilayani adanya pesan antar dengan dikenakan tambahan biaya. Diharapkan dengan adanya Rancang Bangun Sistem Informasi Penjualan ini proses penjualan di toko bunga Liez Florist mencapai target penjualan dan mendukung Liez Florist menjadi toko bunga dengan sistem pelayanan yang lebih baik. METODE PENELITIAN Metode yang peneliti gunakan dalam Pengembangan sistem adalah Metode Prototype dengan tahap-tahap Sebagaiamana terlihat pada Gambar 1 dibawah ini : Gambar 1. Metode Prototype Berikut adalah penjelasan tahap-tahap pada metode pengembangan Prototype yang peneliti laksanakan : Pengumpulan Kebutuhan Berikut adalah data-data yang digunakan dalam penelitian : Data Primer Pengumpulan data primer dilakukan oleh penulis secara langsung melalui objek penelitian, yaitu dengan cara observasi, wawancara dan kuisioner. Data Sekunder Pengumpulan data sekunder ini dilakukan melalui kegiatan studi pustaka dari berbagai sumber yang berkaitan dengan masalah yang diangkat dalam penelitian ini baik yang bersumber dari buku, jurnal, artikel, ataupun sumber online lainnya. Membangun Prototype Pada tahapan ini proses perancangan dibuat dengan cara mendesain secara umum yang nantinya akan dikembangkan kembali. Pada tahap ini proses perancangan dilakukan dengan menggunakan permodelan masalah yang menggunakan analisa berorientasi objek dengan Diagram-Diagram dalam UML . Diagram tersebut antara lain Use Case Diagram . Activity Diagram. Sequence Diagram. Class Diagram dan Diagram deployment. Mengkodekan Sistem Angelina ngguwa, dkk, sistem informasi penjualan bunga berbasis website menggunakan framework codeigniter pada toko liez florist purwokerto Setelah selesai pada tahapan sebelumnya, tahap berikutnya adalah proses penyatuan konsep, dan melakukan prosedur pengkodean serta fitur-fitur yang dibutuhkan untuk menghasilkan program yang sesuai dengan kebutuhan dari desain sistem yang telah disepakati. Dalam hal ini pembuatan program dengan menggunakan bahasa pemrograman PHP . enggunakan Framework Codeignite. , . HTML. CSS . enggunakan framewok Bootstrap sebagai desain tampila. Javascript . enggunakan library framework jQuer. , dan menggunakan database MySQL. Menguji Sistem Pada tahapan ini, pengujian dilakukan terhadap sistem untuk memastikan apakah sistem ini berjalan dengan baik sesuai dengan permintaan, bebas dari kesalahan baik itu dari kesalahan pengguna atau Pada saat pengujian berlangsung, sistem akan diuji dimulai dengan melakukan input data, proses data, dan output data. Apabila dalam melakukan pengujian terdapat kesalahan baik itu dari input,proses atau output maka seharusnya sistem diperbaiki terlebihi dahulu agar semua input, proses dan output data bisa berjalan sesuai dengan apa yang diinginkan. Proses pengujian ini dilakukan dengan menggunakan pengujian Black Box testing dan pengujian White Box Testing . Evaluasi sistem Prototype Pada tahap ini program yang telah dibuat akan dievaluasi oleh pelanggan, apakah program yang dibuat sudah memenuhi kriteria atau spesifikasi yang diharapkan pelanggan atau belum. Jika program yang dibuat tidak memenuhi spesifikasi pelanggan, program yang dibuat akan kembali ke tahap perancangan sistem sampai program yang dibuat sesuai dengan apa yang diharapkan. Penggunaan sistem Setelah program yang dibuat sesuai dengan harapan pelanggan, maka program yang sudah siap pakai akan diimplemetasikan atau digunakan oleh User. HASIL DAN PEMBAHASAN 1 User Interface Sistem Tampilan Halaman Utama Pelanggan Gambar 2. Halaman utama pelanggan Tampilan Halaman Baru Angelina ngguwa, dkk, sistem informasi penjualan bunga berbasis website menggunakan framework codeigniter pada toko liez florist purwokerto Gambar 3. Halaman baru Tampilan Halaman Promo Gambar 4. Halaman promo Tampilan Halaman Login Pelanggan Gambar 5. Halaman login pelanggan Tampilan Halaman Keranjang Angelina ngguwa, dkk, sistem informasi penjualan bunga berbasis website menggunakan framework codeigniter pada toko liez florist purwokerto Gambar 6. Halaman keranjang Tampilan Checkout Gambar 7. Checkout Tampilan Invoice Gambar 8. Invoice Tampilan Login Admin dan Pimpinan Angelina ngguwa, dkk, sistem informasi penjualan bunga berbasis website menggunakan framework codeigniter pada toko liez florist purwokerto Gambar 9. Login admin dan pimpinan Tampilan Data Admin dan Pimpinan Gambar 10. Data admin dan pimpinan Tampilan Data Pelanggan Gambar 11. Data pelanggan Tampilan Data Produk Gambar 12. Data produk Tampilan Data Promo Angelina ngguwa, dkk, sistem informasi penjualan bunga berbasis website menggunakan framework codeigniter pada toko liez florist purwokerto Gambar 13. Data Promo Tampilan Data Rekening Gambar 14. Data rekening Tampilan Penjualan Siap di Proses Gambar 15. Penjualan siap di proses Tampilan Laporan Penjualan Gambar 16. Laporan penjualan 2 Pengujian Sistem Pengujian sistem pada Rancang Bangun Sisem Informasi Penjualan Bunga Berbasis Website menggunakan Framework CodeIgniter (Pada: Toko Liez Florist Purwokert. menggunakan dua metode, yaitu White Box Testing dan Black Box Testing. Berikut adalah pengujiannya: Angelina ngguwa, dkk, sistem informasi penjualan bunga berbasis website menggunakan framework codeigniter pada toko liez florist purwokerto Uji White Box Testing Kode Program Login Gambar 17. Alur white box login pelanggan Flowgraph Login Gambar 18. Flowgraph Login Pelanggan Pada gambar Flowgraph di atas dapat dihitung kompleksitas Cyclomatic proses dengan menggunakan rumus: V (G) = E Ae N 2 Angelina ngguwa, dkk, sistem informasi penjualan bunga berbasis website menggunakan framework codeigniter pada toko liez florist purwokerto V(G) : cyclomatic complexity : total jumlah edge : total jumlah node Dapat dihitung sebagai berikut: V(G) = 5 Ae 5 2 V(G) = 2 Berdasarkan urutan alurnya didapat suatu kelompok Flowgraph sebagai berikut: Jalur 1 : 1 Ae 2 Ae 3 Ae 4 Berhasil Login Jalur 2 : 1 Ae 2 Ae 3 Ae 5 Gagal Login Test case jalur 1 : bekerja jika kolom masukan nohp dan Password diisi dengan benar. Tase case jalur 2 : akan bekerja jika kolom nohp dan Password tidak diisi atau diisi salah. Uji Black Box Testing Tabel 1. Black box testing Kriteria Evaluasi Output yang benar Kesimp Semua berhasil dan tidak error Tampilan setelah klik Login Semua sudah di akses dan Sesuai Nohp dan Password Terdapat Peringatan bahwa Nohp tidak terdaftar Peringatan Nohp salah . idak Terdapat Bahwa Nohp Sesuai Nohp dan Password Terdapat Bahwa Password Peringatan Password salah sesuai Terdapat Password Sesuai Deskripsi Test Case Input Output Pengujian Login Masukan Nohp dan Password Klik tombol Login Tampil Login Nohp dan Password Nohp salah . idak Masukkan Nohp yang salah Klik tombol Login Tampilan Username Password Masukkan Password yang salah Klik tombol Login Tampilan peringatan bahwa Password salah KESIMPULAN DAN SARAN Berdasarkan penelitian yang telah di lakukan, maka dapat di ambil kesimpulan dari membagun sistem berbasiswebsite ini: Metode pengembangan sistem dengan mengunakan prototype dan UML membantu peneliti mengambarkan sistem lebih detail dalam melakukan perancangan Dengan memanfaatkan bahasa pemograman PHP dapat membagun sebuah media website pada Toko Liez Florist. Angelina ngguwa, dkk, sistem informasi penjualan bunga berbasis website menggunakan framework codeigniter pada toko liez florist purwokerto Metode pengujian mengunakan whitebox dan blackbox testing yang mampu membantu pemeliti untuk mengevalusi yang di bangun karena yang di dasari kebutuhan fungsional sistem yang sesui dengan sistem. DAFTAR PUSTAKA