BAB 3 ANALISA DAN PERANCANGAN SISTEM

Transkripsi

1 BAB 3 ANALISA DAN PERANCANGAN SISTEM 3.1 Tinjauan Organisasi Sejarah Organisasi Awalnya pada tanggal 21 Oktober 1873 Pemerintah kolonial Belanda mendirikan organisasi Palang Merah di Indonesia dengan nama Het Nederland- Indiche Rode Kruis (NIRK) yang kemudian namannya menjadi Nederlands Rode Kruiz Afdelinbg Indie (NERKAI). Lalu pada tahun 1932 timbul semangat untuk mendirikan Palang Merah Indonesia (PMI) yang dipelopori oleh dr. RCL. Senduk dan Bahder Djohan. Kemudian, proposal pendirian diajukan pada kongres NERKAI (1940), namun ditolak. Pada saat penjajahan Jepang, proposal itu kembali diajukan, namun tetap ditolak. Dan pada akhirnya tanggal 3 September 1945 Presiden Soekarno memerintahkan kepada Menteri Kesehatan dr. Buntaran Martoatmodjo untuk membentuk suatu Badan Palang Merah Nasional untuk menunjukan kepada dunia internasional bahwa keberadaan Negara Indonesia adalah suatu fakta nyata setelah proklamasi kemerdekaan pada 17 Agustus Pada 5 September 1945, dr. Buntaran membentuk Panitia Lima yang terdiri dari dr. R. Mochtar, dr. Bahder Johan, dr. Joehana, Dr. Marjuki dan dr. Sitanala, untuk mempersiapkan pembentukan Palang merah di Indonesia. Tepat pada tanggal 17 September 1945 terbentuklah Pengurus Besar Palang Merah Indonesia (PMI) dengan ketua pertama, Drs. Mohammad Hatta. Dan karena di dalam satu negara hanya ada satu perhimpunan nasional, maka Pemerintah Belanda membubarkan NERKAI dan menyerahkan asetnya kepada PMI. Pihak NERKAI diwakili oleh dr. B. Van Trich sedangkan dari PMI diwakili oleh dr. Bahder Djohan. PMI terus melakukan pemberian bantuan hingga akhirnya Pemerintah Republik Indonesia Serikat mengeluarkan Keppres No. 25 tanggal 16 Januari 1950 dan dikuatkan engan Keppres No. 246 tanggal 29 November Pemerintah Indonesia mengakui keberadaan PMI. 28

2 29 Adapun tugas utama PMI berdasarkan Keppres RIS No. 25 tahun 1950 dan Keppres RI No. 246 tahun 1963 adalah untuk memberikan bantuan pertama pada korban bencana alam dan korban perang sesuai dengan isi Konvensi Jenewa Secara Internasional, keberadaan PMI diakui oleh Komite Palang Merah Internasional (ICRC) pada 15 Juni Setelah itu, PMI diterima menjadi anggota Perhimpunan Nasional ke-68 oleh Liga Perhimpunan Palang Merah dan Bulan Sabit Merah (Liga) yang sekarang disebut Federasi Internasional Perhimpunan Palang Merah dan Bulan Sabit Merah (IFRC) pada Oktober Saat ini, PMI di ketuai oleh Bapak Wakil Presiden Drs. H. Muhammad Jusuf Kalla dan telah berdiri di 33 Provinsi, 371 Kabupaten/Kota dan Kecamatan (data per-maret 2010). PMI mempunyai hampir 1,5 juta sukarelawan yang siap melakukan pelayanan. Untuk PMI daerah Tangerang Selatan sendiri berdiri tanggal 4 April 2012, bermula dari kurangnya bantuan dalam bencana jebolnya tanggul Situ Gintung pada tahun 2009 dan akhirnya walikota Tangerang Selatan Airin Rachmi Diany SH, MH mengutus kepala dinas kesehatan kota Tangerang Selatan H.Dadang,SIP, M.EPID untuk membangun PMI di wilayah Tangerang Selatan untuk membantu masyarakat jika terjadi bencana atau untuk masyarakat yang membutuhkan tranfusi darah dan PMI Tangerang Selatan terus berdiri hingga saat ini.

