PERANCANGAN SISTEM INFORMASI BERBASISWEB PROMOSI PADA TOKO HORAS BAKERY

PADANG SIDEMPUAN

Intan Ritonga1), Sri Rahmawati, S.Kom, M.Kom2), Syafri Arlis, S.Kom, M.Kom3)

1) Sistem Informasi, Universitas Putra Indonesia “YPTK”, Padangemail: ntn08.ritonga@gmail.com

2) Sistem Informasi, Universitas Putra Indonesia “YPTK”, Padangemail: sri_rahmawati@yahoo.com

3) Sistem Informasi, Universitas Putra Indonesia “YPTK”, Padangemail: arlies2301@gmail.com

Abstract - The Website helps people work in terms of promoting and introducing a office,organization also a product that is offered to a informant. The most important thing to look for isthe ability to simplify the job used to create the most efficient information system. Thereforeconducted an analysis of the data that has been collected with the tools of design systems. Then thedesigner designed output, input, files and program flow from the new system. The result of theanalysis is applied in a given website as a means of publication. And in the end the new system latercan increase sales and marketing products (bakery), as well as facilitating the transaction betweenproducers and consumers. The system of promotion and sale of products (bakery) in Store HorasBakery will can produce good and correct information.

Keyword : Website, Promotion, Products(bakery)

1. PENDAHULUAN

1.1 Latar Belakang MasalahPerkembangan teknologi saat ini

semakin berkembang seiring meningkatnyakebutuhan kita. Dalam memasuki duniaglobalisasi, kita mengenal teknologi yangsemakin maju untuk mempermudahmelakukan berbagai kegiatan dalamkehidupan salah satunya adalah internet.

Dengan internet semua orang dapatberkomunikasi dengan orang yang beradadi berbagai belahan dunia. Melalui mediaini mereka dapat memperoleh danmenyampaikan berbagai informasi yangdibutuhkan kapan saja dan dimana saja.Saat ini internet tidak hanya digunakanuntuk memperoleh informasi saja.Melainkan dapat digunakan sebagaimedia untuk melakukan bisnis dengan

membangun sebuah website. Internetsudah menjadi salah satu daya saing dalamkegiatan usaha. Dengan internet parapengusaha bisa mendapatkan pasar yang lebihluas sehingga secara tidak langsungperusahaan juga akan semakin dikenal.

Toko Horas Bakery merupakan salahsatu bentuk usaha yang bergerak dibidangmakanan. Saat ini usaha toko Horas Bakerybelum menggunakan komputer dalampengolahan datanya dan transaksinya masihdilakukan secara manual, pemasaran sertapromosinya baru sebatas menggunakanpamflet yang ada di toko tersebut. Hal inimasih dirasa kurang maksimal dalammengembangkan usaha karena terbatasnyadaerah pemasaran yang dijangkau.

Berdasarkan fakta yang ada di atasmaka toko Horas Bakery memerlukan sebuahmedia informasi yang berisi informasi tentang

produk yang up to date serta dapat disebarluaskan secara global. Melihat permasalahantersebut maka penulis mencoba untukmengambil judul “PERANCANGANSISTEM INFORMASI BERBASIS WEBPROMOSI PADA TOKO HORASBAKERY PADANG SIDEMPUAN”.

1.2 Rumusan MasalahBerdasarkan analisa penulis, dapat

dirumuskan permasalahan sebagai berikut:1. Bagaimana mempromosikan dan

memasarkan produk lebih luas sertamemberikan informasi yang akuratagar pelanggan mendapatkaninformasi yang lengkap danmemudahkan pelanggan dalammelakukan pemesanan produk padatoko Horas Bakery?

2. Bagaimana cara mengatasi kesulitandalam mengelola, menyimpan data-data serta transaksi yang terjadi padaHoras Bakery?

3. Bagaimana cara mengoptimalkankomputerisasi pada toko Horas Bakerydalam mempromosikan danmemasarkan produk yang merekamiliki?

