## Penerapan Framework for the Application of System Technique pada Penjualan Stationery Berbasis Website

## Rima Tamara Aldisa
Fakultas Teknologi Komunikasi dan Informatika, Informatika, Universitas Nasional, Jakarta Jl. Sawo Manila No.61, Kota Jakarta Selatan, Indonesia Email Penulis Korespondensi: rimatamaraa@gmail.com Submitted 15-02-2022 ; Accepted 25-02-2022 ; Published 25-02-2022

## Abstrak
Stasionery  adalah  merupakan  alat  alat  tulis  kantor  seperti  pensil,  pulpen,  buku,  kertas,  penggaris,  amplop  dan  masih  banyak  lagi  stok barangnya. Toko Stasionery menjual beraneka macam jenis alat alat tulis. Pada saat ini cara memasarkannya barang masih melalui dengan cara membuka menyewa toko, menggunakan brosur dan spanduk depan toko. Terjadi permasalahan yaitu pihak pemilik toko stasionery kesulitan dan belum bisa mengontrol jumlah stok barang, data penjualan baik itu pemasukan dan pengeluaran. Merancang sistem penjualan stasionery dan dikembangkan dengan metode FAST (Framework for the Aplication of System Technique) . Tujuan penelitian agar Aldi Stasionery  dapat  memiliki  tampilan  website  yang  mudah  digunakan  pembeli,  menarik,  dapat  memudahkan  pemilik  toko  dalam memasarkan barang, memberikan diskon dan juga dapat memudahkan dalam pengelolah dan laporan dalam transaksi penjualan.
Kata Kunci: Sistem Penjualan; Metode FAST; Stasionery; Website

## Abstract
Stationery  is  an office  stationery  such  as  pencils, pens, books, paper,  rulers,  envelopes  and  many more  in  stock.  Stationery  shop  sells various kinds of stationery. At this time, the way to market goods is still through opening a rented shop, using brochures and shop front banners. The occurrence of the problem is that the stationery shop owner has difficulty and has not been able to control the  number of goods, sales data, both income and expenses. Designing a stationary sales system and developing it using the FAST (Framework for the Application of System Technique) method. The purpose of the research is that Aldi Stationery can have a website that is easy for buyers to use, attractive, can make it easier for shop owners to market goods, provide discounts and can also make it easier to manage and report sales transactions.
Keyword: System Sales, FAST Method, Stasionery, Website