3 Visi Organisasi PMI yang berkarakter, profesional, mandiri dan dicintai masyarakat Misi Organisasi Menjadi organisasi kemanusiaan terdepan yang memberikan layanan berkualitas melalui kerja sama dengan masyarakat dan mitra sesuai dengan prinsip-prinsip dasar Gerakan Palang Merah dan Bulan Sabit Merah. Meningkatkan kemandirian organisasi PMI melalui kemitraan strategis yang berkesinambungan dengan pemerintah, swasta, mitra gerakan dan pemangku kepentingan lainnya di semua tingkatan. Meningkatkan reputasi organisasi PMI di tingkat Nasional dan Internasional Tujuan Stategis PMI 1. Mewujudkan PMI yang berfungsi baik di berbagai tingkatan, baik dalam pelaksanaan kebijakan, peraturan organisasi, sistim dan prosedur yang ditetapkan. 2. Meningkatkan kapasitas sumber daya organisasi PMI di berbagai tingkatan, baik sumber daya manusia dan sarana prasarana yang diperlukan dalam operasi penanganan bencana di seluruh wilayah Indonesia. 3. Meningkatkan ketahanan masyarakat untuk mengurangi risiko dan dampak bencana serta penyakit. 4. Meningkatkan pelayanan darah yang memadai, aman dan berkualitas di seluruh Indonesia. 5. Memperkuat hubungan kerja sama dengan pemerintah pusat dan daerah dalam rangka menjalankan mandat dan fungsi PMI di bidang kemanusiaan. 6. Meningkatkan kemitraan yang berkesinambungan dengan sektor publik, swasta, mitra gerakan, lembaga donor dan pemangku kepentingan lainnya di semua tingkatan dalam melayanai masyarakat.

4 31 7. Meningkatkan akuntabilitas PMI sebagai organisasi kemanusiaan di tingkat Nasional maupun Internasional. 8. Meningkatkan pemahaman seluruh elemen masyarakat tentang nilainilai kemanusiaan, prinsip-prinsip dasar Gerakan Internasional Palang Merah / Bulan Sabit Merah serta Hukum Perikemanusiaan Internasional melalui upaya komunikasi, edukasi dan diseminasi. 3.2 Struktur Organisasi Gambar 3.1 Struktur Organisasi PMI Tangerang Selatan

5 Tugas, Wewenang Dan Tanggung Jawab 1. Kepala PMI Tangerang Selatan Memimpin dan mengawasi pelaksanaan tugas atas semua tugas yang dibebankan kepada seluruh bagian PMI Tangerang selatan Betanggung jawab atas tata tertib disiplin semua bagian PMI Tangerang Selatan Memutuskan semua hal-hal mengenai kebijaksanaan yang berhubungan dengan kegiatan PMI Tangerang Selatan Mengkoordinasi pelaksanaan tugas para direktur dan kepala bagian 2. Direktur Unit Donor Darah Memimpin dan mengawasi kegiatan yang berhubungan dengan donor darah di PMI Tangerang Selatan Bertanggung jawab penuh atas kegiatan yang berhubungan dengan donor darah 3. Direktur Manajemen Mutu Bertanggung jawab terhadap pelayanan PMI Tangerang Selatan kepada masyarakat Meningkatkan kepercayaan dan kepuasan masyarakat terhadap PMI Tangerang Selatan melalui jaminan kualitas yang terorganisasi dan sistematik. Meningkatkan kualitas dan produktivitas dari manajemen melalui kerjasama dan komunikasi yang lebih baik, sistem pengendalian yang konsisten, serta pengurangan dan pencegahan pemborosan karena operasi internal menjadi lebih baik.

6 33 4. Kepala Bagian Administrasi Bertanggung jawab atas semua adminsitrasi dan data di PMI Tangerang Selatan Bertanggung jawab atas hubungan koordinasi dengan ketua PMI Tangerang Selatan 5. Kepala Bagian Laboratorium Bertanggung jawab atas semua pengecekan terhadap golongan darah para pendonor Bertanggung jawab atas hubungan koordinasi dengan ketua PMI Tangerang Selatan 6. Kepala Bagian Aftaf Bertanggung jawab atas seleksi pendonor darah apakah dia bisa atau tidaknya melakukan donor darah Mendistribusikan kantong darah Bertanggung jawab atas hubungan koordinasi dengan ketua PMI Tangerang Selatan 7. Kepala Bagian Umum Melakukan komunikasi, konsultasi dan advokasi dengan Kepala Markas dalam rangka penyelenggaraan bidang administrasi umum & manajemen logistik PMI Tangerang Selatan Membuat laporan berkala (bulanan, tiga bulanan, tahunan) tentang administrasi umum, pelayanan logistik, stok barang dan keadaan barang inventaris/asset. Mengidentifikasi kebutuhan aturan administrasi umum & manajemen logistik dan melaksanakan analisa tentang ketentuan administrasi umum & manajemen logistik yang dibutuhkan oleh PMI. Bertanggung jawab atas hubungan koordinasi dengan ketua PMI Tangerang Selatan

