BAB 3 ANALISIS DAN PERANCANGAN

(1)

37

ANALISIS DAN PERANCANGAN

3.1 Latar Belakang Perusahaan

3.1.1 Riwayat Singkat Perusahaan

P.T. Tunas Tangkas Primaraga Sakti sebelumnya bernama P.T. Bima Tangkas Bakti, didirikan di Jakarta pada tanggal 31 Agustus 1983. Perusahaan ini bergerak di bidang jasa olahraga. Perusahaan ini menggunakan sistem membership (keanggotaan) untuk mendapatkan pelanggan dan sekaligus untuk mendapatkan keuntungan.

Fasilitas olahraga yang disediakan oleh perusahaan P.T. Tunas Tangkas Primaraga Sakti saat ini adalah 9 lapangan badminton, 6 lapangan tenis, 2 kolam renang, fitness, aerobics, futsal, tenis meja, sauna, yoga, aikido, taekwondo, dan hot shower. Semua fasilitas di atas bisa digunakan oleh para anggota atau member dan beberapa fasilitas untuk non-anggota atau non-member.

Anggota mendapatkan berbagai keuntungan dibandingkan dengan non-anggota, di antaranya dengan mendapatkan akses sepenuhnya terhadap semua fasilitas yang ada di dalam perusahaan. Selain itu, anggota juga mendapatkan potongan harga (diskon) di berbagai tempat yang bekerja sama dengan perusahaan.

Jenis membership yang ada di P.T. Tunas Tangkas Primaraga Sakti yaitu: 1. Membership Single: Keanggotaan untuk siapa saja yang ingin menjadi

member seorang diri.

(2)

3. Membership Pelajar: Keanggotaan untuk para pelajar.

4. Membership Family: Keanggotaan untuk suami, istri, dan anak kandung berusia kurang dari 21 tahun.

5. Membership Couple: Keanggotaan untuk 2 orang dewasa yang belum menikah dan berusia kurang dari 30 tahun.

Perusahaan ini juga memiliki berbagai pelatihan bagi para anggota yang ingin melakukan pelatihan olahraga. Pelatihan yang disediakan di sini yaitu pelatihan bulutangkis, tenis, renang, aikido, tae kwon do, dan yoga.

3.1.2 Visi dan Misi Perusahaan

Adapun visi dari PT. Tunas Tangkas Primaraga Sakti adalah menjadi perusahaan jasa olahraga yang terkemuka di Indonesia. Selain itu PT. Tunas Tangkas Primaraga Sakti juga memiliki misi perusahaan, antara lain membuat fasilitas olahraga yang dibutuhkan oleh siapa saja yang ingin melakukan kegiatan olahraga dan sesuai dengan lingkungan sekitarnya, mencari anggota sebanyak-banyaknya, dan mengembangkan bisnis perusahaan untuk memenuhi keinginan pihak-pihak yang terkait (stakeholders).

3.1.3 Struktur Organisasi Perusahaan

Untuk mengakomodasi tuntutan bisnis dan aspek legal, manajemen perusahaan PT. Tunas Tangkas Primaraga Sakti menggunakan struktur organisasi yang disusun berdasarkan kebutuhan internal perusahaan agar bisnis yang dijalankannya dapat lebih fokus dan saling menunjang. Berikut ini adalah struktur organisasi PT. Tunas Tangkas Primaraga Sakti:

(3)

Direktur

General Manager

Marketing Finance Operasional Personalia / HRD

Membership Promotion Bidang Ekstrakurikuler Kasir Pembukuan Administrasi Pembukuan Fasilitas Maintenance Cleaning Service Security Administrasi Personalia

Gambar 3.1 Struktur Organisasi PT. Tunas Tangkas Primaraga Sakti

3.1.4 Tugas dan Wewenang

Berikut ini adalah tugas dan wewenang dari masing-masing jabatan yang ada di PT. Tunas Tangkas Primaraga Sakti:

1. Director

Tugas dan wewenang dari Director adalah sebagai pemimpin dari perusahaan yang mengontrol seluruh kegiatan perusahaan dan

(4)

menentukan kebijakan perusahaan, mengembangkan perusahaan baik dari

segi fasilitas maupun keanggotaannya, mencari partnership atau investor

untuk bekerja sama memberikan permodalan tambahan, dan mengambil keputusan-keputusan penting yang berhubungan dengan kemajuan perusahaan.

2. General Manager

Tugas dan wewenang dari General Manager adalah sebagai wakil dari Director (terutama ketika Director tersebut sedang berhalangan tugas), mengontrol dan mengawasi pekerjaan semua bagian yang ada di bawahnya, dan membantu Director dalam mengambil keputusan.

3. Marketing

Tugas dan wewenang dari bagian Marketing adalah mencari anggota baru dengan cara mempromosikan perusahaan dan tetap memberikan pelayanan yang terbaik kepada anggota lama, merencanakan dan membuat program-program pelayanan terhadap anggota (misalnya program diskon kepada anggota berdasarkan syarat-syarat tertentu), dan melakukan negosiasi dengan perusahaan iklan yang ingin melakukan promosi di perusahaan.

4. Financial

Tugas dan wewenang dari bagian Financial adalah mengelola data

keuangan perusahaan, memeriksa masa berakhirnya anggota dan membuat surat pemberitahuan masa berakhir anggota untuk segera dilakukan registrasi ulang, mengurus gaji karyawan, dan membuat laporan keuangan untuk GM.

(5)

5. Operational

Tugas dan wewenang dari bagian Operational adalah memelihara

fasilitas-fasilitas yang ada di dalam perusahaan, membina hubungan yang baik dengan anggota, menerima saran dan kritik dari anggota-anggota untuk mengetahui kelebihan dan kekurangan dari perusahaan, dan mengatur segala hal yang berhubungan dengan keamanan perusahaan.

6. HRD

Tugas dan wewenang dari bagian HRD adalah merekrut pegawai baru

sesuai dengan keahlian dan spesifikasi yang dibutuhkan, mengadakan pelatihan-pelatihan terhadap karyawan-karyawan baik secara internal maupun eksternal, dan memberhentikan karyawan sesuai dengan kebijaksanaan perusahaan.

3.2 Analisis Sistem

3.2.1 Analisis Wawancara

