## IMPLEMETASI APLIKASI TOKO ONLINE DENGAN OPTIMASI CODEIGNITER DAN JQUERY MOBILE PADA ERIK OPPO SMARTPHONE

## Abstract
[Implementation Of Online Shop Applications With Codeigniter And Jquery Mobile Optimization On Erik Phone]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 ; optimizer ; 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 .

## 1. 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  2021). 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
Irma Ayuni 1) , Iqbal 2) , Riyadhul Fajri 3)*
1) Program Studi Teknik Informatika Fakultas Ilmu Komputer Universitas Almuslim Bireuen – Aceh.
1) Program Studi Informatika Fakultas Ilmu Komputer Universitas Almuslim Bireuen – Aceh. e-mail : irma12@gmail.com 1) , iqbalbilora@gmail.com 2) , fajri071113@gmail.com 3)
ke internet. Hal ini mendorong para pengguna smartphone membeli produk smartphone yang baru (Rajudin and Taufiq 2021).
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 2018).
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 2010).

## 2. Metode
A. 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 Controller ). 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 (inixindo n.d.).
B. M-commerce
M-comme rce  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  2018), M-Commerce merupakan  suatu  transaksi  yang menghasilkan nilai jual beli menggunakan suatu jaringan telekomunikasi nirkabel.
Menurut (Amol Kale and Rajivkumar Mente 2018), M-commerce berasal dari mobile commerce merupakan suatu sistem perdagangan (e-commerce) yang dilakukan melalui media portabel seperti ponsel, PDA, dan lain- lain. Pada dasarnya, m-commerce merupakan gabungan dari e-commerce dan mobile computing . Sehingga, m - commerce adalah e-commerce yang berada dalam lingkungan nirkabel.

## C. Diagram Konteks
Diagram konteks digunakan untuk menggambarkan masukan yang dibutuhkan oleh sistem dan keluaran yang dihasilkan oleh sistem (D and Winar 2021). Berikut  adalah bentuk Diagram Konteks dari Sistem informasi m - commerce penjualan perangkat komputer:
ADMIN/KASIR Aplikasi Toko Online Pada Erik Ponsel MANAGER PEMBELI Data Perangkat komputer Alamat Legkap Pembeli Konfirmasi Permintaan Perangkat komputer L a p . P e n ju a la n P e ra n g k a t k o m p u te r L a p . S to k P e ra n g k a t k o m p u te r Data Perangkat komputer Data Penjualan Data Pembayaran Data Permintaan Alamat Pengiriman 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.

## D. ERD (Entity Relationship Diagram)
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 dalamnya. Pada setiap relasi dari ER diagram di atas juga mengandung beberapa atribut yang digunakan dalam prosesnya (Rony Setiawan 2021).

## 3. 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:
1. 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:

## 2. Halaman Tentang Kami
Halaman  ini  merupakan  halaman  yang  menampilkan  tentang  profil  Erik  Oppo  Smartphone Matangglumpangdua Bireuen. Sebagaimana gambar berikut :

## Gambar 4. Halaman Tentang

## 3. 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
4. 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.

## 5. 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

## 6. 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
a. Username
: Diisi dengan username admin sesuai dengan isi di database
b. Password
: Diisi dengan password admin sesuai dengan isi di database
c. Button Login : Fungsinya untuk proses login admin

## 7. 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 logout . Untuk lebih jelas dapat dilihat pada gambar berikut.

## 8. 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

## 9. Halaman Data Produk
Halaman  ini  merupakan  halaman  yang  menampilkan  data  produk  yang  telah  di  input  sebelumnya  oleh admin. Pada halaman ini tersedia icon untuk menghapus dan mengedit data. Untuk lebih jelas dapat dilihat pada gambar berikut.
Gambar 11. Halaman Data Produk

## 4. 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:
1. 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.
2. 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
Amol Kale, and Rajivkumar Mente. 2018. “M-Commerce: Services and Applications.” International Journal of Advanced Science and Research 3(1):19–21.
D,  Bahgia,  and  Sri  Winar.  2021.  “Implementasi  J-Query  Pada  Aplikasi  Monitoring  Kehadiran  Siswa  Untuk Orang Tua Dengan Sms Gateway.” JURNAL TIKA 6(01):44–52. doi: 10.51179/tika.v6i01.413. inixindo.  n.d.  “Building  Web  Application  with  PHP  CodeIgniter.” Inixindojogja . Retrieved (https://inixindojogja.co.id/training/it-training/building-web-application-php-codeigniter/).
Rajudin, Rajudin, and Taufiq Taufiq. 2021. “Sistem Informasi Penjualan Pada Toko Ud Osaka Menggunakan Alert System.” JURNAL TIKA 6(01):1–7. doi: 10.51179/tika.v6i01.376.
Roblyer, M. D. 2010. Integrating Educational Technology into Teaching, New Jersey, Pearson Education . 7th ed. Pearson.
Rony  Setiawan.  2021.  “Bagaimana  Cara  Membuat  ERD  Dan  Contohnya.” Dicoding 1.  Retrieved (https://www.dicoding.com/blog/cara-membuat-erd-dan-contohnya/).
Susilo,  Muhammad.  2018.  “Rancang  Bangun  Website  Toko  Online  Menggunakan  Metode  Waterfall.” InfoTekJar: Jurnal Nasional Informatika Dan Teknologi Jaringan 2(2):98–105.
ZULKIFLI, HENDRA, and Zara Yunizar. 2021. “Sistem Informasi E-Commerce Berbasis Web Dan Android Study Kasus Toko Jakarta Elektronik Samalanga.” JURNAL TIKA 6(01). doi: 10.51179/tika.v6i01.392.