7 34 8. Staf-staf Bidang Membantu Kepala Bidang masing-masing Membantu Kepala PMI Tangerang Selatan dan Direkturnya dalam melaksanakan tugasnya sesuai dengan ketentuan yang berlaku. Memberikan usulan serta gagasan kepada Kepala PMI Tangerang baik langsung atau melalui rapat kerja pengurus / rapat evaluasi. Bertanggung jawab kepada Kepala Bagian masing-masing secara khusus dan Kepala PMI Tangerang secara umum

8 Analisa Sistem Berjalan Analisa proses berjalan merupakan hasil analisa dari sistem yang berjalan pada saat ini yang berlangsung pada PMI Daerah Tangerang Selatan Diagram Use Case Berjalan Saat ini para pengunjung website PMI Tangerang Selatan sangat sulit untuk memperoleh informasi stok darah yang terdapat di website karena stok darah tidak di tampilkan pada webiste, serta dalam form permintaan darah hanya mengisi form, yang nantinya akan di balas oleh admin hanya sebuah komentar. Semua hal tersebut nantinya akan dapat menyusahkan pengunjung website PMI. Tangerang Selatan yang benar-benar sedang membutuhkan tranfusi darah Sistem Berjalan Mengelola Profil PMI Tangsel mengelola galeri website mengelola berita PMI Lihat Profil Pmi Tangsel Admin Pengunjung Website Melihat Galeri PMI Lihat Berita PMI Mengisi Form Permintaan Darah Menanggapi Permintaan darah dari pengunjung. Gambar 3.2 Use Case Diagram Sistem Berjalan

9 36 Tabel 3.1 Keterangan Use Case Mengelola Profil PMI Tangsel Nama Use Case Aktor Deskripsi singkat Mengelola Profil PMI Tangsel Petugas PMI Tangerang Selatan Petugas PMI Tangerang Selatan yang menjadi admin website mengelola profil pada website PMI Tangerang Selatan Tabel 3.2 Keterangan Use Case Mengelola Galeri Website Nama Use Case Aktor Deskripsi singkat Mengelola Galeri Website Petugas PMI Tangerang Selatan Petugas PMI Tangerang Selatan yang menjadi admin website mengelola galeri pada website PMI Tangerang Selatan Tabel 3.3 Keterangan Use Case Mengelola Berita PMI Nama Use Case Aktor Deskripsi singkat Mengelola Berita PMI Petugas PMI Tangerang Selatan Petugas PMI Tangerang Selatan yang menjadi admin website mengelola berita-berita terbaru tentang PMI di Tangerang Selatan maupun pusat Tabel 3.4 Keterangan Use Case Lihat Profil PMI Tangsel Nama Use Case Aktor Deskripsi singkat Lihat Profil PMI Tangsel Pengunjung Website Pengunjung website dapat melihat profil PMI Tangerang Selatan yang di kelola oleh admin website PMI Tangerang Selatan

10 37 Tabel 3.5 Keterangan Use Case Lihat Berita PMI Nama Use Case Aktor Deskripsi singkat Lihat Berita PMI Tangsel Pengunjung Website Pengunjung website dapat melihat berita-berita tentang PMI yang di kelola oleh admin website PMI Tangerang Selatan Tabel 3.6 Keterangan Use Case Mengisi Form Permintaan Darah Nama Use Case Aktor Deskripsi singkat Mengisi Form Permintaan Darah Pengunjung Website Pengunjung website dapat mengisi form permintaan darah yang ada dengan mengisi Nama, , Website Pengunjung serta Comment yang nantinya akan di respon oleh admin website PMI Tangerang Selatan Tabel 3.7 Keterangan Use Case Menanggapi Permintaan Darah Pengunjung Nama Use Case Aktor Deskripsi singkat Menanggapi Permintaan Darah Pengunjung Petugas PMI Tangerang Selatan Admin menanggapi comment dari pengunjung tersebut apakah permintaan darahnya ada atau tidak