## 1. PENDAHULUAN
Merancang  Sistem  Penjualan Stasionery  ini  merupakan  suatu  cara untuk  membantu  pihak  pemilik  toko  stasionery  dalam kesulitan  memasarkan  barang  dan  belum  bisa  mengontrol  jumlah  stok  barang,  data  penjualan  baik  itu  pemasukan  dan pengeluaran.  Diperlukan  dan sangat  dibutuhkan  tampilan  suatu  halaman  utama  website  yang  mudah  digunakan  pembeli, menarik,  berwarna.  Terdapat  beberapa  referensi  dari  beberapa  judul  jurnal  seperti,  [1]  Kardinal,  &  Tasrif,  E.  (2018). Perancangan Sistem E-Commerce Pada Toko Salsa Sport Berbasis Web dari judul itu memiliki kesimpulan bahwa dapat membantu pemilik toko dalam mengatur sistem yang diterapkan pada toko salsa sport, dapat mempermudah pembeli dalam melakukan transaksi atau pembelian barang yang tersedian. [2] Alfiah, F., Tarmizi, R., & Junidar, A. A. (2020). Perancangan Sistem E-Commerce Untuk Penjualan Pakaian pada Toko A&S dari judul itu memiliki kesimpulan awalnya memasarkan produk dengan cara konvesional namun untuk sekarang menggunakan sistem penjualan E-Commerce yang  memudahkan  untuk  mempromosikan  dan  menjual  produk.  [3]  Nur  Rais,  A.,  &  Ishaq,  A.  (2020).  Metode  FAST  & Framework PIECES : Analisis & Desain Sistem Informasi Penjualan Berbasis Website dari judul itu memiliki kesimpulan bahwa dapat memperluas pangsa pasar, yang diharapkan dapat meningkatkan jumlah penjualan, dapat bersaing secara  global  yang  diharapkan  dapat  tumbuh  dan  berkembang  bisnisnya.  [4]  Samsuni,  S.,  &  Erfiyani,  E.  (2018). Rancang  bangun  aplikasi  E-Commerce  penjualan  produk  kecantikan  dan  fashion  pada  AC  Fashion  Style  dari  judul  itu memiliki  kesimpulan  bahwa  untuk  meminimalkan  waktu  proses  penjualan  sehingga  pendapatan  toko  dapat meningkat. [5] Nugroho, D. A., Husni, I., & Amin, A. (2018). Aplikasi CRM pada Anto Stationery Dengan Metode First  in  First  Out  Berbasis  Web  dari  judul  itu  memiliki  kesimpulan  dapat  membantu  proses  penjualan  dan mempermudah  bertransaksi  jarak  jauh  dengan  pelanggan  Toko  Anto  Stationery.    Dari  beberapa  referensi pembanding jurnal diatas maka tujuan dari merancang sistem penjualan stasionery ini membantu pihak pemilik toko dalam membuat  tampilan  website  yang    menarik,  memudahkan  pembeli,  dan  membantu  dalam  pengelolah  dan  laporan  dalam transaksi penjualan stasionery. Metode FAST (Framework for the Aplication of System Technique) yaitu metode kerangka kerja yang cukup fleksibel untuk berbagai jenis proyek dan strategi, pengmbangan sistem dengan metode FAST dilakukan secara berurutan dan bertahap [6]. Sistem ini diharapkan dapat memudahkan customer dalam membeli stasionery dan juga dapat memudahkan pengelolahan dan laporan transaksi data barang.

## 2. METODOLOGI PENELITIAN
Metodologi  penelitian  adalah  teknik  yang  disusun  secara  teratur  dan  berurutan  yang  digunakan  oleh  peneliti  untuk mengumpulkan mendapatkan data atau suatu informasi dalam melakukan penelitian yang sesuai dengan objek yang diteliti [7].

## 2.1 Tahapan Penelitian
Tahapan  Penelitian  adalah  tingkatan  sebuah  aktivitas  penelitian  yang  dimana  tahapan  ini  dapat  dilakukan  dengan  cara terstruktur, runtut, jelas, logis dan sistematis [8]. Terdapatan tahapan penelitian dalam jurnal ini.

## Gambar 1. Tahapan Penelitian
Pada tahap ini kita harus mengetahui terlebih dahulu latar belakang, tujuan masalah, studi literatur diambil dengan cara  wawancaa  dan  referensi  pembanding,  menganalisis  sistem,  menggunakan  metode  FAST,  merancang  sistem, implementasi sistem. Dengan Metode FAST (Framework for the Aplication of System Technique) u ntuk langkah-langkah dalam pembuatan, pengerjaan sistem.

## 2.2 Metode FAST (Framework for the Aplication of System Technique)
Metode  FAST (Framework  for  the  Aplication  of  System  Technique) adalah  metode  kerangka  kerja  yang  cukup  fleksibel untuk berbagai jenis proyek dan strategi, pengmbangan sistem dengan metode FAST dilakukan secara berurutan dan bertahap [9].

