3. bab 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/bab3/2010-1-00218-if bab 3.pdfdana untuk...

133
35 BAB 3 ANALISIS DAN PERANCANGAN 3.1 Latar Belakang Yayasan 3.1.1 Riwayat Yayasan Perkembangan teknologi dewasa ini memberikan banyak kemudahan bagi kehidupan manusia. Namun, di balik semua itu tidak bisa dipungkiri masih banyak permasalahan sosial mendasar yang dijumpai seperti permasalahan pangan, papan dan pendidikan memadai yang belum bisa dinikmati sebagian orang , khususnya di Indonesia. Merasa terpanggil oleh hal-hal tersebut, sekelompok orang yang bernaung di bawah gereja yang sama berinisiatif untuk mendirikan lembaga pelayanan sosial Gloria Ministry yang mengkhususkan diri melayani masyarakat Indonesia dengan menyediakan pendidikan gratis dalam bentuk beasiswa. Gloria Ministry memiliki visi mewujudkan amanat agung Tuhan Yesus melalui peduli kepada sesama, dan misi memberikan dukungan beasiswa kepada anak-anak kurang mampu, melibatkan sebanyak mungkin orang-orang, khususnya orang- orang Kristen untuk mewujudkan visi tersebut. Dana untuk pembiayaan beasiswa sepenuhnya diperoleh dari donatur, atau disebut juga disebut Mitra. Anak yang layak mendapat bantuan beasiswa direkomendasikan kepada Gloria Ministry oleh Rekomendator.

Upload: truongmien

Post on 01-Apr-2019

214 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

35

BAB 3

ANALISIS DAN PERANCANGAN

3.1 Latar Belakang Yayasan

3.1.1 Riwayat Yayasan

Perkembangan teknologi dewasa ini memberikan banyak kemudahan

bagi kehidupan manusia. Namun, di balik semua itu tidak bisa dipungkiri masih

banyak permasalahan sosial mendasar yang dijumpai seperti permasalahan

pangan, papan dan pendidikan memadai yang belum bisa dinikmati sebagian

orang , khususnya di Indonesia.

Merasa terpanggil oleh hal-hal tersebut, sekelompok orang yang

bernaung di bawah gereja yang sama berinisiatif untuk mendirikan lembaga

pelayanan sosial Gloria Ministry yang mengkhususkan diri melayani masyarakat

Indonesia dengan menyediakan pendidikan gratis dalam bentuk beasiswa. Gloria

Ministry memiliki visi mewujudkan amanat agung Tuhan Yesus melalui peduli

kepada sesama, dan misi memberikan dukungan beasiswa kepada anak-anak

kurang mampu, melibatkan sebanyak mungkin orang-orang, khususnya orang-

orang Kristen untuk mewujudkan visi tersebut.

Dana untuk pembiayaan beasiswa sepenuhnya diperoleh dari donatur,

atau disebut juga disebut Mitra. Anak yang layak mendapat bantuan beasiswa

direkomendasikan kepada Gloria Ministry oleh Rekomendator.

Page 2: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

36

Dalam mewujudkan misinya tersebut, Gloria ministry selalu melibatkan

gereja dan hasilnya untuk gereja. Dengan demikian Gloria Ministry ikut berperan

dalam memaksimalkan fungsi gereja untuk menjadi berkat bagi sekitarnya

melalui kepedulian dan pelayanan kepada masyarakat tanpa memandang

perbedaan.. Untuk memperkuat eksistensinya di Indonesia, Gloria Ministry

sebagai lembaga pelayanan memiliki status hukum yang sah.

Demi memperluas pelayanan sampai ke seluruh Indonesia, saat ini Gloria

Ministry sudah memiliki 16 Chapter atau anak organisasi yang tersebar di

seluruh daerah di Indonesia mulai dari Sumatra, Jawa sampai Kalimantan.

3.1.2 Struktur Organisasi dan Tugas

3.1.2.1 Struktur Organisasi

Berikut ini struktur organisasi Gloria Ministry:

Gambar 3.1 Struktur Organisasi

Page 3: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

37

Dewan Kepengurusan Lembaga Pelayanan Gloria Ministry terdiri

dari:

1. Ketua Umum

2. Wakil Ketua Umum

3. Sekretaris Umum

4. Bendahara

5. Departemen Doa

6. Departemen Pelayanan Sosial

7. Departemen Kemitraan Lembaga

8. Departeman Misi

9. Departemen Dana

10. Departemen Pembinaan

11. Departemen Hubungan Masyarakat dan Media

Dalam menjalankan fungsi atau tugasnya sehari-hari, Dewan

Kepengurusan ini akan dibantu oleh beberapa orang staf yaitu:

1. Office Manager

2. Operating Program Officer

3. Project Officer

4. Secretary

5. Finance Officer

Page 4: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

38

3.1.2.2 Tugas Pengurus dan Staf

Berikut adalah deskripsi tugas dan yang dipegang oleh pengurus

dan staf Yayasan Gloria Ministry, antara lain:

1. Penasehat

• Memberikan nasehat dalam arah dan kebijakan yayasan.

2. Pengawas

• Mengawasi gerak dan kebijakan yayasan.

3. Ketua Umum

• Bertanggung jawab atas pengambilan kebijakan yayasan.

• Menjadi supervisor yayasan, baik pusat maupun chapter-chapter.

4. Wakil Ketua Umum

• Membantu Ketua Umum dalam program kerja yayasan.

• Memberi pengarahan pada operasional program kerja yayasan.

5. Sekretaris Umum

• Mengkoordinasi semua kegiatan dengan Manajer dan Staf

Sekretariat.

• Memonitor dan mengatur sumber daya yang dibutuhkan

Sekretariat.

6. Bendahara

• Mengelola keuangan serta mengatur arus kas masuk dan keluar

yayasan.

• Melakukan penagihan janji iman para pengurus dan mitra

yayasan.

Page 5: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

39

7. Departemen Doa

• Berkoordinasi dengan Departemen Pembinaan untuk menyusun

program pengembangan kerohanian bagi para pengurus dan

anggota tingkat pusat dan chapter-chapter.

• Sebagai fasilitator dan penghubung dengan gereja dalam hal

kegiatan doa.

8. Departemen Pelayanan Sosial

• Menentukan dan menjalankan program sosial, dengan melibatkan

gereja, organisasi lain, serta pemerintah.

9. Departemen Kemitraan Lembaga

• Menyusun dan mengadakan acara-acara kemitraan yayasan,

seperti presentasi, pameran, dan lain-lain.

• Memilih dan menentukan lembaga atau organisasi yang akan

bekerja sama dengan yayasan.

10. Departemen Misi

• Menyeleksi dan memroses permohonan beasiswa.

• Merintis pembentukan chapter baru, dan memonitor Chapter yang

sudah terbentuk.

11. Departemen Dana

• Menggalang dana dari para Mitra, donatur, badan usaha.

12. Departemen Pembinaan

• Menyusun program pembinaan bagi Rekomendator, tenaga

pengajar, anak-anak asuh yayasan.

Page 6: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

40

13. Departemen Hubungan Masyarakat dan Media

• Bertindak sebagai Hubungan Masyarakat (Humas) yayasan.

• Menyusun data-data statistik Mitra, donatur, Chapter,

Rekomendator, anak-anak asuh, dan segala kegiatan yayasan.

14. Sekretariat Gloria Ministry

14.1 Office Manager

• Memimpin operasional sekretariat dengan dibantu oleh staf

sekretariat.

14.2 Administration Officer

• Memproses semua proposal pengajuan beasiswa yang masuk.

• Memberikan data-data semua pelayanan yayasan, mulai dari

beasiswa, latar belakang anak, status ekonomi dan hal-hal yang

mendesak di lapangan.

14.3 Project Officer

• Mewujudkan perjalanan misi, peninjauan lapangan dan kunjungan

ke Rekomendator.

