SISTEM INFORMASI BERBASIS WEB: APOTEK BATIN PHARMACY

Oleh:

Dewa Nyoman Agung Adipurwa 2008561096

Mahandiri

I Putu Gede Maysa Putra 2008561086

Michael Tanaya 2008561056

Satya Wirapati 2008561046

Putu Danny Satria Ananta Yuda 2008561071

Kelas A

DOSEN PENGAMPU

I Gusti Agung Gede Arya Kadnyanan, S.Kom., M.Kom.

PROGRAM STUDI INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS UDAYANA 2022

 Daftar Pustaka

Daftar Pustaka .......................................................................................................... 2

BAB I PENDAHULUAN ........................................................................................ 3
1.1. Latar Belakang ........................................................................................ 3
1.2. Tujuan Penelitian .................................................................................... 4
1.3. Manfaat Penelitian .................................................................................. 4
BAB II LANDASAN TEORI .................................................................................. 5
2.1 Sistem Informasi Manajemen ................................................................ 5
2.2 Website ..................................................................................................... 5
2.3 Database Management System ............................................................... 6
BAB III PENDAHULUAN .................................................................................... 7
3.1 Tipe Sistem ............................................................................................... 7
3.2 Deskripsi ................................................................................................... 7
3.3 Problem .................................................................................................... 7
3.4 Solusi ......................................................................................................... 7
3.5 Uraian ....................................................................................................... 9
3.6 Tabel Fitur dan Skenario ........................................................................ 9
3.7 User Interface ......................................................................................... 13
3.8 Sitemap Website .................................................................................... 14
3.9 Flow Chart ............................................................................................. 15
3.10 Screenshoot Web ................................................................................... 16
 BAB I
PENDAHULUAN

1.1. Latar Belakang

Setiap perusahaan membutuhkan sistem pengolahan data yang khusus
untukmongelola suatu data dengan cepat dan tepat, sehingga tidak terlalu
banyak tugasyang menyita waktu dan tenaga dalam menyelesaikan suatu
,salah satunya pada perusahaan dibidang apotek, membutuhkan sistem
pengolahan data yang baik danmendukung kinerja perusahaan.

Apotek merupakan sarana pelayanan farmasi yang sangat memerlukan

adanya sistem informasi pengolahan data untuk mempermudah dan
memperlancar kinerjanya. Sekarang ini, masih banyak penulisan /
pencatatan data-data(obat) pada apotek yang dilakukan secara konvensional.
Cukup banyak apotek yang masih memberdayakan tenaga manusia untuk
mengolah data-data yang ada demimemperlancar usahanya. Sistem yang
masih digunakan adalah sistem konvensional yaitu melakukan pencatatan,
baik itu transaksi penjualan ataupun pembelian barang ke dalam sebuah
buku. Cara yang demikian tersebut, membuat kinerja apotek menjadi kurang
efektif dan efisien.

Perbaikan yang akan dilakukan yaitu membuat sistem pencatatan

dengan menggunakan sistem yang berbasis komputer, baik dari segi
pendataan barang persediaan, pencatatan data transaksi, dan proses yang
lainnya yang berhubungan dengan aktivitas pada apotek yang bersangkutan.
Database ada untuk melayani kebutuhan aplikasi. Selain itu, perancangan
user interface yang baik akan mendukung efisiensi waktu dalam
mempelajari aplikasi apotek. Dengan adanya sebuah aplikasi sistem
informasi penjualan obat pada Apotek yang akan dibuat ini, maka sistem
informasi apotek akan dapat dikelola dengan lebih baik lagi.
 Berdasarkan latar belakang tersebut, penulis mengusulkan
perancangan sistem informasi sederhana untuk mengelola database dari
Apotek dengan nama “Apotek Batin Pharmacy” dalam bentuk website.

1.2. Tujuan Penelitian

Tujuan yang hendak dicapai dalam penelitian ini sebagai berikut:

1.4.1. Untuk membangun sistem informasi Apotek Batin Pharmacy.

1.4.2. Untuk menyelesaian permasalahan pengelolaan data dari apotek

1.3. Manfaat Penelitian

Diharapkan penelitian ini dapat bermanfaat:

1.5.1. Untuk mengelola database Apotek Batin Pharmacy

1.5.2. Dapat digunakan sebagai referensi untuk penelitian lainnya.
 BAB II
LANDASAN TEORI

2.1 Sistem Informasi Manajemen