## 2.2.1 Tahapan dalam Metode FAST (Framework for the Aplication of System Technique)
Tahap Analisis dan Perancangan Sistem adalah salahsatu tahapan awal dimana dalam pengembangan sistem dengan metode FAST (Framework for the Aplication of System Technique) Tahapan ini meliputi dan menyangkup seperti ; a. Definisi Lingkup (Scope Definition) adalah dimana tahapan ini dari awal mngumpulkan suatu informasi atau data-data yang diperlukan seperti latar belakang, tujuan masalah.
b. Analisis Permasalahan (Problem Analysis) adalah tahapan kedua ini menganalisis suatu masalah apa yang terjadi dan dapat membantu dalam mengurangi pemasalahan yang sebelumnya atau yang telah terjadi seperti memberikan ide untuk membuatkan website yang menarik, mudah digunakan oleh pembeli
c. Analisis Kebutuhan (Requirements Analysis) adalah tahapan ketiga ini pengurutan kebutuhan pelaku usaha bisnis seperti tampilan awal atau antarmuka website yang diinginkan pengguna itu mau seperti apa.
d. Desain Logis (Logical Design) adalah tahapan keempat menggambarkan struktur proses bisnis, alur kerja dan antarmuka pengguna.
e. Analisis Keputusan (Descision Analysis) adalah tahapan kelima ini untuk memilih dan menggunakan software perangkat lunak dan hardware perangkat keras apa saja yang bisa dapat akan dgunakan untuk membuat sistem
f. Desain  Fisik  (Physical  Design)  adalah  tahapan  keenam  ini  untuk  memberitahu  kebutuhan  -  kebutuhan  apa  saja  yang diperlukan dan dibutuhkan dalam bsnis ke desain website seperti menu-menu apa saja yang diperlukan menu awal, menu keranjang, menu barang, menu cara pemesanan dan lain nya.
g. Konstruksi & Pengujian (Constraction And Testing) adalah tahapan ketujuh untuk hasil program aplikasi tahap pengujian sistem
h. Instalasi  &  Pengiriman  (Installation  And  Delivery)  adalah  tahapan  ke  delapan  atau  tahapan  terakhir  ini  dalam menggunakan sistem baru dan memberikan arahan maupun pelatihan kepada pengguna sistem.
Gambar 2. Tahap metode FAST (Framework for the Aplication of System Technique)
Tahapan metode FAST (Framework for the Aplication of System Technique) pada Penjualan Stationery

## 3. HASIL DAN PEMBAHASAN

## 3.1 Perancangan Sistem
Perancangan sistem pada penjualan stasionery dengan metode FAST (Framework for the Aplication of System Technique) Berbasis  Website  yang  dimana  pembeli  atau  pelanggan  dapat  mengakses  website,  melihat  menu  home  menu  utama  dari website,  menu  kategori  barang  di  toko  beserta  dengan  harga  barangnya,  cara  belanja,  portal  berita,  hubungi  kami  lokasi dengan  google  maps,  checkout.  Manager  atau  pemilik  toko  dapat  mengakses  segala  atau  semua  menu-menu  di  website tersebut dari mengatur keseluruhan isi konten di website, mengatur seluruh perubahan informasi beserta memberikan diskon, mengecek pesanan dari pembeli.

## 3.2 Activity Diagram
Activity diagram merupakan alur kerja pada proses login, yang berfungsi untuk membedakan admin yang sedang aktif atau yang sudah tidak aktif [10].
Activity diagram proses login, admin membuka website, memasukkan username dan password yang kemudian sistem akan memvalidasi data yang dimasukkan oleh admin. Apabila data yang dimasukkan sesuai dengan data admin yang tersimpan  di  database,  maka  akan  ditampilkan  menu  home,  selanjutnya  admin  dapat  melihat  kategori  barang menambah dan menyimpan kategori barang.

## 3.3 Sequence Diagram
Sequence diagram menggambarkan interaksi antar objek didalam dan  disekitar  sistem  (termasuk  pengguna,  display, dan sebagainya) berupa pesan yang digambarkan terhadap waktu [11].

## 3.3.1 Login
Pada sequence diagram di atas menjelaskan tentang aktivitas awal yaitu login. Pemilik toko harus memasukkan kata pengguna dan kata sandi yang sesuai Jika salah memasukkan kata pengguna dan kata sandi maka tidak akan bisa masuk
Gambar 4. Sequence Diagram Proses Login.
.

## 3.3.2 Melihat Menu Home
Pada  sequence diagram  menjelaskan  aktivitas  manajer  ketika  melihat  tampilan  home yang  menjelaskan  tentang  tampilan aplikasi
Gambar 5. Sequence Diagram Melihat Menu Home

