Jurnal Teknologi Informasi (JALTI)

Politeknik Praktisi Bandung

Volume 1 - Nomor 1- Bulan November 2019
Email : uppm@praktisi.ac.id

PERANCANGAN SISTEM INFORMASI PEMASARAN KOPI

BERBASIS WEB DI SERANTAU BANDUNG

Lilis Emalia1, Faizal Adi Mahendra2

1
Politeknik Praktisi Bandung, lilis.emalia@gmail.com
2
Politeknik Praktisi Bandung, faizalsaputra3@gmail.com

ABSTRACT
At this time the community especially young entrepreneurs already understand how to run
a café business, but not all entrepreneurs understand the computerized café marketing
information system. The marketing department of Serantau Café markets its coffee using
Instagram by displaying interesting photos of activities inside the café and photos of all
products sold at Serantau Cafe. But the marketing department has obstacles in updating
data. Because Instagram has a timeline that continues to run quickly. If the marketing
department does not update, the Instagram account will not be visible in the timeline.
Which will make followers not pay attention to promotions on Serantau Cafe Instagram.
Based on the constraints found from the use of Instagram media in marketing coffee at
Serantau Café, the Serantau Café website design was made that has an attractive user
interface design and is expected to expand the marketing of its coffee products and to find
out details about Serantau Café.

Keywords: Marketing, website

ABSTRAK
Pada saat ini masyarakat khususnya pengusaha muda sudah mengerti cara menjalankan
bisnis café, tapi tidak semua pengusaha mengerti sistem informasi pemasaran café yang telah
terkomputerisasi. Bagian pemasaran Serantau Café memasarkan kopinya menggunakan
instagram dengan menampilkan foto-foto yang menarik mengenai aktifitas di dalam café
tersebut dan foto-foto semua produk yang dijual di Serantau Cafe. Tetapi bagian pemasaran
memiliki kendala dalam updating data. Karena instagram memiliki timeline yang terus
berjalan dengan cepat. Jika bagian pemasaran tidak mengupdate data maka akun instagram
akan tidak terlihat di timeline. Yang akan membuat follower tidak memperhatikan promosi
di instagram Serantau Cafe.
Berdasarkan kendala yang ditemukan dari penggunaan media instagram dalam pemasaran
kopi di Serantau Café, maka dibuatlah perancangan website Serantau Café yang memiliki
design user interface yang menarik dan diharapkan dapat memperluas pemasaran produk
kopinya serta mengetahui detil tentang Serantau Café.

Kata Kunci: Pemasaran, website

15
 Jurnal Teknologi Informasi (JALTI)