• Mempersiapkan dan bertanggungjawab atas pelaksanaan program

pembinaan.

14.4 Sekretaris

• Mengelola surat-surat secara profesional sehingga dapat diakses,

ditanggapi dan dibalas secara cepat dan akurat.

Page 7: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

41

14.5 Financial Officer

• Mengelola kas harian kantor.

• Mendistribusikan dana atas rekomendasi Office Manager.

• Membuat laporan keuangan secara berkala.

3.2 Sistem yang sedang berjalan

Gloria Ministry memberikan beasiswa pendidikan kepada anak dari

semua tingkatan pendidikan, mulai dari TK, SD, SMP, SMA sampai Perguruan

Tinggi. Beasiswa diberikan dalam periode tertentu (1 tahun) dan dapat

diperpanjang bila Mitra bersedia memperpanjang periode pemberian donasi atau

ada Mitra lain yang bersedia memberikan donasi untuk anak tersebut. Setiap

anak yang diajukan kepada Gloria Ministry diawasi oleh Rekomendator yang

bertanggung jawab dalam penyaluran beasiswa dan memantau perkembangan

pendidikan anak yang direkomendasikan.

Saat ini, untuk menjaring mitra masih dilakukan secara manual melalui

kegiatan-kegiatan di dunia nyata seperti mempresentasikan secara langsung

kepada calon Mitra dan memberikan buku profil yayasan sebagai referensi.

Selanjutnya, jika calon Mitra setuju untuk memberikan donasi, calon Mitra

mengisi formulir identitas diri dan paket dana yang ingin didonasikan.

Pembayaran donasi melalui transfer langsung ke rekening Gloria Ministry yang

ditunjuk. Data-data Mitra selanjutnya disimpan dalam database Microsoft

Access. Begitu pula data-data anak dan Rekomendator. Website yayasan yang

Page 8: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

42

ada sekarang hanya bersifat statis dan memberikan informasi sebatas profil dan

sejarah yayasan.

3.2.1 DFD Proses Donasi Sistem Berjalan

Proses donasi diawali dengan diterimanya informasi tentang Yayasan

Gloria Ministry oleh donatur/mitra, yang kemudian dilanjutkan dengan

donatur/mitra menghubungi dan menyerahkan dana kepada yayasan. Selanjutnya

setelah bendahara melakukan pencatatan keuangan atas dana, dana diteruskan

oleh Financial Officer kepada Rekomendator dan Rekomendator memberikan

dana ke anak yang membutuhkan.

Page 9: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

43

Gambar 3.2 DFD Proses Donasi Sistem Berjalan

Page 10: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

44

3.2.2 Navigasi Website yang sedang Berjalan

Website berjalan yayasan memiliki beberapa halaman, berikut adalah

navigasinya:

1. Tampilan Layar Home

Pada halaman ini terdapat kata sambutan Ketua Umum yayasan, visi dan

misi, surat dari anak, daftar rekening serta aneka widget.

Gambar 3.3 Tampilan Layar Home Website Berjalan

Page 11: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

45

2. Tampilan Layar Profile

Pada layar ini terdapat video, serta form Leave a reply, dan aneka widget.

Gambar 3.4 Tampilan Layar Profile Website Berjalan

Page 12: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

46

3. Tampilan Layar Sejarah

Pada layar ini terdapat sejarah pendek pendirian Yayasan Gloria

Ministry, dan aneka widget.

Gambar 3.5 Tampilan Layar Sejarah Website Berjalan

Page 13: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

47

3.2.3 Analisis Kuesioner dan Wawancara Pada Studi Kasus

Identifikasi permasalahan yang dilakukan menggunakan metode

wawancara langsung terhadap Bp. Roy Halim selaku founder sekaligus ketua

umum Gloria Ministry dan Bp. Utomo Santoso selaku kepala departemen dana

sekaligus penasehat teknis Gloria Ministry.

Wawancara langsung dilakukan terhadap ketua umum karena visi

yayasan dan permasalahan dalam mewujudkannya bisa dengan sangat jelas

dirinci oleh beliau. Wawancara terhadap ketua departemen dana dilakukan

mengingat misi dana yayasan dan permasalahan dalam memperolehnya sangat

diketahui oleh beliau. Kedua narasumber bisa memberikan data dan informasi

yang dibutuhkan.

Berikut adalah tabel yang berisi pertanyaan-pertanyaan wawancara :

Tabel 3.1 Draft Wawancara

Nama : Bp. Roy Halim; Bp. Utomo Santoso

Jabatan : Ketua Umum; Kepala Departemen Dana

Tanggal Wawancara : 6 September 2009

Jam Wawancara : 14.00

Tempat : Plaza Indonesia

Daftar pertanyaan : i. Bagaimana cara komunikasi dengan masyarakat umum sejauh ini?

Dengan cara offline atau online? 1,5 ii. Jika ada komunikasi online, melalui apa dan bagaimana

perkembangannya sekarang? 5,6 iii. Siapa saja yang menjadi target dari komunikasi? 2 iv. Jika ada, bagaimana komunikasi dengan target di luar Jakarta, khususnya

luar negeri? 3 v. Apa tujuan dari komunikasi yang dilakukan? 4,1

Page 14: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

48

Dari wawancara tersebut didapatkan hasil sebagai berikut :

1. Komunikasi dengan masyarakat umum sejauh ini diakui masih

kurang, masih sebatas offline melalui acara-acara gereja, mulut ke

mulut jemaat gereja, media cetak berupa newsletter yang dibagi-

bagikan, serta online melalui sebuah website www.gloriaministry.org

serta beberapa email milik yayasan.

2. Komunikasi online dilakukan melalui sebuah website

www.gloriaministry.org serta beberapa email milik yayasan. Website

hanya berisikan profil dan berita yayasan, serta beberapa informasi

tujuan rekening donasi. Website dinilai kurang menarik, tidak

interaktif dan tidak profesional, juga tidak terurus.

3. Yang menjadi target dari komunikasi yang dilakukan yayasan adalah

calon donatur dari dalam dan luar negeri, donatur, serta pengguna

umum.

4. Komunikasi dengan target di luar Jakarta, masih terbatas pada

pertemuan-pertemuan resmi yang dilakukan di luar Jakarta, serta

newsletter. Dengan target di luar negeri, yayasan mengaku masih

kesulitan dalam mendapatkan akses. Website yang ada dinilai kurang

informatif dan kredibel untuk level internasional.

5. Tujuan dari komunikasi dengan target, adalah untuk information-

sharing perkembangan terbaru yayasan, program-program yang

sedang berjalan serta yang dicanangkan, hasil-hasil kegiatan sosial,

event dan kegiatan yang akan diselenggarakan, dan yang paling

penting adalah untuk meningkatkan awareness dan jumlah donasi.

Page 15: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

49

3.2.4 Identifikasi Permasalahan

Dari hasil wawancara dapat disimpulkan permasalahan pada sistem yang

sedang berjalan saat ini yaitu seperti terlihat pada tabel 3.2 yang berisi perincian

permasalahan yang dihadapi Yayasan Gloria Ministry.

Page 16: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

50

Tabel 3.2 Permasalahan Yayasan Gloria Ministry

No Nama Proses Masalah Verifikasi Literatur

1 Kesadaran

masyarakat akan

yayasan

Kurangnya informasi masyarakat

akan keberadaan dan peran Gloria

Ministry.

Meningkatkan brand awareness masyarakat akan

yayasan.

2 Pencarian donatur

baru

Penjangkauan donatur baru yang

masih kurang karena donatur

hanya berasal dari mereka yang

menerima informasi mengenai

Gloria Ministry melalui

penjalinan kemitraan terhadap

gereja-gereja, lembaga-lembaga

misi Kristen dan pengajuan

proposal secara langsung untuk

calon donatur yang dikenal.

Mencari donatur baru secara online.

Internet telah menjadi tempat mencari sumbangan

