LAPORAN PENELITIAN

SISTEM INFORMASI PEMASARAN BERBASIS WEB

PADA UMKM HIMPUNAN PENGRAJIN PANGANDARAN
KABUPATEN PANGANDARAN

(Studi Kasus UMKM Marina Aksesoris)

Oleh :

Murnawan, S.T., M.T 0409017201

Kiki Nurhamidah 1113u027

Di biayai dari : Universitas widyatama dan Himpunan Pengrajin Pangandaran,

Kabupaten pangandaran, dengan Surat Keputusan Pelaksanaan Penelitian.

Nomor : 005/SK/G.02.02/F.T UTAMA/XI/2015

Tanggal: 26 November 2015

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNIK
UNIVERSITAS WIDYATAMA
BANDUNG
2016
 i

LEMBAR PENGESAHAN

Penelitian pembuatan website pada

UMKM Himpunan Pengrajin
Judul Kegiatan
1. : Pangandaran, Kabupaten pangandaran
(Studi Kasus UMKM Marina Aksesoris
Bapak Herna)
(28 november 2015 s.d 20 Februari
2. Tanggal Pelaksanaan :
2016)
3. Ketua Peneliti
a. Nama Lengkap : Murnawan, S.T., M.T
b. NIDN : 0409017201
c. Jabatan / Golongan : Dosen Pembimbing Penelitian

d. Program Studi : Sistem Informasi

e. Fakultas Teknik
f. Alamat Rumah :
g. No. Telp/HP : 081214600339
h. Alamat e-mail : murnawan@widyatama.ac.id
4. Anggota Tim Peneliti
a. Nama Mahasiswa : Kiki Nurhamidah
b. NPM : 1113U011
c. Alamat Rumah : Naringgul, Cianjur selatan
d. No. Telp/HP : 089678637927
5. Lokasi kegiatan penelitian Pangandaran Jawa Barat

1. Website pemasaran pada UMKM

6. Luaran yang dihasilkan Marina Aksesoris
2. Laporan penelitian

7. Jangka Waktu pelaksanaan 2 (dua) bulan

8. Pembiayaan

Jumlah biaya dari Universitas

a. : Rp. 300.000
Widyatama

Jumlah biaya dari pembina

b. UMKM, yakni Marina : Rp. 100.000
Aksesoris bapak Herna

i
 ii

Bandung, (20 Februari 2016)

Mengetahui,

Ka. Prodi. Sistem Informasi Ketua Tim Peneliti,

M.Rozahi Istambul,S.Kom.,M.T. Iwan Rijayana,S.Kom.,M.M,.M.Kom.

NIDN 0414106701 NIDN 0419016901

Lembaga Penelitian dan Pengabdian kepada Masyatrakat

Universitas Widyatama
Ketua,

Yudha Prambudia,S.T.,M.Sc.Ph.D
NIDN.11130802084

ii
 iii

SURAT PERNYATAAN

Yang bertanda tangan di bawah ini saya :

1. Nama Lengkap (Dosen) : Murnawan, S.T., M.T

NIDN : 0409017201
Fakultas/Program Studi : Teknik/Sistem Informasi
Status dalam pelaksanaan Penelitian : Ketua peneliti

2. Nama Lengkap (Mahasiswa) : Kiki Nurhamidah

NPM : 1113U027
Fakultas/Program Studi : Teknik/ Sistem Informasi
Status dalam pelaksanaan Penelitian : Anggota

Menyatakan bahwa kami secara bersama-sama telah menyusun Laporan

Penelitian yang berjudul Pembuatan Sistem Informasi Pemasaran Berbasis
Web Pada Umkm Himpunan Pengrajin Pangandaran Kabupaten
Pangandaran Studi Kasus UMKM Marina Aksesoris bapak Herna ,dengan
jumlah dana sebesar Rp 400.000. Apabila laporan penelitian ini disetujui maka
kami secara bersama-sama akan bertanggung jawab terhadap pelaksanaan
penelitian ini sampai tuntas sesuai dengan persyaratan yang dituangkan dalam
surat keputusan penelitian. Demikian Surat Pernyataan ini kami buat dan
ditandatangani bersama sehingga dapat digunakan sebagaimana mestinya.

Bandung, 20 februari 2016

(Murnawan, S.T., M.T) (Kiki Nurhamidah)

iii
 iv

DAFTAR ISI
LEMBAR PENGESAHAN ................................................................................... i
SURAT PERNYATAAN ..................................................................................... iii
BAB I PENDAHULUAN ..................................................................................... 1
1.1 Latar Belakang Masalah ............................................................... 1
1.2 Identifikasi Masalah ...................................................................... 2
1.3 Rumusan Masalah ......................................................................... 2
1.4 Tujuan dan Manfaat Penelitian.................................................... 2
1.4.1 Tujuan Penelitian ............................................................... 2
1.4.2 Manfaat Penelitian ............................................................. 2
1.5 Ruang Lingkup .............................................................................. 3
1.6 Metodologi Penelitian .................................................................... 3
1.7 Waktu dan Tempat Pelaksanaan ................................................. 4
1.8 Sistematika Penulisan .................................................................... 4
BAB II LANDASAN TEORI .............................................................................. 6
2.1 Internet ........................................................................................... 6
2.2 Bisnis Online................................................................................... 6
2.3 Pemasaran ...................................................................................... 6
2.4 Website............................................................................................ 7
2.5 WordPress ...................................................................................... 8
2.5.1 WordPress.com Dan WordPress.org ................................ 8
2.6 Unified Modelling Language (UML) ............................................ 9
2.7 Use Case Diagram ...................................................................... 11
2.8 Activity Diagram ......................................................................... 13
BAB III ANALISIS SISTEM ............................................................................ 14
3.1 Prinsip Kerja Sistem Yang Lama............................................... 14
3.2 Menganalisis system .................................................................... 14
3.3 Hasil Analisis ................................................................................ 14
3.4 Fungsi Utama Sistem Baru ......................................................... 15
BAB IV PERANCANGAN DAN IMPLEMENTASI ..................................... 16
4.1 Model Use Case Diagram ............................................................ 16
4.1.1 Definisi Aktor Use Case ................................................... 16
4.1.2 Deskripsi Use Case ........................................................... 16
4.1.3 Use Case Diagram Website Pemasaran.............................. 18

iv
 v

4.1.4 Skenario Use Case Website Pemasaran ............................ 18

