Jurnal Sistem Informasi Akuntansi (JUSINTA) AMIK Dian Cipta Cendikia ISSN: 2655-4992 MEMBANGUN APLIKASI PEMESANAN BARANG BERBASIS WEB DENGAN MENGGUNAKAN FRAMEWORK AJAX PADA PENAMART BANDAR LAMPUNG Rodhatul Janah1. Yuli Syafitri2. Jurusan Komputerisasi Akuntansi. AMIK Dian Cipta Cendikia Bandar Lampung Jurusan Manajemen Informatika. AMIK Dian Cipta Cendikia Bandar Lampung Jl. Cut Nyak Dien No. 65 Durian Payung (Palap. Bandar Lampung E-mail: rodhatul. janah5@gmail. com, ayulisyafitri@gmail. ABSTRAK Penamart Bandar Lampung merupakan salah satu perusahaan distributor yang berlokasi dijalan baypas, menjual berbagi alat peralatan kantor dalamm proses pemesanan dipenamart dilakukan dengan cara pelanggan harus datang kelokasi untuk pemesanan hal ini membuat pelanggan membutuhkan waktu yang lama. Untuk mengatasi permasalahan tersebut diperlukan sistem informasi laporan pendapatan dengan sistem yang telah terkomputerisasi sehingga dapat mengatasi permasalahan yang terjadi pada sistem yang telah ada. Dalam pengembangannya penulis akan membuat program tersebut menggunakan Framework Ajax dengan tujuan program yang akan di kembangkan dapat mempermudah perusahaan dalam mengolah data. Penelitian ini menggunakan metode pengumpulan data yaitu Observasi, wawancara dan studi pustaka. Metode pengembangan sistem yang di gunakan adalah Extreme Programming (XP), alat perancangan sistem yang di gunakan adalah Unified Modelling Language (UML). Adapun bahasa pemograman yang di gunakan adalah PHP dengan MYSQL sebagai database. Hasil akhir dari penelitian ini adalah membangun aplikasi pemesanan barang Berbasis Web dengan menggunakan Framework Ajax pada Penamart Bandar Lampung . Fasilitas yang ada di dalam apalikasi tersebut adalah Pelanggan bisa melakukan pemesanan secara online. Pelanggan bisa dengan mudah melakukan pemesanan dan tidak harus datang ke toko. Kata kunci : Pemesanan Barang Berbasis Web. Extrem Programming (XP). Unified Modelling Language (UML) PENDAHULUAN 1 Latar Belakang Pemesanan merupakan suatu unsur penting dalam suatu perusahaan atau badan usaha yang bergerak dalam bidang perdagangan karena dengan pemesanan perusahaan berharap keuntungan yang lebih maka dari itu perusahaan tersebut memerlukan pelayanan yang selektif untuk bisa mendukung kegiatan sistem pemesanan dibutuhkan suatu sistem pemesenan yang terkomputerisasi agar adapat memperlancar serta mempermudah proses pengelolahan dan transaksi pemesanan di Penamart Bandar Lampung merupakan salah satu perusahaan distributor yang berlokasi dijalan baypas, menjual berbagi alat peralatan kantor dalamm proses pemesanan dipenamart dilakukan dengan cara pelanggan harus datang kelokasi untuk pemesanan hal ini membuat pelanggan membutuhkan waktu yang lama dalam hal melakukan pemesanan maka dari itu toko ini membutuhkan website untuk pemesanan dipenamart agar lebih mudah melakukan pemesanan tanpa datang ke tokonya langsung dari pemesanan diatas maka penulis bermaksud untuk membuat aplikasi pemesanan dipenamart berbasis web dengan sistem ini penamart dapat menjual produk kepada pelanggan tanpa harus datang ke lokasi langsung, di zaman yang serba modern ini perkembangan dunia usaha di Indonesia semakin kompetitif Mau tidak mau, hal itu menuntut setiap perusahaan untuk lebih bisa mengolah manajeman perusahaannya selain itu. Rodhatul Janah1. Yuli Syafitri2 bertambahnya pesaing di setiap perusahaan baik yang lokal maupun yang internasional juga menjadi salah satu faktor yang membuat perusahaan harus mampu Maka dari itu perusahaan harus bisa menampilkan citra yang baik, menambah kinerja perusahaan, dan membuat strategi yang matang dalam membuat laporan Manajemen keuangan di dalam suatu perusahaan sangat berpengaruh pada kegiatan dan eksistensi perusahaan, serta pada setiap individu yang bekerja di dalamnya. Untuk mengatasi permasalahan tersebut diperlukan sistem informasi laporan pendapatan dengan sistem yang telah terkomputerisasi sehingga dapat mengatasi permasalahan yang terjadi pada sistem yang telah ada. Dalam pengembangannya penulis akan membuat program tersebut menggunakan Framework Ajax dengan tujuan program yang akan di kembangkan dapat mempermudah perusahaan dalam mengolah data. Framework Ajax merupakan framework open source berbasis java yang menyediakan infrastruktur yang komprehensif dalam mengembangkan aplikasi java dengan mudah dan cepat. Dengan framework Ajax kita bisa mengembangkan aplikasi enterprise dan web. Berdasarkan hal diatas maka penulis tertarik untuk membuat penelitian di PT PENAMART Bandar Lampung. 2 Referensi 1 Pengertian Pemesanan JUSINTA | Vol. 3 No. 2 | November 2019 Jurnal Sistem Informasi Akuntansi (JUSINTA) AMIK Dian Cipta Cendikia ISSN: 2655-4992 Kemajuan teknologi sekarang ini memungkinkan pemesanan tidak hanya dapat dilakukan jika konsumen dan penjual bertatap langsung, tetapi dapat dilakukan dari jarak jauh sekalipun, misalnya dengan menggunakan E-commerce, yaitu sistem pemesanan barang lewat internet. AuPemesanan adalah proses perbuatan, cara memesan atau memesankan. Pemesanan merupakan salah satu aktifitas dalah sebuah perusahaan rental buku, pemesanan dilakukan oleh konsumen, adanya pemesanan membantu penjual menentukan jumlah persediaan barang. Ay (Jogiyanto, 2. 2 Pengertian Sistem Informasi Dalam beberapa permasalahan sistem informasi selalu dititik beratkan kepada bagaimana dalam menghasilkan sebuah informasi dan saran apa yang harus dilengkapi sebagai pendukung yang handal. Sistem informasi adalah suatu komponen yang terdiri dari manusia, teknologi informasi, dan prosedur kerja yang memproses, menyimpan, menganalisis, dan menyebarkan informasi untuk mencapai suatu tujuan. (Agus Mulyono, 2. Sistem informasi adalah AySistem dapat didefinisikan dengan mengumpulkan, memperoses, menyimpan, menganalisis, menyebarkan informasi untuk tujuan tertentu. Seperti sistem lainnya, sebuah sistem informasi terdiri atas input . ata, instruks. dan output . aporan, kalkulas. Ay. (Sutarman, 2012:. Dari pendapat di atas dapat disimpulkan bahwa sistem informasi merupakan gabungan dari manusia, hardware, software, jaringan komunikasi dan datayang saling berinteraksi untuk menyimpan, mengumpulkan, memproses, dan mendistribusikan informasi untuk mendukung pengambilan keputusan dalam suatu 3 Pengertian Web Website adalah sebuah kumpulan halaman . yang diawali dengan halaman muka . yang berisikan informasi, iklan serta program interaksiAy. (Asropudin, 2013:. Aplikasi web atau yang lebih sering disebut web application ialah suatu website yang membuat pengguna dapat mengakses internet melalui software dari berbagai komputer atau device yang terkoneksi dengan internet. Ay Jadi dari definisi diatas, dapat di simpulkan bahwa web atau website adalah kumpulan halaman-halaman menarik yang berisikan informasi yang dapat diakses dengan komputer atau device yang terkoneksi dengan (Irwansyah, 2014:. 4 Framework Ajax Framework menurut Zachman menggambarkan arsitektur organisasi secara umum dan menguraikannya sebagai enterprise system yang Zachman Framework merupakan salah Rodhatul Janah1. Yuli Syafitri2 satu kerangka kerja yang populer dalam memetakan arsitektur informasi di sebuah organisasi. Framework Ajax merupakan sebuah framework yang dapat membantu untuk mengembangkan aplikasi web berbasis Ajax dengan mudah. Beberapa Framework Ajax, seperti berikut ini : Prototype Framework JavaScript yang menyediakan fungsifungsi Ajax dan beberapa utiliti JQuery Framework JavaScript yang menyediakan framework Ajax dan beberapa utiliti Ext Library pengembangan dari Prototype. JQuery dan YUI Script. Digunakan bersamaan dengan Prototype, fitur utamanya untuk animasi dan pengembangan MooTools Framework JavaScript modular dan sederhana yang paling banyak diketahui orang, digunakan untuk efek visual dan transisi. (Zachman Information System For Educators And Professional. 5 Pengertian PHP PHP adalah sebuah bahasa pemrograman web berbasis server . erver-sid. yang mampu memparsing kode PHP dari kode web dengan ekstensi . sehingga menghasilkan tampilan website yang dinamis di sisi client . PHP adalah bahasa script yang sangat cocok untuk pengembangan web dan dapat dimasukkan ke dalam HTML. (Winarno, 2014:. 6 Pengertian Xampp XAMPP adalah paket program web lengkap yang dapat Anda pakai untuk belajar pemrograman web, khususnya PHP dan MySQLAy. (Nugroho, 2013:. XAMPP adalah perangkat lunak opensource yang diunggah secara geratis dan bisa dijalankan di semua semua operasi seperti windows, linux, solaris, dan macAy. (Buana, 2014:. 7 Pengertian Mysql MySQL adalah sebuah software database. MySQL merupakan tipe data relasional yang artinya MySQL menyimpan datanya dalam bentuk tabel-tabel yang saling berhubungan (Edy Winarno, 2014:. MySQL merupakanbasis data yang bersifat open source sehingga banyak digunakan di dunia. Adadua cara untuk menggunakan MySQL yaitu: Menggunakan console/command line atau PHP. Kita harus hafal perintah Ae perintah dalam MySQL. Interface yang digunakan hanya text-based. Menggunakan PHPMyAdmin, dapat diakses dengan alamat Subekti, (Ichsan Risnandar, 2013:. JUSINTA | Vol. 3 No. 2 | November 2019 Jurnal Sistem Informasi Akuntansi (JUSINTA) AMIK Dian Cipta Cendikia ISSN: 2655-4992 8 UML (Unified Modeling Languag. Unified modelling Language (UML) adalah sebuah AubahasaAy yang telah menjadi standar industri untuk evaluasi, merancang dan mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar untuk Dengan menggunakan UML kita dapat membuat model untuk semua jenis aplikasi piranti lunak, aplikasi tersebut dapat berjalan pada piranti keras, sistem operasi dan jaringan apapun, serta ditulis dengan bahasa pemograman apapun. ( A. S Rosa , 2. 2 Analisis Proses 1 Alat Rancang yang Digunakan Use Case Diagram Use Case merupakan bagian tertinggi dari fungsionalitas yang dimiliki sistem yang akan menggambarkan bagaimana seseorang atau actor akan menggunakan dan memanfaatkan sistem. Diagram ini juga mendeskripsikan apa yang akan dilakukan oleh Diagram Use Case pusat peminjaman ruangan dan peralatan dapat dilihat pada gambar dibawah ini: METODE PENELITIAN Metode penelitian yang digunakan adalah Extreme Programming (XP) yaitu sebuah pendekatan atau model pengembangan perangkat lunak yang mencoba menyederhanakan berbagai tahapan dalam proses pengembangan tersebut sehingga menjadi lebih adaptif dan fleksibel. Halaman Login Admin 1 Analisa Kebutuhan Analisa kebutuhan sistem dapat didefinisikan sebagai penguraian suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhankebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya. Berikut metode pengumpulan data yang dilakukan penulis untuk melakukan penilitian ini adalah sebagai Pengamatan (Observas. Teknik observasi adalah teknik pengumpulan data dengan cara peneliti melakukan pengamatan secara langsung di lapangan. Pengamat disebut observer yang diamati disebut observer. Studi Literatur (Library Researc. Studi Literatur teknik simak dapat dibagi menjadi beberapa teknik, antara lain teknik catat. Teknik catat merupakan teknik pengumpulan data dengan cara menggunakan buku-buku, literatur ataupun bahan pustaka, kemudian mencatat atau mengutip pendapat para ahli yang ada di dalam buku tersebut untuk memperkuat landasan teori dalam penelitian. Teknik simak catat ini menggunakan buku-buku, literatur, dan bahan pustaka yang relevan dengan penelitian yang dilakukan, biasanya dapat ditemukan di perpustaka maupun di tempat penulis melakukan Wawancara Metode pengumpulan data dengan wawancara dilakukan melalui tatap muka dan tanya jawab langsung antara pihak yang bersangkutan mengenai profil dan gambaran perusahaan. Rodhatul Janah1. Yuli Syafitri2 2 Rancangan Tampilan Input Admin Gambar 1 Halaman Login Admin Gambar dibawah ini merupakan form login admin untuk mengolah data website dengan memasukan Username dan Password. Tampilan Home Gambar 2 Tampil Home Menu utama admin merupakan tampilan awal yang berisi logo, home, kategori, produk, pemesanan, member, laporan dan logout admin, produk, ditoko Penamart. Halaman Kategori Produk Gambar 3 Tampilan Kategori Produk Gambar di atas menampilkan daftar kategori yang sudah di input oleh user. Halaman form kategori digunakan user untuk menginput kategori apa saja JUSINTA | Vol. 3 No. 2 | November 2019 Jurnal Sistem Informasi Akuntansi (JUSINTA) AMIK Dian Cipta Cendikia ISSN: 2655-4992 yang ingin di tampilkan ke dalam website, serta mengetahui detail. Halaman Tampil Tambah Produk Maka pada bab ini akan menjelaskan tentang pembuatan program aplikasi beserta bagaimana program aplikasi ini bekerja, dengan memberikan contoh tampilan. Tahap dimana sistem siap pada tahap sebenarnya, sehingga akan diketahui apakah sistem yang dibuat benar-benar dapat menghasilkan tujuan yang diinginkan. Halaman Input Registrasi Pelanggan Gambar 4 Tampil Tambah Produk Halaman form produk digunakan user untuk menginput produk-produk apa saja yang ingin di tampilkan ke dalam website, serta mengetahui detail dan harga produk. Tampilan Daftar Pesanan dan Data Pesanan Gambar 6 Halaman Input Registrasi Halaman register ditujukan untuk Registrasi. Halaman ini berfungsi agar pelanggan dapat memiliki username dan password yang bisa digunakan untuk login dan melakukan Pemesanan. Gambar 5 Tampilan Daftar Pesanan dan Data Pesanan Gambar di atas menampilkan data pesanan yang sudah di input oleh pelanggan dan menampilkan data pesanan yang detail. PEMBAHASAN Berdasarkan hasil analisa yang telah dilakukan maka dapat dilihat bahwa aplikasi Website Pemesanan barang ini memiliki waktu proses yang relatif cepat dalam pengaksesan tiap halamannya karena menerapkan teknologi Ajax di dalamnya. Hal ini sesuai dengan tujuan penelitian yaitu dapat menerapkan teknologi Ajax pada aplikasi website. Aplikasi ini juga memberikan kemudahan bagi pelanggan yang ingin melakukan pemesanan barang dengan mengakses website ini sehingga disimpulkan bahwa kinerja aplikasi web pemesanan barang ini masih dianggap baik. Dengan adanya aplikasi ini, pelanggan tidak perlu lagi harus dan ke toko untuk mendapatkan hak akses login ke website pemesanan Alamat Rodhatul Janah1. Yuli Syafitri2 Tampilan Halaman Login Pelanggan Gambar 7 Tampilan Login Pelanggan Halaman Login adalah salah satu kunci untuk melakukan transaksi pemesanan pada toko PT. Penamart di Bandar Lampung. KESIMPULAN Setelah Sistem Informasi Pemesanan Barang Berbasis Web pada Penamart Bandar Lampung ini dapat ditarik kesimpulan bahwa sistem yang dirancang dapat berfungsi sesuai dengan tujuan dari dirancangnya sistem ini dan sesuai dengan apa yang dibutuhkan oleh penggunanya yakni mengurangi masalah yang terjadi dalam toko Penamart, dimana: Sistem informasi pemesanan tempat berbasis web dengan menggunakan framework ajax pada toko Penamart saat ini dapat memudahkan pelanggan dalam mengetahui informasi dan harga produk tanpa harus datang langsung ke toko Penamart. Sistem informasi penjualan berbasis web yang telah di bangun dapat menangani permasalahan yang ada pada toko Penamart dalam hal menyebarluaskan informasi yang ada. JUSINTA | Vol. 3 No. 2 | November 2019 Jurnal Sistem Informasi Akuntansi (JUSINTA) AMIK Dian Cipta Cendikia ISSN: 2655-4992 Implementasi sistem yang dirancang dapat meningkatkan pelayanan terhadap pelanggan dan menjadikan sistem informasi yang ada menjadi lebih optimal. Analisis dan pengujian sistem yang di implementasikan pada toko Penamart dapat memudahkan user atau pelanggan dalam mengoprasikan sistem tersebut. PUSTAKA