dan dukungan untuk banyak kegiatan amal dan

sosial. Keuntungannya yaitu efisiensi dan

kecepatan.

Page 17: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

51

No Nama Proses Masalah Verifikasi Literatur

3 Akses ke donatur

luar negeri

Sulitnya menjaring calon donatur

dari luar negeri.

Membangun hubungan dengan calon donatur luar

negeri dan menyediakan informasi yang bisa

diakses.

Kendala waktu dan bahasa yang umumnya terjadi

harus dipecahkan.

4 Ketersediaan

informasi lanjutan

bagi donatur

Information-sharing ke mitra atau

donatur akan informasi

perkembangan Gloria Ministry

dan perkembangan anak yang

masih terbatas. Selama ini,

donatur memperoleh informasi

melalui pertemuan antara mitra

dengan pihak Gloria Ministry

yang digelar dalam kurun waktu

Menjaga hubungan jangka panjang dengan

donatur serta memahami bagaimana donatur ingin

dikabari sangatlah penting.

Salah satu media yang tersedia untuk memenuhi

kebutuhan tersebut yaitu internet.

Page 18: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

52

No Nama Proses Masalah Verifikasi Literatur

tertentu.

5 Tampilan website Website yang ada sekarang pada

domain www.gloriaministry.org

dinilai kurang menarik, tidak

interaktif dan tidak profesional.

Website yang sesuai dibutuhkan organisasi untuk

menjelaskan misi organisasi, dan website

dirancang berdasarkan tujuan-tujuan yang ingin

dicapai.

Jika website belum memenuhi kebutuhan itu,

maka perancangan ulang website harus dilakukan.

6 Administrasi

website

Website tidak terurus dikarenakan

belum adanya kerangka website

yang pasti.

Kerangka website harus jelas dan sesuai tujuan

organisasi., agar administrasi website menjadi

mudah dan jelas.

Page 19: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

53

3.3 Analisis Pemecahan Masalah

Dengan memperhatikan permasalahan yang ada pada tabel 3.2 dan

berdasarkan hasil wawancara, maka diperlukan suatu solusi untuk menghadapi

permasalahan yang ada. Berikut adalah tabel solusi untuk permasalahan :

Tabel 3.3 Pemecahan Masalah Yayasan Gloria Minisry

No Permasalahan yang

diidentifikasi

Solusi untuk permasalahan Verifikasi dengan

landasan teori

1 Masyarakat kurang mengenal

yayasan Gloria Ministry:

- Kurangnya promosi dan

informasi tentang Gloria

Ministry di masyarakat.

Menyediakan website yang

memuat informasi tentang

latar belakang, visi, misi,

serta program berjalan

yayasan yang bisa diakses

dalam bahasa yang sesuai,

secara online kapan saja

dan darimana saja,

sehingga lebih mudah

meningkatkan brand

awareness.

Website yang

dirancang

sedemikian rupa

selain mendukung

perubahan dan

pertumbuhan ke

arah yang lebih

baik, juga berarti

mengikuti

perkembangan

teknologi terbaru,

terindeks oleh

mesin pencari, serta

menggantikan

website lama (jika

2 Pencarian donatur baru masih

sulit:

- Donatur hanya dari orang

yang dikenal, dan dari mitra

gereja serta lembaga misi

Kristen.

3 Donatur luar negeri tidak

terjangkau:

- kurangnya promosi ke luar

negeri.

Page 20: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

54

No Permasalahan yang

diidentifikasi

Solusi untuk permasalahan Verifikasi dengan

landasan teori

4 Information-sharing ke

donatur kurang:

- informasi terbaru hanya

diperoleh donatur ketika

pertemuan diselenggarakan.

Menyediakan website

dengan sistem manajemen

informasi yang terstruktur

dan sesuai kebutuhan

yayasan, dengan tampilan

yang bersih dan bagus,

serta memuat informasi-

informasi terbaru yang

berguna bagi donatur.

ada) yang kurang

profesional.

5 Tampilan website kurang

bagus :

- dinilai tidak menarik, tidak

interaktif dan tidak

profesional.

6 Website tidak terurus:

- karena belum ada kerangka

website yang pasti.

3.4 Perancangan Sistem

3.4.1 DFD yang diusulkan

1. DFD Proses Donasi Sistem Baru

Proses donasi diawali dengan diterimanya informasi tentang

Yayasan Gloria Ministry oleh donatur/mitra melalui website, yang

kemudian dilanjutkan dengan donatur/mitra mengisi form donasi web dan

Page 21: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

55

menyerahkan dana kepada yayasan. Selanjutnya setelah bendahara

melakukan pencatatan keuangan atas dana, dana diteruskan oleh

Financial Officer kepada Rekomendator dan Rekomendator memberikan

dana ke anak yang membutuhkan.

Gambar 3.6 DFD Proses Donasi Sistem Baru

Page 22: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

56

2. DFD Proses Donasi PayPal

Proses donasi diawali dengan diterimanya informasi tentang

Yayasan Gloria Ministry oleh donatur/mitra melalui website, yang

kemudian dilanjutkan dengan donatur/mitra mentransfer dana kepada

yayasan melalui account Paypal. Selanjutnya setelah bendahara

melakukan pencatatan keuangan atas dana, dana diteruskan oleh

Financial Officer kepada Rekomendator dan Rekomendator memberikan

dana ke anak yang membutuhkan.

Page 23: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

57

Gambar 3.7 DFD Proses Donasi Pay Pal

Page 24: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

58

3.4.2 Model sistem yang diusulkan

Pengurus yayasan, mitra dan admin yang terlibat di Sistem pendonasian

ini terbagi menjadi dua bagian yaitu: front end user dan back end user.

Pengurus yayasan dan mitra termasuk front end user yaitu yang hanya dapat

menggunakan fasilitas yang tersedia tanpa dapat mengubahnnya, sedangkan

admin adalah back end user yaitu yang dapat mengubah data-data yang ada di

dalam system.

3.4.3 Perancangan Database

Berikut ini merupakan spesifikasi file database yang digunakan dalam

pembuatan applikasi:

Tabel login

Tabel ini berfunsi untuk memperbolehkan hak akses bagi admin untuk mengelola

halaman admin, dan memberikan hak akses bagi user untuk melihat beberapa

data yang berbeda dengan user lain dan data itu telah diizinkan oleh admin atau

dengan kata lain user tersebut menjadi anggota, terdiri dari 4 field.

Tabel 3.4 Perancangan Database Tabel Login

Nama field Tipe Ukuran

username varchar 6

password char 12

LastLogin datetime

Page 25: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

59

Nama field Tipe Ukuran

StatusLogin int 10

Tabel dataanak

Tabel ini berisi data-data anak yang akan dibantu oleh yayasan dan terdiri dari 24

field.

Primary Key: AnakID

Tabel 3.5 Perancangan Database Tabel Data Anak

Nama field Tipe Ukuran

AnakID varchar 6

NoRegistrasi varchar 50

TingkatKelas varchar 50

NamaAnak varchar 50

JenisKelamin varchar 5

Tempat_tgllahir varchar 50

Alamat varchar 100

Kota varchar 50

Propinsi varchar 50

KodePos int 11

Sekolah varchar 50

Kelas_Fakultas_TahunAjaran varchar 50

SPP varchar 50

Page 26: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

60

Nama field Tipe Ukuran

Agama varchar 50

RekomendatorID varchar 50

OrangTua varchar 50

PekerjaanOrtu varchar 50

Photo varchar 100

Keterangan varchar 200

RelasiPengurus_InfoGM varchar 50

TglRegistrasi datetime

Status tinyint 4

WaitingList tinyint 4

WaitingLost tinyint 4

Tabel datamitra

Tabel ini berisi tentang data-data mitra baik yang baru bergabung maupun yang

telah lama bergabung di yayasan dan terdiri dari 19 field.