4.2 Karakteristik Pengguna .............................................................. 29
4.3 Perancangan ................................................................................. 29
4.4 Lingkungan Operasional ............................................................. 30
4.4.1 Perangkat Lunak .............................................................. 30
4.4.2 Perangkat Keras ............................................................... 30
4.5 Deskripsi Sistem ........................................................................... 30
4.6 Deskripsi Fungsional ................................................................... 30
4.7 Prototype Antarmuka................................................................... 31
4.7.1 Antarmuka Login ............................................................. 31
4.7.2 Antarmuka Admin Wordpress ......................................... 32
4.7.3 Antarmuka Manajemen Kategori Produk ........................ 32
4.7.4 Antarmuka Manajemen Tambah Produk......................... 33
4.7.5 Antarmuka Hasil Akhir Website (Home) ........................ 33
4.7.6. Antarmuka Hasil Akhir Website (Contact US) ................. 34
BAB V PENUTUP .............................................................................................. 35
6.1 Kesimpulan ................................................................................... 35
6.2 Saran ............................................................................................. 35
DAFTAR PUSTAKA .......................................................................................... 36

v
 vi

DAFTAR GAMBAR

Gambar 2.1 Contoh Activity Diagram .............................................................. 13

Gambar 4.1 Use Case Diagram Website Pemasaran ........................................ 18
Gambar 4.2 Activity Diagram Use Case Login................................................. 20
Gambar 4.3 Activity Diagram Menambah Laman ............................................ 21
Gambar 4.4 Activity Diagram Use Case Menghapus Laman ........................... 22
Gambar 4.5 Activity Diagram Use Case Mengubah Laman ............................. 24
Gambar 4.6 Activity Diagram Use Case Mengganti Tema .............................. 26
Gambar 4.7 Activity Diagram Use Case Mengubah Background ..................... 28
Gambar 4.8 Antarmuka Login............................................................................ 31
Gambar 4.9 Antarmuka Admin Wordpress ........................................................ 32
Gambar 4.10 Antarmuka Manajemen Kategori Produk ...................................... 32
Gambar 4.11 Antarmuka Manajemen Tambah Produk ....................................... 33
Gambar 4.12 Antarmuka Hasil Akhir Website (Home) ....................................... 33
Gambar 4.13 Antarmuka Hasil Akhir Website (Contact Us) ............................... 34

vi
 vii

DAFTAR TABEL

Tabel 2.1 Daftar Simbol-Simbol UML................ Error! Bookmark not defined.

Tabel 2.2 Daftar Simbol Use Case Diagram ..................................................... 12
Tabel 4.1 Definisi Aktor Use Case .................................................................... 16
Tabel 4.2 Deskripsi Use Case ............................................................................ 17
Tabel 4.3 Skenario Use Case Login ................................................................... 19
Tabel 4.4 Skenario Use Case Menambah Laman .............................................. 20
Tabel 4.5 Skenario Use Case Menghapus Laman ............ Error! Bookmark not
defined.
Tabel 4.6 Skenario Use Case Mengubah Laman Error! Bookmark not defined.
Tabel 4.7 Skenario Use Case Mengganti Tema ................................................. 25
Tabel 4.8 Skenario Use Case Mengubah Background ...................................... 27
Tabel 4.9 Karakteristik Pengguna Admin .......................................................... 29
Tabel 4.10 Karakteristik Pengguna User ............................................................. 29

vii
 viii

DAFTAR LAMPIRAN

Lampiran A-1 Surat Keputusan Penelitian 1 ....................................................... 37

Lampiran A-2 Surat Keputusan Penelitian 2 ....................................................... 38
Lampiran A-3 Form Kegiatan Penelitian ............................................................. 39

viii
 1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

UMKM (Usaha Mikro Kecil Menengah) merupakan bentuk usaha yang

paling diminati oleh masyarakat Indonesia sebagai salah satu usahanya dalam
mencari mata pencaharian, Salah satu bidang UMKM nya adalah kerajinan.
Kerajinan merupakan mata pencaharian yang paling dominan di Pantai
Pangandaran, Selain bahan yang diperlukan untuk membuat produk kerajinan
mudah didapat kerajinan juga memiliki nilai seni sehingga menambah nilai jual
dari produk kerajinan yang mereka buat. Namun para pengrajin terkadang
terhambat dalam mengembangkan usahanya tersebut, mereka masih
mengandalkan turis yang datang untuk dapat menjual produk mereka dikarenakan
sarana promosi yang kurang dan juga pasar mereka yang masih dibilang hanya di
sekitar pantai Pangandaran saja, padahal jika mereka bisa melakukan promosi
keluar daerah bukan tidak mungkin mereka juga dapat memperluas pasar mereka.
Sekarang ini pemanfaatan teknologi sangatlah penting dalam segala aspek
kehidupan manusia diantaranya internet, karena jumlah pengguna internet dewasa
ini selalu terus bertambah, hampir semua orang kini terkoneksi dengan internet.
Untuk itu internet sangatlah berperan penting dalam pemasaran dan menjadi
kekuatan bagi pengusaha untuk mempromosikan produknya.
Maka dari itu tujuan penelitian ini adalah untuk membantu para pengrajin
dalam melakukan promosi produk mereka. Dengan dibuatnya website yang dapat
menjangkau kemana saja dan kapan saja hingga ke pelosok pelosok negri bahkan
hingga ke seluruh dunia untuk mempromosikan produk mereka dengan
menggunakan internet.
Pada kesempatan kali ini, kelompok kami sudah melakukan observasi
lapangan ke lokasi pasar wisata pangandaran dan sudah mewawancarai seorang
pedagang aksesoris di pangandaran pada saat itu, dan dalam penelitian ini UMKM
yang terpilih adalah UMKM Marina Aksesoris ,UMKM ini bergerak dibidang
kerajinan Kerang dan Accesories.

1
 2

1.2 Identifikasi Masalah

Kurangnya sarana bagi para pengrajin untuk mempromosikan hasil produk

kerajinannya sehingga menghambat mereka dalam mengembangkan usahanya.

1.3 Rumusan Masalah

Berdasarkan identifikasi masalah diatas maka didapat rumusan masalah

sebagai berikut yaitu Bagaimana mahasiwa dapat mebantu pengrajin
UMKM untuk mempromosikan produk kerajinan mereka?.