1.3 HipotesaBerdasarkan perumusan masalah di

atas, maka dapat diambil beberapa hipotesissebagai berikut :

1. Dengan dibangunnya sebuahsistem yang baru maka masalahyang timbul dalammempromosikan dan memasarkanproduk yang lebih luas sertamemberikan informasi yang akuratagar pelanggan mendapatkaninformasi yang lengkap danmemudahkan pelanggan dalammelakukan pemesanan produkpada toko Horas Bakery dapatdiatasi dengan baik.

2. Dengan penerapkan sistemkomputerisasi yang optimaldiharapkan mampu mengatasikesulitan dalam mengelola,menyimpan data-data sertatransaksi yang terjadi pada HorasBakery.

3. Dengan mengotimalkankomputerisasi pada toko HorasBakery diharapkan dapatmembantu mempromosikan danmemasarkan produk yang merekamiliki dengan cara membuatsebuah website yang nantinyasesuai dengan dibutuhkan olehHoras Bakery.

1.4 Tujuan PenelitianAdapun tujuan dari penelitian ini

adalah sebagai berikut :1. Untuk merancang sebuah website

yang dapat memudahkan dalampencarian informasi sertamempromosikan usaha Horas Bakerydengan mudah dan cepat.

2. Untuk merancang sebuah websiteyang dapat memberikan informasiyang up to date serta mudah diaksesoleh pelanggan.

3. Untuk merancang sebuah websiteyang dapat memudahkan pelanggandalam memesan produk di HorasBakery.

4. Untuk merancang sebuah websiteyang dapat meningkatkan jumlahpemesanan di Horas Bakery sertadapat meningkatkan pendapatanperusahaan.

2. LANDASAN TEORI

2.1 Konsep Dasar Sistem2.1.1 Pengertian Sistem

Secara sederhana sistem dapatdiartikan sebagai suatu kumpulan atauhimpunan dari unsur atau variabel-variabel

yang saling terorganisasi, saling berinteraksi,dan saling bergantung satu sama lain.Mudrick dan Ross mendefinisikan sistemsebagai seperangkat elemen yangdigabungkan satu dengan lainnya untuk suatutujuan bersama. Sementara, definisi sistemdalam kamus Webster’s Unbriged adalahelemen-elemen yang saling berhubungan danmembentuk satu kesatuan atau organisasi.Menurut Scott, sistem terdiri dari unsur-unsurseperti masukan (input), pengolahan(processing), serta keluaran (output).Sedangkan Mc. Leod mendefinisikan sistemsebagai sekelompok elemen-elemen yangberintegrasi dengan maksud yang sama untukmencapai suatu tujuan. (Hanif Al Fatta-2007).

2.1.2 Karakteristik SistemUntuk memahami atau

mengembangkan suatu sistem, maka perlumembedakan unsur-unsur dari sistem yangmembentuknya. Berikut adalah karakteristiksistem yang dapat membedakan suatu sistemdengan sistem lain:

1. Batasan (boundary)Penggambaran dari suatu elemenatau unsur mana yang termasuk didalam sistem dan mana yang diluar sistem.

2. Lingkungan (environment)Segala sesuatu dari luar sistem,lingkungan yang menyediakanasumsi, kendala, dan inputterhadap suatu sistem.

3. Masukan (input)Sumber daya ( data, bahan baku,peralatan, energi ) darilingkungan yang dikomsumsi dandimanipulasi oleh suatu sistem.

4. Keluaran (output)Sumber daya atau produk (informasi, laporan, dokumen,tampilan layar komputer, barangjadi ) yang disediakan untuklingkungan sistem oleh kegiatandalam suatu sistem.

5. Komponen (component)Kegiatan-kegiatan atau prosesdalam suatu sistem yangmentransformasikan inputmenjadi bentuk setengah jadi(output). Komponen ini bisamerupakan subsistem dari sebuahsistem.

6. Penghubung (interface)Tempat dimana komponen atausistem dan lingkungannyabertemu atau berinteraksi.