PrimaryKey: MitraID

Tabel 3.6 Perancangan Database Tabel Data Mitra

Nama field Tipe Ukuran

MitraID varchar 6

Title varchar 50

Nama varchar 50

Page 27: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

61

Nama field Tipe Ukuran

Alamat varchar 70

Kota varchar 50

Propinsi varchar 50

KodePos int 11

TelpKantor varchar 50

TelpRumah varchar 50

Fax varchar 50

HP varchar 50

DanaCash int 11

Cicilan int 11

RekananID varchar 50

Photo varchar 100

Keterangan varchar 200

Event varchar 50

TglInput datetime

StatusAktif tinyint 4

Tabel datarekomendator

Tabel ini berisi data-data tentang rekomendator , adalah orang yang

merekomendasikan anak kurang mampu kepada yayasan untuk dibantu dn terdiri

22 field.

PrimaryKey: RekomendatorID

Page 28: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

62

Tabel 3.7 Perancangan Database Tabel Data Rekomendator

Nama field Tipe Ukuran

RekomendatorID varchar 6

TglAktif datetime 50

Title varchar 50

TitleLainGereja varchar 50

Nama varchar 50

Jabatan varchar 50

NamaGereja varchar 50

Alamat varchar 100

Kota varchar 50

Propinsi varchar 50

BesarDana varchar 50

NoRekening varchar 50

Terbilang varchar 50

KodePos varchar 50

TelpKantor varchar 50

TelpRumah varchar 50

Fax varchar 50

HP varchar 50

Photo varchar 100

Regist/Komunikasi varchar 50

StatusAktif tinyint 4

Page 29: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

63

Nama field Tipe Ukuran

Keterangan varchar 50

Tabel periodeanak

Tabel ini berisi data tentang anak yang sedang dibantu, dari tanggal berapa

sampai tanggal akhir dana bantuannya dan terdiri dari 5 field.

Tabel 3.8 Perancangan Database Tabel Periode Anak

Nama field Tipe Ukuran

PeriodeNo Varchar 50

AnakID Varchar 50

MulaiBlnThn Datetime

AkhirBlnThn Datetime

Keterangan Varchar 50

Tabel periodemitra

Tabel ini berisi tentang data mitra yang masih bergabung dengan yayasan, dari

awal tanggal mitra bergabung hingga tanggal akhirnya, disini juga

memungkinkan mitra untuk melihat anak-anak yang akan dan sedang dibantu,

terdiri dari 5 field.

Page 30: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

64

Tabel 3.9 Perancangan Database Tabel Periode Mitra

Nama field Tipe Ukuran

MitraID varchar 50

PeriodeNo varchar 50

MulaiBln datetime

AkhirBln datetime

JmlSD int 11

JmlSMP int 11

JmlSLTA int 11

JmlPT int 11

JmlTK int 11

LblOther1 varchar 50

JmlOther1 int 11

LblOther2 varchar 50

JmlOther2 int 11

DanaCash int 11

Cicilan int 11

Tabel currency

Tabel yang berisi tentang data yang digunakan untuk menghitung nilai mata uang

yang nantinya akan memudahkan pendonasi asing, dan terdiri dari 7 field.

Primary Key: IDCurrency

Page 31: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

65

Tabel 3.10 Perancangan Database Tabel Currency

Nama field Tipe Ukuran

IDCurrency varchar 6

MataUang varchar 30

Kurs decimal 19,4

Addby varchar 10

Adddate datetime

Updateby varchar 10

Updatedate datetime

Tabel tarif

Tabel ini berisi data tentang berapa besar dana yang bias di donasikan oleh si

mitra kepada tiap anak, dan terdiri dari 11 field.

Primary Key: PeriodeNo

Tabel 3.11 Perancangan Database Tabel Tarif

Nama field Tipe Ukuran

PeriodeNo varchar 6

MataUang varchar 50

TarifTK int 11

TarifSD int 11

TarifSLTP int 11

TarifSLTA int 11

Page 32: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

66

Nama field Tipe Ukuran

TarifPT int 11

LblOther1 varchar 50

TarifOther1 int 11

LblOther2 varchar 50

TarifOther2 int 11

Tabel videos

Tabel ini berisi tentang data-data berupa link video yang akan di masukan ke

dalam web, dan terdiri dari 5 field.

Primary Key: id_videos

Tabel 3.12 Perancangan Database Tabel Videos

Nama field Tipe Ukutan

id_news int 6

id_videos int 20

videos_title varchar 50

videos_patch varchar 50

videos_date timestamp

Tabel pictures

Tabel ini berisi tentang data-data berupa link gambar yang akan dilink dan

ditampilkan ke web, terdiri dari 5 field.

Primary Key: id_pictures

Page 33: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

67

Tabel 3.13 Perancangan Database Tabel Pictures

Nama field Tipe Ukuran

id_news int 20

id_pictures int 6

pictures_title varchar 50

pictures_pacth varchar 50

pictures_date timestamp

Thumbs varchar 50

Tabel news

Tabel ini berisi data tentang berita-berita dari yayasan yang nantinya akan di

tampilkan ke web, dan terdiri dari 4 field.

Primary Key: id_news

Tabel 3.14 Perancangan Database Tabel News

Nama field Tipe Ukuran

id_news int 6

news_title varchar 50

news_body longtext

news_date timestamp

Page 34: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

68

3.4.4 Perancangan Unifield Modelling Languange (UML)

3.4.4.1 Class Diagram

Gambar 3.8 Class Diagram

Page 35: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

69

3.4.4.2 Use Case

Perancangan Use Case ini bertujuan untuk memperkirakan aksi

antara pengguna(user) sebagai pelaku (actor) dengan system berjalan

bernama Sistem Yayasan Gloria Ministry.

1. Use Case Admin

a. Manipulasi Database

Page 36: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

70

Gambar 3.9 Use Case Admin unutk memanipulasi Database

Page 37: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

71

b. Manipulasi konten website

Gambar 3.10 Use Case Admin untuk memanipulasi Konten Web

Page 38: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

72

c. Manipulasi Database Laporan

Gambar 3.11 Use Case Admin untuk Manipulasi Database Laporan

Page 39: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

73

2. Use Case Mitra

Gambar 3.12 Use Case Mitra

3. Use Case user

Gambar 3.13 Use Case User biasa

Page 40: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

74

3.4.4.3 Sequence Diagram

Alur aplikasi secara bertahap dan garis besar dapat digambarkan dengan

sequence diagram, di sini digambarkan bagaimana program berjalan dari satu

kelas ke kelas lainnya.

1. Sequence Admin Memanipulasi Database

Gambar 3.14 Sequence Diagram Admin Memanipulasi Database

Page 41: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

75

2. Sequence Admin Memanipulasi konten web

Gambar 3.15 Sequence Diagram Admin Memanipulasi Konten Web

Page 42: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

76

3. Sequence Diagram Admin Manipulasi Database Laporan

Gambar 3.16 Sequence Diagram Admin Manipulasi Database Laporan

Page 43: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

77

4. Sequence Mitra

Gambar 3.17 Sequence Diagram Mitra

Page 44: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

78

5. Sequence User Biasa

Gambar 3.18 Sequence Diagram User biasa

Page 45: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

79

3.4.4.4 Statechart Diagram

Berikut adalah Statechart proses-proses dalam aplikasi:

1. Statechart proses login untuk mitra

Gambar 3.19 Statechart Proses login mitra

Page 46: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

80

2. Statechart Mitra proses donasi

Gambar 3.20 Statechart mitra proses donasi

Page 47: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

81

3. Statechart Admin proses input data anak

Gambar 3.21 Statechart Admin proses input data anak

Page 48: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

82

4. Statechart Admin proses ubah data anak

Gambar 3.22 Statechart Admin proses ubah data anak

Page 49: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

83

5. Statechart Proses hapus data anak