Untuk mendukung analisis pada studi kasus ini, kami melakukan wawancara dengan Manager Keuangan PT. Tunas Tangkas Primaraga Sakti. Wawancara yang dilakukan untuk mendukung analisis tersebut antara lain:

(6)

Tabel 3.1 Draft Wawancara

Wawancara

Nama : Bapak Hendro

Jabatan : Manager Keuangan

Tanggal Wawancara : 10 April 2009

Waktu : Pukul 13:00 WIB

Daftar Pertanyaan :

1) Bagaimana sistem informasi manajemen keanggotaan yang sedang

berjalan pada PT. Tunas Tangkas Primaraga Sakti? Jawab:

Sistem yang kami gunakan belum terkomputerisasi atau masih secara manual.

2) Kendala apa saja yang dihadapi pada sistem manual yang sedang berjalan?

Jawab:

Kendala yang kami hadapi pada sistem manual yaitu kami kesulitan dalam mengolah dan menyajikan data anggota yang menghambat keefisienan dan efektivitas kerja pada perusahaan kami.

3) Perubahan apa yang anda harapkan terhadap sistem informasi manajemen

(7)

Jawab:

Kami ingin sistem yang ada bisa lebih memudahkan kami dalam mengolah dan menyajikan data anggota.

4) Bagaimana pendapat anda dengan sistem informasi manajemen

keanggotaan yang berbasis web? Jawab:

Hal itu sangat baik sekali karena dapat menjadikan karyawan bekerja lebih efektif dalam menyajikan laporan dan mengolah data anggota dan juga anggota dengan mudah mendapatkan informasi melalui internet.

5) Fitur apa saja yang diperlukan dalam website tentang perusahaan ini

nantinya? Jawab:

Kami mengharapkan dalam website itu nanti terdapat fitur-fitur seperti pendaftaran anggota baru, pemesanan tempat dan waktu olahraga bagi anggota, dan informasi mengenai masa keanggotaan.

3.2.2 Analisis Kuesioner

Kuesioner yang kami bagikan terdapat 30 buah yang ditujukan kepada anggota-anggota olahraga dalam perusahaan, dimana di dalam kuesioner tersebut

(8)

terdapat 8 buah pertanyaan. Adapun pertanyaan-pertanyaan yang terdapat di dalam kuesioner tersebut adalah sebagai berikut:

1. Sudah berapa lama anda menjadi anggota di sini?

a. < 1 tahun 15%

b. 1-2 tahun 37%

c. 2-3 tahun 25%

d. > 3 tahun 23%

Gambar 3.2 Diagram Hasil Kuesioner Pertanyaan No. 1

2. Apakah anda bisa menggunakan internet?

a. Ya 85%

(9)

3. Seberapa mudah anda mendapatkan informasi mengenai keanggotaan anda?

a. Mudah 18%

b. Biasa 28%

c. Sulit 54%

(10)

4. Bagaimana cara anda mendapatkan informasi mengenai keanggotaan anda?

a. Menanyakan kepada admin melalui telepon 45%

b. Menanyakan kepada admin secara langsung 55%

c. Mencari ke internet 0%

5. Apakah anda membutuhkan sebuah aplikasi yang dapat memudahkan dan

membantu anda dalam mendapatkan informasi mengenai keanggotaan anda?

a. Ya 75%

(11)

6. Apakah anda pernah mendengar dan mengetahui mengenai aplikasi

berbasiskan web?

a. Ya 64%

b. Tidak 36%

7. Jika ya, apakah anda tertarik dalam menggunakan sebuah aplikasi berbasis

web?

a. Ya 79%

(12)

8. Menurut anda, apakah dengan adanya suatu aplikasi web mengenai

keanggotaan dapat membantu dalam mendapatkan informasi yang anda butuhkan?

a. Sangat membantu 36%

b. Cukup membantu 40%

c. Biasa saja 18%

d. Tidak membantu 6%

e. Sangat tidak membantu 0%

(13)

3.2.3 Sistem yang Sedang Berjalan

Adapun sistem yang sedang berjalan pada PT. Tunas Tangkas Primaraga Sakti berkaitan dengan manajemen keanggotaannya adalah sebagai berikut:

1. Sistem pendaftaran anggota baru

• Pendaftaran dilakukan di kasir.

• Pembayaran dilakukan segera setelah pendaftaran selesai.

2. Sistem pembayaran

• Pembayaran dilakukan di kasir.

• Kasir menyimpan hasil pembayaran ke kasir besar.

• Kasir besar memeriksa hasil pembayaran tersebut dan

memasukkannya ke bagian administrasi anggota.

• Administrasi anggota membukukannya ke dalam komputer.

3. Sistem pemesanan tempat dan waktu olahraga (booking)

• Booking dapat dilakukan melalui telepon ataupun melalui resepsionis.

4. Sistem absensi anggota

• Anggota memberikan kartu anggotanya ke resepsionis dan ditukarkan

dengan kartu deposit.

• Resepsionis mencatat kehadiran anggota tersebut ke dalam buku

besar.

5. Sistem promosi

(14)

3.2.4 Identifikasi Permasalahan

Setelah dilakukan analisis terhadap sistem yang sedang berjalan pada PT. Tunas Tangkas Primaraga Sakti, didapat permasalahan sebagai berikut:

• Pencarian data anggota masih dilakukan secara satu per satu.

• Tidak dapat melihat secara langsung anggota-anggota yang akan berakhir

masa keanggotaannya.

• Kesulitan dalam memantau anggota-anggota yang sudah keluar atau

habis masa keanggotaannya.

3.2.5 Usulan Pemecahan Masalah

Berdasarkan permasalahan-permasalahan yang telah didapat, diajukan usulan pemecahan masalah sebagai berikut:

• Membuat suatu aplikasi yang dapat menunjang sistem informasi

manajemen keanggotaan perusahaan secara penuh.

• Merancang dan membuat sistem basis data agar data dapat terorganisasi

dengan rapi dan lebih mudah diperbarui serta mempercepat dalam proses pencarian data.

(15)