7. Penyimpanan (storage)Area yang dikuasai dandigunakan untuk penyimpanansementara dan tetap dariinformasi, energi, bahan baku,dan sebagainya.

2.1.3 Daur Hidup SistemDaur hidup sistem adalah proses

evolusioner yang diikuti dalam menerapkansistem atau subsistem informasi yang bebasiskomputer. Ada beberapa tahapan dari daurhidup suatu sistem, tahapan tersebut akanselalu dilalui oleh sistem selama sistemtersebut masih digunakan.

1. Mengenali adanya kebutuhan2. Pembangunan Sistem3. Pemasangan Sistem4. Pengoperasian Sistem5. Sistem Menjadi Usang

2.2 UMLUML merupakan bahasa visual untuk

pemodelan dan komunikasi mengenai sebuahsistem dengan menggunakan diagram danteks-teks pendukung. UML hanya berfungsiuntuk melakukan pemodelan, jadipenggunaan UML tidak terbatas padametodologi tertentu, meskipun padakenyataannya UML paling banyak digunakanpada metodologi berorientasi objek. (Rosa A.S– M. Shalahuddin, 2013).

2.2.1 Use Case DiagramUse case diagram merupakan

pemodelan untuk menggambarkan kelakukanatau behavior sistem yang akan dibuat.Diagram Use Case mendeskripsikan sebuahinteraksi antara satu atau lebih aktor dengansistem yang akan dibuat. Dengan pengertianyang cepat, diagram use case digunakanuntuk mengetahui fungsi apa saja yang ada dialam sebuah sistem dan siapa saja yangberhak menggunakan fungsi-fungsi tersebut.Hal yang perlu diingat mengenai diagram usecase bukan menggambarkan tampilan antarmuka, arsitektur dari sistem, kebutuhannonfungsional , dan tujuan performasi.

2.2.2 Class DiagramClass diagram atau diagram kelas

menggambarkan struktur sistem dari segipendefinisian kelas-kelas yang akan dibuatuntuk membangun sistem . Diagram kelasmendeskripsikan jenis-jenis objek dalamsistem dan berbagai hubungan statis yangterdapat di antara mereka.

2.2.3 Activity DiagramActivity diagrams menggambarkan

berbagai alir aktivitas dalam sistem yangsedang dirancang, bagaimana masing-masingalir berawal, decision yang mungkin terjadi,dan bagaimana mereka berakhir.

2.2.4 Sequence DiagramSequence diagram digunakan untuk

memodelkan interaksi objek didalam sebuahproses. Sequence diagram menggambarkanurutan even dan waktu dari suatu pesan yangterjadi antar objek dalam sebuah use case .Oleh karena itu untuk menggambarkansequence diagram harus diketahui objek-objek yang telibat didalam sebuah use casebeserta metode-metode yang dimiliki kelasyang diinstansikan menjadi objek itu.

2.4 PHP Hypertext Preproccesor (PHP)

Kelahiran PHP bermula saat RasmusLerdorf membuat sejumlah skrip Perl yangdapat mengamati siapa saja yang dapatmelihat-lihat daftar riwayat hidupnya, yaknipada tahun 1994. Skrip-skrip ini kemudiandikemas menjadi tool yang disebut “PersonalHome Page”. Paket inilah yang menjadi cikalbakal PHP. Pada 1995, Rasmus menciptakanPHP/FI Versi 2. Pada versi inilah pemrogramdapat menempelkan kode terstruktur di dalamtag HTML. Yang menarik, kode PHP jugabisa berkomunikai dengan database danmelakukan perhitungan-perhitungan yangkompleks sambil jalan.

Pada awalnya, PHP dirancang untukdiintegrasikan dengan web server apache.Namun, belakangan PHP juga dapat bekerjadengan web server seperti PWS (PersonalWeb Server), IIS (Internet InformationServer), dan Xitami. (Abdul Kadir-2003).

2.5 MySQLMySQL merupakan database server