Gambar 3.23 Statechart Proses hapus data anak

Page 50: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

84

6. Statechart Admin proses input data mitra

Gambar 3.24 Statechart Admin proses input data mitra

Page 51: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

85

7. Statechart Admin proses ubah data mitra

Gambar 3.25 Statechart Admin proses ubah data mitra

Page 52: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

86

8. Statechart Admin proses hapus data mitra

Gambar 3.26 Statechart Admin proses hapus data Mitra

Page 53: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

87

9. Statechart Admin proses insert data rekomendator

Gambar 3.27 Statechart Admin proses insert data rekomendator

Page 54: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

88

10. Statechart Admin proses ubah data rekomendator

Gambar 3.28 Statechart Admin proses ubah data rekomendator

Page 55: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

89

11. Statechart Admin proses hapus data rekomendator

Gambar 3.29 Statechart Admin proses hapus data rekomendator

Page 56: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

90

12. Statechart Admin proses insert konten berita baru

Gambar 3.30 Statechart Admin proses insert konten berita baru

Page 57: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

91

13. Statechart Admin untuk ubah berita

Gambar 3.31 Statechart Admin proses ubah berita

Page 58: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

92

14. Statechart Admin proses hapus berita

Gambar 3.32 Statechart Admin proses hapus berita

Page 59: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

93

15. Statechart Admin proses ubah profil

Gambar 3.33 Statechart Admin proses ubah profil

Page 60: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

94

16. Statechart Admin proses input konten event/program baru

Gambar 3.34 Statechart Admin proses input konten event/program baru

Page 61: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

95

17. Statechart Admin proses ubah konten event/program

Gambar 3.35 Statechart Admin proses ubah konten event/program

Page 62: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

96

18. Statechart Admin proses hapus konten event/program

Gambar 3.36 Statechart Admin proses hapus konten event/program

Page 63: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

97

19. Statechart Admin proses input testimoni baru

Gambar 3.37 Statechart Admin proses input testimoni baru

Page 64: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

98

20. Statechart Admin proses ubah testimoni

Gambar 3.38 Statechart Admin proses ubah testimoni

Page 65: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

99

21. Statechart Admin proses hapus testimoni

Gambar 3.39 Statechart Admin proses hapus testimoni

Page 66: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

100

22. Statechart Admin proses insert galeri foto baru

Gambar 3.40 Statechart Admin proses insert konten galeri foto baru

Page 67: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

101

23. Statechart Admin proses ubah galeri foto

Gambar 3.41 Statechart Admin proses ubah galeri foto

Page 68: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

102

24. Statechart Admin proses hapus galeri foto

Gambar 3.42 Statechart Admin proses hapus galeri foto

Page 69: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

103

25. Statechart Admin proses input galeri video baru

Gambar 3.43 Statechart Admin proses input galeri video baru

Page 70: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

104

26. Statechart Admin proses ubah galeri video

Gambar 3.44 Statechart Admin proses ubah galeri video

Page 71: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

105

27. Statechart Admin proses hapus galeri video

Gambar 3.45 Statechart Admin proses hapus galeri video

Page 72: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

106

28. Statechart Admin proses ubah konten kontak

Gambar 3.46 Statechart Admin proses ubah konten kontak

Page 73: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

107

29. Statechart Admin proses insert data transaksi

Gambar 3.47 Statechart Admin proses insert data transaksi

Page 74: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

108

30. Statechart Admin proses ubah data transaksi

Gambar 3.48 Statechart Admin proses ubah data transaksi

Page 75: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

109

31. Statechart Admin proses hapus data transaksi

Gambar 3.49 Statechart Admin proses hapus data transaksi

Page 76: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

110

32. Statechart Admin proses ubah data member

Gambar 3.50 Statechart Admin proses ubah data member

Page 77: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

111

33. Statechart Admin proses hapus data member

Gambar 3.51 Statechart Admin proses hapus data member

Page 78: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

112

34. Statechart Admin proses ubah laporan donasi

Gambar 3.52 Statechart Admin proses ubah laporan donasi

Page 79: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

113

35. Statechart Admin proses hapus data donasi

Gambar 3.53 Statechart Admin proses hapus data donasi

Page 80: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

114

3.4.5 Menu Hierarchy

1) Menu Hierarchy untuk User yang biasa yang belum menjadi mitra

Gambar 3.54 Menu Hierarchy untuk User biasa tanpa Llogin Member

Page 81: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

115

2) Menu Hierarchy untuk user yang telah login, atau telah menjadi mitra

Gambar 3.55 Menu Hierarchy untuk User yang telah Login, dan Menjadi Mitra

Page 82: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

116

3) Menu Hierarchy untuk Admin

Gambar 3.56 Menu Hierarchy untuk Admin

Page 83: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

117

3.4.6 Perancangan Layar

3.4.6.1 Rancangan Layar untuk user umum

Berikut adalah rancangan layar untuk user umum :

1. Rancangan Layar pada halaman index

Login dan Tombol Donasi

Header

Menu Home

Menu Profil

Menu Program

Menu Galeri

Menu Testiomonial

Menu Contact Us

News/ Berita

Kata sambutan

Tombol Donasi,

Kontak Yahoo

Messanger

Footer

Gambar 3.57 Rancangan Layar untuk Halaman Home

Page 84: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

118

2. Rancangan Layar pada Halaman Profil

Login dan Tombol Donasi

Header

Menu Home

Menu Profil

Menu Program Menu Galeri

Menu Testiomonial Menu Contact Us

Isi Profil

Footer

Gambar 3.58 Rancangan Layar untuk Halaman Profil

Page 85: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

119

3. Rancangan Layar Pada Halaman Program

a. Rancangan Layar Pada Submenu Halaman Program-> News

Login dan Tombol Donasi

Header

Menu Home

Menu Profil

Menu Program Menu Galeri

Menu Testiomonial Menu Contact Us

Arsip/List Berita :

Judul Berita Tanggal Berita

Isi Berita

Footer

Gambar 3.59 Rancangan Layar untuk Halaman Program bagian News

Page 86: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

120

b. Rancangan Layar pada Submenu Halaman Program-> Event

Login dan Tombol Donasi

Header

Menu Home

Menu Profil

Menu Program Menu Galeri

Menu Testiomonial Menu Contact Us

Isi Event

Footer

Gambar 3.60 Rancangan Layar untuk Halaman Program bagian Event

Page 87: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

121

4. Rancangan Layar pada Halaman Galeri

i. Rancangan Layar pada submenu halaman Galeri->Foto

Login dan Tombol Donasi

Header

Menu Home

Menu Profil

Menu Program

Menu Galeri

Menu Testiomonial Menu Contact Us

Halaman 1 2 3 Next>

Foto Foto Foto

Foto Foto Foto

Foto Foto Foto

Footer

Gambar 3.61 Rancangan Layar untuk Halaman Galery bagian Foto

Page 88: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

122

ii. Rancangan Layar pada Submenu Halaman Galeri->Video

Login dan Tombol Donasi

Header

Menu Home

Menu Profil

Menu Program Menu Galeri

Menu Testiomonial Menu Contact Us

Video 1 ( Embed dari Youtube)

Video 2 ( Embed dari Youtube)

Video 3 ( Embed dari Youtube)

Halaman 1 2 3 Next>

Footer

Gambar 3.62 Rancangan Layar untuk Halaman Galery bagian Video

Page 89: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

123

5. Rancangan Layar pada Halaman Testimonial

Login dan Tombol Donasi

Header

Menu Home

Menu Profil

Menu Program Menu Galeri

Menu Testiomonial Menu Contact Us

Isi testimonial dari anak yang dibantu Gloria Ministry

Footer

Gambar 3.63 Rancangan Layar untuk Halaman Testimonial

Page 90: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

124

6. Rancangan Layar pada Halaman Contact Us

Login dan Tombol Donasi

Header

Menu Home

Menu Profil