3.3 Perancangan Sistem 3.3.1 Class Diagram +insert() +delete() -Tanggal -Jam -Jenis Member -Kode Member -Username Absence +insert() +delete() -Kode Booking -Tempat -Tanggal -Jam -Jenis Member -Kode Member -Username Booking +insert() +update() +delete() -Kode Anggota -Nama -Gender -Tempat Lahir -Tanggal Lahir -Pekerjaan -Username Child +insert() +delete() -ID -Email -Komentar Comment +insert() +update() +delete() -ID -Image -Keterangan Gallery +insert() +update() +delete() -Username -Password -Nama -Gender -Tempat Lahir -Tanggal Lahir -Gol Darah -Alamat -Telp -HP -No Pengenal -Email -Status -Kewarganegaraan -Agama -Pekerjaan -Nama Perusahaan -Alamat Perusahaan -Telp Perusahaan -Fax Perusahaan -Bidang Usaha -Jenis Member -Kode Member -Image Member +insert() +update() +delete() -Tanggal -Jam -Judul -Berita News +insert() +update() +delete() -Username -Nama -Tempat Lahir -Tanggal Lahir -Pekerjaan Spouse +insert() +update() +delete() -Username -Nama -Gender -Tempat Lahir -Tanggal Lahir -No Pengenal -Alamat -Telp -HP -Kewarganegaraan -Agama Partner +insert() +delete() -Kode Pembayaran -Tanggal -Jam -Uang Pangkal -Iuran -Jenis Member -Kode Member -Username Payment +insert() +update() +delete() -Username -Nama -Alamat -Telp -Fax School +insert() +update() +delete() -Jenis Member -Kode Member -Tanggal Awal -Tanggal Akhir -Username Membership +insert() +delete() -Username -Jenis Member -Masa -Tanggal Temp 1 0..* 1 0..* 1 0..* 1 0..* 1 0..1 1 0..1 1 0..* 1 0..1 1 0..1 Gambar 3.10 Class Diagram

(16)

3.3.2 Use Case Diagram

Use Case merupakan representasi dari proses bisnis yang ada pada

sistem. Use Case diagram merupakan model yang menunjukkan hubungan

antara aktor dengan use case.

Gambar 3.11 Aktor pada Use Case

Aktor adalah entiti di luar sistem yang berinteraksi dengan sistem. Aktor-aktor tersebut adalah:

1. Guest adalah pengguna yang bertindak sebagai tamu / pendatang di dalam sistem dan dapat menggunakan sebagian dari subsistem promosi. 2. Member adalah pengguna yang bertindak sebagai anggota olahraga

dalam perusahaan dan dapat menggunakan beberapa subsistem yang ada di dalam perusahaan.

3. Admin adalah pengguna yang berwenang untuk melakukan pengaturan-pengaturan di dalam sistem.

(17)

Gambar 3.12 Use Case Subsistem Registrasi

(18)

Gambar 3.13 Use Case Subsistem Administrasi Member

(19)

(20)

(21)

(22)

(23)

3.3.3 Sequence Diagram

Gambar 3.18 Sequence Member Login

Member

Logout GUI

pilih link

Login Page session destroy

(24)

Gambar 3.20 Sequence Admin Login

Gambar 3.21 Sequence Admin Logout

(25)

Guest

Add Comment GUI

pilih link

Form Add Comment GUI

input form comment

Result Error Message MsComment insert Comment Comment Inserted validasi Gambar 3.22 Sequence Guest Add Comment

Gambar 3.23 Sequence Member Add General Data

(26)

Member

Add Family Data GUI

pilih link

Form Add Spouse GUI

input form spouse data

Result Error Message

MsSpouse

insert Spouse Data

Spouse Inserted

validasi

MsChild

Result

Child Inserted

Add Spouse GUI

pilih link

Result

Add Child GUI Form Add Child GUI

pilih link

input form child data

validasi Result

Error Message insert Child Data

Gambar 3.24 Sequence Member Add Family Data

Gambar 3.25 Sequence Member Add Partner Data

(27)

Member

Add School Data GUI

pilih link

Form Add School Data GUI

input form school data

Result Error Message

MsSchool

insert School Data

School Data Inserted

validasi

Gambar 3.26 Sequence Member Add School Data

Gambar 3.27 Sequence Member Show Profile

(28)

Gambar 3.28 Sequence Member Edit Profile dan Change Password

Member

Booking GUI pilih link

Form Booking GUI

input form booking

Result Error Message MsBooking insert Booking Booking Inserted validasi Gambar 3.29 Sequence Member Add Booking

(29)

Gambar 3.30 Sequence Member View Confirmation

Gambar 3.31 Sequence Admin Search, View, dan Delete Absence

(30)

Gambar 3.32 Sequence Admin Search, View, dan Delete Booking

Gambar 3.33 Sequence Admin Search, View, dan Delete Comment

(31)

Gambar 3.34 Sequence Admin Search, View, dan Delete General Data

Admin

Search Payment GUI

pilih link Payment search Payment Result Error Message delete Payment MsPayment View Payment GUI

view Payment

Result Payment Deleted

Show Payment

Gambar 3.35 Sequence Admin Search, View, dan Delete Payment

(32)

Gambar 3.36 Sequence Admin Search, View, dan Delete Member Property

Gambar 3.37 Sequence Admin Add Absence

(33)

Gambar 3.38 Sequence Admin Activate Member

Gambar 3.39 Sequence Admin Extend Member

(34)

Gambar 3.40 Sequence Admin Search, View, Edit, dan Delete News

(35)

Admin

Search Gallery GUI

pilih link Gallery search Gallery Result Error Message delete Gallery MsGallery View Gallery GUI

view Gallery

Result Gallery Updated

Show Gallery

Form Edit Gallery GUI

isi form edit gallery Edit Gallery GUI

klik button validasi Validation Result Error Message edit Gallery Result Result Gallery Deleted Gambar 3.41 Sequence Admin Search, View, Edit, dan Delete Gallery

(36)

Gambar 3.42 Sequence Admin Add News

Gambar 3.43 Sequence Admin Add Gallery

(37)

3.3.4 Statechart Diagram

Gambar 3.44 Statechart Admin Delete Absence

Gambar 3.45 Statechart Admin Add Absence

Waiting

/ pilih booking / delete OK

Konfirmasi / delete booking

/ cancel delete

Gambar 3.46 Statechart Admin Delete Booking

Gambar 3.47 Statechart Member Add Booking

(38)

Gambar 3.48 Statechart Admin Delete Payment

Gambar 3.49 Statechart Admin Add Payment

Waiting

/ pilih member / delete OK

Konfirmasi / delete member

/ cancel delete

Gambar 3.50 Statechart Admin Delete Member