dimana pemrosesan data terjadi di server, danclient hanya mengirim data serta memintadata. Oleh karena pemrosesan terjadi di serversehingga pengaksesan data tidak terbatas.Pengaksesan dapat dilakukan dimana sajaoleh siapa saja dengan catatan komputer telahtehubung ke server. (Haris Saputra-2003).

3. ANALISA DAN PERANCANGANSISTEM3.1 Aliran Sistem Informasi (ASI) Lama

Aliran sistem informasi merupakanaliran dari semua dokumen maupun laporan-laporan beserta tembusannya yang terjadidalam proses pemesanan bakery di tokoHoras Bakery Padang Sidempuan.

Adapun prosedur yang berlaku padaproses pemesanan bakery sebagai berikut :

1. Pelanggan datang langsung ke tokodan memilih makanan yang akandibeli.

2. Kemudian pelanggan membayar kebagian administrasi.

3. Bagian administrasi membungkusmakanan dan memberikan strukpembelian kepada pelanggan.

4. Bagian administrasi melakukanpencatatan transaksi penjualan, padabuku penjualan.Adapun Aliran Sistem Informasi

(ASI) Lama dapat dilihat pada Gambar 3.1berikut ini:

Gambar 3.1 ASI Lama Horas Bakery

3.2 Desain Sistem3.2.1 Use Case Diagram

Use case diagram merupakan pemodelanuntuk menggambarkan kelakuan sistem yangakan dibuat. Use case diagram pada sistempemesanan bakery online dapat dilihat padaGambar 3.2 berikut :

Gambar 3.2 Use Case Diagram

3.2.2 Class DiagramClass diagram menggambarkan

struktur dan deskripsi class, package danobjek beserta hubungan satu sama lain seperticontainment, pewarisan, asosiasi, dan lain-lain. Class diagram pada sistem ini dapatdilihat pada Gambar 3.3 berikut :

Gambar 3.3 Class Diagram

3.2.3 Activity DiagramActivity diagram menggambarkan

berbagai alir aktivitas dalam sistem yangsedang dirancang, bagaimana masing-masingalir berawal, decision yang mungkin terjadi,dan bagaimana mereka berakhir. Activitydiagram lebih menggambarkan proses-prosesdan jalur-jalur aktivitas dari level atas secaraumum. Activity diagram atau diagramaktivitas menggambarkan aktivitas yangdilakukan sistem bukan apa yang dilakukanaktor.

Aliran aktivitas yang dilakukanpengunjung didalam sistem dapat dilihat padaGambar 3.6 berikut ini :

Gambar 3.6 Activity Diagram Pengunjung

pengunjung

customer

admin

melihat menu utama

melihat berita

melihat info produk

registrasi customer

lihat info registrasi

melakukan transaksi

mencetak bukti transaksi

melihat halaman admin

mengelola data customer

mengelola data kategori

mengelola data produk

mengelola data pengiriman

mengelola data berita

melihat laporan customer

mencetak laporan customer

melihat laporan produk

mencetak laporan produk

melihat laporan transaksi

mencetak laporan transaksi

melihat laporan pengiriman

mencetak laporan pengiriman

login admin

login customer

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

melihat cara order

input bukti pemesanan<<include>>

customer

+id_cust+tanggal_daf+nama_cust+tanggal_cust+jekel_cust+alamat_cust+telepon_cust+user_cust+password_cust+email_cust+keterangan

+input()+get()+hapus()+edit()

berita

+kode_b+tanggal_b+judul_b+isi_b

+input()+get()+hapus()+edit()

transaksi

+no_faktur+tanggal+id_cust+kode_p+total+keterangan

+input()+get()+hapus()

produk

+kode_p+id_kategori+nama_p+ket_p+satuan_p+stok_p+harga_p+gambar_p

+input()+get()+hapus()+edit()

kategori

+id_kategori+nm_kategori

+input()+get()+hapus()+get()

admin

+id_admin+password+nama+status

+login()+logout()

pengiriman

