APLIKASI BANK DARAH DI PMI SURABAYA BERB
APLIKASI BANK DARAH DI PMI SURABAYA
BERBASIS WEBSITE DAN WEB
Nur Afnillah[1],Hindarto,S.kom,MT[2]
Jurusan Teknik Informatika,Fakultas Teknik
Universitas Muhamadiyah Sidoarjo
Suhar7@gmail.com[1]
ABSTRAK
Aplikasi ini merupakan penerapan Inovasi dalam memberikan informasi
kepada masyarakat mengenai ketersediaan stok darah dan kesulitan penggelolahan
data pada PMI cabang Surabaya, penulis merancang “Aplikasi Bank Darah
Berbasis Website Dan Web Mobile“ guna membantu proses pengelolahan data
stok darah dan pelayanan kepada masyarakat agar lebih mudah.
Sistem ini berupa aplikasi komputer dan terhubung dengan server yang
berisi layanan ketersediaan dan pemesanan darah melalui website, maupun web
mobile yang diakses via smartphone. Masyarakat dapat langsung melakukan
pemesanan darah melalui website maupun web mobile tanpa harus datang ke
PMI Surabaya pada aplikasi yang terintegrasi dengan sistem web mobile melalui
handphone.
Dengan sistem pelayanan dan informasi stok darah yang ada di PMI
surabaya melalui web mobile ini akan memudahkan masyarakat untuk
memperoleh informasi tanpa harus datang langsung ke kantor PMI Surabaya.
Kata Kunci : PMI Surabaya, Web Mobile, Ponsel.
APLIKASI BANK DARAH DI PMI SURABAYA
BERBASIS WEBSITE DAN WEB
Nur Afnillah[1],Hindarto,S.kom,MT[2]
Jurusan Teknik Informatika,Fakultas Teknik
Universitas Muhamadiyah Sidoarjo
Suhar7@gmail.com[1]
ABSTRACT
This application is the application of innovation in providing information
to the public about the availability of stocks of blood and difficulty penggelolahan
data on PMI Surabaya , the author designed the "Applications Blood Banks Based
Websites And Web Mobile " to assist the process pengelolahan stock data Blood
and service to the community to make it easier .
The system is in the form of a computer application and connect to the
server containing the service availability and ordering of blood through the
website , as well as mobile web is accessed via smartphone . Communities can
instantly book of blood through the website or mobile web without having to
come to PMI Surabaya on applications integrated with the mobile web via mobile
phones .
\With the information service system and blood stock in the PMI Surabaya
via the mobile web will be easier for people to obtain information without having
to come directly to the office of PMI Surabaya .
Keywords : PMI Surabaya , Web Mobile, Mobile .
1.
Dengan
PENDAHULUAN
informasi
Palang Merah Indonesia
(PMI)
Surabaya
sebuah
sulitnya
stok
mendapatkan
darah
tersebut
merupakan
masyarakat yang membutuhkan juga
lembaga
tidak tahu bagaimana mendapatkan
organisasi
atau memesan darah tersebut.
kemanusiaan dibawah naungan
Palang Merah Indonesia (PMI)
Oleh karena itu dibutuhkan
yang didirikan dengan tujuan
sebuah
untuk membantu meringankan
ditegrasikan dengan teknologi yang
penderitaan
umat
terbaru
sehingga
manusia yang sedang tertimpa
sistem
ini
bencana
baik
permasalahan
maupun
bencana akibat ulah
sesama
bencana
alam
sistem
pelayanan
yang
dengan
mampu
yang
yang
dapat
adanya
mengatasi
ada
agar
diberikan
oleh
manusia tanpa membedakan latar
Palang Merah Indonesia Surabaya
belakang korban yang ditolong.
tersebut lebih cepat, efisien aman dan
Kesulitan
mengelola
data
yang selama ini tersebar di berbagai
terpercaya
menyebabkan
terhambatnya
keperluan
masyarakat.
cabang Unit Donor Darah (UDD) hal
ini
untuk
Sistem yang dibuat nantinya
diharapkan dapan memenuhi segala
informasi yang semestinya dapat
kebutuhan
diinformasikan kepada masyarakat,
ketersediaan darah dan cara memesan
keterlambatan penyebaran informasi
darah di PMI Cabang Surabaya untuk
mengenai stok darah dapat berimbas
masyarakat wilayah Surabaya serta
pada
Masyarakat yang berada diwilayah
sulitnya
memperoleh
masayarakat
informasi
kebutuhan
informasi
mengenai
Jawa timur.
darah golongan tertentu. Kesulitan
Bertolak
dari
konteks
mendapatkan informasi bisa saja
pemikiran itulah penulis melakukan
terjadi
suatu
dikarenakan
mendapatkan
sulitnya
informasi
atau
kajian
mengadakan
ilmiah
penelitian
dengan
yang
dikarenakan kurangnya pengetahuan
berkaitan dengan pembuatan aplikasi
masyarakat
cara
bank darah dengan mengangkat judul
mengenai
yaitu: “Aplikasi Bank Darah di
mendapatkan
mengenai
informasi
ketersediaan stok darah di PMI.
PMI
Surabaya
berbasis
Web
Mobile”. Dalam aplikasi yang akan
terkait
dirancang
dihubungkan
tersebut
berbasiskan
website dan web mobile sehingga
dimana
masing-masing
dengan
jaringan-
jaringan halaman (hyperlink).
masyarakat dapat mengetahui dengan
cepat melalui website maupun web
2.2 Web Mobile
mobile yang diakses via smartphone.
Web Mobile yaitu sebuah
aplikasi
2.
web
browser
yang
diaplikasikan pada perangkat mobile
TINJAUAN PUSTAKA
yang
2.1. Website
memungkinkan
pengguna
kumpulan
untuk mengakses informasi seperti
dari halaman - halaman situs, yang
pada sebuah personal computer.
terangkum dalam sebuah domain
Mobile web adalah aplikasi akses
atau subdomain, yang tempatnya
internet
berada di dalam World Wide Web (
menggunakan peralatan yang bersifat
WWW ) di dalam Internet. Sebuah
mobile berbasisikan browser yang
halaman
bertujuan untuk mengakses layanan
Website
adalah
web
biasanya
berupa
atau
dokumen yang ditulis dalam format
data
HTML
menggunakan
(
Hyper
Text
Markup
akses
secara
internet
wireless
dengan
perangkat
mobile
Language ), yang selalu bisa diakses
seperti
melalui HTTP, yaitu sebuah protokol
perangkat portable yang tersambung
yang menyampaikan informasi dari
ke sebuah jaringan telekomunikasi
server website untuk ditampilkan
selular.
kepada para pemakai melalui web
handphone,
melalui
juga diartikan sebagai kumpulan
dirancang
halaman
mempertimbangkan
menampilkan
dan
Web mobile yang diakses
browser.dan Website atau situs dapat
yang
PDA
perangkat
mobile
perlu
dengan
keterbatasan
informasi data teks, data gambar
perangkat mobile seperti sebuah
diam atau gerak, data animasi, suara,
handphone
video
dari
dengan ukuran yang terbatas ataupun
semuanya, baik yang bersifat statis
beberapa keterbatasan pada sebuah
maupun dinamis yang membentuk
perangkat mobile.
dan
atau
gabungan
satu rangkaian bangunan yang saling
yang
memiliki
layar
Perkembangan mobile web
tidak lepas dari masalah Usability
informasi-informasi
dan interoperability. Permasalahan
menunjang,
interoperability
buku yang menjadi sumber data
fragmentasi
dipengaruhi
platform
dari
perangkat
serta
yang
selanjutnya
alamat
browsing
penulis
mobile, sistem operasi mobile dan
dalam
mobile
dapat dilihat pada daftar pustaka.
browser.
Permasalahan
Pengamatan dilakukan secara
fisik hardware yang kecil dari faktor
dan
input
pengguna/keterbatasan
operasional).
Ini
adalah
data-data
2. Survey lapangan
Usability berpusat di sekitar ukuran
bentuk ponsel (layar resolusi terbatas
memperoleh
buku-
langsung sehingga didapat data yang
otentik dan informasi yang jelas.
3. Wawancara
dua
Merupakan tindak lanjut dari
tantangan terberat ketika melakukan
survey lapangan dengan melakukan
desain web untuk mobile web.
dengan Tanya jawab dengan pihak
3. METODOLOGI PENELITIAN
terkait.
4.
A. Lokasi penelitian
Melakukan analisa terhadap
Dalam penulisan skripsi ini,
penulis melakukan penelitian di PMI
Cabang Surabaya yang beralamatkan
dikawasan
jalan
embong
ploso
Analisa permasalahan
permasalahan
guna
menentukan
batasan batasan dalam penyelesaian
masalah agar lebih efektif.
Surabaya.
B. Teknik Pengumpulan Data
Dalam
pengumpulan
data
guna mencapai hasil yang maksimal,
penulis
menggunakan
metode-
metode sebagai berikut:
dalam database disebut relasi. Relasi
Peneliti mencari data dari
berbagai sumber dan referensi bukubuku serta secara browsing data-data
internet
untuk
Rancangan Aplikasi
Hubungan data antar tabel
1. Dokumentatif
di
C.
memperoleh
digunakan untuk meringkas data
yang ada dalam database, adapun
gambar dari relasi antar tabel dapat
dilihat pada gambar.
4.
HASIL PENELITIAN DAN
DAN PEMBAHASAN
Sistem ini terdiri dari aplikasi
website dan web mobile.berikut ini
adalah tampilan dari aplikasinya:
1. Halaman Utama Website
Pada menu utama merupakan
menu awal dari aplikasi bank darah
di PMI cabang Surabaya. Adapun
menu-menu yang akan ditampilkan
pada web utama, diantaranya terdiri
dari beranda, PMI, info, agenda, stok
dan saran. Berikut tampilan dari
halaman utama website,
Gambar
3.1
Relasi tabel
Gambar 4.1 Halaman Utama
2. Halaman Beranda
Halaman beranda merupakan
menu utama web PMI. Berikut
tampilan dari halaman beranda,
4. Halaman Info
Halaman Info berfungsi untuk
melihat informasi- informasi yang di
sediakan oleh PMI cabang surabaya.
Berikut tampilan dari halaman info,
Gambar 4.2 Halaman Beranda
3. Halaman PMI
Halaman PMI ini
menampilkan informasi tentang PMI
cabang Surabaya secara umum.
Berikut tampilan dari halaman PMI,
Gambar 4.4 Halaman Info
5. Halaman Agenda
Menu agenda ini berfungsi
untuk menampilkan informasi jadwal
keliling donor darah yang
diselenggarakan oleh PMI cabang
Surabaya. Berikut tampilan dari
halaman agenda,
Gambar 4.3 Halaman PMI
yang ingin memberikan saran agar
fasilitas yang diberikan oleh PMI
cabang Surabaya kedepannya
semakin baik. Berikut tampilan dari
halaman saran,
Gambar 4.5 Halaman Agenda
6. Halaman Stok
Halaman stok berfungsi untuk
memberikan informasi pada member
yang ingin melihat maupun
mengetahui stok darah yang tersedia
di PMI cabang Surabaya. Berikut
Gambar 4.7 Halaman Saran
tampilan dari halaman stok,
8. Halaman Daftar
Halaman Menu Daftar
digunakan untuk pengunjung yang
ingin menjadi member sehingga
memudahkan masyarakat dalam
pemesanan darah. Berikut tampilan
dari halaman daftar member,
Gambar 4.6 Halaman Stok Darah
7. Halaman Saran
Halaman saran berfungsi
untuk pengunjung maupun member
10. Halaman Edit Profil
Halaman edit profil
merupakan menu yang terdapat pada
halaman member. Berikut tampilan
dari halaman edit profil,
Gambar 4.8 Halaman Daftar Member
9. Halaman Member
Halaman Member merupakan
halaman yang hanya bisa diakses
oleh satu pengguna. Berikut tampilan
dari halaman member,
Gambar 4.10 Halaman Edit Profil
11. Halaman Pemesanan
Halaman pemesanan
merupakan menu yang tesedia pada
halaman member yang digunakan
untuk melakukan pemesanan.
Berikut tampilan dari halaman
pemesanan,
Gambar 4.9 Halaman Member
13. Halaman Input Admin
Halaman Input Admin ini
digunakan untuk memasukkan data
untuk
mendaftar
sebagai
User
ataupun Admin. Berikut tampilan
dari halaman input admin,
Gambar 4.11Halaman Pemesanan
12. Halaman Admin
Halaman admin merupakan
aplikasi yang digunakan oleh bagian
administrator atau orang yang
mempunyai otoritas khusus untuk
Gambar 4.13 Halaman Input Admin
melakukan konfigurasi sistem.
Berikut tampilan dari halaman
admin,
14. Halaman Input Pendonor
Halaman input pendonor
merupakan menu untuk
menginputkan data pendonor,
dimana terdapat menu No.KTP,
nama pendonor, jenis kelamin,
alamat, tempat lahir, golongan darah,
telpon dan password. Berikut
tampilan dari halaman input
pendonor,
Gambar 4.12 Halaman Admin
pesanan yang dilakukan oleh
member. Berikut tampilan dari
halaman data pesanan,
Gambar 4.14 Halaman Input
Pendonor
15. Halaman Data member
Halaman data member
digunakan untuk memasukkan data
Gambar 4.16 Halaman Data Pesanan
member baru melalui admin. Berikut
tampilan dari halaman data member,
17. Halaman
Data
Riwayat
Pengambilan
Halaman Data riwayat
pengambilan merupakan
halamanyang terdapat pada halaman
admin. Dimana data tersebut
digunakan untuk menampilkan data
pesanan yang telah dilakukan
pengambilan oleh member. Berikut
Gambar 4.15 Halaman Data Member
tampilan dari halaman data riwayat
pengambilan,
16. Halaman Data Pesanan
Halaman Data pesanan
digunakan untuk menampilkan data
Halaman input darah
merupakan halaman yang hanya
diakses oleh admin untuk
memasukan data atau ID pendonor
yaitu no KTP pendonor beserta
jumlah darah yang telah didonorkan.
Berikut tampilan dari halaman input
Gambar 4.17 Halaman Data Riwayat
darah,
Pengambilan
18. Halaman Data Darah
halaman data darah
merupakan halaman yang berfungsi
untuk melihat stok darah yang
tersedia di pmi cabang surabaya
melalui halaman admin. Berikut
Gambar 4.19 Halaman Input Darah
tampilan dari halaman data darah,
20. Halaman Agenda
Halaman
halaman
yang
agenda
merupakan
digunakan
untuk
memberikan info atau jadwal keliling
PMI
cabang
Surabaya
kepada
pendonor maupun pengunjung web.
Dimana hanya admin yang dapat
mengakses menu tersebut melalui
menu input agenda.
Gambar 4.18 Halaman Data Darah
19. Halaman Input Darah
22. Halaman Data Saran
Halaman saran digunakan
administrator untuk mengelola saran
yang ditulis oleh pengunjung website
maupun member. Berikut tampilan
dari halaman data saran,
Gambar 4.20 Halaman Data Agenda
21. Halaman Data Info
Input data info digunakan
untuk memberikan informasi terbaru
untuk pengunjung website . Berikut
tampilan halaman input info. Berikut
tampilan dari halaman data info,
Gambar 4.21 Halaman Data Info
Gambar 4.22 Halaman Data Saran
1.
5. PENUTUP
Dengan
adanya
Aplikasi
Bank Darah di PMI cabang
Surabaya ini diharapkan adanya
A. KESIMPULAN
Kesimpulan
yang
dapat
pengembangan
untuk
dirancangnya
menambah kelengkapan fungsi
pembuatan program aplikasi Bank
pada sistem ini. Sebagai contoh
Darah di PMI cabang Surabaya
keadaan stok darah yang hanya
Berbasis Website dan Web mobile
terpaku
ini adalah:
Surabaya saja.
diambil
1.
dengan
Aplikasi
ini
dibangun
2.
pada
PMI
cabang
Untuk penilitian selanjutnya
menggunakan Php, Java script
sistem ini sebaiknya terhubung
dan
dengan database PMI pusat
MySQL
sebagai
supaya lebih realtime dan lebih
databasenya.
2. Aplikasi sistem informasi dan
pemesanan berbasis website dan
baik lagi kedepannya.
3.
Diharapkan
juga
adanya
web mobile merupakan sistem
pengembangan
baru yang diterapkan di PMI
Aplikasi Website pemesanan ini
cabang
menjadi
Surabaya
dalam
website
terhadap
yang lebih
mekanisme kerja mengolah data,
lengkap dalam hal penyediaan
informasi serta pemesanan.
fasilitas, informasi pelayanan
3. Sistem ini sangat membantu
dan
mempermudah
untuk
mengetahui informasi yang ada
di PMI cabang Surabaya dengan
cepat serta efisien.
B. SARAN
Saran yang dapat diajukan
untuk pengembangan dan perbaikan
Aplikasi Bank Darah PMI cabang
Surabaya berbasis website dan web
mobile ini antara lain:
serta keamanan
4. Sutarman.2003.
DAFTAR PUSTAKA
Membangun
Aplikasi Web dengan PHP dan
1. Agus.
Internet.
J.
2006.Pengenalan
PT.
Elex
Media
2. Hakim, Lukmanul. 2009. Trik
Rahasia Master PHP Terbongkar
Lagi. :Yogyakarta. Lokomedia
Bimo.
5. www.pmi.or.id
6. http://www.ilmumu.com
Komputindo : Jakarta
3. Sunarfrihantono,
MySQL. Jakarta; Graha Ilmu
2002.
Pemodelan PHP dan MySQL
untuk Web. Andi : Yogyakarta.
BERBASIS WEBSITE DAN WEB
Nur Afnillah[1],Hindarto,S.kom,MT[2]
Jurusan Teknik Informatika,Fakultas Teknik
Universitas Muhamadiyah Sidoarjo
Suhar7@gmail.com[1]
ABSTRAK
Aplikasi ini merupakan penerapan Inovasi dalam memberikan informasi
kepada masyarakat mengenai ketersediaan stok darah dan kesulitan penggelolahan
data pada PMI cabang Surabaya, penulis merancang “Aplikasi Bank Darah
Berbasis Website Dan Web Mobile“ guna membantu proses pengelolahan data
stok darah dan pelayanan kepada masyarakat agar lebih mudah.
Sistem ini berupa aplikasi komputer dan terhubung dengan server yang
berisi layanan ketersediaan dan pemesanan darah melalui website, maupun web
mobile yang diakses via smartphone. Masyarakat dapat langsung melakukan
pemesanan darah melalui website maupun web mobile tanpa harus datang ke
PMI Surabaya pada aplikasi yang terintegrasi dengan sistem web mobile melalui
handphone.
Dengan sistem pelayanan dan informasi stok darah yang ada di PMI
surabaya melalui web mobile ini akan memudahkan masyarakat untuk
memperoleh informasi tanpa harus datang langsung ke kantor PMI Surabaya.
Kata Kunci : PMI Surabaya, Web Mobile, Ponsel.
APLIKASI BANK DARAH DI PMI SURABAYA
BERBASIS WEBSITE DAN WEB
Nur Afnillah[1],Hindarto,S.kom,MT[2]
Jurusan Teknik Informatika,Fakultas Teknik
Universitas Muhamadiyah Sidoarjo
Suhar7@gmail.com[1]
ABSTRACT
This application is the application of innovation in providing information
to the public about the availability of stocks of blood and difficulty penggelolahan
data on PMI Surabaya , the author designed the "Applications Blood Banks Based
Websites And Web Mobile " to assist the process pengelolahan stock data Blood
and service to the community to make it easier .
The system is in the form of a computer application and connect to the
server containing the service availability and ordering of blood through the
website , as well as mobile web is accessed via smartphone . Communities can
instantly book of blood through the website or mobile web without having to
come to PMI Surabaya on applications integrated with the mobile web via mobile
phones .
\With the information service system and blood stock in the PMI Surabaya
via the mobile web will be easier for people to obtain information without having
to come directly to the office of PMI Surabaya .
Keywords : PMI Surabaya , Web Mobile, Mobile .
1.
Dengan
PENDAHULUAN
informasi
Palang Merah Indonesia
(PMI)
Surabaya
sebuah
sulitnya
stok
mendapatkan
darah
tersebut
merupakan
masyarakat yang membutuhkan juga
lembaga
tidak tahu bagaimana mendapatkan
organisasi
atau memesan darah tersebut.
kemanusiaan dibawah naungan
Palang Merah Indonesia (PMI)
Oleh karena itu dibutuhkan
yang didirikan dengan tujuan
sebuah
untuk membantu meringankan
ditegrasikan dengan teknologi yang
penderitaan
umat
terbaru
sehingga
manusia yang sedang tertimpa
sistem
ini
bencana
baik
permasalahan
maupun
bencana akibat ulah
sesama
bencana
alam
sistem
pelayanan
yang
dengan
mampu
yang
yang
dapat
adanya
mengatasi
ada
agar
diberikan
oleh
manusia tanpa membedakan latar
Palang Merah Indonesia Surabaya
belakang korban yang ditolong.
tersebut lebih cepat, efisien aman dan
Kesulitan
mengelola
data
yang selama ini tersebar di berbagai
terpercaya
menyebabkan
terhambatnya
keperluan
masyarakat.
cabang Unit Donor Darah (UDD) hal
ini
untuk
Sistem yang dibuat nantinya
diharapkan dapan memenuhi segala
informasi yang semestinya dapat
kebutuhan
diinformasikan kepada masyarakat,
ketersediaan darah dan cara memesan
keterlambatan penyebaran informasi
darah di PMI Cabang Surabaya untuk
mengenai stok darah dapat berimbas
masyarakat wilayah Surabaya serta
pada
Masyarakat yang berada diwilayah
sulitnya
memperoleh
masayarakat
informasi
kebutuhan
informasi
mengenai
Jawa timur.
darah golongan tertentu. Kesulitan
Bertolak
dari
konteks
mendapatkan informasi bisa saja
pemikiran itulah penulis melakukan
terjadi
suatu
dikarenakan
mendapatkan
sulitnya
informasi
atau
kajian
mengadakan
ilmiah
penelitian
dengan
yang
dikarenakan kurangnya pengetahuan
berkaitan dengan pembuatan aplikasi
masyarakat
cara
bank darah dengan mengangkat judul
mengenai
yaitu: “Aplikasi Bank Darah di
mendapatkan
mengenai
informasi
ketersediaan stok darah di PMI.
PMI
Surabaya
berbasis
Web
Mobile”. Dalam aplikasi yang akan
terkait
dirancang
dihubungkan
tersebut
berbasiskan
website dan web mobile sehingga
dimana
masing-masing
dengan
jaringan-
jaringan halaman (hyperlink).
masyarakat dapat mengetahui dengan
cepat melalui website maupun web
2.2 Web Mobile
mobile yang diakses via smartphone.
Web Mobile yaitu sebuah
aplikasi
2.
web
browser
yang
diaplikasikan pada perangkat mobile
TINJAUAN PUSTAKA
yang
2.1. Website
memungkinkan
pengguna
kumpulan
untuk mengakses informasi seperti
dari halaman - halaman situs, yang
pada sebuah personal computer.
terangkum dalam sebuah domain
Mobile web adalah aplikasi akses
atau subdomain, yang tempatnya
internet
berada di dalam World Wide Web (
menggunakan peralatan yang bersifat
WWW ) di dalam Internet. Sebuah
mobile berbasisikan browser yang
halaman
bertujuan untuk mengakses layanan
Website
adalah
web
biasanya
berupa
atau
dokumen yang ditulis dalam format
data
HTML
menggunakan
(
Hyper
Text
Markup
akses
secara
internet
wireless
dengan
perangkat
mobile
Language ), yang selalu bisa diakses
seperti
melalui HTTP, yaitu sebuah protokol
perangkat portable yang tersambung
yang menyampaikan informasi dari
ke sebuah jaringan telekomunikasi
server website untuk ditampilkan
selular.
kepada para pemakai melalui web
handphone,
melalui
juga diartikan sebagai kumpulan
dirancang
halaman
mempertimbangkan
menampilkan
dan
Web mobile yang diakses
browser.dan Website atau situs dapat
yang
PDA
perangkat
mobile
perlu
dengan
keterbatasan
informasi data teks, data gambar
perangkat mobile seperti sebuah
diam atau gerak, data animasi, suara,
handphone
video
dari
dengan ukuran yang terbatas ataupun
semuanya, baik yang bersifat statis
beberapa keterbatasan pada sebuah
maupun dinamis yang membentuk
perangkat mobile.
dan
atau
gabungan
satu rangkaian bangunan yang saling
yang
memiliki
layar
Perkembangan mobile web
tidak lepas dari masalah Usability
informasi-informasi
dan interoperability. Permasalahan
menunjang,
interoperability
buku yang menjadi sumber data
fragmentasi
dipengaruhi
platform
dari
perangkat
serta
yang
selanjutnya
alamat
browsing
penulis
mobile, sistem operasi mobile dan
dalam
mobile
dapat dilihat pada daftar pustaka.
browser.
Permasalahan
Pengamatan dilakukan secara
fisik hardware yang kecil dari faktor
dan
input
pengguna/keterbatasan
operasional).
Ini
adalah
data-data
2. Survey lapangan
Usability berpusat di sekitar ukuran
bentuk ponsel (layar resolusi terbatas
memperoleh
buku-
langsung sehingga didapat data yang
otentik dan informasi yang jelas.
3. Wawancara
dua
Merupakan tindak lanjut dari
tantangan terberat ketika melakukan
survey lapangan dengan melakukan
desain web untuk mobile web.
dengan Tanya jawab dengan pihak
3. METODOLOGI PENELITIAN
terkait.
4.
A. Lokasi penelitian
Melakukan analisa terhadap
Dalam penulisan skripsi ini,
penulis melakukan penelitian di PMI
Cabang Surabaya yang beralamatkan
dikawasan
jalan
embong
ploso
Analisa permasalahan
permasalahan
guna
menentukan
batasan batasan dalam penyelesaian
masalah agar lebih efektif.
Surabaya.
B. Teknik Pengumpulan Data
Dalam
pengumpulan
data
guna mencapai hasil yang maksimal,
penulis
menggunakan
metode-
metode sebagai berikut:
dalam database disebut relasi. Relasi
Peneliti mencari data dari
berbagai sumber dan referensi bukubuku serta secara browsing data-data
internet
untuk
Rancangan Aplikasi
Hubungan data antar tabel
1. Dokumentatif
di
C.
memperoleh
digunakan untuk meringkas data
yang ada dalam database, adapun
gambar dari relasi antar tabel dapat
dilihat pada gambar.
4.
HASIL PENELITIAN DAN
DAN PEMBAHASAN
Sistem ini terdiri dari aplikasi
website dan web mobile.berikut ini
adalah tampilan dari aplikasinya:
1. Halaman Utama Website
Pada menu utama merupakan
menu awal dari aplikasi bank darah
di PMI cabang Surabaya. Adapun
menu-menu yang akan ditampilkan
pada web utama, diantaranya terdiri
dari beranda, PMI, info, agenda, stok
dan saran. Berikut tampilan dari
halaman utama website,
Gambar
3.1
Relasi tabel
Gambar 4.1 Halaman Utama
2. Halaman Beranda
Halaman beranda merupakan
menu utama web PMI. Berikut
tampilan dari halaman beranda,
4. Halaman Info
Halaman Info berfungsi untuk
melihat informasi- informasi yang di
sediakan oleh PMI cabang surabaya.
Berikut tampilan dari halaman info,
Gambar 4.2 Halaman Beranda
3. Halaman PMI
Halaman PMI ini
menampilkan informasi tentang PMI
cabang Surabaya secara umum.
Berikut tampilan dari halaman PMI,
Gambar 4.4 Halaman Info
5. Halaman Agenda
Menu agenda ini berfungsi
untuk menampilkan informasi jadwal
keliling donor darah yang
diselenggarakan oleh PMI cabang
Surabaya. Berikut tampilan dari
halaman agenda,
Gambar 4.3 Halaman PMI
yang ingin memberikan saran agar
fasilitas yang diberikan oleh PMI
cabang Surabaya kedepannya
semakin baik. Berikut tampilan dari
halaman saran,
Gambar 4.5 Halaman Agenda
6. Halaman Stok
Halaman stok berfungsi untuk
memberikan informasi pada member
yang ingin melihat maupun
mengetahui stok darah yang tersedia
di PMI cabang Surabaya. Berikut
Gambar 4.7 Halaman Saran
tampilan dari halaman stok,
8. Halaman Daftar
Halaman Menu Daftar
digunakan untuk pengunjung yang
ingin menjadi member sehingga
memudahkan masyarakat dalam
pemesanan darah. Berikut tampilan
dari halaman daftar member,
Gambar 4.6 Halaman Stok Darah
7. Halaman Saran
Halaman saran berfungsi
untuk pengunjung maupun member
10. Halaman Edit Profil
Halaman edit profil
merupakan menu yang terdapat pada
halaman member. Berikut tampilan
dari halaman edit profil,
Gambar 4.8 Halaman Daftar Member
9. Halaman Member
Halaman Member merupakan
halaman yang hanya bisa diakses
oleh satu pengguna. Berikut tampilan
dari halaman member,
Gambar 4.10 Halaman Edit Profil
11. Halaman Pemesanan
Halaman pemesanan
merupakan menu yang tesedia pada
halaman member yang digunakan
untuk melakukan pemesanan.
Berikut tampilan dari halaman
pemesanan,
Gambar 4.9 Halaman Member
13. Halaman Input Admin
Halaman Input Admin ini
digunakan untuk memasukkan data
untuk
mendaftar
sebagai
User
ataupun Admin. Berikut tampilan
dari halaman input admin,
Gambar 4.11Halaman Pemesanan
12. Halaman Admin
Halaman admin merupakan
aplikasi yang digunakan oleh bagian
administrator atau orang yang
mempunyai otoritas khusus untuk
Gambar 4.13 Halaman Input Admin
melakukan konfigurasi sistem.
Berikut tampilan dari halaman
admin,
14. Halaman Input Pendonor
Halaman input pendonor
merupakan menu untuk
menginputkan data pendonor,
dimana terdapat menu No.KTP,
nama pendonor, jenis kelamin,
alamat, tempat lahir, golongan darah,
telpon dan password. Berikut
tampilan dari halaman input
pendonor,
Gambar 4.12 Halaman Admin
pesanan yang dilakukan oleh
member. Berikut tampilan dari
halaman data pesanan,
Gambar 4.14 Halaman Input
Pendonor
15. Halaman Data member
Halaman data member
digunakan untuk memasukkan data
Gambar 4.16 Halaman Data Pesanan
member baru melalui admin. Berikut
tampilan dari halaman data member,
17. Halaman
Data
Riwayat
Pengambilan
Halaman Data riwayat
pengambilan merupakan
halamanyang terdapat pada halaman
admin. Dimana data tersebut
digunakan untuk menampilkan data
pesanan yang telah dilakukan
pengambilan oleh member. Berikut
Gambar 4.15 Halaman Data Member
tampilan dari halaman data riwayat
pengambilan,
16. Halaman Data Pesanan
Halaman Data pesanan
digunakan untuk menampilkan data
Halaman input darah
merupakan halaman yang hanya
diakses oleh admin untuk
memasukan data atau ID pendonor
yaitu no KTP pendonor beserta
jumlah darah yang telah didonorkan.
Berikut tampilan dari halaman input
Gambar 4.17 Halaman Data Riwayat
darah,
Pengambilan
18. Halaman Data Darah
halaman data darah
merupakan halaman yang berfungsi
untuk melihat stok darah yang
tersedia di pmi cabang surabaya
melalui halaman admin. Berikut
Gambar 4.19 Halaman Input Darah
tampilan dari halaman data darah,
20. Halaman Agenda
Halaman
halaman
yang
agenda
merupakan
digunakan
untuk
memberikan info atau jadwal keliling
PMI
cabang
Surabaya
kepada
pendonor maupun pengunjung web.
Dimana hanya admin yang dapat
mengakses menu tersebut melalui
menu input agenda.
Gambar 4.18 Halaman Data Darah
19. Halaman Input Darah
22. Halaman Data Saran
Halaman saran digunakan
administrator untuk mengelola saran
yang ditulis oleh pengunjung website
maupun member. Berikut tampilan
dari halaman data saran,
Gambar 4.20 Halaman Data Agenda
21. Halaman Data Info
Input data info digunakan
untuk memberikan informasi terbaru
untuk pengunjung website . Berikut
tampilan halaman input info. Berikut
tampilan dari halaman data info,
Gambar 4.21 Halaman Data Info
Gambar 4.22 Halaman Data Saran
1.
5. PENUTUP
Dengan
adanya
Aplikasi
Bank Darah di PMI cabang
Surabaya ini diharapkan adanya
A. KESIMPULAN
Kesimpulan
yang
dapat
pengembangan
untuk
dirancangnya
menambah kelengkapan fungsi
pembuatan program aplikasi Bank
pada sistem ini. Sebagai contoh
Darah di PMI cabang Surabaya
keadaan stok darah yang hanya
Berbasis Website dan Web mobile
terpaku
ini adalah:
Surabaya saja.
diambil
1.
dengan
Aplikasi
ini
dibangun
2.
pada
PMI
cabang
Untuk penilitian selanjutnya
menggunakan Php, Java script
sistem ini sebaiknya terhubung
dan
dengan database PMI pusat
MySQL
sebagai
supaya lebih realtime dan lebih
databasenya.
2. Aplikasi sistem informasi dan
pemesanan berbasis website dan
baik lagi kedepannya.
3.
Diharapkan
juga
adanya
web mobile merupakan sistem
pengembangan
baru yang diterapkan di PMI
Aplikasi Website pemesanan ini
cabang
menjadi
Surabaya
dalam
website
terhadap
yang lebih
mekanisme kerja mengolah data,
lengkap dalam hal penyediaan
informasi serta pemesanan.
fasilitas, informasi pelayanan
3. Sistem ini sangat membantu
dan
mempermudah
untuk
mengetahui informasi yang ada
di PMI cabang Surabaya dengan
cepat serta efisien.
B. SARAN
Saran yang dapat diajukan
untuk pengembangan dan perbaikan
Aplikasi Bank Darah PMI cabang
Surabaya berbasis website dan web
mobile ini antara lain:
serta keamanan
4. Sutarman.2003.
DAFTAR PUSTAKA
Membangun
Aplikasi Web dengan PHP dan
1. Agus.
Internet.
J.
2006.Pengenalan
PT.
Elex
Media
2. Hakim, Lukmanul. 2009. Trik
Rahasia Master PHP Terbongkar
Lagi. :Yogyakarta. Lokomedia
Bimo.
5. www.pmi.or.id
6. http://www.ilmumu.com
Komputindo : Jakarta
3. Sunarfrihantono,
MySQL. Jakarta; Graha Ilmu
2002.
Pemodelan PHP dan MySQL
untuk Web. Andi : Yogyakarta.