Gambar 3.51 Statechart Member Add Member

(39)

Gambar 3.52 Statechart Member Edit Member

Gambar 3.53 Statechart Member Add Registration Data

Gambar 3.54 Statechart Member Add Spouse Data

Spouse

/ edit spouse / update OK

Konfirmasi / update spouse

/ cancel update / waiting

Gambar 3.55 Statechart Member Edit Spouse Data

(40)

Gambar 3.56 Statechart Member Add Child Data

Child

/ edit child / update OK

Konfirmasi / update child

Gambar 3.57 Statechart Member Edit Child Data

Gambar 3.58 Statechart Member Add Partner Data

Partner

/ edit partner / update OK

Konfirmasi / update partner

Gambar 3.59 Statechart Member Edit Partner Data

(41)

Gambar 3.60 Statechart Member Add School Data

School

/ edit school / update OK

Konfirmasi / update school

Gambar 3.61 Statechart Member Edit School Data

Gambar 3.62 Statechart Admin Delete Membership Data

Waiting

/ pilih comment / delete OK

Konfirmasi / delete comment

/ cancel delete

Gambar 3.63 Statechart Admin Delete Comment

(42)

Gambar 3.64 Statechart Guest Add Comment

Gambar 3.65 Statechart Admin Delete News

Gambar 3.66 Statechart Admin Add News

Gambar 3.67 Statechart Admin Edit News

(43)

Gambar 3.68 Statechart Admin Delete Gallery

Gambar 3.69 Statechart Admin Add Gallery

Gambar 3.70 Statechart Admin Edit Gallery

(44)

3.3.5 Perancangan Basis Data MsAbsence PK Tanggal PK Jam JenisMember KodeMember FK1 Username MsBooking PK KodeBooking Tempat Tanggal Jam JenisMember KodeMember FK1 Username MsChild PK KodeAnggota Nama Gender TempatLahir TanggalLahir Pekerjaan FK1 Username MsComment PK ID Email Komentar MsGallery PK ID Image Keterangan MsMember PK Username Password Nama Gender TempatLahir TanggalLahir GolDarah Alamat Telp HP NoPengenal Email Status Kewarganegaraan Agama Pekerjaan NamaPerusahaan AlamatPerusahaan TelpPerusahaan FaxPerusahaan BidangUsaha JenisMember KodeMember Image MsNews PK Tanggal PK Jam Judul Berita MsSpouse PK,FK1 Username Nama TempatLahir TanggalLahir Pekerjaan MsPartner PK,FK1 Username Nama Gender TempatLahir TanggalLahir NoPengenal Alamat Telp HP Kewarganegaraan Agama MsPayment PK KodePembayaran Tanggal Jam UangPangkal Iuran JenisMember KodeMember FK1 Username MsSchool PK,FK1 Username Nama Alamat Telp Fax MsMembership PK JenisMember PK KodeMember TanggalAwal TanggalAkhir FK1 Username MsTemp PK,FK1 Username JenisMember Masa Tanggal

(45)

Gambar 3.72 Tabel MsMember

Tabel ini digunakan untuk menyimpan data anggota / member yang terdaftar pada PT. Tunas Tangkas Primaraga Sakti.

Tabel 3.2 Definisi Tabel MsMember

No. Nama Field Tipe Data Keterangan

1. Username Varchar(20) Username dari member untuk login

2. Password Varchar(40) Password dari member untuk login

3. Nama Varchar(50) Nama member

4. Gender Varchar(10) Jenis kelamin member

(46)

6. TanggalLahir Date Tanggal lahir member

7. GolDarah Varchar(2) Golongan darah member

8. Alamat Text Alamat tempat tinggal member

9. Telp Varchar(20) Nomor telepon member yang dapat

dihubungi

10. HP Varchar(20) Nomor ponsel member yang dapat

dihubungi

11. NoPengenal Varchar(20) Nomor KTP / SIM / Passport member

12. Email Varchar(50) Alamat E-mail member

13. Status Varchar(20) Status member

14. Kewarganegaraan Varchar(3) Kewarganegaraan member

15. Agama Varchar(20) Agama member

16. Pekerjaan Varchar(30) Pekerjaan member

17. NamaPerusahaan Varchar(50) Nama perusahaan tempat member bekerja

18. AlamatPerusahaan Text Alamat perusahaan tempat member

bekerja

19. TelpPerusahaan Varchar(20) Nomor telepon perusahaan tempat

member bekerja

20. FaxPerusahaan Varchar(20) Nomor fax perusahaan tempat

member bekerja

21. BidangUsaha Varchar(20) Bidang usaha perusahaan tempat

(47)

22. JenisMember Varchar(2) Jenis member yang sedang aktif

23. KodeMember Char(5) Kode member yang sedang aktif

24. Image Varchar(100) Letak direktori gambar dari member

MsSpouse PK,FK1 Username Nama TempatLahir TanggalLahir Pekerjaan

Gambar 3.73 Tabel MsSpouse

Tabel ini digunakan untuk menyimpan data suami / istri dari member. Tabel 3.3 Definisi Tabel MsSpouse

1. Username Varchar(20) Username dari tabel MsMember

2. Nama Varchar(50) Nama suami / istri

3. TempatLahir Varchar(30) Tempat lahir suami / istri

4. TanggalLahir Date Tanggal lahir suami / istri

5. Pekerjaan Varchar(30) Pekerjaan suami / istri

(48)

Gambar 3.74 Tabel MsChild

Tabel ini digunakan untuk menyimpan data anak-anak dari member. Tabel 3.4 Definisi Tabel MsChild

1. KodeAnggota Int(11) Kode unik untuk setiap record

2. Nama Varchar(50) Nama anak

3. Gender Varchar(10) Jenis kelamin anak

4. TempatLahir Varchar(30) Tempat lahir anak

5. TanggalLahir Date Tanggal lahir anak

6. Pekerjaan Varchar(30) Pekerjaan anak

(49)

Gambar 3.75 Tabel MsPartner

Tabel ini digunakan untuk menyimpan data partner dari member. Tabel 3.5 Definisi Tabel MsPartner

2. Nama Varchar(50) Nama partner

3. Gender Varchar(10) Jenis kelamin partner

4. TempatLahir Varchar(30) Tempat lahir partner

5. TanggalLahir Date Tanggal lahir partner