Sistem informasi manajemen (SIM) merupakan sekelompok atau sekumpulan

proses dimana data dapat diolah, dianalisis, dan ditampilkan supaya data tersebut
menjadi berguna untuk kebutuhan pengambilan suatu keputusan. Sistem ini
merupakan alat yang sangat berguna untuk menunjang dan mengendalikan operasi
perusahaan. Sistem ini berbasis komputer dan dapat berupa lembar excel atau
platform yang lebih kompleks. Selain itu data dapat diakses dan diolah secara
internal maupun eksternal. Sehingga, sistem informasi yang digunakan lebih efisien
dan produktif.
Tujuan utama dari sistem ini adalah untuk mengumpulkan dan mengatur semua
data dari berbagai tingkat perusahaan, meringkas, kemudian memfasilitasi dan
meningkatkan kualitas dari pengambilan keputusan untuk meningkatkan
produktivitas dan profitabilitas sebuah perusahaan.
Semua organisasi membutuhkan aliran informasi yang membantu manajer
untuk mengambil bermacam keputusan yang dibutuhkan. Aliran informasi ini diatur
dan diarahkan dalam suatu sistem informasi. Sistem informasi berperan dalam
proses pengambilan keputusan operasional harian sampai perencanaan jangka
panjang. Sebelum komputer ada, sistem informasi sudah menjadi kebutuhan
organisasi. Ini berarti sistem informasi tidak selamanya berbasis komputer. Namun
dengan berkembangnya fungsi komputer, sistem informasi saat ini umumnya
didukung penuh oleh komputer. Sistem informasi organisasi digunakan untuk
mendukung aktifitas-aktifitas organisasi berkembang dari masa-ke masa. Tingkat
keterlibata sistem informasi organisasi makin lama makin luas dan dalam.

2.2 Website
Website adalah halaman informasi yang disediakan melalui jalur internet sehingga
bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website
merupakan komponent atau kumpulan komponen yang terdiri dari teks, gambar,
suara animasi sehingga lebih merupakan media informasi yang menarik untuk
dikunjungi. dalam server yang sama. Tidak semua situs web dapat diakses dengan
gratis. Beberapa situs web memerlukan pembayaran agar dapat menjadi pelanggan,
misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surat
elektronik (e-mail), dan lain-lain.
Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang
biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada
di dalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah
dokumen yang ditulis dalam format HTML (Hyper Text Markup Language) hampir
selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi
dari server website untuk ditampilkan kepada para pemakai melalui web browser.
Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan
informasi yang sangat besar.

2.3 Database Management System

Database Management System (DBMS) atau sistem manajemen basis data adalah
suatu alat yang digunakan dalam pembuatan dan pengolahan data. Alat ini
memungkinkan Anda dapat memperbaharui serta mengambil data secara cepat
dengan menggunanakan perintah-perintah tertentu menggunakan bahasa query
seperti Structured Query Language (SQL). Database Management System
menghubungkan pengguna dengan database dan aplikasi. Dengan adanya DBMS,
setiap data yang dimiliki dapat dikelola, dimanipulasi, dan diolah menjadi suatu
informasi baru. Hal tersebut dapat dilakukan karena DBMS memiliki kemampuan
yang tidak dimiliki oleh database biasa yaitu:

• Construct – DBMS dapat dipakai untuk membangun database

sebagai tempat penyimpanan dan pengolahan data.
• Define – DBMS dapat mendefinisikan data, sehingga data-data
tersebut dapat ditempatkan pada database yang sesuai.
• Manipulate – DBMS dapat dimanfaatkan untuk melakukan
manipulasi data sesuai keinginan Anda.
Dalam DBMS terdapat bahasa khusus yang digunakan dalam berkomunikasi.
Bahasa tersebut yaitu bahasa pemrograman Standard Query Language (SQL).
Bahasa tersebut terdiri dari dua macam perintah pokok, yaitu:
Data Definition Language (DDL): Bahasa ini digunakan untuk membuat dan
mengubah struktur dari sebuah objek dalam database seperti views, schema, tabel,
index, dsb. contoh command atau perintah dalam DDL antara lain ALTER,
CREATE, dan DROP.
Data Manipulation Language (DML): Bahasa ini digunakan untuk memberikan
perintah untuk memanipulasi sebuah data di dalam database. Perintah tersebut
meliputi pengambilan data, menambahkan data, mengubah data, dan menghapus
data. contoh dari perintah DML yaitu INSERT, UPDATE, dan DELETE.
 BAB III