11 Activity Diagram Sistem Berjalan Activity diagram pada sistem berjalan menggambarkan aktivitasaktivitas yang akan dilakuan pada sistem berjalan, sebagai berikut: Gambar 3.3 Activity Diagram Sistem Berjalan

12 Sistem Usulan Sistem usulan merupakan usulan dari analisis terhadap proses yang berjalan di PMI Tangerang Selatan, dilakukan untuk membuat sistem menjadi lebih baik dan memenuhi kebutuhan baru. 3.5 Use Case Sistem Usulan Sistem Usulan Update Profil PMI Tangerang Selatan Lihat Profil PMI Tangerang Selatan Mengelola Berita PMI Melihat Berita PMI Admin Pengunjung Website Update Stok Darah Melihat Stok Darah Membuat Laporan Stok Darah Mengisi Form Permintaan Darah Menanggapi Permintaan Darah dari Pengunjung Mendapat Konfirmasi Permintaan Darah Menampilkan Testimonial Mengisi Testimonial Gambar 3.4 Use Case Sistem Usulan

13 40 Tabel 3.8 Keterangan Use Case Usulan Mengelola Profil PMI Tangsel Nama Use Case Aktor Deskripsi singkat Mengelola Profil PMI Tangsel Petugas PMI Tangerang Selatan Petugas PMI Tangerang Selatan yang menjadi admin website mengelola profil pada website PMI Tangerang Selatan Tabel 3.9 Keterangan Use Case Usulan Mengelola Berita PMI Nama Use Case Aktor Deskripsi singkat Mengelola Berita PMI Petugas PMI Tangerang Selatan Petugas PMI Tangerang Selatan yang menjadi admin website mengelola berita-berita terbaru tentang PMI di Tangerang Selatan maupun pusat Tabel 3.10 Keterangan Use Case Usulan Update Stok Darah Nama Use Case Aktor Deskripsi singkat Update Stok Darah Petugas PMI Tangerang Selatan Petugas PMI Tangerang Selatan yang menjadi admin website meng-update stok darah yang masuk ataupun keluar pada website PMI Tangerang Selatan

14 41 Tabel 3.11 Keterangan Use Case Membuat Laporan Stok Darah Nama Use Case Aktor Deskripsi singkat Lihat Profil PMI Tangsel Petugas PMI Tangerang Selatan Petugas PMI Tangerang Selatan membuat laporan total stok darah Tabel 3.12 Keterangan Use Case Lihat Profil PMI Tangsel Nama Use Case Aktor Deskripsi singkat Lihat Profil PMI Tangsel Pengunjung Website Pengunjung website dapat melihat profil PMI Tangerang Selatan yang di kelola oleh admin website PMI Tangerang Selatan Tabel 3.13 Keterangan Use Case Lihat Berita PMI Nama Use Case Aktor Deskripsi singkat Lihat Berita PMI Tangsel Pengunjung Website Pengunjung website dapat melihat berita-berita tentang PMI yang di kelola oleh admin website PMI Tangerang Selatan

15 42 Tabel 3.14 Keterangan Use Case Lihat Stok Darah Nama Use Case Aktor Deskripsi singkat Lihat Stok Darah Pengunjung Website Pengunjung website dapat melihat stok darah secara real time yang di kelola oleh admin website PMI Tangerang Selatan Tabel 3.15 Keterangan Use Case Mengisi Form Permintaan Darah Nama Use Case Aktor Deskripsi singkat Mengisi Form Permintaan Darah Pengunjung Website Pengunjung website dapat mengisi form permintaan darah yang ada dengan mengisi Nama, , No Telp, No KTP, dan golongan darah yang di pesan yang nantinya akan di respon oleh admin website PMI Tangerang Selatan Tabel 3.16 Keterangan Use Case Menanggapi Permintaan Darah Pengunjung Nama Use Case Aktor Deskripsi singkat Menanggapi Permintaan Darah Pengunjung Petugas PMI Tangerang Selatan Admin menanggapi permintaan pengunjung, dengan mengirim bukti pemesanan ke pengunjung tersebut berisi Kode Pesanan, Nama, , No Telp, No KTP Alamat dan golongan darah pesanan pengunjung