Menu Program Menu Galeri

Menu Testiomonial Menu Contact Us

Isi kontak Gloria Ministry

Footer

Gambar 3.64 Rancangan Layar untuk Halaman Contact Us

Page 91: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

125

7. Rancangan Layar pada Halaman Sign Up

Login dan Tombol Donasi

Header

Menu Home

Menu Profil

Menu Program Menu Galeri

Menu Testiomonial Menu Contact Us

Form Sign Up

Footer

Gambar 3.65 Rancangan Layar untuk Halaman Sign Up

Page 92: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

126

3.4.6.2 Rancangan Layar untuk user yang telah mendaftar/Mitra

Berikut adalah rancangan layar untuk Mitra :

1. Rancangan Layar Halaman List Anak

Login dan Tombol Donasi

Header

Menu Home

Menu Profil

Menu Program Menu Galeri

Menu Testiomonial Menu Contact Us

Isi List Anak

Menu List Anak

Menu Histori Transaksi

Menu List Anak Asuh

Menu Donasi

Menu Logout

Footer

Gambar 3.66 Rancangan Layar untuk Halaman List Anak

Page 93: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

127

2. Rancangan Layar pada Halaman Histori Transaksi

Login dan Tombol Donasi

Header

Menu Home

Menu Profil

Menu Program Menu Galeri

Menu Testiomonial Menu Contact Us

Isi Histori Transaksi

Menu List Anak

Menu Histori Transaksi

Menu List Anak Asuh

Menu Donasi

Menu Logout

Footer

Gambar 3.67 Rancangan Layar untuk Halaman History Transaksi

Page 94: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

128

3. Rancangan Layar pada Halaman List Anak Asuh

Login dan Tombol Donasi

Header

Menu Home

Menu Profil

Menu Program Menu Galeri

Menu Testiomonial Menu Contact Us

Isi Halaman Anak Asuh

Menu List Anak

Menu Histori Transaksi

Menu List Anak Asuh

Menu Donasi

Menu Logout

Footer

Gambar 3.68 Rancangan Layar untuk Halaman List Anak Asuh

Page 95: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

129

4. Rancangan Layar pada Halaman Donasi

Login dan Tombol Donasi

Header

Menu Home

Menu Profil

Menu Program Menu Galeri

Menu Testiomonial Menu Contact Us

Form donasi

Footer

Gambar 3.69 Rancangan Layar untuk Halaman Donasi

Page 96: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

130

3.4.6.3 Rancangan Layar untuk administrator website

Berikut adalah rancangan layar untuk administrator :

1. Rancangan Layar pada halaman login

Username

Password

Gambar 3.70 Rancangan Layar untuk Halaman Login Admin

Login

Page 97: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

131

2. Rancangan Layar pada halaman utama control management

system administrator

Header

News

Konten

Profile

Event / Program

Testimonial

Galeri

Video

Contact Us

Data

Lihat User

Lihat Donasi

Lihat History

Transaction

Logout

Footer

Gambar 3.71 Rancangan Layar untuk Halaman Admin

Page 98: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

132

3. Rancangan Layar pada Halaman CMS news

Header

News

Insert Berita (Action Link)

No Judul Berita Tanggal Berita

Update (Action Link)

Delete (Action Link)

Profile

Event / Program

Testimonial

Galeri

Video

Contact Us

Data

Lihat User

Lihat Donasi

Lihat History

Transaction

Logout

Footer

Gambar 3.72 Rancangan Layar untuk Halaman Admin bagian News

Cari

Page 99: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

133

4. Rancangan Layar pada Halaman CMS Profile

Header

News

Edit Profile

Text Editor

Profile

Event / Program

Testimonial

Galeri

Video

Contact Us

Data

Lihat User

Lihat Donasi

Lihat History

Transaction

Logout

Footer

Gambar 3.73 Rancangan Layar untuk Halaman Admin bagian Profil

Submit Reset

Page 100: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

134

5. Rancangan Layar pada Halaman CMS Program

Header

News

Insert (Action Link)

No Judul Program

Tanggal Program Dimasukkan

Update (Action Link)

Delete (Action Link)

Profile

Event / Program

Testimonial

Galeri

Video

Contact Us

Data

Lihat User

Lihat Donasi

Lihat History

Transaction

Logout

Footer

Gambar 3.74 Rancangan Layar untuk Halaman Admin bagian Program

Cari

Page 101: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

135

6. Rancangan Layar pada Halaman CMS Event

Header

News

Insert (Action Link)

No Judul Event Tanggal Event Dimasukkan

Update (Action Link)

Delete (Action Link)

Profile

Event / Program

Testimonial

Galeri

Video

Contact Us

Data

Lihat User

Lihat Donasi

Lihat History

Transaction

Logout

Footer

Gambar 3.75 Rancangan Layar untuk Halaman Admin bagian Event

Cari

Page 102: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

136

7. Rancangan Layar pada halaman CMS Testimonial

Header

News

Insert (Action Link)

No Judul Testimonial

Tanggal Testimonial Dimasukkan

Update (Action Link)

Delete (Action Link)

Profile

Event / Program

Testimonial

Galeri

Video

Contact Us

Data

Lihat User

Lihat Donasi

Lihat History

Transaction

Logout

Footer

Gambar 3.76 Rancangan Layar untuk Halaman Admin bagian Testimonial

Cari

Page 103: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

137

8. Rancangan Layar pada Halaman CMS Galeri Foto

Header

News

Insert (Action Link)

Foto Judul Update (Action Link)

Delete (Action Link)

Profile

Event / Program

Testimonial

Galeri

Video

Contact Us

Data

Lihat User

Lihat Donasi

Lihat History

Transaction

Logout

Footer

Gambar 3.77 Rancangan Layar Halaman Admin bagian Galery Foto

Cari

Page 104: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

138

9. Rancangan Layar pada Halaman CMS Video

Header

News

Insert (Action Link)

No Judul Video Tanggal Video Dimasukkan

Update (Action Link)

Delete (Action Link)

Profile

Event / Program

Testimonial

Galeri

Video

Contact Us

Data

Lihat User

Lihat Donasi

Lihat History

Transaction

Logout

Footer

Gambar 3.78 Rancangan Layar untuk Halaman Admin bagian Video

Cari

Page 105: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

139

10. Rancangan Layar pada Halaman Contact Us

Header

News Edit Contact Us

Text Editor

Profile

Event / Program

Testimonial

Galeri

Video

Contact Us

Data

Lihat User

Lihat Donasi

Lihat History

Transaction

Logout

Footer

Gambar 3.79 Rancangan Layar untuk Halaman Admin bagian Contac Us

Submit Reset

Page 106: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

140

11. Rancangan Layar untuk Halaman Admin bagian Lihat User

Header

News

No Id Mitra

Name e-mail

password Registration Date

Update (Action Link)

Delete (Action Link)

Profile

Event /

Program

Testimonial

Galeri

Video

Contact Us

Data

Lihat User

Lihat

Donasi

Lihat

History

Transaction

Logout

Footer

Gambar 3.80 Rancangan Layar untuk Halaman Admin bagian Lihat User

Cari

Page 107: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

141

12. Rancangan Layar untuk Halaman Admin bagian Lihat

Donasi

Header

News

No  Name   School Donation Rate 

Donation life period 

Start Month 

Payment   Date in 

Update(Action Link) 

Delete(Action Link) 

Profile

Event /

Program

Testimonial

Galeri

Video

Contact Us

Data

Lihat User

Lihat

Donasi

Lihat

History

Transaction

Logout

Footer

Gambar 3.81 Rancangan Layar untuk Halaman Admin bagian Lihat Donasi

Cari

Page 108: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

142

13. Rancangan Layar untuk Halaman Admin bagian Lihat

History Transaksi

Header

News

No  Name   Payment Date 

Komitment Donation life period 

Start Month 

Payment   Date in 

Update(Action Link) 

