BAB 3 ANALISIS DAN PERANCANGAN

Transkripsi

1 BAB 3 ANALISIS DAN PERANCANGAN 3.1 Latar Belakang Perusahaan Riwayat Singkat Perusahaan P.T. Tunas Tangkas Primaraga Sakti sebelumnya bernama P.T. Bima Tangkas Bakti, didirikan di Jakarta pada tanggal 31 Agustus 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 nonanggota, 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. Membership Mahasiswa: Keanggotaan untuk para mahasiswa. 37

2 38 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 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 sebanyakbanyaknya, dan mengembangkan bisnis perusahaan untuk memenuhi keinginan pihak-pihak yang terkait (stakeholders) 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 39 Direktur General Manager Marketing Finance Operasional Personalia / HRD Membership Kasir Maintenance Administrasi Personalia Promotion Pembukuan Cleaning Service Bidang Ekstrakurikuler Administrasi Pembukuan Security Fasilitas Gambar 3.1 Struktur Organisasi PT. Tunas Tangkas Primaraga Sakti 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 40 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 41 5. Operational Tugas dan wewenang dari bagian Operational adalah memelihara fasilitas-fasilitas yang ada di dalam perusahaan, membina hubungan yang baik dengan anggota-anggota, menerima saran dan kritik dari anggotaanggota 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 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 42 Tabel 3.1 Draft Wawancara Wawancara Nama : Jabatan : Bapak Hendro 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 keanggotaan yang sedang berjalan?

7 43 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 Analisis Kuesioner Kuesioner yang kami bagikan terdapat 30 buah yang ditujukan kepada anggota-anggota olahraga dalam perusahaan, dimana di dalam kuesioner tersebut

8 44 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 Apakah anda bisa menggunakan internet? a. Ya 85% b. Tidak 15%

9 45 Gambar 3.3 Diagram Hasil Kuesioner Pertanyaan No Seberapa mudah anda mendapatkan informasi mengenai keanggotaan anda? a. Mudah 18% b. Biasa 28% c. Sulit 54% Gambar 3.4 Diagram Hasil Kuesioner Pertanyaan No. 3

10 46 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% Gambar 3.5 Diagram Hasil Kuesioner Pertanyaan No Apakah anda membutuhkan sebuah aplikasi yang dapat memudahkan dan membantu anda dalam mendapatkan informasi mengenai keanggotaan anda? a. Ya 75% b. Tidak 25%

11 47 Gambar 3.6 Diagram Hasil Kuesioner Pertanyaan No Apakah anda pernah mendengar dan mengetahui mengenai aplikasi berbasiskan web? a. Ya 64% b. Tidak 36% Gambar 3.7 Diagram Hasil Kuesioner Pertanyaan No Jika ya, apakah anda tertarik dalam menggunakan sebuah aplikasi berbasis web? a. Ya 79% b. Tidak 21%

12 48 Gambar 3.8 Diagram Hasil Kuesioner Pertanyaan No 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% Gambar 3.9 Diagram Hasil Kuesioner Pertanyaan No. 8

13 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 Promosi dilakukan melalui media cetak.

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

16 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. Aktoraktor 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 pengaturanpengaturan di dalam sistem.

17 Gambar 3.12 Use Case Subsistem Registrasi 53

18 Gambar 3.13 Use Case Subsistem Administrasi Member 54

19 Gambar 3.14 Use Case Subsistem Booking 55

20 Gambar 3.15 Use Case Subsistem Absensi 56

21 Gambar 3.16 Use Case Subsistem Pembayaran 57

22 Gambar 3.17 Use Case Subsistem Promosi 58

23 Sequence Diagram Gambar 3.18 Sequence Member Login Member pilih link Logout GUI Login Page session destroy Gambar 3.19 Sequence Member Logout

24 60 Gambar 3.20 Sequence Admin Login Gambar 3.21 Sequence Admin Logout

25 61 Add Comment GUI Form Add Comment GUI MsComment Guest pilih link input form comment Error Message validasi insert Comment Result Comment Inserted Gambar 3.22 Sequence Guest Add Comment Gambar 3.23 Sequence Member Add General Data