1.4 Tujuan dan Manfaat Penelitian

Adapun tujuan dan manfaat yang ingin dicapai dari hasil penelitian ini
adalah sebagai berikut:

1.4.1 Tujuan Penelitian

1. Membantu membuatkan media pemasaran dan penyampaian informasi

berbasis website bagi UMKM Marina Aksesoris untuk memperluas
pasarnya.

2. Membantu UMKM Marina Aksesoris mengoptimalkan proses

pemasaran dengan terfokus pada media promosi berbasis website.

1.4.2 Manfaat Penelitian

Berikut adalah manfaat dari penelitian yang dapat dirasakan :

1. Bagi UMKM Marina Aksesoris melalui penelitian yang dilaksanakan
akan membantu dalam penyampaian informasi agar lebih efektif dan
efisien sehingga meningkatkan daya jual kepada konsumen.
2. Bagi pengakses website, diberikan kemudahan dan kenyamanan dalam
mengakses konten dan informasi yang ditampilkan.
3. Bagi mahasiswa/i lain yang sedang melakukan penelitian yang sama
dapat menjadi referensi dalam menyusun sebuah laporan penelitian.

2
 3

1.5 Ruang Lingkup

Sistem ini mencakup pada e-commerce pemesanan dan display produk

yang dijual.

1.6 Metodologi Penelitian

Metode penelitian yang dilakukan dalam pengembangan sistem pada

UMKM Marina Aksesoris ini adalah dengan menggunakan metode pengumpulan
data (information gathering). Tahapan-tahapan pada pengumpulan data ini yaitu
sebagai berikut:
1. Observasi
Metode observasi adalah metode pengumpulan data dengan
melakukan pengamatan langsung terhadap objek yang diteliti.
Informasi yang diteliti adalah proses pemasaran dan penjualan
yang sudah berjalan di instansi tersebut.

2. Wawancara
Metode pengumpulan data dengan melakukan tanya jawab
dengan pemilik usaha pada objek penelitian. Data yang diperoleh
secara langsung seperti profil perusahaan, data-data produk, proses
produksi, jenis produk dan sebagainya.

3. Perancangan
Perancangan adalah tahap yang dilakukan sebelum
pembangunan sebuah website bertujuan untuk memberikan
gambaran apa saja yang akan dimasukan ke dalam website
tersebut.

3
 4

4. Studi literatur
Metode pengumpulan data dengan mempelajari sumber-
sumber buku serta informasi dari internet yang berkaitan
dirangkum sebagai acuan penulisan laporan penelitian.

1.7 Waktu dan Tempat Pelaksanaan

Pelaksanaan ini diadakan pada hari Minggu, tanggal 29 November 2015
yang bertempat di Pangandaran,Jawa Barat. Selama di pangandaran kami
melakukan survey kepada toko-toko yang akan kami buatkan website. Setelah
kami mendapatkan informasi dari toko yang akan kami buatkan website
selanjutnya kami maju ke tahap pembuatan website dan laporan penelitian yang
berjalan dari tanggal 1 Desember 2015 sampai dengan 20 Februari 2016.

1.8 Sistematika Penulisan

Sistematika penulisan terdiri dari beberapa bab dan masing masing bab dibagi
menurut sub bab. Adapun sistematika dari penulisan laporan penelitian ini adalah
sebagai berikut :
Bab I Pendahuluan, membahas mengenai latar belakang masalah, identifikasi
masalah, rumusan masalah, batasan masalah, tujuan dan manfaat penelitian, ruang
lingkup masalah, metodologi yang digunakan untuk mengembangkan sistem
aplikasi, waktu pelakasanaan serta sistematika penulisan secara umum.

Bab II Landasan Teori, membahas mengenai teori serta pemahaman terkait

dengan kegiatan penilitian dan pengembangan sistem ini.

Bab III Analisis Sistem, membahas mengenai analisis sistem yang ada dan
sistem yang dibuat berdasarkan pedoman sistem lama, identifikasi masalah,
analisis sistem serta hasil dari analisis tersebut mengenai pemanfaatan sistem
website yang dibuat dalam mendukung bisnis pemasaran bagi Marina Aksesoris
dan menganalisa kebutuhan yang diperlukan dalam membangun website tersebut.

4
 5

Bab IV Perancangan dan Implementasi, membahas tentang proses yang

dilakukan setelah kegiatan analisis. Pada bab ini dituangkan tentang proses
pembuatan website. Mulai dari filosofi website, menu, tema sampai dengan
fungsi-fungsi yang ada pada website tersebut. Selain itu juga proses implementasi
di UMKM dengan memasukan konten-konten yang dibutuhkan.

Bab V Kesimpulan dan Saran, membahas tentang hasil-hasil yang dicapai

selama penelitian dan saran-saran yang diajukan penulis untuk pengembangan
penelitian yang serupa di masa yang akan datang.

5
 6

BAB II

LANDASAN TEORI

Dalam pengembangan sistem ini diperlukan beberapa teori untuk

mendukung prosesproses pengembangannya. Berikut ini adalah teori-teori dasar
yang digunakan dalam melakukan pengembangan sistem.

2.1 Internet

Menurut (Nugroho, 2013) Internet adalah jaringan dari ribuan jaringan

dan jutaan komputer (disebut host) yang menghubungkan bisnis, intuisi
pendidikan dan organisasi pendidikan. Internet menyediakan sekitar 50-600 juta
orang di dunia dengan pelayanan seperti email, newsgroup, belanja, riset, instant
messaging, musik, video, dan berita. Tidak ada suatu organisasi yang mengontrol
internet atau bagaimana internet berfungsi. Internet juga tak dimiliki oleh seorang
pun. Kata internet sendiri sebenernya berasal dari kata inter dan network atau
koneksi antara dua atau lebih jaringan komputer.
Sedangkan Menurut OBrien dalam bukunya Introduction to Information
System mendefinisikan bahwa internet adalah sebuah jaringan besar yang terdiri
dari berbagai jaringan yang meliputi jaringan bersifat bisnis, pendidikan dan riset
serta menghubungkan jutaan komputer di dalam jaringan-jaringan tersebut.

2.2 Bisnis Online

Bisnis online adalah bisnis yang seluruh pengelolaannya dilakukan

sepenuhnya melalui media internet. Jika dalam bahasa inggris disebut dengan
internet marketing.

2.3 Pemasaran