16 43 Tabel 3.17 Keterangan Use Case Mendapat Konfirmasi Permintaan Darah Nama Use Case Aktor Deskripsi singkat Mendapat Konfirmasi Permintaan Darah Pengunjung Website Pengunjung website mendapatkan konfirmasi dari admin website melalui apakah permintaan darah ada atau tidak dengan mendapatkan e-voucher berisi Id Pesanan, Nama, , No Telp, No KTP, Alamat dan pesanan darahnya yang nantinya akan di kasih ke bagian administrasi PMI Tangerang Selatan untuk di tukar dengan kantung darah Tabel 3.18 Keterangan Use Case Mengisi Testimonial Nama Use Case Aktor Deskripsi singkat Mengisi Testimonial Pengunjung Website Setelah pengunjung website menggunakan website PMI Tangerang Selatan, pengunjung dapat memberikan testimonial agar kedepannya website PMI Tangerang Selatan dapat lebih baik dalam melayani masyarakat pengguna website PMI Tangerang Selatan. Tabel 3.19 Keterangan Use Case Menampilkan Testimonial Nama Use Case Aktor Deskripsi singkat Menampilkan Testimonial Petugas PMI Tangerang Selatan Admin melihat testimonial pengunjung website, apakah kata-kata yang dipakai pengunjung website layak di tampilkan pada menu Testimonial, jika layak admin akan menampilkan testimonial pengunjung website tersebut.

17 Activity Diagram usulan Activity Diagram Login Admin Gambar 3.5 Activity Diagram Usulan Login Admin

18 Activity Diagram Usulan Update Stok Darah Gambar 3.6 Activity Diagram Usulan Stok Darah

19 Activity Diagram Usulan Laporan Stok Darah Gambar 3.7 Activity Diagram Usulan Laporan Stok Darah

20 Activity Diagram Usulan Pesan Darah Gambar 3.8 Activity Diagram Usulan Pesan Darah

21 Activity Diagram Usulan Pesanan Darah Gambar 3.9 Activity Diagram Usulan Pesanan Darah

22 Class Diagram usulan Gambar 3.10 Class Diagram Usulan

23 Sequence Diagram Usulan Sequence Diagram Usulan Update Stok darah Halaman Login Halaman Admin Form Stok Darah Stok Darah Admin Login Gagal Validasi Masuk Pilih Form Stok Darah id_stok id_gol id_kota id_kec golongan_darah jml_stok Tambah Edit Hapus Display Keluar Batal Gambar 3.11 Sequence Diagram Usulan Update Stok Darah

24 Sequence Diagram Usulan Kelola Berita PMI Halaman Login Halaman Admin Form Berita Berita Admin Login Gagal Validasi Masuk Pilih Form Berita news_id news_title news_headline news_content news_filename news_date news_time news_author Edit Hapus Display Keluar Batal Gambar 3.12 Sequence Diagram Kelola Berita PMI

25 Sequence Diagram Usulan Permintaan Darah Halaman Utama Menu Permintaan Darah Form Permintaan Darah Permintaan Darah Pengunjung Website Open() Pilih Menu Permintaan Darah Open() id_pesanan nama_pemesan _pemesan no_telp no_ktp alamat Simpan id_gol id_kota id_kec Upload Selesai Gambar 3.13 Sequence Diagram Usulan Permintaan Darah

26 Sequence Diagram Usulan Menanggapi Permintaan Darah Halaman Login Halaman Admin Form Pesanan Pesanan Admin Login Gagal Validasi Masuk Pilih Form Pesanan Data Pesanan Pengunjung Web Print Kirim Simpan Hapus Display Keluar Batal Gambar 3.14 Sequence Diagram Usulan Menanggapi Permintaan Darah

27 Sequence Diagram Usulan Testimonial Pengunjung Halaman Utama Menu Testimonial Form Testimonial Testimonial Pengunjung Website Open() Pilih Menu Testimonial Open() Nama Comment Simpan Upload Selesai Gambar 3.15 Sequence Diagram Usulan Testimonial Pengunjung

28 Sequence Diagram Usulan Menampilkan Testimonial Halaman Login Halaman Admin Menu Testimonial Testimonial Admin Login Lihat Gagal Masuk Pilih Menu Testimonial Hapus Tampilkan Validasi Upload Selesai Gambar 3.16 Sequence Diagram Usulan Menampilkan Testimonial

