## RANCANG BANGUN WEBSITE PADA TOKO FANNISA KOMPUTER
Muhamad Isha Wisnu Brata 1 Jejen Jaenudin 2
Universitas Ibn Khaldun Bogor
E-Mail : ishawb@gmail.com 1

## Abstrak
Toko  Fannisa  Komputer  adalah  sebuah  usaha  yang  bergerak  di  bidang  penjualan  dan  jasa. Fannisa Komputer berdiri sejak Januari 2016, di awali dari banyaknya pemakai komputer dan laptop namun untuk jasa perbaikan dan penginstalan software yang masih terbatas. Toko Fannisa Komputer dalam pemasaran barang dan jasa masih memakai pemasaran melalui media sosial seperti facebook dan  whatsapp.  Sehingga  dalam  hal  pemasaran  tidaklah maksimal.  penelitian  ini  bertujuan  untuk meningkatkan   pemasaran  barang  dan  jasa  pada  Toko  Fannisa  Komputer.  Metode  yang  digunakan dalam  penelitian  yaitu  terdapat  beberapa  tahap,  tahap  pertama  analisis  kebutuhan,  tahap  kedua perancangan, dan tahap akhir implementasi. Adapun manfaatnya yaitu Pemasaran barang dan jasa yang ada menjadi lebih terstruktur dan lebih mudah dalam manajemen data maupun informasi, dan Pelanggan lebih mudah melakukan pemesanan barang dan jasa.
Kata kunci : Website, Activity Diagram

## Abstract
Fannisa Computer Store is a business engaged in sales and services. Fannisa Computer was founded in January 2016, at the beginning of the large number of computer and laptop users, but for software repair and installation services that are still limited. Fannisa Computer store in marketing goods and services still uses marketing through social media such as facebook and whatsapp. So in terms of maximum marketing. This study aims to improve the marketing of goods and services at the Fannisa Computer Store. The method used in this research is that there are several stages, the first stage is needs analysis, the second stage is design, and the final stage is implementation. The benefits are that the marketing of existing goods and services becomes more structured and easier in data and information management, and it is easier for customers to place orders for goods and services.
Keywords :Website, Activity Diagram

## 1. PENDAHULUAN
Toko Fannisa Komputer adalah sebuah  usaha  yang  bergerak  di  bidang penjualan  dan  jasa.  Fannisa  Komputer berdiri  sejak  Januari  2016,  di  awali  dari banyaknya  pemakai  komputer  dan  laptop namun untuk jasa perbaikan dan penginstalan software yang masih terbatas.  oleh  karena  itu  sang  pemilik
usaha  dibalik  pemahaman  yang  sangat cukup dalam hal perbaikan komputer serta laptop  dan  peninstallan  software,  pemilik usaha juga merupakan seorang mahasiswa di  sebuah  universitas  ternama  di  kota bogor  memiliki  ide  untuk  mendirikan usaha penjualan  ataupun jasa yang tertuju pada komputer dan laptop seperti penjualan accessories computer dan laptop (mouse,  keyboard,  ram,  kabel  data  dan lain-lain) sedangkan untuk jasa
menyediakan  penginstalan  aplikasi  dan software.  Usaha  yang  berdiri  ini  diberi nama  Fannisa  Komputer  oleh  pendiri usaha  dan  berlokasi  di  Komplek  Dit Bekang, Jl. Caduad Blok G : 21.
Toko Fannisa Komputer dalam pemasaran barang dan jasa masih memakai  pemasaran  melalui  media  sosial seperti  facebook  dan  whatsapp,  Sehingga dalam  hal  pemasaran  tidaklah maksimal. Whatsapp dan Facebook memiliki beberapa  kekurangan  yaitu  seperti  pada resolusi  gambar  yang  di  posting  menjadi menurun  yang  berakitat  pada  gambar menjadi  sedikit  kabur  atau  buram. Perkembangan  dan  penggunaan  teknologi saat  ini  sangatlah  berkembang  pesat, terlebih di dalam bisnis yang telah banyak menggunakan teknologi  digital  tanpa batas  jarak  ataupun  waktu  seperti  pada penggunaan  website  dalam  bisnis  yang bertujuan meningkatkan penjualan perusahaan atau sebuah usaha.
Berdasarkan kondisi di atas, penelitian
ini bertujuan untuk meningkatkan pemasaran  barang  dan  jasa pada  Toko  Fannisa  Komputer.  Dan  isi laporan serta rangkuman tujuan yang telah dibuat  akan  dirangkum  dalam  jurnal Rancang  Bangun  Pada  Toko  Fannisa Komputer.  Adapun  tujuan  pemilihan objek  penelitian  ini  adalah  Menganalisis dan  mendesain  sebuah  website  Toko Fannisa Komputer. Mengimplementasikan website Toko Fannisa Komputer menggunakan  Frame  Work  Wordpress. Dalam  pembuatan  website  Toko  Fannisa Computer
diharapkan memberikan manfaat yang berguna antara lain Pemasaran  barang  dan  jasa  yang  ada menjadi lebih terstruktur dan lebih mudah dalam manajemen data maupun informasi,
dan  Pelanggan  lebih  mudah  melakukan pemesanan barang dan jasa.