26 62 Add Family Data GUI Add Spouse GUI Add Child GUI Form Add Spouse GUI Form Add Child GUI MsSpouse MsChild Member pilih link pilih link input form spouse data Result validasi Error Message insert Spouse Data Result Spouse Inserted pilih link input form child data Result validasi Error Message insert Child Data Result Child Inserted Gambar 3.24 Sequence Member Add Family Data Gambar 3.25 Sequence Member Add Partner Data

27 63 Add School Data GUI Form Add School Data GUI MsSchool Member pilih link input form school data Error Message validasi insert School Data Result School Data Inserted Gambar 3.26 Sequence Member Add School Data Gambar 3.27 Sequence Member Show Profile

28 64 Gambar 3.28 Sequence Member Edit Profile dan Change Password Booking GUI Form Booking GUI MsBooking Member pilih link input form booking Error Message validasi insert Booking Result Booking Inserted Gambar 3.29 Sequence Member Add Booking

29 65 Gambar 3.30 Sequence Member View Confirmation Gambar 3.31 Sequence Admin Search, View, dan Delete Absence

30 66 Gambar 3.32 Sequence Admin Search, View, dan Delete Booking Gambar 3.33 Sequence Admin Search, View, dan Delete Comment

31 67 Gambar 3.34 Sequence Admin Search, View, dan Delete General Data Search Payment GUI Payment View Payment GUI MsPayment Admin pilih link search Payment Result Error Message view Payment Show Payment delete Payment Result Payment Deleted Gambar 3.35 Sequence Admin Search, View, dan Delete Payment

32 68 Gambar 3.36 Sequence Admin Search, View, dan Delete Member Property Gambar 3.37 Sequence Admin Add Absence

33 69 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 70

35 71 Search Gallery GUI Gallery View Gallery GUI Edit Gallery GUI Form Edit Gallery GUI MsGallery Admin pilih link search Gallery Result Error Message view Gallery Show Gallery klik button Result isi form edit gallery Validation Result validasi Error Message edit Gallery Result Gallery Updated delete Gallery Result Gallery Deleted Gambar 3.41 Sequence Admin Search, View, Edit, dan Delete Gallery

36 72 Gambar 3.42 Sequence Admin Add News Gambar 3.43 Sequence Admin Add Gallery

37 Statechart Diagram Gambar 3.44 Statechart Admin Delete Absence Gambar 3.45 Statechart Admin Add Absence / cancel delete / pilih booking / delete booking / delete OK Waiting Konfirmasi Gambar 3.46 Statechart Admin Delete Booking Gambar 3.47 Statechart Member Add Booking

38 74 Gambar 3.48 Statechart Admin Delete Payment Gambar 3.49 Statechart Admin Add Payment / cancel delete / pilih member / delete member / delete OK Waiting Konfirmasi Gambar 3.50 Statechart Admin Delete Member Gambar 3.51 Statechart Member Add Member

39 75 Gambar 3.52 Statechart Member Edit Member Gambar 3.53 Statechart Member Add Registration Data Gambar 3.54 Statechart Member Add Spouse Data / waiting / cancel update / edit spouse / update spouse / update OK Spouse Konfirmasi Gambar 3.55 Statechart Member Edit Spouse Data

40 76 Gambar 3.56 Statechart Member Add Child Data / waiting / cancel update / edit child / update child / update OK Child Konfirmasi Gambar 3.57 Statechart Member Edit Child Data Gambar 3.58 Statechart Member Add Partner Data / waiting / cancel update / edit partner / update partner / update OK Partner Konfirmasi Gambar 3.59 Statechart Member Edit Partner Data

41 77 Gambar 3.60 Statechart Member Add School Data / waiting / cancel update / edit school / update school / update OK School Konfirmasi Gambar 3.61 Statechart Member Edit School Data Gambar 3.62 Statechart Admin Delete Membership Data / cancel delete / pilih comment / delete comment / delete OK Waiting Konfirmasi Gambar 3.63 Statechart Admin Delete Comment

42 78 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 79 Gambar 3.68 Statechart Admin Delete Gallery Gambar 3.69 Statechart Admin Add Gallery Gambar 3.70 Statechart Admin Edit Gallery

44 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 Komentar MsGallery PK ID Image Keterangan MsMember PK Username Password Nama Gender TempatLahir TanggalLahir GolDarah Alamat Telp HP NoPengenal 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 Gambar 3.71 Model Data ERD