+kode_kirim+no_faktur+tanggal_kirim+keterangan

+input()+get()+hapus()+edit()

11..*

0..*

1

1 1

0..*

1

1

1..*

1

1..*

pengunjung admin

menu utama

lihat info produk lihat berita login

registrasi umum

verifikasi data customer

menunggu verifikasi

lihat info verifikasi registrasi

logout

Activity Diagram customermenggambarkan aktifitas yang lakukancustomer di dalam sistem. Dari awal kegiatan,sampai akhir kegiatan. Model ActivityDiagram customer dapat dilihat pada Gambar3.7 berikut ini :

Gambar 3.7 Activity Diagram Customer

Activity Diagram ini menggambarkanaliran aktivitas yang dilakukan oleh seorangadmin terhadap sistem. Activity Diagramadmin dapat dilihat pada Gambar 3.8 berikut :

Gambar 3.8 Activity Diagram Admin

3.2.4 Sequence DiagramSequence diagram digunakan untuk

menggambarkan skenario atau rangkaianlangkah-langkah yang dilakukan sebagairespons dari sebuah event untuk menghasilkanoutput tertentu. Sequence Diagram pada saatuser melakukan login dapat dilihat padaGambar 3.9 berikut :

Gambar 3.9 Sequence Diagram Login

Model sequence diagram pada saatadmin melakukan pengolahan terhadap dataproduk dapat dilihat pada Gambar 3.10berikut ini :

Gambar 3.10 Sequence Diagram RegistrasiPelanggan

Model sequence diagram laporan dataproduk dapat dilihat pada Gambar 3.11berikut ini:

Gambar 3.11 Sequence Diagram LaporanData Produk

customer sistem

menu utama

login

verifikasi login

lihat produk

transaksi pemesanan

print bukti pemesanan

bukti pemesanan

logout

proses permintaan

admin sistem

login

verifikasi login

halaman menu admin

mengelola berita mengelola data pengiriman mengelola data produk lihat laporan transaksi mengelola data customer

lihat laporan pengiriman lihat laporan data produk lihat laporan data customer

cetak laporan proses permintaan

laporan pengiriman laporan cetak produk laporan data transaksi laporan data customer

logout

user form login cetak login database

1 : input user id dan pasword()

2 : login()

3 : verifikasi login()

4 : login berhasil()

5 : login tidak valid()

administrator daftar produk from entry produk database

1 : tambah produk()

2 : inputkan data produk()

3 : simpan ke database()

4 : data belum lengkap()

5 : data berhasil disimpan()

administrator halaman utama laporan data produk form cetak laporan

1 : laporan data produk()

2 : lihat laporan data produk()3 : cetak llaporan data produk()

4 : kembali ke halaman utama()

Sequence diagram registrasi customermenggambarkan urutan kegiatan dan waktusaat user melakukan registrasi menjadicustomer ke sistem, sequence diagram inidapat dilihat pada Gambar 3.12 berikut :

Gambar 3.12 Sequence Diagram RegistrasiCustomer

Sequence diagram verifikasi datacustomer menggambarkan urutan kegiatanadmin melakukan verifikasi terhadap datacustomer yang telah melakukan registrasi kesistem, sequence diagram ini dapat dilihatpada Gambar 3.13 berikut :

Gambar 3.13 Sequence Diagram VerifikasiRegistrasi Customer

Sequence diagram laporan verifikasidata customer dapat dilihat pada Gambar 3.14berikut ini:

Gambar 3.14 Sequence Diagram LaporanVerifikasi Data Customer

Sequence diagram transaksipemesanan menggambarkan urutan kegiatandan waktu saat customer melakukanpemesanan produk, sequence diagram inidapat dilihat pada Gambar 3.15 berikut :

Gambar 3.15 Sequence DiagramPemesanan Produk

Model sequence diagram laporantransaksi pemesanan produk dapat dilihatpada Gambar 3.16 berikut ini:

Gambar 3.16 Sequence Diagram CetakLaporan Pemesanan