Politeknik Praktisi Bandung
Volume 1 - Nomor 1- Bulan November 2019
Email : uppm@praktisi.ac.id
PENDAHULUAN
Perkembangan dunia informatika
yang semakin cepat mendorong setiap
individu atau kelompok untuk
menerapkannya dalam segala aktivitas.
Disadari atau tidak, setiap sistem yang ada
seakan kurang lengkap bila masih
menggunakan model ataupun pengelolaan
secara manual, di samping sangat banyak
energi dan sumber daya yang akan
terbuang, baik dari segi finansial yang
tentunya menjadi biaya yang besar, tenaga
terkuras, maupun dari segi waktu yang
akan memakan waktu yang lebih banyak.
Sehingga komputer merupakan alat bantu
pengelolaan data yang dapat diandalkan.
Tidak hanya kecepatannya, namun juga
keakuratan dan daya tahannya untuk
melakukan pemrosesan data dalam jumlah
besar. Kini komputer telah dijadikan
teknologi pokok dalam pengelolaan data
dan penyajian informasi.
Pada saat ini masyarakat khususnya
pengusaha muda sudah mengerti cara
menjalankan bisnis café, tapi tidak semua
pengusaha mengerti sistem informasi
pemasaran café yang telah
terkomputerisasi. Sangat banyak
pengusaha café yang masih menggunakan
cara konvensional dalam pemasaran café-
nya. Cara konvensional tersebut sangat
merepotkan dan menimbulkan banyak
data semu dan ganda serta pemborosan
energi.
Selama ini bagian pemasaran Serantau
Café memasarkan kopinya menggunakan
instagram dengan menampilkan foto-foto
yang menarik mengenai aktifitas di dalam
café tersebut dan foto-foto semua produk
yang Serantau Cafe jual. Tetapi bagian
pemasaran memiliki kendala dalam
updating data. Karena instagram memiliki
timeline yang terus berjalan dengan cepat.
Jika bagian pemasaran tidak mengupdate
data maka akun instagram akan tidak
terlihat di timeline. Yang akan membuat
follower tidak memperhatikan promosi di
instagram Serantau Cafe.
Berdasarkan latar belakang diatas
maka penulis mengambil pokok
permasalahan mengenai cara
mengembangkan sistem informasi
pemasaran berbasis web agar dapat
mempermudah pemasaran pada Serantau
Café Bandung. Web ini akan dibangun
semenarik mungkin dengan ui ux yang
sangat user friendly dan design yang
membuat pengguna web nyaman berada
lama di website tersebut.
LITERATUR REVIEW
Dalam penelitian ini terdapat teori yang
dipergunakan sebagai referensi dalam
menghasilkan sistem yang dirancang,
yaitu:
1. Teori Tentang Sistem Informasi
Menurut Romney, Steinbart (2015)
mendefinisikan sistem informasi sebagai
berikut: “Sistem informasi adalah cara-
cara untuk mengumpulkan, memasukan,
dan mengolah serta menyimpan data,
dengan cara mengendalikan, dan
melaporkan informasi sedemikian rupa
sehingga sebuah organisasi dapat
mencapai tujuan yang telah ditetapkan”.
Sedangkan menurut Robert yang dikutip
oleh Minarni dan Saputra (2014) “Sistem
informasi adalah suatu sistem di dalam
suatu organisasi yang mempertemukan
kebutuhan transaksi harian, mendukung
operasi, bersifat manajerial dan kegiatan
strategi dari suatu organisasi dan
menyediakan pihak luar tertentu dengan
laporan-laporan yang diperlukan”.
Berdasarkan beberapa pendapat yang
dikemukakan di atas dapat ditarik
kesimpulan bahwa sistem informasi
adalah kumpulan dari susunan perangkat
keras dan perangkat lunak yang bekerja
sama dalam mengumpulkan, memproses,
menyimpan serta mengolah data menjadi
informasi yang berarti dan berguna.
2. Teori Tentang Pemasaran
Menurut Fandy Tjiptono (2015),
Pemasaran adalah penentuan apa yang
akan dijual kepada konsumen berupa
produk atau jasa dengan mendapatkan
16
 Jurnal Teknologi Informasi (JALTI)