45 81 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 5. TempatLahir Varchar(30) Tempat lahir member

46 82 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. Varchar(50) Alamat 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 member bekerja

47 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 No. Nama Field Tipe Data Keterangan 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 84 Gambar 3.74 Tabel MsChild Tabel ini digunakan untuk menyimpan data anak-anak dari member. Tabel 3.4 Definisi Tabel MsChild No. Nama Field Tipe Data Keterangan 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 7. Username Varchar(20) Username dari tabel MsMember

49 85 Gambar 3.75 Tabel MsPartner Tabel ini digunakan untuk menyimpan data partner dari member. Tabel 3.5 Definisi Tabel MsPartner No. Nama Field Tipe Data Keterangan 1. Username Varchar(20) Username dari tabel MsMember 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 10. Kewarganegaraan Varchar(3) Kewarganegaraan partner

50 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 No. Nama Field Tipe Data Keterangan 1. Username Varchar(20) Username dari tabel MsMember 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 87 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 5. Username Varchar(20) Username dari tabel MsMember MsTemp PK,FK1 Username JenisMember Masa Tanggal Gambar 3.78 Tabel MsTemp

52 88 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 No. Nama Field Tipe Data Keterangan 1. Username Varchar(20) Username dari tabel MsMember 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 No. Nama Field Tipe Data Keterangan 1. KodeBooking Int(11) Kode unik untuk setiap record

53 89 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 7. Username Varchar(20) Username dari tabel MsMember 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 No. Nama Field Tipe Data Keterangan 1. Tanggal Date Tanggal kehadiran member 2. Jam Time Jam kehadiran member 3. JenisMember Varchar(2) Jenis member yang aktif pada member 4. KodeMember Char(5) Kode member yang aktif pada member 5. Username Varchar(20) Username dari tabel MsMember

54 90 Gambar 3.81 Tabel MsPayment Tabel ini digunakan untuk menyimpan data pembayaran yang sudah dilakukan oleh member. Tabel 3.11 Definisi Tabel MsPayment No. Nama Field Tipe Data Keterangan 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 6. JenisMember Varchar(2) Jenis member yang aktif pada member 7. KodeMember Char(5) Kode member yang aktif pada member 8. Username Varchar(20) Username dari tabel MsMember

55 91 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. Varchar(50) Alamat 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 No. Nama Field Tipe Data Keterangan 1. Tanggal Date Tanggal berita dipublikasikan

56 92 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 No. Nama Field Tipe Data Keterangan 1. ID Int(11) Kode unik untuk setiap record 2. Image Varchar(100) Letak direktori gambar 3. Keterangan Text Nama / deskripsi dari gambar

57 Perancangan Struktur Menu Gambar 3.85 Struktur Menu Guest

58 Gambar 3.86 Struktur Menu Member 94

59 95 Halaman Utama Home Member Comment Booking Absence Payment Search News View Member Data View Comment View Booking View Absence View Payment View News Detail Member Data Add Absence Activate Member Edit News View Family Data Extend Member Detail News Search Gallery View Partner Data View Gallery View School Data Edit Gallery Search Member Property Add News View Member Property Add Gallery Change Password Switch User Gambar 3.87 Struktur Menu Admin

60 Perancangan Layar <HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> HOME <Informasi> Username : Password : Login Forgot Password Jika anda ingin register, klik Sign Up <Gambar Perusahaan> <Sponsor Iklan 4> <FOOTER> 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 97 <HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> About Us <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> <Isi Tentang About Us> <Gambar Perusahaan> <FOOTER> 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 98 <HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> Contact Us <Alamat Lengkap Perusahaan> E mail : Komentar : Submit Clear <Gambar Perusahaan> <FOOTER> 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.