## 2. METODE PENELITIAN
Dalam  tahap  ini  metode  yang  digunakan yaitu  tahap  analisis  kebutuhan,  tahap perancangan, dan tahap implementasi.

## 3. HASIL DAN PEMBAHASAN
Hasil  dan  pembahasan  penelitian  ini dilaksanakan sesuai dengan tahapan dalam metode  penelitian.  Tahap  pertama  adalah tahap analisis yaitu melaksanakan observasi. Tahap kedua yaitu perancangan, pada tahap ini menggunakan Activity  Diagram  diantaranya  untuk pemesanan terdapat pada gambar 1.
Gambar 1. Activity Diagram Penjualan Keterangan Gambar 1 :
1.  Proses  bisnis  usaha  ini  dimulai  dengan pelanggan membawa laptop atau computer yang akan di perbaiki ke toko.
2.  Lalu  penjual  menerima  barang  yang akan  di  perbaiki,  mendiagnosa  kerusakan dan mematok harga perbaikan.
3. Pelanggan membayarkan uang muka.
4.  Penjual  memperbaiki  barang  setelah menerima uang muka.
5. Kemudian pelanggan mengambil barang  yang  telah  di  perbaiki  setelah melunasi  atau  membayar  uang  sisa perbaikan.
Kemudian  diagram  activity  pembelian terdapat pada gambar 2.
Gambar 2. Activity Diagram Pembelian
Keterangan Gambar 2 :
1.  Proses  bisnis  pembelian  barang  pada usaha  ini  dimulai  pelanggan  membuka social  media  dari  Fannisa  Computer  dan melihat barang apa saja yang di tawarkan.
2. Penjual menyajikan barang yang dijual.
3.Pelanggan melakukan pemesanan barang melalui whatsapp atau sms.
4. Penjual menerima barang pesanan.
5. Pelanggan membayar barang yang telah di pesan.
6. Penjual menerima pembayaran.
7.Penjual mengirim barang setelah menerima pembayaran.
8. Pelanggan menerima barang yang telah di bayar.
Diagram  activity  setelah  adanya  website terdapat pada gambar 3
Gambar 3 Activity Diagram Setelah Adanya Website
Keterangan Gambar 3 :
1.  Proses  bisnis  setelah  adanya  website yaitu di awali dengan pelanggan membuka  website  Fannisa  Computer untuk memesan barang atau jasa.
2.  Lalu  dilanjutkan  dengan  pelanggan memesan barang atau jasa yang diinginkan.
3. Setelah pelanggan memsan barang atau jasa, penjual menerima pesanan yang telah di pesan oleh pelanggan.
4. Penjual akan mengirim barang pesanan ketika  pelanggan  membayar  barang  yang telah di pesan.
5. Setelah di bayar, lalu penjual mengirim barang  yang  telah  di  pesan  dan  di  bayar oleh pelanggan.
6.  Terakhir  pelanggan  menerima  barang pesanan.
Tahap  akhir  yaitu  implementasi  pada tahap  ini  untuk  menggambarkan  secara jelas  rancangan  struktur  menu  website