pengunjung menu utama form registrasi pelanggan database

1 : registrasi pelanggan()

2 : inputkan data()

3 : simpan ke database()

4 : data belum lengkap()

5 : registrasi selesai()

administrator menu utama daftar registrasi customer database

1 : lihat daftar registrasi()

2 : verifikasi data customer()

3 : update ke database()

4 : veriifikasi data selesai()

administrator laporran verifikasi data customer form cetak verifikasi customer

1 : lihat laporan verifikasi customer()

2 : cetak laporan verifikasi customer()

3 : cetak laporran selesai()

customer daftar produk form transaksi pemesanan database form cetak bukti

1 : pilih produk()

2 : input pemesanan()

3 : simpan ke database()

4 : data belum lengkap()

5 : cetak bukti pemesanan()

6 : kembali ke daftar produk()

admin halaman utama laporan transaksi pemesanan form cetak laporan

1 : laporan transaksi()

2 : lihat laporan transaksi pemesanan perhari()

3 : cetak laporan transaksi pemesanan perhari()

4 : lihat laporan transaksi pemesanan perbulan()

5 : cetak laporan transaksi pemesanan perbulan()

6 : kembali ke halaman utama()

1. Dalam penerapan sistem informasipenjualan berbasis web ini, harusdiperhatikan kemampuan sertadukungan tenaga operasional yangmengerti tentang komputer. Karenasistem ini hanya sebagai alat yangapabila tanpa ada manusia yang bisamengendalikannya tidak akanbermanfaat bagi yangmenggunakannya.

2. Perlu dilakukan pengenalan terhadapsistem yang baru dengan memberikanpelatihan kepada semua karyawan,terutama karyawan yang akanmengoperasikan sistem ini.

3. Kerjasama sangat dibutuhkan untukmencapai tujuan serta didukung olehinformasi terbaru dan lancar sehinggakeputusan yang akan diambil akanlebih cepat.

4. Sistem ini masih jauh darikesempurnaan dan masih banyakterdapat kekurangan sehingga dapatdikembangkan lebih baik lagi, bagiyang berkeinginan untukmengembangkan agar lebihmemperhatikan pada proses dan alirandokumen dari sistem ini.

Dari saran-saran di atas, diharapkansistem informasi yang baru ini dapatbermanfaat bagi pihak-pihak yang berniatuntuk melakukan pengembangan lebih lanjut,khususnya bagi pihak Horas Bakery sendiriagar hasil yang dicapai bisa lebih maksimaldan optimal.

DAFTAR PUSTAKA

Al Fatta, Hanif. 2007. Analisis danPerancangan Sistem Informasi.Yogyakarta: ANDI.

A.S, Rosa & M.Shalahuddin. 2013. RekayasaPerangkat Lunak. Bandung:

INFORMATIKA.

Basuki, Arief Murya. 2009. Analisa WebsiteUniversitas Muria Kudus. Jurnal Sains.ISSN: 1979-6889, Vol.2, No.2,Desember.

Husni, Mochamad. 2013. Analisis WebsiteSekolah Tinggi Manajemen InformatikaDan Komputer Pradnya ParamitaMalang Berdasarkan Segi Usability,Visualization, Functionality DanAccessibility. Jurnal Dinamika Dotcom,Vol.4, No.1.

Kadir, Abdul. 2003. Dasar PemrogramanWeb Dinamis Menggunakan PHP.Yogyakarta: ANDI.

Oktavian, Diar Puji. 2013. Membuat WebsitePowerfull Menggunakan PHP.

Yogyakarta: Mediakom.Sadeli, Muhammad. 2013. Toko Baju Online

dengan PHP dan MySQL. Palembang:Maxikom.

Saputra, Haris. 2003. Manajemen DatabaseMySQL Menggunakan MySQL Front.Jakarta: PT Elex Media Komputindo.

Sutabri, Tata. 2005. Sistem InformasiManajemen. Yogyakarta: ANDI.