63 99 <HEADER> Home About Us Contact Us Gallery Help Data komentar anda berhasil dikirim Back to Home <FOOTER> 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 100 <HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> Gallery <Sponsor Iklan 2> <Sponsor Iklan 3> <Isi Gallery> <paging> <Gambar Perusahaan> <Sponsor Iklan 4> <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 101 <HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> Gallery <Prev> <Gallery secara spesifik> <Next> <Gambar Perusahaan> <Sponsor Iklan 4> <FOOTER> 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 102 <HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> Help <Sponsor Iklan 2> <Isi Help> <Sponsor Iklan 3> <Gambar Perusahaan> <Sponsor Iklan 4> <FOOTER> 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 103 <HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> Help <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> <Pertanyaan> <Jawaban> <Pertanyaan> <Jawaban> Back <Gambar Perusahaan> <FOOTER> 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 104 <HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> Help <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> <Pertanyaan> <Jawaban> <Pertanyaan> <Jawaban> <Pertanyaan> <Jawaban> Back <Gambar Perusahaan> <FOOTER> Gambar 3.96 Rancangan Layar Guest Entry 2 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 secara spesifik. Halaman ini berisi link diantaranya: Home, About Us, Contact Us, Gallery, Help.

69 105 <HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> Help <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> <Pertanyaan> <Jawaban> <Pertanyaan> <Jawaban> Back <Gambar Perusahaan> <FOOTER> Gambar 3.97 Rancangan Layar Guest Entry 3 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 106 <HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> Help <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> <Pertanyaan> <Jawaban> <Pertanyaan> <Jawaban> <Pertanyaan> <Jawaban> <Pertanyaan> <Jawaban> Back <Gambar Perusahaan> <FOOTER> Gambar 3.98 Rancangan Layar Guest Entry 4 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 107 <HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> Help <Sponsor Iklan 2> <Sponsor Iklan 3> <Pertanyaan> <Jawaban> <Sponsor Iklan 4> <Pertanyaan> <Jawaban> Back <Gambar Perusahaan> <FOOTER> 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 108 <HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> Help <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> Single <keterangan> <Family> <keterangan> <Couple> <keterangan> <Mahasiswa> <keterangan> <Pelajar> <keterangan> Back <Gambar Perusahaan> <FOOTER> Gambar 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 109 <HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> Help <Sponsor Iklan 2> <Sponsor Iklan 3> Discount <Keterangan> <Discount> <Discount> <Sponsor Iklan 4> <Discount> <Discount> <Discount> <Discount> <Keterangan> Back <Gambar Perusahaan> <FOOTER> Gambar 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 110 <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 : Submit <Gambar Perusahaan> <FOOTER> Gambar 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 111 <HEADER> Home About Us Contact Us Gallery Help <Keterangan Berhasil Submit> Back To Home <FOOTER> Gambar 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 112 <HEADER> Home About Us Contact Us Gallery Help <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Register Username : Password : Konfirmasi Password : Upload Image : Data Pribadi Nama Lengkap : Browse Iklan 4> Jenis Kelamin : Laki Laki Perempuan Golongan Darah : Tempat & Tanggal Lahir : Alamat ; O V D V M V Y V Telp : HP : No. KTP/SIM/Passport : Alamat E mail : Status : Belum Menikah Menikah Kewarganegaraan : WNI WNA Agama : Pekerjaan / Jabatan : Data Perusahaan

77 113 Nama Perusahaan : Alamat Perusahaan : Telp : Fax : Bidang Usaha : <Keterangan Register> Submit Clear <Gambar Perusahaan> <FOOTER> Gambar 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 114 <HEADER> Home About Us Contact Us Gallery Help <Keterangan Berhasil Register> Back To Home <FOOTER> Gambar 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 115 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out <Sponsor Iklan 1> <Sponsor Iklan 2> HOME <NEWS> <Paging> <Sponsor Iklan 3> <Sponsor Iklan 4> <FOOTER> Gambar 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 116 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out <Sponsor Iklan 1> <Sponsor Iklan 2> HOME <NEWS secara spesifik dan detail> <Next / Prev> <Sponsor Iklan 3> <Sponsor Iklan 4> Kembali <FOOTER> Gambar 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 117 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out <Sponsor Iklan 1> PROFILE <Gambar Member> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> 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 118 Pekerjaan / Jabatan : <Pekerjaan / Jabatan> Data Perusahaan Nama Perusahaan : <Nama Perusahaan> Alamat Perusahaan : <Alamat Perusahaan> Telp : <Telp> Fax : <Fax> Bidang Usaha : <Bidang Usaha> <FOOTER> Gambar 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 119 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out <Sponsor Iklan 1> PROFILE <Gambar Member> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> 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 120 Nama Perusahaan : Alamat Perusahaan : Telp : Fax : Bidang Usaha : View Family Data <FOOTER> Gambar 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 121 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out Profile Data Istri / Suami Nama Tempat / Tanggal Lahir Pekerjaan <Nama> <Tempat / Tanggal Lahir> <Pekerjaan> Data Anak anak Nama Jenis Kelamin Tempat / Tanggal Lahir Pekerjaan <Nama> <Jenis Kelamin> <Tempat / Tanggal <Pekerjaan> Lahir> Back <FOOTER> Gambar 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 122 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out <Sponsor Iklan 1> PROFILE <Gambar Member> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> 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