Delete(Action Link) 

Profile

Event /

Program

Testimonial

Galeri

Video

Contact Us

Data

Lihat User

Lihat

Donasi

Lihat

History

Transaction

Logout

Footer

Gambar 3.82 Rancangan Layar untuk Halaman Admin bagian Lihat History

Transaksi

Cari

Page 109: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

143

14. Rancangan Layar pada Halaman Data

Silakan Pilih Data yang ingin dilihat :

Gambar 3.83 Rancangan Layar untuk Halaman Admin bagian Data

Data Rekomendator

Data Mitra

Data Anak

Page 110: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

144

15. Rancangan Layar pada Submenu Halaman Data->Anak

Kembali (Link) Insert(Action Link)

Data Anak

Data Anak

Data Anak

Data Anak

Data Anak

Data Anak

Data Anak

Data Anak

Update Delete

Halaman 1 2 3 4 Next>

Gambar 3.84 Rancangan Layar untuk Halaman Admin bagian Data Anak

Cari

Page 111: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

145

16. Rancangan Layar pada Submenu Halaman Data-> Mitra

Kembali (Link) Insert(Action Link)

Data Mitra

Data Mitra

Data Mitra

Data Mitra

Data Mitra

Data Mitra

Data Mitra

Data Mitra

Update Delete

Halaman 1 2 3 4 Next>

Gambar 3.85 Rancangan Layar untuk Halaman Admin bagian Data Mitra

Cari

Page 112: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

146

17. Rancangan Layar pada Submenu Halaman Data-

>Rekomendator

Kembali (Link) Insert(Action Link) Data Rekomen -dator

Data Rekomen -dator

Data Rekomen -dator

Data Rekomen -dator

Data Rekomen -dator

Data Rekomen -dator

Data Rekomen -dator

Update Delete

Halaman 1 2 3 4 Next>

Gambar 3.86 Rancangan Layar untuk Halaman Admin bagian Data

Rekomendator

Cari

Page 113: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

147

3.5 Spesifikasi Proses

Disini menampilkan peseuducode untuk menerangkan proses-proses yang

terdapat dalam setiap tampilan website Gloria Ministry, dan dapat dilihat melalui

modul-modul berikut:

• Module login

Tampilkan halaman login

Jika ada data

Jika user mengisi data dengan benar dan klik tombol “login”

Buka database status mitra “msmitra”

Tampilkan halaman Home

Atau jika user klik tombol “cancel”

Akhir halaman login

Akhir jika

Akhir jika

Tutup database

• Modul login admin

Tampilkan halaman login admin

Jika ada data

Jika user mengisi data dengan benar dan klik tombol “submit”

Buka database status admin “msadmin”

Tampilkan halaman admin

Akhir halaman login

Page 114: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

148

Atau jika user klik tombol “cancel”

Akhir halaman login

Akhir jika

Akhir jika

Tutup database

• Module untuk User biasa

Tampilkan halaman home

Jika user mengklik tombol home

Tampilkan halaman Home

Selain itu jika klik tombol “Profile”

Tampilkan halaman Profile

Selain itu jika klik tombol “Program” kemudian memilih tombol “News”

Tampilkan halaman News

Selain itu jika klik tombol “Program” kemudian memilih tombol “Event”

Tampilkan halaman Event

Selain itu jika klik tombol “Galery” Kemudian memilih tombol “Foto”

Tampilkan halaman Foto

Selain itu jika klik tombol “Galery” Kemudian memilih tombol “Video”

Tampilkan halaman Video

Selain itu jika klik tombol “Testimonial”

Tampilkan halaman Testimonial

Selain itu jika klik tombol “Contac Us”

Page 115: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

149

Tampilkan halaman Contac Us

Selain itu jika klik tombol “Donate”

Tampilkan halaman “Sing up”

Jika ada data

Jika user mengisi data dengan benar dan klik tombol

“submit”

Buka database status mitra “msmitra”

Tampilkan halaman Home

Atau jika user klik tombol “cancel”

Akhir halaman Sing Up

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “Sing up”

Tampilkan halaman “Sing up”

Jika ada data

Jika user mengisi data dengan benar dan klik tombol

“submit”

Buka database status member “msmitra”

Tampilkan halaman Home

Atau jika user klik tombol “cancel”

Akhir halaman Sing Up

Akhir jika

Page 116: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

150

Akhir jika

Tutup database

Akhir jika

• Module untuk mitra

Buka database status login

Tampilkan halaman Home

Jika user mengklik tombol home

Tampilkan halaman Home

Selain itu jika klik tombol “Profile”

Tampilkan halaman Profile

Selain itu jika klik tombol “Program” kemudian memilih tombol “News”

Tampilkan halaman News

Selain itu jika klik tombol “Program” kemudian memilih tombol “Event”

Tampilkan halaman Event

Selain itu jika klik tombol “Galery” Kemudian memilih tombol “Foto”

Tampilkan halaman Foto

Selain itu jika klik tombol “Galery” Kemudian memilih tombol “Video”

Tampilkan halaman Video

Selain itu jika klik tombol “Testimonial”

Tampilkan halaman Testimonial

Selain itu jika klik tombol “Contac Us”

Tampilkan halaman Contac Us

Page 117: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

151

Selain itu jika klik tombol “Donate”

Tampilkan halaman Donate

Jika ada data

Jika user mengisi data dengan benar dan klik tombol

“submit”

Buka database status donasi “msdonate”

Tampilkan halaman Thank You

Atau jika user klik tombol “cancel”

Akhir halaman Donate

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “Search Child”

Tampilkan halaman Search Child

Jika ada data

Jika user mengisi data dengan benar dan klik tombol

“search”

Buka database status anak “msanak”

Tampilkan halaman Search Child

Atau jika user klik tombol “cancel”

Akhir halaman Search Child

Akhir jika

Akhir jika

Page 118: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

152

Tutup database

Selain itu jika klik tombol “Histori Transaksi”

Tampilkan halaman Histori Transaksi

Selain itu jika klik tombol “Child List”

Buka database status anak “msanak”

Tampilkan halaman Child List

Tutup database

Selain itu jika klik tombol “logout”

Akhiri semua proses

Tampilkan halaman Home

Akhir jika

Tutup database

• Module untuk admin

Buka database status login

Tampilkan halaman Admin

Jika admin mengklik tombol “news”

Tampilkan halaman News

Jika admin mengklik tombol “insert”

Tampilkan halaman insert news

Jika ada data

Jika admin mengisi data dengan benar dan klik

tombol “submit”

Page 119: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

153

Buka database status news “msnews”

Tampilkan halaman news

Atau jika admin klik tombol “cancel”

Akhir halaman insert news

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “edit”

Tampilkan halaman edit news

Jika ada data

Jika admin mengisi data dengan benar dan klik

tombol “submit”

Buka database status news “msnews”

Tampilkan halaman News

Atau jika admin klik tombol “cancel”

Akhir halaman edit news

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “delete”

Buka database status news “msnews”

Tampilkan halaman News

Tutup database

Page 120: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

154

Akhir jika

Jika klom search ada data dan admin mengklik tombol “search”

Buka database status news “msnews”

Tampilkan halaman News

Tutup database

Akhir jika

Selain itu jika klik tombol “profile”

Tampilkan halaman Edit Profile

Jika ada data

Jika admin mengisi data dengan benar dan klik tombol

“submit”

Buka database status profil/kontak

“msprofil/kontak”

Tampilkan halaman Edit Profile

Atau jika admin klik tombol “cancel”

Akhir halaman Edit Profile

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “event/program”

Tampilkan halaman Event/Program

Jika admin mengklik tombol “insert”

Tampilkan halaman insert event/program

Page 121: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

155

Jika ada data

Jika admin mengisi data dengan benar dan klik

tombol “submit”

Buka database status event/program

“msevent/program”

Tampilkan halaman Event/Program