PENDAHULUAN
3.1 Tipe Sistem

Transaction Processing System (TPS) karena pada sistem Apotek Batin ini akan
dibangun sistem kasir guna transaksi lebih cepat pada bagian depan atau frontend.
Sistem ini akan menampilkan kalkulasi dari transaksi serta pembayaran.

3.2 Deskripsi

Sistem Informasi Apotik Batin merupakan sebuah sistem informasi berbasis

website yang digunakan untuk membantu pengelolaan informasi apotik dalam hal
kalkulasi, transaksi dan pembayaran.

3.3 Problem

Pelayanan pencarian informasi obat di kasir cabang Apotek Batin memakan waktu
yang lama, sehingga menyebabkan tersendatnya proses transaksi dan berpotensi
menimbulkan keluhan pelanggan yang pastinya berdampak pada kualitas pelayanan
perusahaan. Permasalahan tersebut kami duga karena perusahaan Apotek Batin
tidak memiliki standar sistem informasi yang digunakan oleh seluruh cabang
perusahaan. Selain itu, User Experience (UX) dari sistem informasi yang digunakan
perlu diperhatikan agar lebih mudah dipelajari oleh petugas.

3.4 Solusi

Kami memberikan saran dengan membuat sistem informasi berbasis website, sebab
tidak membutuhkan spesifikasi komputer yang tinggi, selain itu website juga
memiliki fitur localhost sehingga dapat dibuat secara independen dengan
manfaatkan local area network (LAN) dan sewaktu-waktu juga dapat diperbaharui
agar bisa diakses dalam wide area network (WAN).
3.5 Uraian
Fitur-fitur / Menu
1. Login Page : Diperuntukkan masuk ke dalam aplikasi Apotek
2. Dashboard : Diperuntukkan melihat informasi umum mengenai kondisi
Apotek terkini
3. Find Drugs : Diperuntukkan melihat obat yang tersedia dan mencari obat
4. Cashier : Diperuntukkan memasukan obat yang dibeli dan menghitung
harga total obat yang dibeli oleh user/pembeli
5. Log Of Transaction : Diperuntukkan melihat transaksi yang sudah terjadi di
Apotek
6. Log Out : Diperuntukkan keluar dari aplikasi Apotek

3.6 Tabel Fitur dan Skenario

No Kode Nama Fitur Deskripsi User Skenario
Fitur

1 Authentication Mengkonfirmasi Admin User akan

Login kebenaran user Pusat disuguhkan login
yang login ke dan page terlebih dahulu
sistem kemudian user harus
Admin
memasukan data
Cabang
yang diminta untuk
melakukan
konfirmasi data user
yang sebelumnya
sudah tersimpan
dengan
mencocokkannya
dengan entity lain
seperti password

2 Dashboard Menampilkan Admin Setelah berhasil

informasi Cabang login baik admin
mengenai & cabang ataupun
indikator utama Admin pusat akan
dari aktivitas Pusat disuguhkan
barang pada dashboard yang
segmen yang berisikan preview
bersesuain yaitu singkat dari
beberapa fitur yang
 staff cabang atau ada sekaligus menu
admin pusat fitur di sebelah kiri.

3 Staff Info Menambahkan Admin Sebagai admin pusat

informasi staf Pusat kita dapat
cabang, menambah,
menampilkan mengedit,
data admin menghapus serta
cabang, melihat informasi
informasi admin admin cabang
cabang serta
menghapus
admin cabang

4 Cashier Menambahkan Admin Sebagai admin kasir

informasi kasir, Cabang kita dapat
menampilkan menambah,
data kasir, mengedit,
informasi kasir menghapus serta
serta menghapus melihat informasi
kasir kasir yang ada di
cabang

5 Cashier Menampilkan Kasir Sebagai kasir kita

data histori dapat melakukan
pembelian obat transaksi barang
serta dapat serta melihat
melakukan ketersediaan barang
transaksi dan juga melihat
penjualan obat. history pembelian
obat yang sudah
terlaksana.

6 Inventory Terdapat fitur Admin Skenario CRUD:

Page CRUD: Cabang
Create:
&
1. Create:
Admin User Menambahkan
Bisa menambah Pusat entitas/data suatu
entitas/data obat. obat bersertakan
spesifikasi/kategori
2. Read:
obat di dalam kolom
tertentu yang diisi
oleh user, jika user
Menampilkan sudah merasa cukup
entitas/data obat. dengan data yang
ditambah, maka user
3. Update:
menekan tombol
Mengedit “add” untuk
informasi menambahkan data
entitas/data obat. yang baru ke dalam
database.
4. Delete:
Menghapus
entitas/data suatu Read:
obat
User memasukan
spesifikasi obat di
dalam kolom yang
disediakan,
lalu setelah itu user
menekan tombol
“show” untuk
menampilkan
entitas/data obat
yang sesuai dengan
spesifikasi.

Update:
User memilih
entitas/data obat
mana yang akan
diedit hasilnya, lalu
menekan tombol
“edit” untuk bisa
mengubah data.

Delete:
User memilih
entitas/data mana
yang akan dihapus
dalam database.
Selanjutnya User
 akan menekan
tombol “delete”
untuk menghapus
entitas/data dari
database

7 Logout fitur untuk keluar Admin Ketika telah selesai

dari sistem Pusat, menggunakan
Admin sistem untuk keluar
Cabang, dari sistem user akan
Kasir dipaksa untuk logout
terlebih dahulu,
sehingga ketika
menekan tombol
close pada pojok
kanan atas browser
sistem akan otomatis
melakukan logout
pada sistem dan
perlu login sebelum
menggunakan
sistem kembali.
3.7 User Interface
3.8 Sitemap Website
3.9 Flow Chart
3.10 Screenshoot Web
Login page

Terdapat box input, username dan password, jika username dan password
sudah dimasukan, klik tombol login yang bewarna ungu, untuk dicek oleh sistem,
apakah username ada dan password sudah benar. Jika salah maka terdapat notifikasi
bahwa username atau password salah.

Report page
 Dalam report page, terdapat diagram annualy report income, quantity of
sales, annualy spend, dan annualy revenue. Lalu di bawah diagram annualy report,
terdapat current stock dan expired product

Inventory Page

Dalam inventory page, kita bisa melihat database obat dengan menginput isi
data di field mana saja. Lalu kita bisa mengedit isi dari setiap data di database obat
dengan mengklik ikon pensil di dalam baris yang ingin di edit, kita bisa menghapus
entitas obat tertentu dengan mengklik icon tempat samaph yang ada di samping icon
pensil, lalu yang terakhir kita bisa menambah entitas obat dengan mengklik tombol
bulat bewarna ungu, yang di dalamnya terdapat simbol tambah yang berada di pojok
kanan bawah..
Inventory Edit page

Berikut form yang ditampilkan saat user ingin meng-edit data suatu entitas
dengan mengklik icon pensil. Kita bisa mengubah setiap field di dalam tabel obat.
Lalu klik tombol “save changes” jika kita sudah selesai meng-edit.

Inventory Delete page

 Web menampilkan alert yang memberi pilihan user, apakah yakin akan
men-delete suatu baris/entitas di dalam tabel, klik delete jika iya dan close jika tidak
jadi.

Inventory Add page

Saat kita mengklik tombol add yang berada di pojok kanan bawah, kita
memasukan isi nilai dari setiap kolom/field/atribut yang ada pada data. Lalu jika
sudah, kita klik tombol save changes jika ingin menambahkan ke dalam tabel dan
close jika tidak jadi menambahkan data/ entitas baru
Cashier page

Page ini digunakan untuk melihat data obat yang telah terjual di Apotek,
dimana data yang tertera seperti ID Obat, Nama Obat, Kategori, Harga Satuan, Stok,
Tanggal Exp, dan Action.

Cashier Add Page Product

Page ini digunakan untuk menambahkan product ke dalam list, dengan menginput
nama obat tersebut dan mencari nya, maka setelah itu akan muncul obat yang dicari.
Dan kita hanya perlu menginput jumlah yang dibeli.

Staff page

Page ini digunakan untuk melihat data staff yang bekerja di Apotek tersebut, dimana
akan terlihat data seperti picture dari staff tersebut, posisition dari staff tersebut,
username, gender, dan email dari staff tersebut.

Edit Staff page

Page ini digunakan untuk mengedit data staff yang ada di Apotek tersebut. Dimana
sistem bisa mengubah data staff seperti photo, posisi, gender, nama, dan email.

Delete Staff page

Page ini digunakan untuk menghapus data staff yang ada di dalam sistem

Add Staff page

Page ini digunakan untuk menambahkan data staff baru ke dalam sistem. Dimana
sistem akan menambahkan sebuah data baru yang terdiri dari photo staff, posisi staff,
gender staff, nama staff dan email staff.