Pemasaran menurut (Stanton, Prinsip Pemasaran, 1991) dapat

didefinisikan sebagai sesuatu yang meliputi seluruh sistem yang berhubungan
dengan tujuan untuk merencanakan dan menentukan harga sampai dengan

6
 7

mempromosikan dan mendistribusikan barang dan jasa yang bisa memuaskan

kebutuhan pembeli aktual maupun potensial.
Berdasarkan definisi di atas, pemasaran dimulai dari menemukan apa yang
diinginkan oleh konsumen. Pada akhirnya pemasaran memiliki tujuan sebagai
berikut:
1. Konsumen potensial mengetahui secara detail produk yang kita hasilkan dan
perusahaan dapat menyediakan semua permintaan Konsumen atas produk
yang dihasilkan.
2. Perusahaan dapat menjelaskan secara detail semua yang berhubungan dengan
pemasaran. Kegiatan pemasaran ini meliputi berbagai kegiatan, mulai dari
penjelasan mengenai produk, desain produk, promosi produk, pengiklanan
produk, komunikasi kepada konsumen, sampai pengiriman produk agar
sampai ke tangan konsumen secara cepat.
3. Mengenal dan memahami konsumen sedemikian rupa sehingga produk cocok
dengan apa yang di inginkan konsumen dan dapat terjual dengan sendirinya.

Berikut ini adalah hal-hal yang perlu diperhatikan untuk pemasaran (dari sudut
pandang penjual) dikenal dengan 4P yaitu :

1. Place (Tempat yang strategis)

2. Product (Produk yang bermutu)
3. Price (Harga yang kompetitif)
4. Promotion (Promosi yang gencar)

2.4 Website

Website adalah sejumlah halaman web yang memiliki topik saling terkait,
terkadang disertai pula dengan berkas-berkas gambar, video, atau jenis-jenis
berkas lainnya. Sebuah situs web biasanya ditempatkan setidaknya pada
sebuah server web yang dapat diakses melalui jaringan seperti internet,
ataupun jaringan wilayah lokal (LAN) melalui alamat internet yang dikenali
sebagai URL. Gabungan atas semua situs yang dapat diakses publik di internet
disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW.

7
 8

Sebuah halaman web merupakan berkas yang ditulis sebagai berkas teks
biasa (plain text) yang diatur dan dikombinasikan sedemikian rupa dengan
instruksi-instruksi berbasis HTML, atau XHTML, kadang-kadang pula disisipi
dengan sekelumit bahasa skrip. Berkas tersebut kemudian diterjemahkan
oleh peramban web dan ditampilkan seperti layaknya sebuah halaman pada
monitor komputer.

Halamanhalaman web tersebut diakses oleh pengguna melalui protokol

komunikasi jaringan yang disebut sebagai HTTP, sebagai tambahan untuk
meningkatkan aspek keamanan dan aspek privasi yang lebih baik, situs web dapat
pula mengimplementasikan mekanisme pengaksesan melalui protokol HTTPS.

2.5 WordPress

WordPress adalah sebuah aplikasi sumber terbuka (open source) yang

sangat populer digunakan sebagai mesin blog (blog engine). WordPress dibangun
dengan bahasa pemrograman PHP dan basis data (database) MySQL. PHP dan
MySQL, keduanya merupakan perangkat lunak sumber terbuka (open source
software). Selain sebagai blog, WordPress juga mulai digunakan sebagai
sebuah CMS (Content Management System) karena kemampuannya untuk
dimodifikasi dan disesuaikan dengan kebutuhan penggunanya.

2.5.1 WordPress.com Dan WordPress.org

WordPress menyediakan dua alamat yang berbeda, yaitu WordPress.com

dan WordPress.org. WordPress.com merupakan situs layanan blog yang
menggunakan mesin WordPress, didirikan oleh perusahaan Automattic. Dengan
mendaftar pada situs WordPress.com, pengguna tidak perlu melakukan instalasi
atau konfigurasi yang cukup sulit. Sayangnya, pengguna WordPress.com tidak
dapat mengubah template standar yang sudah disediakan. Artinya, pengguna tidak
dapat menambahkan aksesori apa pun selain yang sudah disediakan. Meski
demikian, fitur yang disediakan oleh WordPress.com sudah cukup bagus.

8
 9

WordPress.org merupakan wilayah pengembang (developer). Di alamat