Atau jika admin klik tombol “cancel”

Akhir halaman insert event/program

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “edit”

Tampilkan halaman edit event/program

Jika ada data

Jika admin mengisi data dengan benar dan klik

tombol “submit”

Buka database status event/program

“msevent/program”

Tampilkan halaman Event/Program

Atau jika admin klik tombol “cancel”

Akhir halaman edit event/program

Akhir jika

Akhir jika

Page 122: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

156

Tutup database

Selain itu jika klik tombol “delete”

Buka database status event/program “msevent/program”

Tampilkan halaman Event/Program

Tutup database

Akhir jika

Jika klom search ada data dan admin mengklik tombol “search”

Buka database status event/program “msevent/program”

Tampilkan halaman Event/Program

Tutup database

Akhir jika

Selain itu jika klik tombol “testimonial”

Tampilkan halaman Testimonial

Jika admin mengklik tombol “insert”

Tampilkan halaman insert testimonial

Jika ada data

Jika admin mengisi data dengan benar dan klik

tombol “submit”

Buka database status testimonial

“mstestimonial”

Tampilkan halaman Testimonial

Atau jika admin klik tombol “cancel”

Akhir halaman insert testimonial

Page 123: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

157

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “edit”

Tampilkan halaman edit testimonial

Jika ada data

Jika admin mengisi data dengan benar dan klik

tombol “submit”

Buka database status testimonial

“mstestimonial”

Tampilkan halaman Testimonial

Atau jika admin klik tombol “cancel”

Akhir halaman edit testimonial

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “delete”

Buka database status testimonial “mstestimonial”

Tampilkan halaman Testimonial

Tutup database

Akhir jika

Jika klom search ada data dan admin mengklik tombol “search”

Buka database status testimonial “mstestimonial”

Page 124: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

158

Tampilkan halaman Testimonial

Tutup database

Akhir jika

Selain itu jika klik tombol “galery”

Tampilkan halaman Galery

Jika admin mengklik tombol “insert”

Tampilkan halaman insert galery

Jika ada data

Jika admin mengisi data dengan benar dan klik

tombol “submit”

Buka database status galery “msgalery”

Tampilkan halaman Galery

Atau jika admin klik tombol “cancel”

Akhir halaman insert galery

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “edit”

Tampilkan halaman edit galery

Jika ada data

Jika admin mengisi data dengan benar dan klik

tombol “submit”

Buka database status galery “msgalery”

Page 125: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

159

Tampilkan halaman Galery

Atau jika admin klik tombol “cancel”

Akhir halaman edit galery

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “delete”

Buka database status galery “msgalery”

Tampilkan halaman Galery

Tutup database

Akhir jika

Jika klom search ada data dan admin mengklik tombol “search”

Buka database status galery “msgalery”

Tampilkan halaman Galery

Tutup database

Akhir jika

Selain itu jika klik tombol “video”

Tampilkan halaman Video

Jika admin mengklik tombol “insert”

Tampilkan halaman insert video

Jika ada data

Jika admin mengisi data dengan benar dan klik

tombol “submit”

Page 126: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

160

Buka database status video “msvideo”

Tampilkan halaman Video

Atau jika admin klik tombol “cancel”

Akhir halaman insert video

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “edit”

Tampilkan halaman edit video

Jika ada data

Jika admin mengisi data dengan benar dan klik

tombol “submit”

Buka database status video “msvideo”

Tampilkan halaman Video

Atau jika admin klik tombol “cancel”

Akhir halaman edit video

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “delete”

Buka database status video “msvideo”

Tampilkan halaman Video

Tutup database

Page 127: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

161

Akhir jika

Jika klom search ada data dan admin mengklik tombol “search”

Buka database status video “msvideo”

Tampilkan halaman Video

Tutup database

Akhir jika

Selain itu jika klik tombol “contac us”

Tampilkan halaman Edit Contac Us

Jika ada data

Jika admin mengisi data dengan benar dan klik tombol

“submit”

Buka database status profil/kontak

“msprofil/kontak”

Tampilkan halaman Edit Contac Us

Atau jika admin klik tombol “cancel”

Akhir halaman Edit Contac Us

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “data”

Tampilkan halaman Data

Jika admin mengklik tombol “data anak”

Tampilkan halaman Data Anak

Page 128: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

162

Jika admin mengklik tombol “insert”

Tampilkan halaman insert data anak

Jika ada data

Jika admin mengisi data dengan benar dan

klik tombol “submit”

Buka database status data anak

“msanak”

Tampilkan halaman Data Anak

Atau jika admin klik tombol “cancel”

Akhir halaman insert data anak

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “update”

Tampilkan halaman update data anak

Jika ada data

Jika admin mengisi data dengan benar dan

klik tombol “submit”

Buka database status data anak

“msanak”

Tampilkan halaman Data Anak

Atau jika admin klik tombol “cancel”

Akhir halaman update data anak

Page 129: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

163

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “delete”

Buka database status data anak “msanak”

Tampilkan halaman Data Anak

Tutup database

Akhir jika

Jika klom search ada data dan admin mengklik tombol

“search”

Buka database status data anak “msanak”

Tampilkan halaman Data Anak

Tutup database

Akhir jika

Selain itu jika klik tombol “data mitra”

Tampilkan halaman Data Mitra

Jika admin mengklik tombol “insert”

Tampilkan halaman insert data mitra

Jika ada data

Jika admin mengisi data dengan benar dan

klik tombol “submit”

Buka database status data mitra

“msmitra”

Page 130: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

164

Tampilkan halaman Data Mitra

Atau jika admin klik tombol “cancel”

Akhir halaman insert data mitra

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “update”

Tampilkan halaman update data mitra

Jika ada data

Jika admin mengisi data dengan benar dan

klik tombol “submit”

Buka database status data mitra

“msmitra”

Tampilkan halaman Data Mitra

Atau jika admin klik tombol “cancel”

Akhir halaman update data mitra

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “delete”

Buka database status data mitra “msmitra”

Tampilkan halaman Data Mitra

Tutup database

Page 131: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

165

Akhir jika

Jika klom search ada data dan admin mengklik tombol

“search”

Buka database status data mitra “msmitra”

Tampilkan halaman Data Mitra

Tutup database

Akhir jika

Selain itu jika klik tombol “data rekomendator”

Tampilkan halaman Data Rekomendator

Jika admin mengklik tombol “insert”

Tampilkan halaman insert data rekomendator

Jika ada data

Jika admin mengisi data dengan benar dan

klik tombol “submit”

Buka database status data

rekomendator “msrekomendator”

Tampilkan halaman Data

Rekomendator

Atau jika admin klik tombol “cancel”

Akhir halaman insert data rekomendator

Akhir jika

Akhir jika

Tutup database

Page 132: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

166

Selain itu jika klik tombol “update”

Tampilkan halaman update data rekomendator

Jika ada data

Jika admin mengisi data dengan benar dan

klik tombol “submit”

Buka database status data

rekomendator “msrekomendator”

Tampilkan halaman Data

Rekomendator

Atau jika admin klik tombol “cancel”

Akhir halaman update data rekomendator

Akhir jika

Akhir jika

Tutup database

Selain itu jika klik tombol “delete”

Buka database status data rekomendator

“msrekomendator”

Tampilkan halaman Data Rekomendator

Tutup database

Akhir jika

Jika klom search ada data dan admin mengklik tombol

“search”

Page 133: 3. BAB 3 - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2010-1-00218-IF Bab 3.pdfDana untuk pembiayaan beasiswa sepenuhnya diperoleh dari ... sebagai lembaga pelayanan memiliki status

167

Buka database status data rekomendator

“msrekomendator”

Tampilkan halaman Data Rekomendator

Tutup database

Akhir jika

Akhir jika

Selain itu jika klik tombol “logout”

Akhiri semua proses

Tampilkan halaman Home

Akhir jika

Tutup database