6. NoPengenal Varchar(20) Nomor KTP / SIM / Passport partner

7. Alamat Text Alamat tempat tinggal partner

8. Telp Varchar(20) Nomor telepon partner yang dapat

dihubungi

9. HP Varchar(20) Nomor ponsel partner yang dapat

dihubungi

(50)

11. Agama Varchar(20) Agama partner

Gambar 3.76 Tabel MsSchool

Tabel ini digunakan untuk menyimpan data sekolah / universitas tempat member belajar.

Tabel 3.6 Definisi Tabel MsSchool

2. Nama Varchar(50) Nama sekolah tempat member belajar

3. Alamat Text Alamat sekolah tempat member belajar

4. Telp Varchar(20) Nomor telepon sekolah yang dapat

dihubungi

5. Fax Varchar(20) Nomor fax sekolah yang dapat

dihubungi

(51)

Gambar 3.77 Tabel MsMembership

Tabel ini digunakan untuk menyimpan data properti member untuk jenis member Single, Family, Couple, Mahasiswa, dan Pelajar.

Tabel 3.7 Definisi Tabel MsMembership No. Nama Field Tipe Data Keterangan

1. JenisMember Varchar(2) Jenis member yang telah dipilih member

2. KodeMember Int(11) Kode member untuk setiap jenis member

3. TanggalAwal Date Tanggal awal di mana member mulai

aktif

4. TanggalAkhir Date Tanggal akhir di mana member akan

habis masa keanggotaannya

MsTemp

PK,FK1 Username

JenisMember Masa

Tanggal

(52)

Tabel ini digunakan untuk menyimpan data sementara member yang sudah terdaftar tapi belum membayar (belum aktif) untuk segera dilakukan aktivasi member berdasarkan pada jenis member dan masa keanggotaan yang dipilih oleh member tersebut.

Tabel 3.8 Definisi Tabel MsTemp

2. JenisMember Varchar(2) Jenis Member yang dipilih oleh member

3. Masa Int(11) Masa keanggotaan yang dipilih oleh

member

4. Tanggal Date Tanggal member tersebut mendaftar

Gambar 3.79 Tabel MsBooking

Tabel ini digunakan untuk menyimpan data booking tempat dan waktu yang dipilih oleh member.

Tabel 3.9 Definisi Tabel MsBooking

(53)

2. Tempat Varchar(30) Tempat olahraga yang dipilih oleh member

3. Tanggal Date Tanggal yang dipilih oleh member

4. Jam Time Jam yang dipilih oleh member

5. JenisMember Varchar(2) Jenis member yang aktif pada member

6. KodeMember Char(5) Kode member yang aktif pada member

Gambar 3.80 Tabel MsAbsence

Tabel ini digunakan untuk menyimpan data absensi member yang ingin melakukan kegiatan olahraga di dalam perusahaan.

Tabel 3.10 Definisi Tabel MsAbsence

1. Tanggal Date Tanggal kehadiran member

2. Jam Time Jam kehadiran member

(54)

Gambar 3.81 Tabel MsPayment

Tabel ini digunakan untuk menyimpan data pembayaran yang sudah dilakukan oleh member.

Tabel 3.11 Definisi Tabel MsPayment

1. KodePembayaran Int(11) Kode unik untuk setiap record

2. Tanggal Date Tanggal member melakukan

pembayaran

3. Jam Time Jam member melakukan pembayaran

4. UangPangkal Int(11) Besar uang pangkal yang dibayar oleh

member

5. Iuran Int(11) Besar iuran yang dibayar oleh member

(55)

Gambar 3.82 Tabel MsComment

Tabel ini digunakan untuk menyimpan data komentar yang dikirim oleh pendatang (guest) kepada perusahaan.

Tabel 3.12 Definisi Tabel MsComment No. Nama Field Tipe Data Keterangan

1. ID Int(11) Kode unik untuk setiap record

2. Email Varchar(50) Alamat E-mail pendatang yang

mengirim komentar

3. Komentar Text Isi komentar yang dikirim

Gambar 3.83 Tabel MsNews

Tabel ini digunakan untuk menyimpan data berita-berita terbaru dari perusahaan.

Tabel 3.13 Definisi Tabel MsNews

(56)

2. Jam Time Jam berita dipublikasikan

3. Judul Varchar(100) Judul berita

4. Berita Text Isi berita

MsGallery

PK ID

Image Keterangan

Gambar 3.84 Tabel MsGallery

Tabel ini digunakan untuk menyimpan data galeri gambar-gambar dari perusahaan.

Tabel 3.14 Definisi Tabel MsGallery

1. ID Int(11) Kode unik untuk setiap record

2. Image Varchar(100) Letak direktori gambar

(57)

3.3.6 Perancangan Struktur Menu

(58)

(59)

Halaman Utama

Home Member

View Member Data

Comment View Member Property View Comment Booking View Booking Absence View Absence Add Absence Add News Edit News Payment View Payment Activate Member Add Gallery Edit Gallery Extend Member View News View Gallery Search News Search Gallery Search Member Property Change Password Switch User Detail News

Detail Member Data

View Family Data

View Partner Data

View School Data

(60)

3.3.7 Perancangan Layar <HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> HOME <Informasi> Username : Password : Forgot Password

Jika anda ingin register, klik Sign Up <Gambar Perusahaan>

Gambar 3.88 Rancangan Layar Guest Home

Rancangan layar Guest Home adalah rancangan layar utama dari website ini.

Halaman ini berisi informasi tentang website ini. Selain itu, halaman ini berfungsi sebagai login untuk anggota yang telah mendaftar menjadi anggota Tangkas Sports Centre. Dan halaman ini berisi link diantaranya: Home, About Us, Contact Us, Gallery, Help, Forgot Password, Sign up.

(61)

Home About Us Contact Us Gallery Help

<Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> About Us

Gambar 3.89 Rancangan Layar Guest About Us

Rancangan layar Guest About Us adalah halaman yang memberikan informasi tentang PT. Tunas Tangkas Sports Centre agar user yang membuka halaman ini dapat mengenal tentang perusahaan ini. Halaman ini berisi link diantaranya: Home, About Us, Contact Us, Gallery, Help.

(62)

<Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> Contact Us

E‐mail :

Komentar :

Gambar 3.90 Rancangan Layar Guest Contact Us