Politeknik Praktisi Bandung
Volume 1 - Nomor 1- Bulan November 2019
Email : uppm@praktisi.ac.id
laba, melalui cara-cara, kondisi dan
saluran serta distribusi tertentu, serta
penciptaan dan pengolahan program
untuk menghasilkan, melayani dan
memperluas penjualan.
3. Teori Tentang Sistem Informasi
Pemasaran
Laksana (2008) mengungkapkan
Sistem informasi pemasaran adalah
sekumpulan unsur-unsur yang terkait
yaitu meliputi orang, peralatan dan
prosedur untuk mengumpulkan,
menyortir, menganalisis, mengevaluasi
dan mendistribusikan informasi yang
sesuai dengan kebutuhan, tepat waktu dan
akurat kepada pembuat keputusan
pemasaran.
METODE PENELITIAN
Metode pengembangan perangkat
lunak yang digunakan dalam penelitian ini
adalah Waterfall. Langkah-langkah yang
harus dilakukan pada metode waterfall
adalah sebagai berikut:
Langkah pertama yang dilakukan
penulis adalah menganalisis kebutuhan
input berupa media pemasaran yang telah
digunakan oleh Serantau Coffee
sebelumnya serta nota penjualan yang
digunakan dalam transaksinya. Kegiatan
analisis yang dilakukan, terbagi menjadi
beberapa tahapan, diantaranya tahap
pertama mengidentifikasi masalah. Dalam
tahapan ini, peneliti mengidentifikasikan
permasalahan yang ada yaitu merumuskan
masalah yang akan diteliti. Dengan
adanya perumusan masalah, maka
penelitian akan menjadi jelas dan terarah.
Tahap kedua melakukan pengumpulan
data melalui studi pengamatan dan
peninjauan secara langsung ke lokasi
penelitian, pengambilan dokumen
dilakukan langsung ke Serantau Coffee
dan studi pustaka pengambilan data
serupa sesuai penelitian sebagai
perbandingan dan referensi penelitian.
Selain itu dilakukan juga analisa terhadap
interaksi yang terjadi dalam sistem
informasi yang berjalan pada Serantau
Coffee yang akan digambarkan dalam
model UML (Unified Modeling
Language), diantaranya yaitu : Use case
diagram, class diagram, dan activity
diagram, sequence diagram, component
diagram.
Langkah kedua adalah mendesain
tampilan web yang menarik menggunakan
aplikasi Adobe XD. Langkah ketiga
adalah pembuatan kode program
menggunakan framework laravel, xampp
dan database MySQL. Tahapan terakhir
adalah tahap pengujian, dalam tahapan ini
peneliti menggunakan pihak ketiga untuk
melakukan pengecekan secara fungsional.
HASIL PENELITIAN DAN
PEMBAHASAN
Tahap perencanaan untuk pembuatan
sistem informasi pemasaran pada
Serantau coffee ini akan dijelaskan
dengan menggunakan permodelan sistem
informasi berorientasi objek dengan
UML. Beberapa diagram yang digunakan
diantaranya:
1. Diagram Use Case
Gambar 1. Use Case Diagram Sistem
Informasi Pemasaran Kopi
Setiap use case disertai dengan penjelasan
yang diuraikan dengan use case
identification dan use case scenario. Di
dalam use case tersebut terdapat aktor user
dan admin, hubungan antara aktor dengan
use case ataupun use case dengan use case.
17
 Jurnal Teknologi Informasi (JALTI)
Politeknik Praktisi Bandung
Volume 1 - Nomor 1- Bulan November 2019
Email : uppm@praktisi.ac.id

2. Activity Diagram
Activity diagram memodelkan
workflow proses bisnis dan aktifitas dalam
sebuah proses. Dengan kata lain, diagram
hanya menyebutkan aturan-aturan atau
rangkaian dasar dari sistem. Activity
diagram juga menggambarkan
fungsionalitas yang diharapkan dari
sebuah sistem. Kegiatan atau aktifitas
tersebut digambarkan dengan simbol-
simbol tertentu yang mendeskripsikan
aktifitas Use Case Diagram.

Gambar 4. Activity Master Barang

Gambar 2. Activity Diagram Pengelolaan

Data User

Gambar 5. Activity Laporan

3. Class Diagram

Gambar 3. Activity Diagram Transaksi

Gambar 6. Class Diagram

18
 Jurnal Teknologi Informasi (JALTI)
Politeknik Praktisi Bandung
Volume 1 - Nomor 1- Bulan November 2019
Email : uppm@praktisi.ac.id

4. Sequence Diagram
Sequence diagram bisa digunakan
untuk menggambarkan sekenario atau
rangkian langkah-langkah yang dilakukan
sebagai respons dari sebuah event untuk
menghasilkan output tertentu. Diawali dari
apa yang memerintahkan aktivitas
tersebut, proses dan perubahan apa saja
yang terjadi secara internal dan output apa
yang dihasilkan. Berikut sequence
diagram yang dibuat.

Gambar 10. Sequence Diagram

Laporan

5. Relasi Database
Dalam pembuatan suatu program
aplikasi dibutuhkan suatu spesifikasi tabel
file yang dimaksudkan untuk dapat
melakukan aktivitas dalam pengaturan dan
Gambar 7. Sequence Diagram pencarian data pembuatan laporan yang
Pengelolaan Data User dapat mempermudah kerja sistem
komputer. Untuk itu sistem pengolahan
data ini membutuhkan spesifikasi
tabel/file untuk mempermudah dalam
melakukan pemograman, yang dapat
dilihat daritabel-tabel

Gambar 8. Sequence Diagram

Transaksi

Gambar 11. Relasi Database Sistem

Informasi Pemasaran Kopi

Desain sistem informasi pemasaran

untuk promosi cafe Serantau berbasis web
yang telah selesai dibuat ditampilkan
dalam beberapa gambar dibawah ini.

