P-ISSN: 2723-8202 E-ISSN: 2503-1171 Volume 9. No 1. Maret 2024. Page: 79-85 IMPLEMETASI APLIKASI TOKO ONLINE DENGAN OPTIMASI CODEIGNITER DAN JQUERY MOBILE PADA ERIK OPPO SMARTPHONE Irma Ayuni . Iqbal . Riyadhul Fajri . * Program Studi Teknik Informatika Fakultas Ilmu Komputer Universitas Almuslim Bireuen Ae Aceh. Program Studi Informatika Fakultas Ilmu Komputer Universitas Almuslim Bireuen Ae Aceh. e-mail: irma12@gmail. , iqbalbilora@gmail. , fajri071113@gmail. Abstract [Implementation Of Online Shop Applications With Codeigniter And Jquery Mobile Optimization On Erik Phon. The Smartphone Sales Information System is a management information system that produces various information that can be useful to support sales activities at Erik Phone. The manifestation of the development of this Smartphone Sales Information System is the creation of a website that is able to represent the information system designed as a whole. The resulting smartphone sales website is able to manage and display information on various types of smartphones on offer along with price lists, smartphone brands, colors, purchase methods, transactions and sales reports. In analyzing and designing this new system, the author used the system development method. Meanwhile, to carry out the analysis process, the author uses context diagrams. DFD and ERD. This system was created using the PHP. Jquery and Mysql programming languages. From this analysis and design, a new web-based smartphone sales information system was produced which can help Erik Phone carry out the smartphone promotion and sales process effectively and efficiently. Keywords: Zingiberaceae. Adam. SGD. VGG19. Abstrak Sistem Informasi Penjualan Smartphone adalah suatu sistem informasi manajemen yang menghasilkan berbagai informasi yang dapat berguna untuk mendukung kegiatan penjualan di Erik Oppo Smartphone. Wujud dari pengembangan Sistem Informasi Penjualan Smartphone ini adalah pembuatan web yang mampu mewakili sistem informasi yang dirancang secara keseluruhan. Web penjualan smartphone yang dihasilkan mampu mengelola dan menampilkan informasi berbagai jenis smartphone yang ditawarkan beserta daftar harganya, merek smartphone, warna, cara pembelian, transaksi dan laporan penjualan. Dalam melakukan analisa dan perancangan sistem baru ini, penulis menggunakan metode pengembangan sistem. Sedangkan untuk melakukan proses analisa, penulis menggunakan Diagram konteks. DFD dan ERD. Sistem ini dibuat dengan menggunakan bahasa pemrograman PHP. Jquery dan Mysql. Dari analisa dan perancangan tersebut, dihasilkan sebuah sistem informasi penjualan smartphone baru berbasis web yang dapat membantu Erik Oppo Smartphone dalam melakukan proses promosi dan penjualan smartphone secara efektif dan efisien. Kata Kunci: Penjualan. Smartphone. Web. Jquery. Pendahuluan Seiring dengan kemajuan teknologi, smartphone tidak lagi dianggap sebagai barang mewah, kebutuhan terhadap smartphone telah menjadi keperluan penting bagi banyak orang. Penggunanya juga tidak terbatas oleh orang dewasa saja, tetapi juga anak-anak dan remaja. Salah satu sebab dari kenaikan jumlah permintaan untuk produk ini adalah perkembangan fasilitas produknya yang berlanjut terus menerus (ZULKIFLI and Yunizar 2. Fasilitas yang dimiliki smartphone semakin lama semakin canggih. Produk-produk baru terus bermunculan dengan fasilitas yang menarik, seperti kamera, kemampuan untuk transfer data, bahkan untuk melakukan koneksi Jurnal TIKA Fakultas Ilmu Komputer Universitas Almuslim. Vol. No. Irma Ayuni Ae Implementasi Aplikasi Toko Online Dengan Optimasi Codeigniter Dan Jquery Mobile Pada Erik Oppo Smartphone ke internet. Hal ini mendorong para pengguna smartphone membeli produk smartphone yang baru (Rajudin and Taufiq 2. Akibat dari kenaikan permintaan, mendorong pula meningkatnya penawaran terhadap produk ini, hal ini dapat dilihat dari bertambahnya jumlah toko-toko yang menawarkan smartphone dan munculnya pusat-pusat penjualan smartphone yang baru. Toko Eric Oppo Smartphone merupakan salah satu dari sekian banyak toko yang menjual produk smartphone. Pada saat ini toko Eric Ponsel hanya melakukan penjualan secara umum, dimana pembeli datang ke toko, dan melakukan transaksi di tempat. Pembayaran dilakukan secara tunai. Sedangkan untuk pemasaran biasanya dipasang di surat kabar ataupun radio (Susilo 2. Dengan makin tingginya faktor persaingan maka dibutuhkan penawaran penjualan secara Online dan barang yang dibeli dapat dikirim sehingga customer tidak perlu lagi datang ke toko setiap akan melakukan pembelian, selain itu customer dapat melakukan pembandingan fitur yang terdapat pada smartphone yang diingininya beserta harga smartphone tersebut. Untuk mengatasi masalah pada uraian diatas, maka diperlukan adanya suatu aplikasi penjualan smartphone pada toko Eric Oppo Smartphone berbasis webstore. Aplikasi ini diharapkan dapat mempermudah proses transaksi penjualan pembelian smartphone dan kemudahan pelayanan dalam transaksi jual beli (Roblyer 2. Metode Codeigniter Codeigniter adalah Opensource web application framework yang ditulis dengan bahasa pemrograman PHP. Codeigniter atau yang lebih dikenal dengan CI bisa bekerja dengan berbagai menanam database seperti postgree. Mysql. DB2 Express-C. Oracle dan lain sebagainya. Framework ini bekerja menggunakan patern MVC (Model View Controlle. Goal utamanya adalah memisahkan data, dengan presentation layer pada aplikasi. Pada MVC layer Model bertanggung jawab terhadap koneksi data, yang berkomunikasi langsung dengan database. View bertugas sebagai presentation layer yang bertugas menampilkan UI dan Content. Controller memanajer komunikasi antara view dan model . nixindo n. M-commerce M-commerce merupakan suatu bentuk aplikasi bisnis yang merupakan perkembangan dari bisnis manual dengan mengembangkan strategi e-commerce dengan perangkat mobile yang terhubung dengan jaringan komunikasi internet. M-commerce biasanya terhubung dengan perangkat teknologi seperti smartphone, tablet. Berdasarkan (Amol Kale and Rajivkumar Mente 2. M-Commerce merupakan suatu transaksi yang menghasilkan nilai jual beli menggunakan suatu jaringan telekomunikasi nirkabel. Menurut (Amol Kale and Rajivkumar Mente 2. M-commerce berasal dari mobile commerce merupakan suatu sistem perdagangan . -commerc. yang dilakukan melalui media portabel seperti ponsel. PDA, dan lainlain. Pada dasarnya, m-commerce merupakan gabungan dari e-commerce dan mobile computing. Sehingga, mcommerce adalah e-commerce yang berada dalam lingkungan nirkabel. Diagram Konteks Diagram konteks digunakan untuk menggambarkan masukan yang dibutuhkan oleh sistem dan keluaran yang dihasilkan oleh sistem (D and Winar 2. Berikut adalah bentuk Diagram Konteks dari Sistem informasi mcommerce penjualan perangkat komputer: Data Perangkat Data Perangkat komputer Alamat Legkap Pembeli PEMBELI Alamat Pengiriman ADMIN/KASIR Data Permintaan Aplikasi Toko Online Pada Erik Ponsel Konfirmasi Permintaan Perangkat komputer Lap. Penjualan Perangkat Data Penjualan Lap. Stok Perangkat Data Pembayaran MANAGER Gambar 1. Diagram Kontek. Pada Gambar diatas menjelas tentang diagram konteks yang merupakan gambaran sistem secara keseluruhan yang terdiri dari tiga entitas yaitu: customer, pembeli dan manajer. Entitas customer menginput semua data-data produk yang akan diperjualbelikan secara online, dan pembeli memesan produk yang diinginkan sesuai produk yang tersedia sedangkan entitas manajer hanya menerima laporan dari data produk dan data penjualan. Jurnal TIKA Fakultas Ilmu Komputer Universitas Almuslim. Vol. 9 No. Irma Ayuni Ae Implementasi Aplikasi Toko Online Dengan Optimasi Codeigniter Dan Jquery Mobile Pada Erik Oppo Smartphone ERD (Entity Relationship Diagra. Entity Relationship Diagram m-commerce penjualan smartphone berbasis mobile dapat dilihat pada Gambar di bawah ini : Gambar 2. Entity Relationship Diagram Pada Gambar diatas menjelas tentang entity relationship diagram yang merupakan gambaran sistem penyimpanan data secara keseluruhan. Dapat dilihat pada diagram sistem di atas terdapat beberapa entitas di Pada setiap relasi dari ER diagram di atas juga mengandung beberapa atribut yang digunakan dalam prosesnya (Rony Setiawan 2. Hasil dan Pembahasan Perancangan sistem merupakan suatu kegiatan pengembangan prosedur dan proses yang sedang berjalan untuk menghasilkan suatu sistem yang baru, atau memperbaharui sistem yang ada untuk meningkatkan efektifitas kerja agar dapat memenuhi hasil yang digunakan dengan tujuan memanfaatkan teknologi dan fasilitas yang tersedia. Pada bagian ini penyusun akan memberikan usulan yang merupakan sistem informasi secara komputerisasi yang diharapkan akan membantu dan mempermudah pekerjaan. Berikut ini dapat kita lihat halaman terdiri dari beberapa menu hasil dari perancangan yaitu: Halaman Utama Halaman ini merupakan halaman utama yang tampil di saat sistem dijalankan, pada halaman ini terdapat beberapa menu yaitu menu beranda, menu GSM Phone, menu Acsesoris, menu tentang kami, menu kontak kami, menu ongkos kirim, menu buku tamu, dan menu keranjang belanja. Agar lebih jelas dapat dilihat pada Gambar berikut: Gambar 3. Halaman Utama Sistem Jurnal TIKA Fakultas Ilmu Komputer Universitas Almuslim. Vol. 9 No. Irma Ayuni Ae Implementasi Aplikasi Toko Online Dengan Optimasi Codeigniter Dan Jquery Mobile Pada Erik Oppo Smartphone Halaman Tentang Kami Halaman ini merupakan halaman yang menampilkan tentang profil Erik Oppo Smartphone Matangglumpangdua Bireuen. Sebagaimana gambar berikut : Gambar 4. Halaman Tentang Halaman Daftar Produk Halaman ini merupakan halaman yang menampilkan daftar produk yang dijual di Erik Oppo Smartphone. Berikut ini tampilan halaman daftar produk. Gambar 5. Halaman Daftar Produk Halaman Registrasi User Halaman ini merupakan halaman yang berfungsi sebagai form registrasi user/pelanggan, pada halaman ini menampilkan sebuah form dengan beberapa field untuk isian data user. Berikut ini tampilan halaman registrasi user. Gambar 6. Halaman Registrasi User Jurnal TIKA Fakultas Ilmu Komputer Universitas Almuslim. Vol. 9 No. Irma Ayuni Ae Implementasi Aplikasi Toko Online Dengan Optimasi Codeigniter Dan Jquery Mobile Pada Erik Oppo Smartphone Halaman Keranjang Belanja Halaman ini merupakan halaman yang menampilkan keranjang belanja yang ditampilkan dalam tabel dengan jumlah total belanja, sebagaimana gambar berikut. Gambar 7. Halaman Keranjang Belanja Halaman Login Administrator Halaman ini merupakan halaman login administrator untuk masuk ke dalam sistem dengan memasukkan username dan password, jika username dan password yang dimasukkan valid maka admin masuk ke sistem dan jika username dan password yang dimasukkan tidak valid makan admin harus login kembali. Untuk lebih jelas dapat dilihat pada gambar berikut : Gambar 8. Halaman Login Administrator Penjelasan Form Login Administrator Username : Diisi dengan username admin sesuai dengan isi di database Password : Diisi dengan password admin sesuai dengan isi di database Button Login : Fungsinya untuk proses login admin Halaman Utama Admin Halaman ini merupakan halaman utama admin. Pada halaman ini ditampilkan selamat datang admin, dan ada beberapa menu antara lain yaitu : menu tentang, menu konten, menu user, menu laporan dan menu Untuk lebih jelas dapat dilihat pada gambar berikut. Gambar 9. Halaman Utama Admin Jurnal TIKA Fakultas Ilmu Komputer Universitas Almuslim. Vol. 9 No. Irma Ayuni Ae Implementasi Aplikasi Toko Online Dengan Optimasi Codeigniter Dan Jquery Mobile Pada Erik Oppo Smartphone Halaman Input Produk Halaman ini merupakan halaman untuk proses input data produk yang di input admin setelah berhasil melakukan login. Pada halaman ini tersedia sebuah form input data dengan beberapa field. Untuk lebih jelas dapat dilihat pada gambar berikut. Gambar 10. Halaman Input Produk Halaman Data Produk Halaman ini merupakan halaman yang menampilkan data produk yang telah di input sebelumnya oleh Pada halaman ini tersedia icon untuk menghapus dan mengedit data. Untuk lebih jelas dapat dilihat pada gambar berikut. Gambar 11. Halaman Data Produk Kesimpulan Berdasarkan uraian pembahasan analisis dan pengujian yang telah dilakukan, maka dapat diambil kesimpulan terhadap pembangunan Aplikasi Toko Online Dengan Optimasi Codeigniter Dan Jquery Mobile Pada Erik Ponsel, yaitu sebagai berikut: Pembangunan media berbasis website ini memudahkan bagi pengaksesan website baik itu admin sebagai pengelola web maupun user umum untuk memperoleh informasi penjualan HP pada toko Erik Phone. Website yang telah dibangun dapat memberikan informasi penomoran index yang sesuai dengan aturan toko Erik Oppo Smartphone. Aplikasi website yang telah dibangun ini berhasil menampilkan berapa info seperti produk, data accesoris, data Event, dan info lainya, dengan ini dapat memudahkan dalam mempromosikan produk pada Toko Erik Oppo Smartphone. Daftar Pustaka