Rancangan layar Guest Contact Us adalah halaman dimana user dapat memberikan saran dan kritik serta komentar tentang PT. Tunas Tangkas Sports Centre. Selain itu, di halaman ini juga memberikan informasi tentang alamat, nomor telepon, e-mail, dan nomor rekening perusahaan untuk memudahkan user dalam menghubungi perusahaan. Halaman ini berisi link diantaranya: Home, About Us, Contact Us, Gallery, Help. Submit Clear

(63)

Data komentar anda berhasil dikirim

Back to Home

Gambar 3.91 Rancangan Layar Guest Success Contact Us

Rancangan Layar Guest Success Contact Us adalah halaman dimana user telah berhasil mengirim komentarnya kepada PT. Tunas Tangkas Sports Centre. Halaman ini berisi link diantaranya Home, About Us, Contact Us, Gallery, Help.

(64)

<Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> Gallery <Isi Gallery> <paging> <Gambar Perusahaan> <FOOTER>

Gambar 3.92 Rancangan Layar Guest Gallery

Rancangan layar Guest Gallery adalah halaman dimana user dapat melihat suasana dan situasi serta fasilitas yang ada di PT. Tunas Tangkas Sports Centre. Halaman ini berisi link diantaranya Home, About Us, Contact Us, Gallery, Help.

(65)

<Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> Gallery

Gambar 3.93 Rancangan Layar Guest Show Gallery

Rancangan Layar Guest Show Gallery adalah halaman dimana user dapat melihat gambar – gambar perusahaan secara spesifik. Halaman ini berisi link diantaranya: Home, About Us, Contact Us, Gallery, Help.

(66)

Gambar 3.94 Rancangan Layar Guest Help

Rancangan Layar Guest Help adalah halaman yang memberikan informasi secara lengkap kepada user untuk memudahkan dan membantu user dalam mencari informasi yang cepat dan akurat yang berhubungan dengan Tangkas Sports Centre. Halaman ini berisi link diantaranya: Home, About Us, Contact Us, Gallery, Help.

(67)

Gambar 3.95 Rancangan Layar Guest Entry 1

Rancangan Layar Guest Entry 1 adalah halaman dimana user dapat mencari informasi secara spesifik yang sesuai dengan keinginan user. Halaman Guest Entry 1 memberikan informasi tentang pendaftaran secara spesifik. Halaman ini berisi link diantaranya: Home, About Us, Contact Us, Gallery, Help.

(68)

Rancangan Layar Guest Entry 2 adalah halaman dimana user dapat mencari informasi secara spesifik yang sesuai dengan keinginan user. Halaman Guest Entry 2 memberikan informasi tentang lupa password dan e-mail secara spesifik. Halaman ini berisi link diantaranya: Home, About Us, Contact Us, Gallery, Help.

(69)

Rancangan Layar Guest Entry 3 adalah halaman dimana user dapat mencari informasi secara spesifik yang sesuai dengan keinginan user. Halaman Guest Entry 3 memberikan informasi tentang cara membuat account dan mengirim komentar secara spesifik. Halaman ini berisi link diantaranya: Home, About Us, Contact Us, Gallery, Help.

(70)

Rancangan Layar Guest Entry 4 adalah halaman dimana user dapat mencari informasi secara spesifik yang sesuai dengan keinginan user. Halaman Guest Entry 4 memberikan informasi tentang cara menjadi member aktif, booking, dan pembayaran secara spesifik. Halaman ini berisi link diantaranya: Home, About Us, Contact Us, Gallery, Help.

(71)

Gambar 3.99 Rancangan Layar Guest Terms

Rancangan Layar Guest Terms adalah halaman dimana user dapat mencari informasi secara spesifik yang sesuai dengan keinginan user. Halaman Guest Terms memberikan informasi tentang persyaratan keanggotaan dan tata tertib keanggotaan secara spesifik. Halaman ini berisi link diantaranya: Home, About Us, Contact Us, Gallery, Help.

(72)

<Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> Help Single <keterangan> <Family> <keterangan> <Couple> <keterangan> <Mahasiswa> <keterangan> <Pelajar> <keterangan> Back <Gambar Perusahaan> <FOOTER>

Gambar 3.100 Rancangan Layar Guest Price

Rancangan Layar Guest Price adalah halaman dimana user dapat mencari informasi secara spesifik yang sesuai dengan keinginan user. Halaman Guest Price memberikan informasi tentang harga tiap – tiap jenis anggota secara spesifik. Halaman ini berisi link diantaranya: Home, About Us, Contact Us, Gallery, Help.

(73)

<Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> Help Discount <Keterangan> <Discount> <Discount> <Discount> <Discount> <Discount> <Discount> <Keterangan> Back <Gambar Perusahaan> <FOOTER>

Gambar 3.101 Rancangan Layar Guest Discount

Rancangan Layar Guest Discount adalah halaman dimana user dapat mencari informasi secara spesifik yang sesuai dengan keinginan user. Halaman Guest Discount memberikan informasi tentang diskon bagi anggota secara spesifik. Halaman ini berisi link diantaranya: Home, About Us, Contact Us, Gallery, Help.

(74)

<HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> Password Assistance Username : Alamat E‐mail : <Gambar Perusahaan> <FOOTER>

Gambar 3.102 Rancangan Layar Guest Forgot Password

Rancangan Layar Guest Forgot Password adalah halaman yang membantu member untuk mendapatkan passwordnya karena terjadi sesuatu. Halaman ini berisi link diantaranya: Home, About Us, Contact Us, Gallery, Help.

(75)

Back To Home <FOOTER>

Gambar 3.103 Rancangan Layar Guest Success Forgot Password

Rancangan Layar Guest Success Forgot Password adalah halaman dimana user telah berhasil merequest password yang hilang. Halaman ini berisi link diantaranya Home, About Us, Contact Us, Gallery, Help.

(76)

<Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> Register Username : Password : Konfirmasi Password : Upload Image : Data Pribadi Nama Lengkap :

Jenis Kelamin : Laki – Laki Perempuan

Golongan Darah :

Tempat & Tanggal Lahir :

Alamat ; Telp : HP : No. KTP/SIM/Passport : Alamat E‐mail :

Status : Belum Menikah Menikah Kewarganegaraan : WNI WNA

Agama : Pekerjaan / Jabatan : Data Perusahaan D V M V Y V Browse O V

(77)