ini, seseorang dapat mengunduh (download) aplikasi beserta seluruh berkas CMS
WordPress. Selanjutnya, CMS ini dapat diubah ulang selama seseorang
menguasai PHP,CSS dan skrip lain yang menyertainya. WordPress dengan
Bahasa Indonesia (http://id.WordPress.org) ada berkat kerja para kontributor di
Indonesia yang dipimpin oleh Huda Toriq
seorang Mahasiswa Kedokteran dari Universitas Diponegoro (UNDIP Semarang).
Dengan memanfaatkan situs http://id.WordPress.org, seseorang yang tidak
mengerti Bahasa Inggris masih dapat menggunakan WordPress dengan mudah.

2.6 Unified Modelling Language (UML)

Unified Modelling Language (UML) bukanlah suatu proses melainkan

bahasa pemodelan secara grafis untuk menspesifikasikan, memvisualisasikan,
membangun, dan mendokumentasikan seluruh rancangan sistem perangkat lunak.
Penggunaan model ini bertujuan untuk mengidentifikasikan bagian-bagian
yang termasuk dalam lingkup sistem yang dibahas dan bagaimana hubungan
antara sistem dengan subsistem maupun sistem lain diluarnya.
Dengan pemodelan menggunakan UML, pengembang dapat melakukan:
1. Tinjauan umum bagaimana arsitektur sistem secara keseluruhan.
2. Penelaahan bagaimana objek-objek dalam sistem saling berinteraksi,
mengirimkan pesan dan saling bekerjasama satu sama lain.
3. Menguji apakah sistem perangkat lunak sudah berfungsi seperti seharusnya.
4. Dokumentasi sitem perangkat lunak untuk keperluan-keperluan tertentu
dimasa yang akan datang.

9
 10

Tabel 2.1 Daftar Simbol simbol UML

Gambar symbol Nama Symbol Keterangan
Use Case Deskripsi dari urutan aksi-aksi yang
ditampilkan sistem yang
menghasilkan suatu hasil yang
terukur bagi suatu actor
Actor Menspesifikasikan himpuan peran
yang pengguna mainkan ketika
berinteraksi dengan Use Case.
Package suatu simbol yang memberikan
batasan dan komentar yang dikaitkan
pada suatu elemen atau kumpulan
elemen
Class Himpunan dari objek-objek yang
berbagi atribut serta operasi yang
sama.

Control Mengkordinasikan aktifitas dalam

sistem

Entity Kelas yang berhubungan data dan

informasi yang dibutuhkan oleh
sistem

Boundery Kelas yang memodelkan interaksi

antar satu atau lebih aktor dengan
sistem

10
 11

Gambar symbol Nama Symbol Keterangan

Activity Memperlihatkan bagaimana masing-
masing kelas antarmuka saling
berinteraksi satu sama lain

UML menyediakan 9 jenis diagram yang dapat dikelompokkan berdasarkan

sifatnya, yaitu:

2.7 Use Case Diagram

Use Case adalah deskripsi fungsi sistem dari sudut pandang pengguna.
Use Case diagram digunakan untuk menunjukkan fungsi yang sistem akan
sediakan dan menunjukkan pengguna mana yang akan berkomunikasi dengan
sistem. Use Case diagram ini dikembangkan oleh Jacobson et al. (1992), dan
judul buku dimana Use Case diagram ini ditampilkan adalah A Use Case Driven
Approach (Bennett, McRobb, dan Farmer, 2006). Menurut Bennett, McRobb, dan
Farmer (2006), Use Case diagram menunjukkan tiga aspek dalam sistem yaitu:
1. Actor
Actor mewakili peran yang dimiliki orang, sistem lain, atau device ketika
berkomunikasi dengan Use Case tertentu dalam sistem dimana satu actor dapat
mewakili beberapa orang atau pekerjaan.

2. Use Case
Sebuah Use Case menggambarkan sebuah fungsi yang dilakukan oleh sistem
untuk mencapai tujuan pengguna dimana digambarkan dengan bentuk eclipse.

3. Batasan sistem atau subsistem

Batasan yang mengelilingi fungsi-fungsi dalam sistem atau subsistem dimana
berbentuk persegi panjang.

11
 12

Penggunaan model ini bertujuan untuk mengidentifikasikan bagian-bagian

yang termasuk dalam lingkup sistem yang dibahas dan bagaimana hubungan
antara sistem dengan subsistem maupun sistem lain diluarnya.
Dengan pemodelan menggunakan UML, pengembang dapat melakukan:
1. Tinjauan umum bagaimana arsitektur sistem secara keseluruhan.
2. Penelaahan bagaimana objek-objek dalam sistem saling berinteraksi,
mengirimkan pesan dan saling bekerjasama satu sama lain.
3. Menguji apakah sistem perangkat lunak sudah berfungsi seperti seharusnya.

Dokumentasi sistem perangkat lunak untuk keperluan - keperluan tertentu dimasa

yang akan datang.

Tabel 1.2 Daftar Simbol Use Case Diagram

No Gambar Nama
1 Actor
2 Dependency
3 Generalization
4 Include
5 Extend
6 Association
Keterangan
Menspesifikasikan himpuan peran yang
pengguna mainkan ketika berinteraksi
dengan Use Case.
Hubungan dimana perubahan yang terjadi
pada suatu elemen mandiri (independent)
akan mempengaruhi elemen yang
bergantung padanya elemen yang tidak
mandiri (independent).
Hubungan dimana objek anak (descendent)
berbagi perilaku dan struktur data dari objek
yang ada di atasnya objek induk (ancestor).
Menspesifikasikan bahwa Use Case sumber
secara eksplisit.
Menspesifikasikan bahwa Use Case target
memperluas perilaku dari Use Case sumber
pada suatu titik yang diberikan.
Apa yang menghubungkan antara objek satu
dengan objek lainnya.

12
 13

Menspesifikasikan paket yang menampilkan

7 System sistem secara terbatas.

Deskripsi dari urutan aksi-aksi yang

8 Use Case ditampilkan sistem yang menghasilkan
suatu hasil yang terukur bagi suatu aktor.
Interaksi aturan-aturan dan elemen lain yang
bekerja sama untuk menyediakan prilaku
9 Collaboration
yang lebih besar dari jumlah dan elemen-
elemennya (sinergi).
Elemen fisik yang eksis saat aplikasi
10 Note dijalankan dan mencerminkan suatu sumber
daya komputasi

2.8 Activity Diagram

Activity Diagram adalah representasi secara grafis dari proses dan control
flow dan berfungsi untuk memperlihatkan alur dari satu aktivitas ke aktivitas yang
lain serta menggambarkan perilaku yang kompleks.

Gambar 2.1 Contoh Activity Diagram

13
 14

BAB III

ANALISIS SISTEM

3.1 Prinsip Kerja Sistem Yang Lama

Proses bisnis yang berjalan di UMKM Marina Aksesoris ini yaitu penjual
melakukan jual beli aksesoris hasil laut ini dengan cara bertatatap muka secara
langsung dengan pembeli sehingga penjualannya hanya di daerah pangandaran
saja. Dan apabila ada pembeli yang ingin membeli hiasan aneka hasil laut si
pembeli hanya bisa datang ke toko tersebut kemudian membelinya. Maka dari itu
Informasi yang disampaikan terasa masih kurang efektif kepada konsumen
maupun calon konsumen. Marina Aksesoris belum menggunakan media online
ataupun memiliki website khusus sebagai sarana promosinya.

3.2 Menganalisis system

Dengan melihat dari sistem yang saat ini digunakan, maka dapat diuraikan
masalah sebagai berikut :

1. Proses promosi dengan sistem lama masih kurang efektif penyampaian

informasinya.
2. Diperlukan media promosi yang dapat diselaraskan dengan sistem lama
untuk mendukung proses bisnis.

3.3 Hasil Analisis

1. Untuk mengefektifkan penyampaian informasi kepada konsumen,

informasi produk bisa disampaikan dengan menampilkan sistem katalog
yang lebih terstruktur pada sistem yang baru. Sehingga dapat
meningkatkan daya jual produk kepada konsumen.
2. Diperlukanlah suatu sistem baru yang informatif seperti website, agar lebih
memudahkan dalam pengolahan data pada UMKM Marina Aksesoris yang
meliputi informasi katalog produk, gambaran tentang perusahaan dan
kontak perusahaan serta lokasi perusahaan. Sistem lama bisa diselaraskan

14
 15

sebagai media promosi pendamping dengan tetap dihubungkan melalui

link ke website.

3.4 Fungsi Utama Sistem Baru

Fungsi utama Sistem Informasi Pemasaran ini antara lain:

1. Beranda
Berisi hal-hal yang dapat menarik minat pengunjung website mengenai sebuah
postingan produk yang terbaru ataupun mengenai informasi lainnya yang
penting untuk di publish dalam website.

2. Tentang Kami
Berisi informasi mengenai sejarah atau awal berdirinya Marina Aksesoris
beserta tujuan didirikannya toko tersebut.

3. Produk
Berisi katalog produk secara keseluruhan terutama Produk terbaru dari
UMKM Marina Aksesoris. Konsumen dapat memilih sesuai kategori produk
yang tersedia.

4. Lokasi
Berisi informasi mengenai lokasi Marina Aksesoris yang terletak di, dalam
bentuk google maps.

5. Contac Us
Berisi informasi mengenai data kontak Marina Aksesoris yang bisa dihubungi
untuk dimintai informasi lebih lanjut oleh pengunjung website.

15
 16

BAB IV

PERANCANGAN DAN IMPLEMENTASI SISTEM

4.1 Model Use Case Diagram

Penjelasan analisis dari website promosi ini digambarkan menggunakan
pemodelan Use Case Diagram dan Activity Diagram.

4.1.1 Definisi Aktor Use Case

Aktor yang terlibat dalam proses website ini yaitu :
Tabel 0.2 Definisi Aktor Use Case
No Aktor Aksi
1 Admin 1. Melakukan login
2. Mengelola konten produk dan informasi
yang akan ditampilkan pada halaman
website.
3. Mengelola antarmuka website dan tema.
4. Mengelola User.
2 User 1. Dapat melihat seluruh informasi produk dan
memberikan komentar.
2. Dapat mengakses informasi pada setiap
menu yang disediakan admin pada halaman
website.

4.1.2 Deskripsi Use Case

Pada sub bab ini akan dijelaskan apa saja pengertian dari setiap kegiatan
yang dilakukan oleh aktor pada website ini. Deskripsi dari setiap kegiatan pada
Use Case adalah sebagai berikut :

16
 Tabel 0.3 Deskripsi Use Case
No Use Case Deskripsi

1 Login Login merupakan proses otentikasi untuk

mendapat hak akses pengelolaan website.
Kegiatan ini dilakukan oleh admin.

2 Manajemen laman Merupakan kegiatan pengelolaan laman yang

terdiri dari menambah, menghapus dan mengubah
laman.

3 Menambah laman Proses menambah laman pada website

4 Menghapus laman Proses menghapus laman pada website

5 mengubah laman Proses mengubah laman pada website

10 Manajemen Kegiatan mengatur tampilan antarmuka website

antarmuka bagi pelanggan mencakup penggantian tema dan
warna background.
11 Mengganti tema Kegiatan mengganti tema tampilan dari website.

12 Mengganti latar Kegiatan mengganti warna atau gambar tampilan

belakang dari latar belakang website.
(background)

13 Manajemen User Proses pengelolaan User pada website seperti

menambah, mengubah, atau menghapus User.

17
 18

4.1.3 Use Case Diagram Website Pemasaran

Gambar 0.1 Use Case Diagram Website Pemasaran

4.1.4 Skenario Use Case Website Pemasaran

Skenario berupa aliran kegiatan untuk setiap Use Case dari website ini
adalah sebagai berikut :

4.1.4.1 Skenario Use Case Login

Berikut ini adalah skenario Use Case login dari website pemasaran online
Marina Aksesoris :
Tabel 0.3 Skenario Use Case Login
Nama Use Login (Admin harus melakukan login terlebih dahulu sebelum
Case masuk pada halaman admin dengan memasukkan email dan
password).
Aktor Admin
 19

Type Primary
Goal Untuk mendapat hak akses mengelola konten website.
Precondition Masukkan email dan password
Postcondition Berhasil masuk ke dalam halaman admin dan dapat melakukan
pengelolaan website baik mengatur tampilan, mengelola laman,
ataupun informasi yang akan dipublikasi.
Aktor Sistem
1. Memasukkan
email dan
Steps Password
2. Melakukan validasi email dan
password
3. Menampilkan halaman admin

4.1.4.2 Activity Diagram Use Case Login

Gambar 0.2 Activity Diagram Use Case Login

 20

4.1.4.3 Skenario Use Case Menambah Laman

Berikut ini adalah skenario Use Case menambah laman dari website
penjualan ini :
Tabel 0.4 Skenario Use Case Menambah Laman
Nama Use Case Menambah Laman (proses menambah laman di
halaman menu utama)
Aktor Admin
Type Primary
Goal Menambah laman di halaman website
Precondition Menambahkan laman baru pada menu tambah halaman
Postcondition Berhasil menambah laman
Aktor Sistem
1. Masuk halaman
manajemen laman
2. Menampilkan halaman
manajemen laman
3. Menampilkan
halaman Admin
Steps
4. Menampilkan laman
5. Memasukkan judul
6. Memasukkan
informasi
7. Klik preview
8. Klik publish
9. Publikasi laman
 21

Activity Diagram Use Case Menambah Laman

Gambar 0.1 Activity Diagram Use Case Menambah Laman

4.1.4.4 Skenario Use Case Menghapus Laman

Berikut ini adalah skenario Use Case menghapus laman dari website ini :
Tabel 0.4 Skenario Use Case Menghapus Laman
Nama Use Case Menghapus Laman (proses menghapus laman di halaman
utama)

Aktor Admin

Type Primary

Goal Menghapus laman di halaman website

Precondition Masuk pada manajemen laman, dan pilih laman yang

akan dihapus
 22

Postcondition Berhasil menghapus laman

Admin Sistem

1. Masuk halaman
manajemen laman
2. Menampilkan laman

3. Klik semua laman

Steps
4. Menampilkan semua
laman

5. Pilih judul

6. Klik hapus

7. Menghapus laman

4.1.4.5 Activity Diagram Use Case Menghapus Laman

Gambar 0.2 Activity Diagram Use Case Menghapus Laman

 23

4.1.4.6 Skenario Use Case Mengubah Laman

Berikut ini adalah skenario Use Case mengubah laman dari webite ini :
Tabel 0.5 Skenario Use Case Mengubah Laman
Nama Use Mengubah Laman (proses mengubah laman di halaman
Case utama)

Aktor Admin

Type Primary

Goal Mengubah laman di halaman website

Precondition Masuk pada manajemen laman, pilih laman yang akan diubah

Postcondition Berhasil mengubah laman

Aktor Sistem

1. Masuk halaman
manajemen laman

2. Menampilkan halaman
manajemen laman

3. Memilih laman
Steps
4. Klik edit

5. Menampilkan laman

6. Mengubah judul

7. Mengubah informasi

8. Klik update

9. Simpan perubahan
 24

4.1.4.7 Activity Diagram Use Case Mengubah Laman

Gambar 0.3 Activity Diagram Use Case Mengubah Laman

 25

4.1.4.8 Skenario Use Case Mengganti Tema

Berikut ini adalah skenario Use Case mengganti tema dari website ini :
Tabel 0.6 Skenario Use Case Mengganti Tema
Nama Use Mengganti tema (proses mengganti tema pada website)
Case
Aktor Admin
Type Primary
Goal Mengganti tema website
Precondition Masuk halaman manajemen antarmuka
Postcondition Berhasil mengganti tema
Aktor Sistem
1. Masuk halaman
manajemen antar
muka
2. Menampilkan halaman
manajemen antar muka
Steps
3. Pilih tema
4. Menampilkan tema
5. Klik preview
6. Menampilkan preview
7. Klik aktifkan
8. Mengaktifkan tema
 26

4.1.4.9 Activity Diagram Use Case Mengganti Tema

Gambar 0.4 Activity Diagram Use Case Mengganti Tema

4.1.4.10 Skenario Use Case Mengubah Background

Berikut ini adalah skenario Use Case mengubah background website ini:
 27

Tabel 0.7 Skenario Use Case Mengubah Background

Nama Use Mengubah background (proses mengubah background pada
Case website)
Aktor Admin
Type Primary
Goal Mengubah background
Precondition Masuk halaman manajemen antarmuka
Postcondition Berhasil mengubah background
Aktor Sistem
1. Masuk halaman
manajemen antarmuka
2. Menampilkan halaman
manajemen antarmuka
3. Memilih background
4. Menampilkan halaman
Steps
background
5. Pilih berkas
6. Klik upload
7. Menampilkan menu upload
8. Pilih gambar
9. Klik color
10. Menampilkan color
 28

4.1.4.11 Activity Diagram Use Case Mengubah Background

Gambar 0.5 Activity Diagram Use Case Mengubah Background

 29

4.2 Karakteristik Pengguna

Untuk menjalankan sistem ini diperlukaan beberapa kriteria karakteristik
pengguna diantaranya sebagai berikut :
Tabel 0.8 Karakteristik Pengguna Admin
Pengguna Admin yang mengatur Website
Kualifikasi 1. Mempunyai kemampuan dasar dibidang komputer.
2. Dapat mengoperasikan sistem operasi Windows atau
Linux.
3. Mengerti penggunaan web browser
4. Mempunyai kemampuan dasar Wordpress.

Tabel 0.9 Karakteristik Pengguna User

Pengguna User yang mengatur Website
Kualifikasi 1. Mempunyai kemampuan dasar dalam
mengoperasikan komputer
2. Mengerti tentang internet dan dapat
mengoperasikannya.

4.3 Perancangan
Dalam memenuhi kebutuhan dari UMKM Marina Aksesoris untuk
mempermudah proses pemasaran, maka dalam penelitian ini akan dibuat suatu
website yang dapat mempermudah kegiatan bisnisnya. Aktivitas yang akan
dipermudah seperti pengelolaan katalog produk, informasi promosi, informasi
profil umkm serta informasi cara pemesanan. Perancangan dan pengembangan
website ini dilakukan berdasarkan pada analisis yang telah dilakukan sebelumnya
dengan mengacu pada tujuan pemanfaatan dari website ini. Pengembangan
website ini menggunakan fitur CMS (Content Management System) yang telah
disediakan oleh wordpress. Diharapkan website ini dapat memberikan informasi
yang tepat dan jelas bagi konsumen yang membutuhkan informasi tentang Wanina
Fashion sehingga dapat meningkatkan daya jual produknya.
 30

4.4 Lingkungan Operasional

Lingkungan operasional merupakan situasi yang diperlukan agar sistem
berjalan dengan baik dan sesuai fungsinya. Aspek pemenuhan lingkungan
operasional yang baik yaitu meliputi perangkat lunak, perangkat keras dan
pengguna sistem ini.

4.4.1 Perangkat Lunak

Spesifikasi perangkat lunak yang dibutuhkan dalam website pemasaran ini
adalah sebagai berikut :
1. Sistem operasi Windows (XP/Vista/7/8), Mac OS atau Linux
2. Web browser (Google Chrome/Mozilla Firefox/Opera/Internet
Explorer/dan lain-lain)

4.4.2 Perangkat Keras

Spesifikasi perangkat keras yang dibutuhkan dalam pengembangan
website pemasaran ini adalah sebagai berikut :
1. Processor Intel Dual Core, 2.3 GHz
2. Memory 2 GB
3. Hard Disk 500 GB
4. Mouse, keyboard dan modem

4.5 Deskripsi Sistem

Pada halaman depan atau halaman utama pengunjung langsung
melihat berbagai produk kerajinan yang dijual. Pada menu Contact Us
disana terdapat informasi tentang nomor atau alamat yang bisa dihubungi
serta bagaimana cara melakukan pemesanan produk kerajinan UMKM
Marina Aksesoris.

4.6 Deskripsi Fungsional

Sistem pemasaran penjualan berbasis web Marina Aksesoris ini
digunakan untuk memudahkan owner atau admin dalam penataan data
produk secara komputerisasi. Pada bagian web ini ada yang bersifat
dinamis agar admin bisa menambah atau mengisi data baik itu produk
 31

maupun informasi lain. Selain mengisi atau menambahkan data, admin

juga dapat merubah data apabila terjadi kesalahan dalam memasukan
data, menghapus data jika data tersebut sudah tidak dibutuhkan lagi,
menampilkan seluruh data, mencari data yang diperlukan.

4.7 Prototype Antarmuka

Prototype antarmuka merupakan rancangan antarmuka yang akan

digunakan sebagai perantara Admin dengan perangkat lunak yang
dikembangkan. Prototype antarmuka dari Sistem Informasi Pemasaran
adalah sebagai berikut:

4.7.1 Antarmuka Login

Antarmuka Login admin berfungsi untuk memvalidasi

kewenangan pengguna yaitu admin untuk mengunakan Sistem Informasi
Pemasaran.

Gambar 4.8 Antarmuka Login

 32

4.7.2 Antarmuka Admin Wordpress

Antarmuka Manajemen Page berfungsi untuk melakukan add,
edit dan delete Page yang akan diterbitkan pada halaman website.

Gambar 4.9 Antarmuka Admin Wordpress

4.7.3 Antarmuka Manajemen Kategori Produk

Antarmuka manajemen Link berfungsi untuk melakukan add,
edit dan delete Link yang terdapat pada halaman website.

Gambar 4.10 Antarmuka Manajemen Kategori Produk

 33

4.7.4 Antarmuka Manajemen Tambah Produk

Antarmuka manajemen antar muka berfungsi untuk mengubah
tema dan Background yang terdapat pada halaman website.

Gambar 4.11 Antarmuka Manajemen Tambah Produk

4.7.5 Antarmuka Hasil Akhir Website (Home)

Antarmuka Input Komentar berfungsi untuk memberikan
komentar terhadap setiap informasi yang terdapat pada halaman website.

Gambar 4.12 Antarmuka Hasil Akhir Website

 34

4.7.6. Antarmuka Hasil Akhir Website (Contact US)

Gambar 4.13 Antarmuka Hasil Akhir Website

 35

BAB V

PENUTUP

Pada bab ini dipaparkan beberapa kesimpulan dan saran dari pelaksanaan pembuatan
Sistem Informasi Pemasaran ini. Kesimpulan dan saran didapat melalui seluruh proses yang
terdapat pada pembuatan pembuatan Sistem Informasi Pemasaran ini.

6.1 Kesimpulan
Dari berbagai penjelasan yang telah diuraikan dalam laporan ini, maka dapat
disimpulkan berbagai hal sebagai berikut:
1. Dengan adanya website yang dikembangkan dalam penelitian ini, dapat membantu
proses bisnis pada UMKM Marina Asesoris terutama dari sisi promosi. Penyampaian
informasi dapat lebih efektif karena tampilan sistem yang lebih terstrukur melalui
katalog produk yang disediakan dengan tujuan dapat meningkatkan daya jual produk
di mata konsumen.
2. Dengan sistem informasi berbasis website ini dapat menjadi media utama untuk
mengelola data, dan sekaligus menunjang sistem lama agar tetap menjadi media
pendukung yang dapat diselaraskan untuk meningkatkan proses bisnis Marina
Aksesoris.

6.2 Saran

Demi kelancaran operasional serta dapat memberikan dampak yang lebih bermanfaat
dikemudian hari, maka penulis mencoba menuliskan beberapa pemikiran berupa saran
sebagai pertimbangan, antara lain :
1. Sistem aplikasi website yang penulis kembangkan ini hanya menangani masalah
promosi. Penulis berharap agar dilakukan pengembangan lagi untuk penjualan
produk secara online atau sistem e-commerce, sehingga konsumen dapat lebih
mudah melakukan transaksi.
2. Dan jika dimasa mendatang sistem ini semakin besar, maka perlu dibangun suatu
basis data untuk menampung data dan informasi agar dapat dikelola dengan baik
serta terjamin keamanannya guna kelangsungan usaha ini.
 36

DAFTAR PUSTAKA

[1] Anthony, Robert N. dan Dearden, John. 1980.Management Control Systems. 4th. s.l. :
Illionis, 1980. hal. 125-126.
[2] Cushing, Barry E. 1974.Accounting Information Systems and Business Organizations.
Philippines : Addision Weley Publishing Company, 1974. hal. 8.
[3] Ellsworth, Jill H. dan Ellsworth, Matthew V. 1997.Pemasaran di Internet. [penerj.]
Yulianto. Jakarta : Grasindo, 1997.
[4] Leitch, Robert A. dan Davis, K. Roscoe. 1983.Accounting Information Systems. New
Jersey : Prentice-Hall, 1983. hal. 6.
[5] Neuschel, Richard F. 1960.Management by Systems. 2nd. New York : McGrawHill,
1960. hal. 10.
[6] Rangkuti, Freddy. 2002.Analisis SWOT, Teknik Membedah Kasus Bisnis. Jakarta : PT.
Gramedia Pustaka Utama, 2002.
[7] Scott, George M. 1986.Principles of Management Information Systems. New York :
McGrawHill, 1986. hal. 66.
[8] Wikipedia. Website. Wikipedia. [Online] http://id.wikipedia.org/wiki/Website.
[9] . Wordpress. Wikipedia. [Online] http://id.wikipedia.org/wiki/Wordpress.
 37

Lampiran A-1 Surat Keputusan Penelitian 1

 38

Lampiran A-2 Surat Keputusan Penelitian 2

 39

Lampiran A-3

FORMULIR LAPORAN KEGIATAN PENELITIAN

[SISTEM INFORMASI PEMASARAN BERBASIS WEB PADA UMKM BINAAN
HIMPUNAN PENGRAJIN PANGANDARAN
KABUPATEN PANGANDARAN]

(Studi Kasus UMKM Marina Aksesoris)

Nama Peneliti 1 : Kiki Nurhamidah

NPM : 1113U027

Nama Pemilik UMKM : Hernawan

Tanda
No Tanggal Pembahasan Tangan
UMKM
Peninjauan Lokasi UMKM Marina Aksesoris di lokasi
28 November
1.
2015 pantai Pangandaran

28 November Pengambilan data mengenai profile dan kegiatan Marina

2.
2015 Aksesoris

30 November Progres pertama pembangunan website www.marina-

3.
2015 tokolite.rhcloud.com

07 Desember Progres kedua pembangunan website www.marina-

4.
2015 tokolite.rhcloud.com

Pengambilan data kedua melalui email untuk proses

5. 12 Desember
kelengkapan website www.marina-tokolite.rhcloud.com
2015

19 Desember Penyempurnaan data website www.marina-

6.
2015 tokolite.rhcloud.com

20 Januari 2016 Peninjauan dan pengecekkan kembali website

7.
www.marina-tokolite.rhcloud.com oleh pihak umkm
40