87 123 Nama Perusahaan : Alamat Perusahaan : Telp : Fax : Bidang Usaha : View Partner Data <FOOTER> Gambar 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 124 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out Profile Data Partner Nama Jenis Kelamin Tempat / Tanggal Lahir No. KTP / SIM / Passport Alamat Telp HP Kewarganegaraan Agama <Nama> <Jenis Kelamin> <Tempat / Tanggal Lahir> <No. KTP / SIM / Passport> <Alamat> <Telp> <HP> <Kewarganegaraan> <Agama> Back <FOOTER> Gambar 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 125 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out <Sponsor Iklan 1> PROFILE <Gambar Member> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> 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

90 126 Nama Perusahaan : Alamat Perusahaan : Telp : Fax : Bidang Usaha : View School Data <FOOTER> Gambar 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 127 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out Profile Data Sekolah / Universitas Nama Sekolah / Universitas Alamat Sekolah / Universitas Telp Fax <Nama Sekolah / Universitas> <Alamat Sekolah / Universitas> <Telp> <Fax> Back <FOOTER> Gambar 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 128 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor EDIT PROFILE <Gambar Member> Change Image Password : Change Password Data Pribadi Nama Lengkap : Jenis Kelamin : Laki Laki Perempuan Iklan 4> Golongan Darah : Tempat & Tanggal Lahir : O V D V M V Y V Alamat ; Telp : HP : No. KTP/SIM/Passport : Alamat E mail : Status : Belum Menikah Menikah Kewarganegaraan : WNI WNA Agama : Pekerjaan / Jabatan : Data Perusahaan

93 129 Nama Perusahaan : Alamat Perusahaan : Telp : Fax : Bidang Usaha : Save Reset <FOOTER> Gambar 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 130 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out Data profile anda berhasil diubah Back to Home <FOOTER> Gambar 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 131 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out <Sponsor Iklan 1> Change Image <Sponsor Iklan 2> Browse Change Clear <Sponsor Iklan 3> <Sponsor Iklan 4> Back <FOOTER> Gambar 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.

96 132 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out Image anda berhasil diubah Back to Home <FOOTER> Gambar 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 133 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out <Sponsor Iklan 1> <Sponsor Iklan 2> <Sponsor Iklan 3> <Sponsor Iklan 4> Change Password Password Lama : Password Baru : Konfirmasi Password Baru Change Back <FOOTER> Clear Gambar 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 134 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out Password anda berhasil diubah Back to Home <FOOTER> Gambar 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 135 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out EDIT Profile <Sponsor Iklan Data Istri / Suami 1> Nama Istri / : <Sponsor Iklan Suami 2> Tempat / : D V M V Y V <Sponsor Iklan Tanggal Lahir 3> Pekerjaan : <Sponsor Iklan Save Reset 4> Back <FOOTER> Gambar 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.

100 136 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Up Data Suami / Istri anda berhasil diubah Back to Home <FOOTER> Gambar 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 137 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out EDIT PROFILE <Sponsor Iklan 1> Data Anak anak Nama Jenis Tempat Pekerjaan <Sponsor Iklan 2> <Sponsor Iklan 3> Kelamin / Tanggal Lahir <Sponsor Iklan 4> <Nama> <JK> <TTL> <Pekerjaan> Edit Back <FOOTER> Gambar 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 138 <HEADER> Home Profile Register Booking Payment Help Selamat Datang, <user> Sign Out EDIT Profile <Sponsor Iklan Data Anak anak 1> Nama Anak : <Sponsor Iklan Tempat / : D V M V Y V 2> Tanggal <Sponsor Iklan Lahir 3> <Sponsor Iklan Jenis Kelamin : Laki Laki Perempuan 4> Pekerjaan : Save Reset Back <FOOTER> Gambar 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.