Nama Perusahaan : Alamat Perusahaan : Telp : Fax : Bidang Usaha : <Keterangan Register> <Gambar Perusahaan> <FOOTER>

Gambar 3.104 Rancangan Layar Guest Sign Up

Rancangan Layar Guest Sign Up adalah halaman dimana user dapat melakukan pendaftaran sebagai syarat untuk bisa membuat account sebagai member aktif. Halaman ini berisi link diantaranya: Home, About Us, Contact Us, Gallery, Help.

(78)

Back To Home <FOOTER>

Gambar 3.105 Rancangan Layar Guest Success Sign Up

Rancangan Layar Guest Success Sign Up adalah halaman dimana user telah berhasil mendaftar sebagai member sementara untuk membuat account baru sebagai member aktif. Halaman ini berisi link diantaranya Home, About Us, Contact Us, Gallery, Help.

(79)

Home Profile Register Booking Payment Help

Selamat Datang, <user> Sign Out <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> HOME <NEWS> <Paging> <FOOTER>

Gambar 3.106 Rancangan Layar Member Home

Rancangan Layar Member Home adalah halaman yang memberikan informasi berupa berita terbaru dari perusahaan seperti event yang akan diadakan, dan lain – lain. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

(80)

Selamat Datang, <user> Sign Out <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> HOME

Kembali

Gambar 3.107 Rancangan Layar Member News

Rancangan Layar Member News adalah halaman yang memberikan informasi berita terbaru secara spesifik sesuai dengan keinginan member. Halaman ini berisi link

diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner

Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

(81)

Selamat Datang, <user> Sign Out <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> PROFILE <Gambar Member> Kode Member: <Kode Member> Tanggal Awal: <Tanggal Awal> Tanggal Akhir: <Tanggal Akhir>

Data Pribadi

Nama Lengkap : <Nama Lengkap> Jenis Kelamin : <Jenis Kelamin> Golongan Darah : <Golongan Darah> Tempat & Tanggal

Lahir

: <Tempat & Tanggal Lahir> Alamat : <Alamat> Telp : <Telp> HP : <HP> No. KTP / SIM / Passport : <No. KTP / SIM / Passport> Alamat E‐mail : <Alamat E‐mail> Status : <Status>

Kewarganegaraan : <Kewarganegaraan> Agama : <Agama>

(82)

Pekerjaan / Jabatan : <Pekerjaan / Jabatan> Data Perusahaan

Nama Perusahaan : <Nama Perusahaan> Alamat Perusahaan : <Alamat

Perusahaan> Telp : <Telp> Fax : <Fax>

Bidang Usaha : <Bidang Usaha>

Gambar 3.108 Rancangan Layar Member Profile

Rancangan Layar Member Profile adalah halaman yang memberikan informasi berupa data – data pribadi member kepada member yang bersangkutan. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

(83)

Selamat Datang, <user> Sign Out <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> PROFILE <Gambar Member> Kode Member: Tanggal Awal: Tanggal Akhir: Data Pribadi Nama Lengkap : Jenis Kelamin : Golongan Darah : Tempat & Tanggal Lahir :

Alamat :

Telp :

HP :

No. KTP / SIM / Passport : Alamat E‐mail : Status : Kewarganegaraan : Agama : Pekerjaan / Jabatan : Data Perusahaan

(84)

Nama Perusahaan : Alamat Perusahaan : Telp : Fax : Bidang Usaha : View Family Data <FOOTER>

Gambar 3.109 Rancangan Layar Member Profile Family

Rancangan Layar Member Profile Family adalah halaman yang memberikan

informasi berupa data – data pribadi member jenis member family kepada member yang bersangkutan. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

(85)

Selamat Datang, <user> Sign Out Profile

Data Istri / Suami

Nama <Nama>

Tempat / Tanggal Lahir <Tempat / Tanggal Lahir> Pekerjaan <Pekerjaan>

Data Anak – anak

Nama Jenis Kelamin Tempat / Tanggal Lahir Pekerjaan <Nama> <Jenis Kelamin> <Tempat / Tanggal

Lahir>

Back

Gambar 3.110 Rancangan Layar Member View Family Data

Rancangan Layar Member View Family Data adalah halaman dimana member dapat melihat informasi berupa data – data pribadi jenis member family secara spesifik. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

(86)

Alamat :

Telp :

HP :

(87)

Nama Perusahaan : Alamat Perusahaan : Telp : Fax : Bidang Usaha : View Partner Data <FOOTER>

Gambar 3.111 Rancangan Layar Member Profile Couple

Rancangan Layar Member Profile Couple adalah halaman yang memberikan

informasi berupa data – data pribadi member jenis member couple kepada member yang bersangkutan. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

(88)

Data Partner

Nama <Nama>

Jenis Kelamin <Jenis Kelamin> Tempat / Tanggal Lahir <Tempat / Tanggal Lahir> No. KTP / SIM / Passport <No. KTP / SIM / Passport>

Alamat <Alamat> Telp <Telp> HP <HP> Kewarganegaraan <Kewarganegaraan> Agama <Agama> Back <FOOTER>

Gambar 3.112 Rancangan Layar Member View Partner Data

Rancangan Layar Member View Partner Data adalah halaman dimana member dapat melihat informasi berupa data – data pribadi jenis member couple secara spesifik. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

(89)

Alamat :

Telp :

HP :

(90)

Nama Perusahaan : Alamat Perusahaan : Telp : Fax : Bidang Usaha : View School Data <FOOTER>

Gambar 3.113 Rancangan Layar Member Profile Mahasiswa / Pelajar

Rancangan Layar Member Profile Mahasiswa / Pelajar adalah halaman yang

memberikan informasi berupa data – data pribadi member jenis member mahasiswa / pelajar kepada member yang bersangkutan. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

(91)

Data Sekolah / Universitas

Nama Sekolah / Universitas <Nama Sekolah / Universitas> Alamat Sekolah / Universitas <Alamat Sekolah / Universitas>

Telp <Telp>

Fax <Fax>

Back

Gambar 3.114 Rancangan Layar Member View School Data

Rancangan Layar Member View School Data adalah halaman dimana member dapat melihat informasi berupa data – data pribadi jenis member mahasiswa / pelajar secara spesifik. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

(92)

Selamat Datang, <user> Sign Out <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> EDIT PROFILE <Gambar Member> Change Image Password : Change Password Data Pribadi Nama Lengkap :