29 Struktur Database Tabel 3.20 Spesifikasi Basis Data Login NO Nama Field Tipe Size Keterangan 1 Id_usr Int 11 User Id 2 Username Varchar 20 Username Admin 3 Password Varchar 20 Password Admin 4 Fullname Varchar 100 Nama Asli Admin 5 Level Varchar 10 Level Admin Tabel 3.21 Spesifikasi Basis Data Golongan Darah NO Nama Field Tipe Size Keterangan 1 Id_gol Int 11 Id Golongan Darah 2 Golongan_darah Varchar 3 Jenis Golongan Darah 3 Create_date Datetime - Data Dibuat 4 Modified_date Datetime - Data Diedit Tabel 3.22 Spesifikasi Basis Data Kota NO Nama Field Tipe Size Keterangan 1 Id_kota Int 11 Id Kota 2 Nama_kota Varchar 11 Nama kota 3 Create_date Datetime - Data Dibuat 4 Modified_date Datetime - Data Diedit Tabel 3.23 Spesifikasi Basis Data Kecamatan NO Nama Field Tipe Size Keterangan 1 Id_kec Int 11 Id Kecamatan 2 Id_kota Int 11 Id Kota 3 Nama_kec Varchar 25 Nama Kecamatan 4 Create_date Datetime - Data Dibuat 5 Modified_date Datetime - Data Diedit

30 57 Tabel 3.24 Spesifikasi Basis Data Stok Darah NO Nama Field Tipe Size Keterangan 1 Id_stok Int 11 Id Stok Darah 2 Id_gol Int 11 Id Golongan Darah 3 Id_kota Int 11 Id Kota 4 Id_kec Int 11 Id Kecamatan 5 Golongan_darah Varchar 3 Jenis Golongan Darah 6 Jml_stok Varchar 11 Jumlah Stok Darah 7 Create_date Datetime - Data Dibuat 8 Modified_date Datetime - Data Diedit Tabel 3.25 Spesifikasi Basis Data Pesanan NO Nama Field Tipe Size Keterangan 1 Id_pesanan Int 11 Id Pesanan 2 Nama_Pemesan Varchar 100 Nama Pemesan Darah 3 _pemesan Varchar 75 Pemesan Darah 4 No_tlp Varchar 15 No. Telpon Pemesan 5 No_ktp Varchar 20 No. KTP Pemesan 6 Alamat Text - Alamat Pemesan 7 Id_gol Int 11 Id Golongan Darah 8 Id_kota Int 11 Id Kota 9 Id_kec Int 11 Id Kecamatan 10 Jml_pesanan Int 11 Jumlah kantung darah yang di pesan 11 Create_date Datetime - Data Dibuat Tabel 3.26 Spesifikasi Basis Data News NO Nama Field Tipe Size Keterangan 1 News_id Int 11 Id Berita 2 News_title Varchar 255 Judul Berita 3 News_headline Text - Headline Berita 4 news_content Text - Isi Berita 5 news_filename Varchar 100 Nama File Berita 6 news_date Date - Tanggal Dibuatnya Berita 7 News_time time - Waktu Dibuatnya Berita 8 news_author Datetime 100 Pembuat Berita

31 58 Tabel 3.27 Spesifikasi Basis Data Testimonial NO Nama Field Tipe Size Keterangan 1 Id_comment Int 11 Id Testimonial 2 Nama Varchar 100 Nama Pengisi Testimonial 3 Varchar 75 Pengisi Testimonial 4 Comment Text - Isi Testimonial 5 Publish varchar 1

32 Struktur Menu Struktur Menu Halaman Admin Login Home Jenis & Stok Pesanan Testimonial Lokasi Setting Website Logout Golongan Darah Kota / Kabupaten Slider Stok Darah Kecamatan Event Laporan Stok Darah FAQ News Who s Login Gambar 3.17 Struktur Menu Halaman Admin

33 Struktur Menu Halaman Website Halaman Utama Beranda Donor Darah Stok darah Permintaan Darah Testimonial Gambar 3.18 Struktur Menu Halaman Website

34 Rancangan Layar Rancangan Layar Home Admin Logo PMI TANGERANG SELATAN Simbol PMI Home Jenis & Stok Pesanan Testimonial Lokasi Setting Logout Selamat Datang Administrator Gambar 3.19 Rancangan Layar Home Admin Rancangan Layar Halaman Admin Golongan Darah Logo PMI TANGERANG SELATAN Simbol PMI Home Jenis & Stok Pesanan Testimonial Lokasi Setting Logout Golongan Darah No Nama Golongan Darah Create Date Action

