JIKA (Jurnal Informatik. Universitas Muhammadiyah Tangerang Tangerang. Juni, pp 264- 269 P ISSN : 2549-0710 E ISSN : 2722-2713 MEMBANGUN INTERFACE SISTEM INFORMASI PENJUALAN BERBASIS WEBSITE Asri Wahyuni . Luthfi Indriyani . Progam studi Sistem Informasi fakultas Teknik Informatika. Universitas Bina Sarana Informatika, jl. Kamal raya ringroad Co Responden Email : Asri. awx@bsi. id 1*. Luthfi. lfy@bsi. Article history Received April 22, 2021 Revised June 16, 2021 Accepted July 27, 2021 Available online July 30, 2021 Keywords Waterfall. Phpmyadmin. Clothing Riwayat Diterima 22 April 2021 Revisi 16 Juni 2021 Disetujui 27 Juli 2021 Terbit 30 Juli 2021 Kata Kunci Waterfall. Phpmyadmin. Pakaian Abstract The system used at PT. Orderplus Technologies Indonesia still relies on social media to promote its clothing products which are considered inefficient, especially in clothing sales, so it requires more time in clothing sales and the data presented is sometimes inaccurate. The method used in this study uses the waterfall method. As well as data collection using observation techniques, interviews and literature studies. The results of the analysis state that the current system produces reports with quality information that is less relevant and the data presented are sometimes inaccurate due to errors from data processing actors. Therefore the authors propose a new web-based system design with MySQL and PhpMyAdmin as database, and balsamiq mockup 3 as a prototype interface design in the hope that it can help ease or speed up work processes and improve quality in data at PT. Orderplus Technologies Indonesia. Abstrak Sistem yang digunakan pada PT. Orderplus Technologies Indonesia masih mengandalkan media sosial untuk mempromosikan produk pakaian nya yang dinilai kurang efisien khususnya pada penjualan pakaian sehingga membutuhkan waktu lebih dalam penjualan pakaian serta data yang disajikan terkadang tidak akurat. Metode yang digunakan dalam penelitian ini menggunakan metode waterfall. Serta pengumpulan data menggunakan teknik observasi, wawancara dan studi pustaka. Hasil dari analisa menyatakan bahwa sistem yang berjalan saat ini menghasilkan laporan dengan kualitas informasi yang kurang relevan dan data yang disajikan terkadang tidak akurat disebabkan oleh kesalahan dari pelaku pengolah data. Maka dari itu penulis mengusulkan rancangan sistem yang baru berbasis web dengan MySQL dan PhpMyAdmin sebagai basis data, serta balsamiq mockup 3 sebagai desain prototype interface dengan harapan dapat membantu meringankan atau mempercepat proses kerja dan meningkatkan kualitas dalam pengolahan pada PT. Orderplus Technologies Indonesia. PENDAHULUAN Persaingan dalam usaha perdagangan yang semakin ketat, memotivasi usaha-usaha tersebut untuk selalu meningkatkan diri agar eksistensi dapat dipertahankan. Kemenangan dalam persaingan tidak hanya bergantung pada modal yang besar, namun juga kecepatan Kualitas informasi ditentukan oleh ketepatan waktu, dan relevansi. Untuk memenuhi kebutuhan akan informasi yang berkualitas, diperlukan alat pemroses data yang memiliki kecepatan tinggi dan hasil yang akurat, misalnya komputer dan Internet. Internet adalah sebagai jaringan komputer yang sangat luas dan besar dan mendunia, menghubungkan pemakai komputer dari satu negara ke negara lain di seluruh dunia,dimana di dalamnya terdapat berbagai sumber (Hastanti. Eka. Indah, & Wardati. Dalam sistem yang sedang berjalan di PT. Logistics Plus Indonesia terdapat banyak kendala antara lain sulitnya mempromosikan atau memasarkan barang koleksi ke banyak Karena pelanggan hanya dapat melihat melalui Sosial media. Selain itu pihak JIKA | 264 JIKA (Jurnal Informatik. Universitas Muhammadiyah Tangerang Tangerang. Juni, pp 264- 269 PT. Logistics Plus Indonesia menginginkan peningkatan penjualan. Untuk mengatasi permasalahan tersebut dan untuk meningkatkan kinerja dalam melayani para customer, maka dibutuhkan menggunakan teknologi komputer yang berbasis website. Hal tersebut menjadi dasar untuk memudahkan customer dalam melihat produk-produk yang ditawarkan, melakukan pemesanan, dan membeli produk secara Tujuan dari perancang sebuah website agar dapat berfungsi sebagai media promosi utama untuk produk-produk yang ditawarkan oleh PT. Logistics Plus Indonesia, serta memberikan solusi atau alternatif baru kepada PT. Logistics Plus Indonesia dalam proses penjualan pakaian menggunakan teknologi KAJIAN LITERATUR Konsep Dasar Sistem Menurut (Suparlan, 2. AuBanyak cara yang dapat dilakukan untuk menjual sesuatu. Trend yang berkembang sekarang memakai media online untuk promosi dan menjual Teknologi informasi berbasis website bisa online terus menerus, menjangkau berbagai wilayah, memudahkan orang banyak dalam transaksiAy. Menurut Madcoms dalam (Isty & Afifah, 2. AuE-commerce (Electronic Commerc. adalah penjualan dan pembelian produk, informasi, dan jasa yang dilakukan dengan memanfaatkan jaringan komputerAy Model Pembelajaran Berbasis Web Menurut Ridwan dalam (Batubara, 2. AuPembelajaran berbasis web merupakan salah satu bagian dari contoh pembelajaran elektronik . -learnin. dengan menggunakan teknologi internet sebagai sarana belajarAy. Menurut Ridwan dalam (Batubara, 2. AuPembelajaran berbasis web merupakan salah satu bagian dari contoh pembelajaran elektronik . -learnin. dengan menggunakan teknologi internet sebagai sarana belajarAy. P ISSN : 2549-0710 E ISSN : 2722-2713 terintegrasi, komponen yang terorganisir dan bekerja sama dalam mewujudkan suatu tujuan Menurut Sutabri dalam (Isty & Afifah, 2. menyimpulkan bahwa AuSistem dapat diartikan sebagai suatu kumpulan atau himpunan dari unsur, komponen, atau variable yang terorganisasi saling berinteraksi, saling tergantung satu sama lain dan terpaduAy. Definisi Website Dengan website kita dapat menampilkan informasi apa saja melalui browser dan informasi tersebut dapat ditampilkan. Bahkan melalui website kita dapat menonton televisi, radio dan video secara online. Menurut Andi dalam (Nurajizah & Febriyanta, 2. menyimpulkan bahwa : Halaman informasi yang disediakan melalui jalur internet sehingga dapat diakses di seluruh dunia selama terkoneksi dengan jaringan Profesi Teknologi Informasi sangat mendukung terbentuknya sebuah website dimana profesi-profesi tersebut sangat memberikan dukungan dalam terbentuknya suatu website, dari proses perangcangan hingga proses publikasi website ke jaringan Unified Modeling Language (UML) Dalam pembuatan Unifield Modeling Language (UML) para ahli sering menggunakan teknik pemodelan sistem yang berdasarkan pada prosedur-prosedur atau alur dari sebuah sistem. Unifield Modeling Language (UML) merupakan sebuah prosedur sistem secara keseluruhan dan dapat menguraikan prosedur kedalam bentuk yang lebih rinci. Menurut Chonoles dalam (Hidayat. Siwi. Utami. Damayanti, & Bsi, 2. mengatakan Sebagai bahasa, berarti UML memiliki sintaks dan semantik. Ketika kita membuat model menggunakan konsep UML ada aturan-aturan yang harus diikuti. Bagaimana elemen pada model- model yang kita buat berhubungan satu dengan lainnya harus mengikuti standar yang Sistem Secara garis besar sistem merupakan suatu kumpulan komponen dan elemen yang saling JIKA | 265 JIKA (Jurnal Informatik. Universitas Muhammadiyah Tangerang Tangerang. Juni, pp 264- 269 METODE PENELITIAN Metode menggunakan model waterfal. Menurut (A. Rosa & Shalahudin, 2. menyimpulkan Model SDLC (System Development Life Cycl. air terjun . sering juga disebut model sekuensial linier . equential linea. atau alur hidup klasik . lassic life cycl. Model air terjun menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau terurut dimulai dari analisis, desain, pengodean, pengujian, dan tahap pendukung . Berikut adalah 2 tahapan yang penulis pakai dalam model waterfall, yaitu: Analisis kebutuhan perangkat lunak. Proses pengumpulan kebutuhan dilakukan secara intensif untuk memspesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti apa yang di butuhkan oleh PT. Logistics Plus Indonesia. Spesifikasi kebutuhan perangkat lunak pada tahap ini adalah untuk dibuatkan rancangan sistem penjualan pakaian berbasis web. Desain Desain perangkat lunak adalah proses multi langkah yang fokus pada desain pembuatan program perangkat lunak termasuk stuktur reprensintasi antarmuka, dan prosedur Tahap ini mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke representasi desain agar dapat diimplementasikan menjadi program pada tahap selanjutnya. Desain perangkat lunak yang dihasilkan pada tahap ini kamus data, basis data yang meliputi rancangan diagram Use Case, rancangan diagram aktivitas. Rancangan Prototype. Entity Relationship Diagram (ERD). Logical Record Sturucture (LRS). Spesifikasi File. Class Diagram. Sequence Diagram dan Spesifikasi Hardware & Software. Dengan teknik pengumpulan data sebagai Observasi Pada tahapan ini, penulis melakukan pengamatan Ae pengamatan terhadap kegiatan yang berhubangan tentang penjualan pakaian. Penulis mengobservasi PT. Logistics Plus Indonesia yang beralamat di Jl. Djairi P ISSN : 2549-0710 E ISSN : 2722-2713 No. 234 Rawa Buaya. Cengkareng. Jakarta Barat. Hasil dari pengamatan tersebut langsung dicatat oleh penulis dan dari kegiatan observasi dapat diketahui proses dari kegiatan Wawancara Dalam penulisan ini ,untuk mendapatkan informasi secara lengkap maka penulis melakukan suatu teknik wawancara langsung mengenai semua kegiatan yang berhubungan Adapun narasumber yang terkait dalam sesi wawancara itu adalah Bapak Sim Dedy Rosa selaku Manager Gudang Studi Pustaka Studi Pustaka digunakan penulis untuk menghimpun informasi yang relevan dengan topik masalah yang sedang di teliti melalu retelaturAeretelatur atau refrensiAerefrensi yang ada di perpustakaan Universitas BSI maupun diperpustakaan lainnya. HASIL DAN PEMBAHASAN Analisa system berjalan Adapun prosedur dari sistem penjualan pakaian yang sedang berjalan adalah sebagai Proses Pemesanan melalui sosial media. Proses konfirmasi pembayaran. Proses Penyiapan barang pesanan. Proses Packing dan pemberian label. Proses pengiriman barang pesanan. Proses pemberitahuan barang pesanan Proses konfirmasi pesanan sampai Analisis Kebutuhan Berdasarkan hasil penelitian yang telah dilakukan, dimana dalam penyediaan informasi sebagai pendukung suatu laporan penjualan pakaian membutuhkan waktu yang cukup lama dalam pengolahan datanya. Oleh karena itu dibutuhkan suatu sistem informasi mengurangi kendala-kendala yang terjadi, mempercepat rutinitas dalam proses penjualan pakaian. Rancangan Diagram Use Case Use case diagram adalah merupakan pemodelan untuk kelakuan . sistem Use mendeskripsikan sebuah interaksi antara satu JIKA | 266 JIKA (Jurnal Informatik. Universitas Muhammadiyah Tangerang Tangerang. Juni, pp 264- 269 atau lebih actor yang terkait dengan sistem informasi yang akan dibuat. P ISSN : 2549-0710 E ISSN : 2722-2713 Rancangan Diagram Use Case Ruang Customer Gambar 3. Diagram usecase ruang Rancangan Diagram Aktivitas Diagram aktivitas atau activity diagram menggambarkan aktivitas yang akan dibuat untuk membangun sebuah sistem. Rancangan Diagram Aktivitas Pembelian Baju Gambar 1. Rancangan usecase diagram Rancangan Diagram Use Case Daftar Customer Gambar 2. Diagram usecase daftar Gambar 4. Diagram Aktivitas Pembelian Baju JIKA | 267 JIKA (Jurnal Informatik. Universitas Muhammadiyah Tangerang Tangerang. Juni, pp 264- 269 Rancangan Diagram Aktivitas Pendaftaran P ISSN : 2549-0710 E ISSN : 2722-2713 Tampilan Login Customer Gambar 8. Rancangan Prototype Halaman Login Customer Tampilan Detail Pakaian Gambar 5. Rancangan Diagram Aktivitas Pendaftaran akun Rancangan Diagram Aktivitas Barang Gambar 9. Rancangan Prototype Detail Pakaian Tampilan Keranjang Pakaian Gambar 6. Rancangan Diagram Aktivitas Barang sampai Rancangan Prototype Tampilan Beranda Website Penjualan Baju Gambar 10. Rancangan Prototype Keranjang Pakaian Tampilan Komfirmasi Pembayaraan Gambar 7. Rancangan Prototype Beranda Gambar 11. Rancangan Prototype Komfirmasi Pembayaraan JIKA | 268 JIKA (Jurnal Informatik. Universitas Muhammadiyah Tangerang Tangerang. Juni, pp 264- 269 Entity Relationship Diagram (ERD) Perancangan basis data menghasilkan pemetaan tabel-tabel yang digambarkan dengan Entity Relationship Diagram (ERD). Gambar 12. Entity Relationship Diagram (ERD) Logical Record Structure (LRS) Logical Structure (LRS) merupakan representasi dari struktur recordrecord dari hasil antar himpunan entitas. Gambar 13. Logical Structure Record (LRS) KESIMPULAN Hasil Perancangan Sistem Penjualan Pakaian Berbasis Web Pada PT. Orderplus Technologies Indonesia, dalam upaya peningkatan kualitas penjualan dan dengan adanya komputerisasi sistem yang diusulkan diharapkan dapat membantu tindak lanjut terhadap proses penjualan dan promosi pada PT. Orderplus Technologies Indonesia. Adapun kesimpulannya antara lain: Dalam pengolahan data penjualan yang diterapkan saat ini untuk promosi produk penjualannya masih menggunakan sosial P ISSN : 2549-0710 E ISSN : 2722-2713 media dan pengarsipan data berupa kumpulan bon sehingga menyebabkan kemungkinan ketidakakuratan data cukup Dengan adanya suatu perancangan sistem penjualan berbasis web ini, diharapkan akan dapat membantu dan juga mempercepat proses penjualan dan promosi pada perusahaan PT. Orderplus Technologies Indonesia. Rancangan sistem penjualan yang baru ini diharapkan dapat membantu dalam perealisasian program atau aplikasi untuk sistem penjualan yang terkomputerisasi. REFERENSI