Jenis Kelamin : Laki – Laki Perempuan

Golongan Darah :

Tempat & Tanggal Lahir :

Alamat ; Telp : HP : No. KTP/SIM/Passport : Alamat E‐mail :

Status : Belum Menikah Menikah Kewarganegaraan : WNI WNA

Agama :

Pekerjaan / Jabatan :

Data Perusahaan

D V M V Y V O V

(93)

Nama Perusahaan : Alamat Perusahaan : Telp : Fax : Bidang Usaha : <FOOTER>

Gambar 3.115 Rancangan Layar Member Edit Profile

Rancangan Layar Member Edit Profile adalah halaman dimana member dapat mengubah data – data pribadinya. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out, Change Password, Change Image.

(94)

Selamat Datang, <user> Sign Out Data profile anda berhasil diubah

Back to Home

Gambar 3.116 Rancangan Layar Member Success Edit Profile

Rancangan Layar Member Success Edit Profile adalah halaman dimana user telah berhasil mengubah data – data pribadinya. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

(95)

Selamat Datang, <user> Sign Out <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> Change Image Back <FOOTER>

Gambar 3.117 Rancangan Layar Member Change Image

Rancangan Layar Member Change Image adalah halaman dimana member dapat mengubah gambar atau foto member. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

Browse Change Clear

(96)

Selamat Datang, <user> Sign Out

Image anda berhasil diubah

Back to Home

Gambar 3.118 Rancangan Layar Member Success Change Image

Rancangan Layar Member Success Change Image adalah halaman dimana user telah berhasil mengubah gambar atau foto member. Halaman ini berisi link diantaranya Home, About Us, Contact Us, Gallery, Help.

(97)

<HEADER> Home Profile Register Booking Payment Help

<Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> Change Password Password Lama : Password Baru : Konfirmasi Password Baru

Back

Gambar 3.119 Rancangan Layar Member Change Password

Rancangan Layar Member Change Password adalah halaman dimana member dapat mengubah Password lamanya. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

(98)

Selamat Datang, <user> Sign Out Password anda berhasil diubah

Back to Home

Gambar 3.120 Rancangan Layar Member Success Change Password

Halaman Member Success Change Password adalah halaman dimana user telah berhasil mengubah Password lamanya. Halaman ini berisi link diantaranya Home, About Us, Contact Us, Gallery, Help.

(99)

EDIT Profile <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4>

Data Istri / Suami Nama Istri / Suami : Tempat / Tanggal Lahir : Pekerjaan : Back <FOOTER>

Gambar 3.121 Rancangan Layar Member Edit Spouse Data

Halaman Member Edit Spouse Data adalah halaman dimana member bisa mengubah data – data family secara spesifik, misalnya: nama istri / suami, tempat / tanggal lahir, dan pekerjaan. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

Reset Save

(100)

Selamat Datang, <user> Sign Up

Data Suami / Istri anda berhasil diubah

Back to Home

Gambar 3.122 Rancangan Layar Member Success Edit Spouse Data

Rancangan Layar Member Success Edit Spouse Data adalah halaman dimana member telah berhasil mengubah data – data family secara spesifik, misalnya: nama istri / suami, tempat / tanggal lahir, dan pekerjaan. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

(101)

EDIT PROFILE <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4>

Data Anak – anak

Nama Jenis Kelamin Tempat / Tanggal Lahir Pekerjaan

<Nama> <JK> <TTL> <Pekerjaan> Edit

Back

Gambar 3.123 Rancangan Layar Member View Child Data

Rancangan Layar Member View Child Data adalah halaman yang menampilkan informasi berupa data anak - anak. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out, Edit.

(102)

Data Anak – anak

Nama Anak : Tempat / Tanggal Lahir : Jenis Kelamin

: Laki ‐ Laki Perempuan

Pekerjaan :

Back

Gambar 3.124 Rancangan Layar Member Edit Child Data

Rancangan Layar Member Edit Child Data adalah halaman dimana member bisa mengubah data – data family secara spesifik, misalnya: nama anak, jenis kelamin, tempat / tanggal lahir, dan pekerjaan. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

Reset Save

(103)

Data anak anda berhasil diubah

Back to Home

Gambar 3.125 Rancangan Layar Member Success Edit Child Data

Rancangan Layar Member Success Edit Child Data adalah halaman dimana member telah berhasil mengubah data – data family secara spesifik misalnya: nama anak, jenis kelamin, tempat / tanggal lahir, dan pekerjaan. Halaman ini berisi link

diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner

Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

(104)

Data Sekolah / Universitas

Nama Sekolah / Universitas: Alamat Sekolah / Universitas:

Telp Fax Back <FOOTER>

Gambar 3.126 Rancangan Layar Member Edit School Data

Rancangan Layar Member Edit School Data adalah halaman dimana member bisa mengubah data – data pribadi yang diperlukan untuk jenis member mahasiswa dan pelajar. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

Reset Save

(105)

Data sekolah / universitas anda berhasil diubah

Back to Home

Gambar 3.127 Halaman Member Success Edit School Data

Rancangan Layar Member Success Edit School Data adalah halaman dimana member telah berhasil mengubah data – data pribadi yang diperlukan untuk jenis member mahasiswa dan pelajar. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

(106)

EDIT Profile <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> Data Partner Nama lengkap Partner : Tempat / Tanggal Lahir :

Jenis Kelamin : Laki – Laki Perempuan No. KTP/SIM/Passport : Alamat : Telp : HP : Agama :

Kewarganergaraan : WNI WNA

Back

Gambar 3.128 Rancangan Layar Member Edit Partner Data Reset

Save

(107)

Halaman Member Edit Partner Data adalah halaman dimana member bisa mengubah data – data pribadi yang diperlukan untuk jenis member couple. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.

Selamat Datang, <user> Sign Out Data partner anda berhasil diubah

Back to Home

Gambar 3.129 Rancangan Layar Member Success Edit Partner Data

Rancangan Layar Member Success Edit Partner Data adalah halaman dimana member telah berhasil mengubah data – data pribadi yang diperlukan untuk jenis member couple. Halaman ini berisi link diantaranya: Home, Profile, Edit Profile, Registration, Add Family Data, Add Partner Data, Add School Data, Booking, Payment, Konfirmasi Tagihan, Konfirmasi Pembayaran, Help, Sign Out.