35 62 Gambar 3.20 Rancangan Layar Halaman Admin Golongan Darah Rancangan Layar Halaman Admin Stok Darah Logo PMI TANGERANG SELATAN Simbol PMI Home Jenis & Stok Pesanan Testimonial Lokasi Setting Logout Stok Darah No Nama Golongan Darah Kota/Kabupaten Kecamatan Jumlah Action Gambar 3.21 Rancangan Layar Halaman Admin Stok Darah Rancangan Layar Halaman Admin Laporan Stok Darah Logo PMI TANGERANG SELATAN Simbol PMI Home Jenis & Stok Pesanan Testimonial Lokasi Setting Logout Laporan Stok Darah Grafik No Nama Kota / Kabupaten Kecamatan Jumlah Grafik 1 2

36 63 Gambar 3.22 Rancangan Layar Halaman Admin Laporan Stok Darah Rancangan Layar Halaman Admin Pesanan Logo PMI TANGERANG SELATAN Simbol PMI Home Jenis & Stok Pesanan Testimonial Lokasi Setting Logout Testimonial No Id Pesanan Jumlah Action Gambar 3.23 Rancangan Layar Halaman Admin Pesanan Rancangan Layar Halaman Admin Testimonial

37 64 Logo PMI TANGERANG SELATAN Simbol PMI Home Jenis & Stok Pesanan Testimonial Lokasi Setting Logout Testimonial No Nama Lengkap Komentar Action Gambar 3.24 Rancangan Layar Halaman Admin Testimonial Rancangan Layar Halaman Admin Kota /Kabupaten Logo PMI TANGERANG SELATAN Simbol PMI Home Jenis & Stok Pesanan Testimonial Lokasi Setting Logout Testimonial Kota / Kabupaten No Nama Kota Create Date Action Gambar 3.25 Rancangan Layar Halaman Admin Kota / Kabupaten Rancangan Layar Halaman Admin Kecamatan

38 65 Logo PMI TANGERANG SELATAN Simbol PMI Home Jenis & Stok Pesanan Testimonial Lokasi Setting Logout Testimonial Kecamatan No Nama Kota / Kabupaten Nama Kecamatan Create Date Action Gambar 3.26 Rancangan Layar Halaman Admin Kecamatan Rancangan Layar Halaman Admin Tambah Berita Logo PMI TANGERANG SELATAN Simbol PMI Home Jenis & Stok Pesanan Testimonial Lokasi Setting Logout Testimonial Setting Tambah News + No Title Headline Action Gambar 3.27 Rancangan Layar Halaman Admin Tambah Berita

39 Rancangan Layar Halaman Utama Website PMI

40 67 Logo PMI TANGERANG SELATAN Simbol PMI Home Donor Darah Stok Darah Permintaan Darah Testimoni Slider Berita PMI Berita PMI Berita PMI Berita PMI Berita PMI Gambar 3.28 Rancangan Layar Halaman Utama Website PMI Rancangan Layar Halaman Donor darah

41 68 Logo PMI TANGERANG SELATAN Simbol PMI Home Donor Darah Stok Darah Permintaan Darah Testimoni Apa itu Donor Darah? Persyaratan Donor Darah Gambar 3.29 Rancangan Layar Halaman Donor Darah Rancangan Layar Halaman Stok Darah

42 69 Logo PMI TANGERANG SELATAN Simbol PMI Home Donor Darah Stok Darah Permintaan Darah Testimoni Pencarian Darah Gol. Darah Daerah NO Lokasi Gol. Darah Jumlah Gambar 3.30 Rancangan Layar Halaman Stok Darah Rancangan Layar Halaman Permintaan Darah

43 70 Logo PMI TANGERANG SELATAN Simbol PMI Home Donor Darah Stok Darah Permintaan Darah Testimoni Nama : No.Telpon : No.KTP : Alamat : Kota : Kecamatan: Gol. Darah : Jumlah : Submit Gambar 3.31 Rancangan Layar Halaman Permintaan Darah Rancangan Layar Halaman Testimonial

44 71 Logo PMI TANGERANG SELATAN Simbol PMI Home Donor Darah Stok Darah Permintaan Darah Testimonial Nama : Komentar : Testimonial Gambar 3.32 Rancangan Layar Halaman Testimonial