Gambar 9. Sequence Diagram Master

Barang

19
 Jurnal Teknologi Informasi (JALTI)
Politeknik Praktisi Bandung
Volume 1 - Nomor 1- Bulan November 2019
Email : uppm@praktisi.ac.id

Gambar 12. Tampilan pop up cart

kosong

Gambar 13. Tampilan Registration

Page Gambar 16. Tampilan Menu

Gambar 14. Tampilan Login

Gambar 17. Tampilan Keranjang Belanja

Gambar 15. Tampilan Pop up Menus

Gambar 11. Tampilan Check Out Kopi

20
 Jurnal Teknologi Informasi (JALTI)
Politeknik Praktisi Bandung
Volume 1 - Nomor 1- Bulan November 2019
Email : uppm@praktisi.ac.id
KESIMPULAN DAN SARAN
Berdasarkan hasil penelitian yang
dilakukan peneliti maka dapat diambil
kesimpulan yaitu bahwa pemasaran yang
yang ada di Serantau Cafe sekarang sudah
menjadi lebih luas dan mudah dengan
adanya web. Selain itu website serantau
Cafe memiliki design user interface yang
menarik, sehingga membuat user
experience yang sangat baik.
Dengan sistem informasi pemasaran
berbasis web yang telah diterapkan di
Serantau Cafe, bagian pemasaran
diharapkan dapat mengenalkan web
melalui media instagram dan
endorsement. Agar orang-orang
mengetahui web yang dimiliki Serantau
sehingga dapat meningkatkan pemasaran
kopi yang lebih luas serta mengetahui
detail tentang Serantau Cafe.
DAFTAR PUSTAKA
A. S., Rosa dan Shalahuddin, M. (2018).
Rekayasa Perangkat Lunak Terstruktur
dan Berorientasi Objek. Bandung:
Informatika.
Azhar Susanto. (2016). Sistem Informasi
Akuntansi Edisi Sembilan.
Yogyakarta: ANDI.
Heineman, Elsevier Butter Worth, charon
tec put, Ltd.Kendall dan kendall.
(2010). Analisis dan Perancangan
Sistem,versi Bahasa Indonesia, edisi ke
5 jilid ke 1.Jakarta: PT.INDEKS
Kendall, E. Kenneth; & Kendall, E. Julie.,
(2011), Systems Analysis and Design.
Eighth Edition. United States of
America: Pearson Education Inc.
Jogiyanto, H.M., (2005), Analisa dan
Desain Sistem Informasi: Pendekatan
Terstruktur Teori dan Praktik Aplikasi
Bisnis, ANDI, Yogyakarta
Kotler, Philip; & Amstrong, Gary. (2012).
Marketing Management. Northwestern
university
Minarni, Fazril Hadi Saputra. (2014).
Sistem Informasi Perpustakaan
Berbasis Web Pada Politeknik
Kesehatan Padang. Jurnal Teknologi
Informasi dan Pendidikan. No ISSN:
2086-4981
Mukti, Dkk, (2012). Perancangan Sistem
Informasi Pelayanan Rawat Jalan
Berbasis Dekstop.
O’Brien, A. James & George.M,Marakas.
(2010). Management Information
System, 10th Edition McGraw-
Hill/Irwin, New York
Romney, Marshall B., dan Paul John
Steinbart. (2015). Accounting
Information Systems, 13thed.England:
Pearson Educational Limited.
Stair, Ralph M., Reynolds, George W.,
(2015), "Principles of Information
Systems A Managerial Approach Ninth
Edition", Cengage Learning, Boston.
Tjiptono, Fandy. (2015). Strategi
Pemasaran, Edisi 4, Yogyakarta: Andi.
Yuhefizar, Mooduto, & Hidayat, R.
(2011). Cara Mudah Membangun
Website Interaktif Menggunakan
Content Management System Joomla
Edisi Revisi. Jakarta: PT Elex Media
Komputindo
Zeithaml; A, Valarie; Bither, Mary Jo;
Gremler, Dwayne D. (2013).
ServicesMarketing: Integrating
Customer Focus Across the Firm, 6th
Edition. The McGraw–Hill
Companies.
21