## 3.3.3 Melihat Menu Admin
Pada sequence diagram diatas menjelaskan tentang aktifitas pemilik toko yang dapat merubah dan menghapus admin pada aplikasi tersebut dari yang aktif atau yang tidak aktif
Gambar 6. Sequence Diagram Admin
. 3.3.4 Melihat Menu Rekap Kategori Barang
Pada sequence diagram menjelaskan tentang aktifitas dari pemilik toko dapat menginputkan data baru untuk kategori barang. Kemudian data yang diinputkan masuk kedalam database
Gambar 7. Sequence Diagram Melihat Menu Rekap Kategori Barang

## 3.4 Perancangan Aplikasi

## 3.4.1 Halaman Login
Pada gambar halaman login adalah halaman menu untuk admin dapat mengisikan nama pengguna atau alamat email dan kata sandi  kemudian  klik  masuk  dan  sistem  memvalidasi  apabila  nama  pengguna  dan  katasandi  sesuai,  maka  sistem  akan menampilkan halaman home untuk admin apabila tidak sesuai sistem akan menampilkan notifikasi salah.

## 3.4.2 Contact Us
Gambar ini adalah halaman contact us yang dapat dihubungi oleh pembeli atau pelanggan dan terdapat alamat toko yang ada di google maps.

## Gambar 9. Contact Us

## 3.4.3 Menu Home / Halaman Utama
Halaman utama ini adalah halaman barang pilihan dari pemilik toko yang sedang ada diskon atau di obrall harga dari toko , untuk pilihan barang lainnya bisa di menu toko atau kategori.
Gambar 10. Menu Home / Halaman Utama

## 3.4.4 Cara Belanja
Halaman untuk cara belanja yang benar di toko ini, para pembeli sebaiknya memahami dan membaca dahulu alur, aturan atau cara belanja nya agar tidak terjadi kesalahan dalam memesan barang. Pembeli dapat memilih kategori produk yang ingin dibeli, pembeli klik Add To Cart , Jika ingin menambah barang klik Continue Shooping, setelah selesai berbelanja / memilih barang selanjutnya pembeli dapat klik Proced To Checkout, Isi data diri dengan benar seperti nama lengkap, alamat jelas, nomor handphone aktif dan email, periksa kembali produk, harga dan jumlah barang yang dibeli, setelah semua OK dan Selesai dapat klik Place Order

## 3.4.5 Keranjang Belanja
Halaman  untuk  keranjang  belanja  dari  toko  stasioney,  jika  kita  sudah  memilih-milih  dan  mengambil  barang  yang  kita inginkan maka akan muncul di keranjang belanja untuk di proses selanjutnya ke cara pembayaran dan pengiriman
Gambar 12. Keranjang Belanja

## 3.5 Black Box Testing
Black Box Testing adalah pengujian yang didasarkan pada detail aplikasi seperti tampilan aplikasi dan kesesuaian alur fungsi dengan bisnis proses yang diinginkan oleh customer. Black-box Testing lebih menguji ke tampilan luar(Interface) dari suatu aplikasi agar mudah digunakan [12].

## 3.5.1 Pengujin Menu Login
Dapat disimpulkan bahwa apabila melakukan Login dengan memasukan kata pengguna atau alamat email dan kata sandi secara benar maka sistem masuk yang diharapkan dan menampilkan halaman menu utama website stasionery, tetapi jika salah dalam memasukan kata pengguna dan kata sandi maka akan kembali ke halaman login
Tabel 1. Pengujian Menu Login Menu Aktifitas Diharapkan Hasil Tampilan Kesimpulan Login Kata Pengguna & Kata Sandi (Benar) Kata Pengguna & Kata Sandi (salah) Masuk  ke halaman utama Kembali ke halaman login/registrasi Menampilkan halaman    menu home Kembali ke halaman    awal [√]Diterima [] Ditolak