## Toko Fannisa Komputer. Berikut tampilan
website Toko Fannisa Komputer :
1. Menu website toko fannisa
komputer
Gambar 4 Tampilan Menu Website Fannisa Komputer Struktur  ini  merupakan  bagian- bagian menu yang terdapat pada website Toko  Fannisa  Komputer  yang  berisikan antara lain :
1. Menu Halaman Utama
2. Menu Halaman Blog
3. Menu  Halaman  Tentang  Fannisa Komputer 4. Menu Halaman Kontak
Gambar Tabel 5 Struktur Menu
Website Toko Fannisa Komputer
2. Halaman fannisa komputer
Gambar 6 Tampilan Menu Halaman (Atas)
Gambar 7 Tampilan Menu Halaman
(Tengah)
Gambar 8 Tampilan Menu Halaman (Bawah)
Pada menu-menu halaman website Toko  Fannisa  Komputer,  berikut  isi dari  tiap  halaman  :  Halaman  Fannisa Komputer, berisi informasi :
a.  Jasa  instalasi  software  komputer yang  memberikan  informasi  berbagai macam  software  apa  saja  yang  dapat di  install  dan  termasuk  aplikasi  untuk musik  dan  permainan  yang  dapat dimaikan di komputer atau laptop
b.  Service  kopmputer  atau  laptop yang  memberikan  informasi  service untuk  laptop  atau  komputer  untuk berbagai  jenis  dan  bergai  model software  atau  mesin  laptop  dan komputer.
c.  Penawaran  harga,  memberikan informasi untuk mendapatkan potongan  harga  melalui  informasi email yang di daftarkan oleh pelanggan.
d.  Barang  dan  harga,  memberikan informasi  barang  yang  di  jual  di  toko Fannisa komputer berikut harga barangnya.
Gambar Tabel 9 Struktur Isi Halaman Utama 3. Halaman Blog Halaman ini berisi tentang informasi jasa instalasi, service, penjualan komputer atau laptop, informasi  alamat  dan  kontak  yang  di berikan untuk pelanggan toko baik itu email, no telepon hingga alamat toko.
Gambar 10 Tampilan Blog (Atas)
Gambar 11 Tampilan Blog (Tengah)
Gambar 12 Tampilan Blog (Bawah)
Halaman  ini  berisi  tentang  informasi jasa instalasi, service, penjualan komputer  atau  laptop,  informasi  alamat dan  kontak  yang  di  berikan  untuk pelanggan  toko  baik  itu  email,  no telepon hingga alamat toko.
4. Halaman tentang
Gambar 13 Tampilan Tentang
Halaman ini memberikan informasi
a.  History  berdirinya  Toko  Fannisa Komputer
b. Kolom komentar untuk pelanggan.
Gambar Tabel 14 Struktur Isi Halaman Tentang
5. Halaman kontak
Gambar 15 Tampilan Kontak
Halaman  ini  berisikan  informasi  kontak untuk pelanggan yang bertujuan memudahkan  pelanggan  berkomunikasi dengan  Fannisa  Komputer,  adapun informasi yang diberikan berupa :
a.  Hubungi  kami  (Email,  no  telepon, alamat toko)
b. Kolom pesan pelanggan
Gambar Tabel 16 Halaman Kontak 6. Halaman setting menu Halaman setting menu adalah pengaturan menu utama pada website.
Gambar 17 Tampilan Setting

## Menu

## 4. KESIMPULAN
Mengacu  pada  hasil  dan  bahasan, maka  dapat  ditarik  kesimpulan  yaitu analisis  dan  desain  system  dengan menggunakan  Wordpress  yang  dapat mempermudah menggambarkan
bagaimana  cara  kerja  system  yang  akan dibangun,  dimana  dengan  tools  yang telah  tersedia  kita  dapat  melihat  dan mendesign  system  dari  berbagai  sisi, mulai  dari  input  apa  yang  di  butuhkan sampai  output  apa  yang  dihasilkan  oleh system tersebut.
Website  Toko  Fannisa  Komputer dapat  digunakan  sebagai  salah  satu jawaban  atas  permasalahan  penyebaran informasi tentang Toko Fannisa
Komputer. Dengan menggunakan website,  penyebaran  informasi  dapat lebih  mudah  dilakukan,  lebih  cepat  dan dapat meninggakatkan neraca penjualan.

## DAFTAR PUSTAKA
ANI MARDATILA,  Mengenal  Website Dan Fungsinya. Merdeka > januari, Sumut 2021.
ANDI  NURUL  MUCHLISA,  Rancang Bangun  Aplikasi  E-Commerce  Berbasis Website Service. Makassar 2016.
KADIR,  Abdul,  Pemprograman  Web, Mencakup : HTML, CSS, JAVA SCRIPT, & PHP, Andi, Yogyakarta, 2003.
WIRA,  Danu  Pangestu,  Teori  Dasar
Sistem Informasi Manajemen, Ilmu
Komputer, Jakarta, 2007.
RENDI  JULIARTO.  Apa  itu  activity diagram,  Dicoding  Intern,  2021.  ILHAM MUBAROK, Niaga Hoster