BAB IV DESKRIPSI PEKERJAAN
4.1
Identifikasi Masalah Sebelum proses analisa dilakukan, tahapan yang terlebih dahulu dilakukan adalah identifikasi permasalahan yang terdiri dari survey, wawancara kepada pihak SDM PMI secara langsung dan pengumpulan data yang dibutuhkan dalam pembuatan aplikasi. Pada tahap ini dilakukan peninjauan dan pemahaman terhadap sistem entry data relawan serta sistem pengelolaan data relawan maupun segala proses yang berhubungan dengan langkah-langkah pelaporan data relawan. Berdasarkan data yang didapat, identifikasi masalah yang dapat dilakukan adalah kesulitan dalam pembuatan laporan data relawan tahunan, yang dilakukan oleh bagian SDM PMI daerah provinsi Jawa Timur dimana data relawan yang diperoleh melalui data yang diinputkan oleh masing-masing PMI kota dan kabupaten. Saat ini, laporan yang dihasilkan belum dapat menghasilkan informasi yang dibutuhkan oleh bagian SDM PMI daerah provinsi Jawa Timur dan PMI Pusat, yang diantaranya adalah : jumlah tenaga relawan, kapasitas relawan dan kekuatan personel masing-masing PMI kota dan kabupaten di wilayah Jawa Timur. Sekarang ini, permasalahan tersebut masih belum dapat diatasi, sehingga masih sering mengakibatkan pihak PMI Pusat mengalami keterlambatan
dalam
update
data
41
di
wilayah
Jawa
Timur.
42
4.2 Analisis Sistem Berdasarkan hasil survey, wawancara dan pengamatan yang dilakukan di bagian SDM PMI daerah provinsi Jawa Timur, maka didapatkan prosesproses yang terjadi dalam kegiatan pelaporan data relawan. Pengolahan proses-proses pada data relawan tersebut dapat dikelompokkan menjadi dua bagian, yaitu : proses input data relawan dan proses pelaporan data relawan.
4.2.1 Proses Input data relawan Proses-proses utama dalam input data relawan adalah sebagai berikut : 1. Input Data PMR Pada proses ini, PMI kota dan kabupaten akan mengirimkan data ke bagian SDM PMI provinsi Jawa Timur, kemudian akan diinputkan oleh pihak SDM PMI provinsi Jawa Timur kedalam database. Data relawan akan tersimpan berupa file yang berekstensi excel. 2. Input Data KSR Pada proses ini, PMI kota dan kabupaten akan mengirimkan data ke bagian SDM PMI provinsi Jawa Timur, kemudian akan diinputkan oleh pihak SDM PMI provinsi Jawa Timur kedalam database. Data relawan akan tersimpan berupa file yang berekstensi excel. 3. Input Data TSR Pada proses ini, PMI kota dan kabupaten akan mengirimkan data ke bagian SDM PMI provinsi Jawa Timur, kemudian akan diinputkan oleh pihak SDM PMI provinsi Jawa Timur kedalam database. Data relawan akan tersimpan berupa file yang berekstensi excel.
43
4.2.2 Proses pelaporan data relawan Selain proses input data relawan yang telah dijelaskan, bagian SDM juga menangani proses pelaporan data relawan, diantaranya adalah sebagai berikut : a. Laporan jumlah tenaga relawan Pada proses ini, bagian SDM PMI daerah provinsi Jawa Timur merekap data relawan yang telah diterima dari masing PMI kota dan kabupaten wilayah Jawa Timur untuk mengetahui jumlah tenaga relawan, antara lain jumlah tenaga PMR, KSR dan TSR masing-masing PMI kota dan kabupaten wilayah Jawa Timur. Data relawan tersimpan berupa file yang berekstensi excel. b. Laporan kapasitas relawan Pada proses ini, bagian SDM PMI daerah provinsi Jawa Timur merekap data relawan yang telah diterima dari masing PMI kota dan kabupaten wilayah Jawa Timur untuk mengetahui kapasitas tenaga relawan, antara lain jumlah relawan yang memiliki keahlian khusus, relawan yang pernah lulus dalam pelatihan spesialisasi ataupun relawan yang masih mengikuti pelatihan dasar. Data relawan tersimpan berupa file yang berekstensi excel.
44
4.3 Perancangan Sistem Berdasarkan analisis sistem yang ada, maka akan dirancang suatu aplikasi yang sesuai dengan kebutuhan. Rancangan sistem yang dibuat berupa Data Flow Diagram (DFD) sebagai deskripsi alur dari sistem. DFD dibuat dengan menggunakan software PowerDesigner 15 32-bit.
4.3.1
Document Flow Document flow yaitu bagan yang memiliki arus pekerjaan secara menyeluruh dari suatu alur pekerjaan yang menjelaskan urutan prosedurprosedur yang terdapat di dalam operasional perusahan. Document flow disini merupakan prosedur yang belum terkomputerisasi.
4.3.1
System Flow System flow yaitu bagan yang memiliki arus pekerjaan secara menyeluruh dari suatu sistem yang menjelaskan urutan prosedur-prosedur yang terdapat di dalam sistem dan sudah terkomputerisasi.
45
A. Document Flow Proses Pelaporan Data Relawan DocFlow Data Relawan PMI Daerah Provinsi Jawa Timur PMI Kota/ kabupaten
SDM PMI Provinsi
PMI Pusat
Start
Data Relawan PMR
Data Relawan PMR
Data Relawan KSR Input data relawan Data Relawan TSR Proses simpan data relawan
Database relawan
Proses laporan data relawan
Laporan data PMR data Laporan relawan data Laporan relawan
Laporan data PMR End
Laporan data KSR
Phase
Laporan data TSR
Gambar 4.1. Document Flow Proses Pelaporan Data Relawan
46
B. System Flow Proses Input Data Relawan SysFlow Input Data Relawan PMI Daerah Provinsi Jawa Timur PMI Kota/ kabupaten
SDM PMI Provinsi
Start
Database relawan
End
Input ID dan Password
Salah
Proses verifikasi
ID/Pass benar? Write Benar
Display halaman utama aplikasi
Input data relawan
Phase
Proses tulis ke database
Gambar 4.2. System Flow Proses Input Data Relawan
47
C. System Flow Proses Pelaporan Data Relawan SysFlow Laporan Data Relawan PMI Daerah Provinsi Jawa Timur SDM PMI Provinsi
Function
Start
Input ID dan Password
Salah
Proses verifikasi
ID/Pass benar? Benar
Display halaman utama aplikasi
Input cetak laporan
Proses cetak laporan
Read
Laporan data relawan
Database relawan
Laporan data relawan
Phase
End
Gambar 4.3. System Flow Proses Pelaporan Data Relawan
48
4.3.2
Data Flow Diagram Data Flow Diagram (DFD) yaitu bagan yang memiliki arus data dalam suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika. A. Context Diagram
Laporan anggota TSR Laporan anggota PMR SDM
Laporan anggota KSR
Laporan unit KSR tiap cabang Laporan unit PMR tiap cabang Data anggota TSR 1
Data anggota PMR
SI Olah Data Relawan Data anggota KSR
Update data master PMI cabang Data unit PMR
Data unit KSR PMI Pusat
Laporan data relawan PMI Cabang Laporan data relawan cabang terkait
Gambar 4.4. Context Diagram Aplikasi Data Relawan Context diagram sistem ini memiliki tiga external entity yang menunjang jalannya sistem, yaitu PMI pusat, bagian SDM PMI daerah provinsi Jawa Timur, dan PMI cabang.
49
B. DFD Level 0 Data anggota TSR Data anggota PMR Data unit KSR
Laporan data relawan
PMI Pusat
PMI Cabang
Data unit PMR Data anggota KSR
Laporan data relawan cabang terkait
Update 1
Anggota PMR
2
Anggota KSR
3
Anggota TSR
Read
Update
1.1 Olah data relawan
Update
Read
Update Update
7
Read
4
Unit PMR
5
Unit KSR
Read
1.2 Laporan data
Read
PMI cabang Laporan anggota PMR Laporan anggota KSR
Update 1.3
Update data master PMI Cabang
Laporan anggota TSR SDM
Update data master
Laporan unit PMR Laporan unit KSR
Gambar 4.5. DFD Level 0 Aplikasi Data Relawan Dalam DFD level 0 ini terdapat dua sistem dan tiga external entity. Sistem tersebut antara lain : Olah data relawan, dan Laporan data relawan. Sedangkan external entity -nya adalah PMI pusat, bagian SDM PMI daerah provinsi Jawa Timur, dan PMI cabang.
50
C.
DFD Level 1 Update data relawan Update
1.1.1
Update
1
Anggota PMR
Update data anggota PMR
Update
1.1.2
Update
2
Anggota KSR
3
Anggota TSR
4
Unit PMR
5
Unit KSR
Update data anggota KSR
Update
1.1.3
Update
PMI Cabang
Update data anggota TSR
Update
1.1.4
Update
Update data unit PMR
1.1.5 Update
Update
Update data unit KSR
Gambar 4.6. DFD Level 1 Update data relawan D. 1
Anggota PMR
2
Anggota KSR
3
Anggota TSR
4
Unit PMR
DFD Level 1 Laporan data relawan Read
1.2.1
Laporan data PMR
Laporan data PMR
Read
1.2.2
Laporan data relawan
Laporan data KSR
Laporan data KSR
Read
1.2.3 Laporan data TSR
Read
1.2.6
Laporan data TSR
Laporan data relawan
Laporan data relawan
Read Unit KSR
SDM
1.2.4 Laporan data unit PMR
Laporan data unit PMR Laporan data relawan
5
PMI Cabang
1.2.5 Laporan data Unit KSR Laporan data unit KSR
Gambar 4.7. DFD Level 1 Laporan data relawan
PMI Pusat
51
4.3.3
Perancangan Database Pada tahap ini, dilakukan penyusunan dan perancangan database yang akan digunakan beserta strukturnya. Rancangan database sistem yang dibuat berupa Entity Relational Diagram (ERD), yaitu alat untuk merepresentasikan model data yang ada pada sistem dimana terdapat entity dan relationship.
A. ERD CDM
Unit PMR
Kota ID_KOTA
Variable characters (5) NAMA_KOTA Variable characters (20)
Relationship_1
Identifier_1 ...
Relationship_2
Status Aktif ID_STATUS Variable characters (2) STATUS Variable characters (10)
Jenjang
ID PMR Variable characters (21) NAMA UNIT Variable characters (30) ALAMAT_UNIT Variable characters (50) TELP UNIT Variable characters (15) EMAIL UNIT Variable characters (25) NAMA PELATIH Variable characters (30) TELP PELATIH Variable characters (15) EMAIL PELATIH Variable characters (25)
Relationship_3
Identifier_1 ... Anggota PMR Relationship_6
Identifier_1 ...
Identifier_1 ...
Relationship_18
Relationship_5
Relationship_4
Unit KSR ID KSR Variable characters (21) NAMA UNIT Variable characters (30) ALAMAT_UNIT Variable characters (50) TELP UNIT Variable characters (15) EMAIL UNIT Variable characters (25) NAMA PEMBINA Variable characters (30) TELP PEMBINA Variable characters (15) EMAIL PEMBINA Variable characters (25)
ID DATA Variable characters FOTO Image TMPT LAHIR Variable characters TGL LAHIR Date SEX Variable characters AGAMA Variable characters GOL DARAH Variable characters RHESUS Variable characters ALAMAT Variable characters KODE POS Number KODE AREA Number TGL MASUK Date TAHUN KELUAR Date NO TELP Variable characters NO HP Variable characters EMAIL Variable characters NAMA ORTU Variable characters TELP ORTU Variable characters HP ORTU Variable characters ALAMAT ORTU Variable characters NAMA FAM Variable characters TELP FAM Variable characters HP FAM Variable characters ALAMAT FAM Variable characters NOTES Variable characters
ID PMR Variable characters (21) UNIT PMR Variable characters (35) Identifier_1 ...
Data Anggota Relationship_17
ID JENJANG Variable characters (5) NAMA JENJANG Variable characters (7)
(5)
Relationship_13
(25) Anggota TSR
(10) (10) (2) (2) (50)
ID TSR Variable characters (21) JABATAN Variable characters (25) NAMA KANTOR Variable characters (35) ALAMAT KANTOR Variable characters (50)
Relationship_19 (15) (15) (15) (30) (15) (15) (50) (35) (15) (15) (50) (200)
Identifier_1 ... Relationship_16
Pelatihan ID PELATIHAN Variable characters (5) NAMA PELATIHAN Variable characters (20) DESKRIPSI Variable characters (150) Identifier_1 ... Relationship_8 Relationship_15 Anggota KSR
Identifier_1 ...
ID KSR Variable characters (21) UNIT KSR Variable characters (35) Relationship_14
Identifier_1 ...
Gambar 4.8. ERD CDM Aplikasi Data Relawan
Identifier_1 ...
52
B. ERD PDM Unit PMR
Kota ID WILAYAH NAMA_WILAYAH PASS_WIL ALAMAT KANTOR KODE WIL TELP KANTOR ...
varchar(21) varchar(20) varchar(16) varchar(50) varchar(5) varchar(8)
Status Aktif ID_STATUS varchar(21) STATUS varchar(10)
ID_STATUS = ID STATUS
ID UNIT PMR ID STATUS ID JENJANG ID WILAYAH ID WILAYAH = ID WILAYAH PASS PMR NAMA UNIT ALAMAT UNIT TELP UNIT EMAIL UNIT NAMA PELATIH TELP PELATIH EMAIL PELATIH ID_STATUS = ID ... STATUS
varchar(21) varchar(21) varchar(21) varchar(21) varchar(16) varchar(30) varchar(50) varchar(15) varchar(25) varchar(30) varchar(15) varchar(25)
Jenjang
ID JENJANG = ID JENJANG
ID JENJANG varchar(21) NAMA JENJANG varchar(7)
ID UNIT PMR = ID UNIT PMR
Data Anggota
Anggota PMR ID PMR varchar(21) ID UNIT PMR varchar(21) ID DATA varchar(21) ...
varchar(21) ID WILAYAH = ID WILAYAH ID DATA ID WILAYAH varchar(21) ID DATA = ID DATA ID STATUS varchar(21) PASS ANGGOTA varchar(16) ID_STATUS = ID STATUS NAMA varchar(50) FOTO longblob ID DATA = ID DATA TMPT LAHIR varchar(25) Anggota TSR TGL LAHIR date ID TSR varchar(21) SEX varchar(10) ID DATA varchar(21) AGAMA varchar(10) JABATAN varchar(25) GOL DARAH varchar(2) NAMA KANTOR varchar(35) RHESUS varchar(2) ALAMAT KANTOR varchar(50) ALAMAT varchar(50) ID WILAYAH = ID WILAYAH ... KODE POS numeric(8,0) KODE AREA numeric(8,0) TGL MASUK date TAHUN KELUAR date Tampung TSR NO TELP varchar(15) ID TSR varchar(21) NO HP varchar(15) ID SPESIALISASI varchar(5) EMAIL varchar(15) NAMA ORTU varchar(30) TELP ORTU varchar(15) HP ORTU varchar(15) ALAMAT ORTU varchar(50) Spesialisasi NAMA FAM varchar(35) ID SPESIALISASI varchar(5) TELP FAM varchar(15) NAMA SPESIALISASI varchar(20) HP FAM varchar(15) DESKRIPSI varchar(150) ALAMAT FAM varchar(50) ... Unit KSR NOTES varchar(200) ... ID UNIT KSR varchar(21) ID DATA = ID DATA ID WILAYAH varchar(21) ID STATUS varchar(21) Tampung KSR Anggota KSR PASS KSR varchar(16) ID UNIT KSR = ID UNIT KSR ID KSR varchar(21) ID KSR varchar(21) NAMA UNIT varchar(30) ID SPESIALISASI varchar(5) ID DATA varchar(21) ALAMAT UNIT varchar(50) ID UNIT KSR varchar(21) TELP UNIT varchar(15) ... EMAIL UNIT varchar(25) NAMA PEMBINA varchar(30) TELP PEMBINA varchar(15) EMAIL PEMBINA varchar(25) ...
Gambar 4.9. ERD PDM Aplikasi Data Relawan
4.3.4
Struktur Basis Data dan Tabel Untuk mempermudah pengelolaan file basis data, digunakan MySQL phpMyAdmin 3.5.2.2. Aplikasi data relawan ini menggunakan satu buah file basis data bernama pmi_prov.sql.
53
a) Nama tabel
: Unit PMR
Fungsi
: Menyimpan data unit PMR
Primary key
: ID Unit PMR
Foreign key
: ID WILAYAH Tabel 4.1. Tabel Unit PMR
No 1 2 3 4 5 6 7 8 9 10
Nama Kolom ID Unit PMR Nama unit Telp Unit Email Unit Jenjang ID WILAYAH Nama Pelatih Telp Pelatih Email Pelatih Status
b) Nama tabel
Jenis Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar
: Unit KSR
Fungsi
: Menyimpan data unit KSR
Primary key
: ID Unit KSR
Foreign key
: ID WILAYAH
Size 21 30 15 25 10 21 30 15 25 15
Keterangan ID untuk unit PMR Nama unit PMR No. telp. Unit PMR Email unit PMR Mula/madya/wira Kota wilayah unit PMR Nama pelatih unit PMR No. telp. Pelatih unit PMR Email pelatih unit PMR Aktif/tidak aktif
54
Tabel 4.2. Tabel Unit KSR No 1 2 3 4 5 6 7 8 9
Nama Kolom ID Unit KSR Nama unit Telp Unit Email Unit ID WILAYAH Nama Pembina Telp Pembina Email Pembina Status
c) Nama tabel Fungsi
Jenis Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar
Size 21 30 15 25 21 30 15 25 15
Keterangan ID untuk unit KSR Nama unit KSR No. telp. Unit KSR Email unit KSR Kota wilayah unit KSR Nama pembina unit KSR No. telp. Pembina unit KSR Email pembina unit PMR Aktif/tidak aktif
: Kota : Menyimpan data wilayah dari masing-masing PMI kota/kabupaten
Primary key
: ID WILAYAH
Foreign key
:Tabel 4.3. Tabel kota
No 1 2 3 4 5 6
Nama Kolom ID WILAYAH Nama_wilayah Pass_wil Alamat kantor Kode wil Telp kantor
d) Nama tabel
Jenis Varchar Varchar Varchar Varchar Varchar Varchar
Size 21 20 16 50 5 8
: Anggota PMR
Fungsi
: Menyimpan data anggota PMR
Primary key
: ID_PMR
Foreign key
: ID UNIT PMR, ID DATA
Keterangan ID wilayah kota Nama wilayah kota Password wilayah Alamat kantor PMI Kode pos wilayah No. telp. Kantor PMI
55
Tabel 4.4. Tabel Anggota PMR No 1 2 3
Nama Kolom ID PMR ID UNIT PMR ID DATA
e) Nama tabel
Jenis Varchar Varchar Varchar
Size 21 21 21
Keterangan ID untuk anggota PMR FK dari tabel unit PMR FK dari data anggota
: Anggota KSR
Fungsi
: Menyimpan data anggota KSR
Primary key
: ID KSR
Foreign key
: ID UNIT KSR, ID DATA Tabel 4.5. Tabel anggota KSR
No 1 2 3
Nama Kolom ID PMR ID UNIT PMR ID DATA
f) Nama tabel
Jenis Varchar Varchar Varchar
Size 21 21 21
: Anggota TSR
Fungsi
: Menyimpan data anggota TSR
Primary key
: ID_TSR
Foreign key
: ID DATA
Keterangan ID untuk anggota KSR FK dari tabel unit KSR FK dari data anggota
56
Tabel 4.6. Tabel anggota TSR No 1 2 3 4 5
Nama Kolom ID TSR JABATAN ID DATA NAMA KANTOR ALAMAT KANTOR
g) Nama tabel
Jenis Varchar Varchar Varchar Varchar Varchar
Size 21 25 21 35 50
Keterangan ID untuk anggota TSR Jabatan anggota TSR FK dari data anggota Nama kantor dari TSR Alamat kantor dari TSR
: Data Anggota
Fungsi
: Menyimpan data anggota relawan
Primary key
: ID_DATA
Foreign key
: ID WILAYAH Tabel 4.7. Tabel Data anggota
No 1 2 3 4 5 6 7 8 9 10 11 12 13 14
Nama Kolom ID DATA ID WILAYAH Nama Tgl lahir Sex Agama Gol Darah Rhesus Alamat PASS ANGGOTA Kode Pos Kode Area Tanggal Masuk Tahun Keluar
Jenis Varchar Varchar Varchar Date Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Date Date
Size 21 21 50 10 10 2 2 50 16 10 10 -
15 16 17 18 19 20
No Telp No HP Email STATUS Foto Nama Orang Tua
Varchar Varchar Varchar Varchar Image Varchar
15 15 25 10 30
Keterangan No. induk anggota FK dari tabel kota Nama anggota Tanggal lahir anggota Jenis kelamin anggota Agama anggota Golongan darah anggota -/+ Alamat anggota Password anggota Kode pos dari alamat anggota Kode area anggota Tahun masuk PMI Tahun lulus untuk KSR perguruan tinggi, tahun lulus untuk PMR, tahun usia lebih dari 35 tahun untuk KSR No. telp anggota No. Handphone anggota Email anggota Aktif/tidak aktif Foto anggota Nama orang tua anggota
57
No 21 22
Nama Kolom Telp Orang Tua HP Orang Tua
Jenis Varchar Varchar
Size 15 15
23 24 25 26 27 28
Alamat Orang Tua Nama Fam Telp Fam HP Fam Alamat Fam Notes
Varchar Varchar Varchar Varchar Varchar Varchar
50 30 15 15 50 200
4.3.5
Keterangan No. telp. orang tua anggota No. handphone orang tua anggota Alamat orang tua anggota Keluarga yang bisa dihubungi saat darurat Catatan
Desain Input/Output Desain input/output merupakan rancangan input/output berupa form untuk memasukkan data dan laporan sebagai informasi yang dihasilkan dari pengolahan data. Desain input/output juga merupakan acuan pembuat aplikasi dalam merancang dan membangun sistem.
1.
Desain Input Desain input merupakan perancangan desain masukan dari pengguna kepada sistem yang kemudian akan disimpan dalam database.
A. Tampilan Dashboard Semua tampilan halaman di aplikasi tentunya membutuhkan sebuah Dashboard agar tampilannya konsisten. Dan Dashboard pada gambar 4.10 lah yang digunakan di aplikasi ini.
58
Gambar 4.10. Tampilan dashboard B. Tampilan Site Map Input Untuk mempermudah navigasi/berpindah antar halaman aplikasi, maka diperlukan sebuah Site Map yang diimplementasikan ke dalam menu. Contoh Site Map input yang digunakan dapat dilihat di gambar 4.11
Gambar 4.11. Tampilan site map
59
C. Tampilan Input Data Unit PMR Pada gambar berikut merupakan halaman untuk mengisi data unit PMR yang baru. Pada tampilan ini, ID Unit akan otomatis terisi berdasarkan jumlah yang terdapat pada database. Pada bagian jenjang dan wilayah akan mengambil data yang tersimpan dari database, dimana jenjang akan terisi ; mula, madya, wira, dan untuk wilayah akan terisi 38 PMI Kab/kota di Jawa Timur. Untuk lebih jelasnya dapat dilihat di gambar 4.13
Gambar 4.12. Tampilan Input Data Unit PMR
60
D. Tampilan Input Data Unit KSR Pada gambar berikut merupakan halaman untuk mengisi data unit PMR yang baru. Pada tampilan ini, ID Unit akan otomatis terisi berdasarkan jumlah yang terdapat pada database. Pada bagian wilayah akan mengambil data yang tersimpan dari database, dimana akan terisi 38 PMI Kab/kota di Jawa Timur. Untuk lebih jelasnya dapat dilihat di gambar 4.13
Gambar 4.13. Tampilan Input Data Unit KSR
61
E. Tampilan Input Data Anggota PMR Pada gambar berikut merupakan halaman untuk mengisi data anggota PMR yang baru. Pada tampilan ini, ID anggota akan otomatis terisi berdasarkan jumlah yang terdapat pada database. Pada bagian unit, jenjang, dan wilayah akan mengambil data yang tersimpan dari database. Untuk lebih jelasnya dapat dilihat di gambar 4.14
Gambar 4.14. Input Data Anggota PMR
62
F. Tampilan Input Data Anggota KSR Pada gambar berikut merupakan halaman untuk mengisi data anggota KSR yang baru. Pada tampilan ini, ID anggota akan otomatis terisi berdasarkan jumlah yang terdapat pada database. Pada bagian unit, dan wilayah akan mengambil data yang tersimpan dari database. Untuk lebih jelasnya dapat dilihat di gambar 4.15
Gambar 4.15. Input Data Anggota KSR
63
G. Tampilan Input Data Anggota TSR Pada gambar berikut merupakan halaman untuk mengisi data anggota KSR yang baru. Pada tampilan ini, ID anggota akan otomatis terisi berdasarkan jumlah yang terdapat pada database. Pada bagian wilayah akan mengambil data yang tersimpan dari database. Untuk lebih jelasnya dapat dilihat di gambar 4.16
Gambar 4.16. Input Data Anggota TSR
64
2.
Desain Output Desain
output merupakan perancangan desain laporan yang
merupakan hasil dari data dari proses yang terjadi, yang tersimpan pada database yang kemudian akan diolah sedemikian rupa menjadi informasi yang berguna bagi pengguna aplikasi. A. Tampilan Site Map Output Untuk mempermudah navigasi/berpindah antar halaman aplikasi, maka diperlukan sebuah Site Map yang diimplementasikan ke dalam menu. Contoh Site Map output yang digunakan dapat dilihat di gambar 4.17
Gambar 4.17. Site map output
65
B. Data Unit PMR Pada gambar berikut merupakan halaman tampilan dari seluruh data unit PMR. Pada tampilan ini, dapat dilihat pada bagian bawah tabel, terdapat textbox kosong yang berfungsi sebagai filter pencarian. Untuk lebih jelasnya dapat dilihat di gambar 4.18
Gambar 4.18. Data Unit PMR C. Data Unit KSR Pada gambar berikut merupakan halaman tampilan dari seluruh data unit KSR. Pada tampilan ini, dapat dilihat pada bagian bawah tabel, terdapat textbox kosong yang berfungsi sebagai filter pencarian. Untuk lebih jelasnya dapat dilihat di gambar 4.19
Gambar 4.19 Data Unit KSR
66
D. Data Anggota PMR Pada gambar berikut merupakan halaman tampilan dari seluruh data anggota PMR. Pada tampilan ini, dapat dilihat pada bagian bawah tabel, terdapat textbox kosong yang berfungsi sebagai filter pencarian. Untuk lebih jelasnya dapat dilihat di gambar 4.20
Gambar 4.20. Data Anggota PMR
E. Data Anggota KSR Pada gambar berikut merupakan halaman tampilan dari seluruh data anggota KSR. Pada tampilan ini, dapat dilihat pada bagian bawah tabel, terdapat textbox kosong yang berfungsi sebagai filter pencarian. Untuk lebih jelasnya dapat dilihat di gambar 4.21
Gambar 4.21. Data Anggota KSR
67
F. Data Anggota TSR Pada gambar berikut merupakan halaman tampilan dari seluruh data anggota TSR. Pada tampilan ini, dapat dilihat pada bagian bawah tabel, terdapat textbox kosong yang berfungsi sebagai filter pencarian. Untuk lebih jelasnya dapat dilihat di gambar 4.22
Gambar 4.22. Data Anggota TSR G. Data Wilayah Pada gambar berikut merupakan halaman tampilan dari seluruh data wilayah seluruh PMI kabupaten/kota di Jawa Timur. Pada tampilan ini, dapat dilihat pada bagian bawah tabel, terdapat textbox kosong yang berfungsi sebagai filter pencarian. Untuk lebih jelasnya dapat dilihat di gambar 4.23
Gambar 4.23. Data Wilayah PMI Kabupaten/kota
68
4.4 Implementasi dan Evaluasi Implementasi sistem ini akan menjelaskan detil aplikasi data relawan penjelasan hardware/software pendukung, dan form- form yang ada. 4.4.2
Teknologi
1. Perangkat Keras Spesifikasi perangkat keras minimum yang dibutuhkan untuk menjalankan aplikasi ini adalah satu unit komputer dengan: a) Processor 2,2 Ghz b) Memory dengan RAM 4 GB c) VGA on Board d) Monitor Super VGA (1920x1080) e) Keyboard + mouse 2. Perangkat Lunak Sedangkan perangkat lunak minimum yang harus diinstall ke dalam sistem komputer adalah: a) Windows 7 b) DataBaseMangementSistem : MySQL PHPMyadmin c) Microsoft Office 2010
4.3.2 Pengoperasian Program Dalam sub ini akan dijelaskan langkah-langkah pengoperasian program aplikasi data relawan.
69
A. Halaman awal Inilah halaman yang pertama kali akan ditampilkan ketika user membuka aplikasi data relawan. Agar bisa masuk ke dalam aplikasi data relawan, user harus melakukan Login dengan memasukkan username dan password di dalam tampilan login.
Gambar 4.24. Halaman Awal
B. Tampilan Input Data Unit PMR Pada gambar berikut merupakan halaman untuk mengisi data unit PMR yang baru. Pada tampilan ini, ID Unit akan otomatis terisi berdasarkan jumlah yang terdapat pada database. Pada bagian jenjang dan wilayah akan mengambil data yang tersimpan dari database, dimana jenjang akan terisi ; mula, madya, wira, dan untuk wilayah akan terisi 38 PMI Kab/kota di Jawa Timur. User harus mengisi keseluruhan kotak yang memiliki tanda (*), bilamana user tidak mengisi, maka akan secara otomatis data tidak akan tersimpan dan terdapat alert untuk melengkapi data. Untuk lebih jelasnya dapat dilihat di gambar 4.25
70
Gambar 4.25. Tampilan Input Data Unit PMR C. Tampilan Input Data Unit KSR Pada input data unit KSR merupakan halaman untuk mengisi data unit KSR yang baru. Pada tampilan ini, ID Unit akan otomatis terisi berdasarkan jumlah yang terdapat pada database. Pada bagian wilayah akan mengambil data yang tersimpan dari database, dimana akan terisi 38 PMI Kab/kota di Jawa Timur.
71
User harus mengisi keseluruhan kotak yang memiliki tanda (*), bilamana user tidak mengisi, maka akan secara otomatis data tidak akan tersimpan dan terdapat alert untuk melengkapi data. Untuk lebih jelasnya dapat dilihat di gambar 4.26
Gambar 4.26. Tampilan Input Data Unit KSR
72
D. Tampilan Input Data Anggota PMR Pada gambar berikut merupakan halaman untuk mengisi data anggota PMR yang baru. Pada tampilan ini, ID anggota akan otomatis terisi berdasarkan jumlah yang terdapat pada database. Pada bagian unit, jenjang, dan wilayah akan mengambil data yang tersimpan dari database. Untuk lebih jelasnya dapat dilihat di gambar 4.27
Gambar 4.27. Input Data Anggota PMR
73
E. Tampilan Input Data Anggota KSR Pada gambar berikut merupakan halaman untuk mengisi data anggota KSR yang baru. Pada tampilan ini, ID anggota akan otomatis terisi berdasarkan jumlah yang terdapat pada database. Pada bagian unit, dan wilayah akan mengambil data yang tersimpan dari database. Untuk lebih jelasnya dapat dilihat di gambar 4.28
Gambar 4.28. Input Data Anggota KSR
74
F. Tampilan Input Data Anggota TSR Pada gambar berikut merupakan halaman untuk mengisi data anggota KSR yang baru. Pada tampilan ini, ID anggota akan otomatis terisi berdasarkan jumlah yang terdapat pada database. Pada bagian wilayah akan mengambil data yang tersimpan dari database. Untuk lebih jelasnya dapat dilihat di gambar 4.29
Gambar 4.29. Input Data Anggota TSR
75
3.
Desain Output Desain
output merupakan perancangan desain laporan yang
merupakan hasil dari data dari proses yang terjadi, yang tersimpan pada database yang kemudian akan diolah sedemikian rupa menjadi informasi yang berguna bagi pengguna aplikasi. A. Data Unit PMR Pada gambar berikut merupakan halaman tampilan dari seluruh data unit PMR. Pada tampilan ini, dapat dilihat pada bagian bawah tabel, terdapat textbox kosong yang berfungsi sebagai filter pencarian. Pada bagian Aksi yang digambarkan dengan icon pensil, merupakan shortcut melakukan data maintenance yaitu edit data dan delete data. Bilamana icon tersebut dipilih, maka halaman akan berpindah ke halaman awal dimana textbox sudah terisi dengan data yang bersangkutan dan memungkinkan untuk pengguna merubah data terkait. Untuk lebih jelasnya dapat dilihat di gambar 4.30
Gambar 4.30. Data Unit PMR
76
B. Data Unit KSR Pada gambar berikut merupakan halaman tampilan dari seluruh data unit KSR. Pada tampilan ini, dapat dilihat pada bagian bawah tabel, terdapat textbox kosong yang berfungsi sebagai filter pencarian. Untuk lebih jelasnya dapat dilihat di gambar 4.31 Pada bagian Aksi yang digambarkan dengan icon pensil, merupakan shortcut melakukan data maintenance yaitu edit data dan delete data. Bilamana icon tersebut dipilih, maka halaman akan berpindah ke halaman awal dimana textbox sudah terisi dengan data yang bersangkutan dan memungkinkan untuk pengguna merubah data terkait. Untuk lebih jelasnya dapat dilihat di gambar 4.31
Gambar 4.31 Data Unit KSR
C. Data Anggota PMR Pada gambar berikut merupakan halaman tampilan dari seluruh data anggota PMR. Pada tampilan ini, dapat dilihat pada bagian bawah tabel, terdapat textbox kosong yang berfungsi sebagai filter pencarian. Untuk lebih jelasnya dapat dilihat di gambar 4.32
77
Pada bagian Aksi yang digambarkan dengan icon pensil, merupakan shortcut melakukan data maintenance yaitu edit data dan delete data. Bilamana icon tersebut dipilih, maka halaman akan berpindah ke halaman awal dimana textbox sudah terisi dengan data yang bersangkutan dan memungkinkan untuk pengguna merubah data terkait. Untuk lebih jelasnya dapat dilihat di gambar 4.32
Gambar 4.32. Data Anggota PMR
D. Data Anggota KSR Pada gambar berikut merupakan halaman tampilan dari seluruh data anggota KSR. Pada tampilan ini, dapat dilihat pada bagian bawah tabel, terdapat textbox kosong yang berfungsi sebagai filter pencarian. Untuk lebih jelasnya dapat dilihat di gambar 4.33 Pada bagian Aksi yang digambarkan dengan icon pensil, merupakan shortcut melakukan data maintenance yaitu edit data dan delete data. Bilamana icon tersebut dipilih, maka halaman akan berpindah ke halaman awal dimana textbox sudah terisi dengan data yang bersangkutan dan memungkinkan untuk pengguna merubah data terkait. Untuk lebih jelasnya dapat dilihat di gambar 4.33
78
Gambar 4.33. Data Anggota KSR E. Data Anggota TSR Pada gambar berikut merupakan halaman tampilan dari seluruh data anggota TSR. Pada tampilan ini, dapat dilihat pada bagian bawah tabel, terdapat textbox kosong yang berfungsi sebagai filter pencarian. Untuk lebih jelasnya dapat dilihat di gambar 4.32 Pada bagian Aksi yang digambarkan dengan icon pensil, merupakan shortcut melakukan data maintenance yaitu edit data dan delete data. Bilamana icon tersebut dipilih, maka halaman akan berpindah ke halaman awal dimana textbox sudah terisi dengan data yang bersangkutan dan memungkinkan untuk pengguna merubah data terkait. Untuk lebih jelasnya dapat dilihat di gambar 4.34
Gambar 4.34. Data Anggota TSR
79
F. Data Wilayah Pada gambar berikut merupakan halaman tampilan dari seluruh data wilayah seluruh PMI kabupaten/kota di Jawa Timur. Pada tampilan ini, dapat dilihat pada bagian bawah tabel, terdapat textbox kosong yang berfungsi sebagai filter pencarian. Untuk lebih jelasnya dapat dilihat di gambar 4.35
Gambar 4.35. Data Wilayah PMI Kabupaten/kota G. Cetak Laporan Pada gambar berikut merupakan halaman dari perintah cetak laporan. Pada cetak laporan, halaman tersebut bisa secara langsung di print. Untuk lebih jelasnya dapat dilihat di gambar 4.36
Gambar 4.36. Contoh cetak laporan