## 4. KESIMPULAN
Penjualan  alat-alat  tulis  atau  yang  dikenal  dengan  stasionery  yang  awalnya  masih  manual  dengan  cara  menyewa  dan membuka  toko  dan  pembeli  datang  langsung  ke  toko  terlihat  kurang  efisien,  praktis  dan  kurang  update  dalam  teknologi informasi pada era zaman saat ini, yang dimana semua sudah berbasis teknologi, Maka dibuatlah sistem berbasis website agar  memudahkan  para  pembeli  darimanapun  dan  kapanpun  bisa  dapat  mengetahui    dan    membeli  alat  tulis  yang diinginkan. Dengan menerapkan Metode FAST (Framework for the Aplication of System Technique) yang digunakan dapat membantu  dalam  proses  awal  atau  tahapan-tahapan  awal  dalam  merancang  sistem  dengan  cepat,  mudah  dan  yang  dapat digunakan secara praktis oleh pemilik toko dalam mempromosikan dan menjual alat-alat tulis. Pada sistem ini pembeli atau customer dapat lebih mudah dalam mencari kategori barang yang diinginkan, mudah memesan produk stasionery, mudah dalam pencarian lokasi yang sudah terhubung dengan google maps dan terdapat contact us yang fast respon terhadap pembeli, dan terdapat laporan penjualan untuk pemilik toko dapat dipantau dan diketahui dengan jelas dan akurat untuk pengeluaran dan pemasukan.

## REFERENCE
[1]    Kardinal, & Tasrif, E. (2018). Perancangan Sistem E-Commerce Pada Toko Salsa Sport Berbasis Web. Jurnal Vokasional Teknik Elektronika Dan Informatika, 6(2). http://ejournal.unp.ac.id/index.php/voteknika/index.
[2]    Alfiah, F., Tarmizi, R., & Junidar, A. A. (2020). Perancangan Sistem E-Commerce Untuk Penjualan Pakaian Pada Toko A&S. ICIT Journal, 6(1).
[3]    Nur Rais, A., & Ishaq, A. (2020). Metode FAST & Framework PIECES : Analisis & Desain Sistem Informasi Penjualan Berbasis Website. IJSE-Indonesian Journal on Software Engineering, 6(2), 172–181.
[4]    Samsuni, S., & Erfiyani, E. (2018). Rancang Bangun Aplikasi E-Commerce Penjualan Produk Kecantikan dan Fashion Pada AC Fashion Style. Jurnal PROSISKO, 5(2).
[5]    Nugroho, D. A., Husni, I., & Amin, A. (2018). Aplikasi CRM Pada Anto Stationery Dengan Metode First In First Out Berbasis Web Mobile.Prosiding SINTAK, ISBN: 978-602-8557-20-7.
[6]    Saputra, A. A. (2015, February 16). Metode Pengembangan FAST. Https://Anggaraajisaputra.Wordpress.Com/2015/02/16/Metode-Pengembngan-Fast/.
[7]    Rizka, A. U. (2018). Makna Metodologi Penelitian MAKNA METODOLOGI PENELITIAN. Jurusan Ilmu Komunikasi, Fakultas Ilmu Sosial Dan Ilmu Politik, Universitas Muhammadiyah Sidoarjo. http://yusuf.staff.ub.ac.id/files/2012/11/JurnalPenelitian- Kualitatif.pdf.
[8]    Harys. (2020). Tahapan Penelitian. Jopglass.
[9]    Saputra, A. A. (2015, February 16). Metode Pengembangan FAST. Https://Anggaraajisaputra.Wordpress.Com/2015/02/16/Metode-Pengembngan-Fast/.
[10]   Rizky, M. (2019, November 22). UML Diagram : Activity Diagram. Https://Socs.Binus.Ac.Id/2019/11/22/Uml-Diagram-Activity- Diagram/.
[11] Tema Jendela Gambar. (2016, August). UML- Sequence Diagram. Https://Forsharingknowledge.Blogspot.Com/2016/08/Uml- Sequence-Diagram.Html.
[12]   Nurshanty, A. O. , Saputra, A. , Hardhanto, F. R. , & Franklyn, M. B. (2020, July 2). Teknik Dalam White-Box Dan Black-Box Testing. Https://Socs.Binus.Ac.Id/2020/07/02/Teknik-Dalam-White-Box-Dan-Black-Box-Testing.