BAB III ANALISA DAN PERANCANGAN

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN Analisa sistem adalah metode untuk menemukan kelemahan-kelemahan sistem guna memperoleh gambaran terhadap sistem yang akan dikembangkan sehingga dapat diusulkan perbaikkannya. Tahapan dalam menganalisa sistem diawali dengan mempelajari bagaimana mengidentifikasi masalah-masalah yang dihadapi, mengidentifikasi pengguna (user) sistem. Analisa kebutuhan sistem dimaksudkan untuk mengetahui faktor-faktor apa saja yang mempengaruhi sistem. Faktor-faktor tersebut akan menjadi tolak ukur dalam proses pengembangan sistem selanjutnya. 3.1 Analisa Sistem Berjalan Untuk menggambarkan kondisi sistem yang berjalan saat ini dalam melakukan pencarian tempat kursus terdekat adalah sebagai berikut : Brosur Calon Pendaftar Komputer Tempat Kursus Mengisi Formulir Pembayaran Gambar 3.1 Analisa Sistem Berjalan 31

2 Penjelasan dari gambar analisa sistem berjalan tersebut dapat diuraikan menjadi sebagai berikut : 1. Proses Pencarian Calon Pendaftar mencari tempat kursus melalui media internet (komputer, smartphone) dan brosur. 2. Proses Pendaftaran Calon Pendaftar datang ke Tempat Kursus. Mengisi formulir yang sudah disediakan. Customer Service melakukan pengecekkan kelengkapan isi formulir, jika ada yang kurang lengkap, maka calon pendaftar diminta melengkapi isi formulir. 3. Proses Pembayaran Setelah mengisi formulir, Calon Pendaftar membayar biaya pendaftaran sesuai yang sudah ditentukan oleh pihak tempat kursus. Customer Service memberikan Form tanda terima kepada calon pendaftar sebagai bukti telah melakukan pendaftaran dan pembayaran Analisa Masalah Dari hasil analisa pada sistem berjalan yang penulis paparkan dengan menggunakan gambar dan penjelasannya diatas, dapat ditarik kesimpulan bahwa ada beberapa masalah yang dihadapi, yakni : 1. Calon Pendaftar terlebih dahulu harus mencari melalui media internet (dalam hal ini google) dan brosur untuk dapat menemukan tempat kursus terdekat. Hal ini sangat tidak efisien. 2. Sesudah menemukan tempat kursus terdekat yang dicari, Calon Pendaftar harus datang ke tempat kursus tersebut untuk melakukan pendaftaran dan pembayaran sehingga Calon Pendaftar memerlukan waktu lebih. 3.2 Rancangan Sistem Yang Diusulkan Untuk memudahkan penulis dalam melakukan perancangan aplikasi sistem informasi geografis pencarian tempat kursus, penulis menggunakan Unifed Modeling Language (UML). Adapun langkah-langkah yang dilakukan dalam merancang sistem menggunakan UML adalah dengan : 1. Membuat use case diagram sistem yang diusulkan 2. Membuat activity diagram sistem yang diusulkan 3. Membuat sequence diagram sistem yang diusulkan 4. Membuat class digram sistem yang diusulkan 32

3 3.2.1 Use Case Diagram Sistem Yang Diusulkan A. Actor Actor yang terdapat pada aplikasi sistem informasi geografis pencarian tempat kursus terdekat ini adalah : 1. Admin 2. Pihak Kursus 3. Pendaftar Kursus Tabel 3.1 Actor dalam aplikasi sistem informasi geografis pencarian tempat kursus Use Case Deskripsi Admin Admin akan login ke back end yang berbasis web lalu mengecek tempat kursus dan pendaftar yang bermasalah untuk melakukan pem-blokir-an. Pihak Kursus Pihak Kursus akan memulai aplikasi, melakukan pendaftaran account dan meng-input segala yang berhubungan dengan tempat kursus mereka untuk diiklankan. Pendaftar Kursus Pendaftar akan memulai aplikasi, melakukan pendaftaran account dan melakukan pencarian tempat kursus terdekat. Pendaftar juga dapat melakukan pendaftaran online. B. Use Case Diagram Sistem Usulan 33

4 Gambar 3.2 Use Case Diagram Sistem Usulan 34

5 C. Use Case Spesification Setiap use case harus di deskripsikan dalam dokumen untuk mendefinisikan apa yang harus dilakukan sistem ketika actor mengaktifkan use case. Fungsionalitas sistem yang telah digambarkan dengan use case diagram pada gambar 3.2 akan dijelaskan lebih detail pada use case specification sebagai berikut : Use Case Actor Precondition Description Postcondition Tabel 3.2 Use case login admin Login admin Admin Admin harus akses link addres aplikasi back end dan memasukan /usernam dan password agar dapat mengakses menu-menu yang ada pada aplikasi back end Use case ini memungkinkan admin untuk dapat mengakses menu-menu yang dibutuhkan pada aplikasi back end Jika admin berhasil login maka akan masuk ke halaman utama yang berisi menu-menu seperti mengelola data bank, data kategori, pemblokiran terhadap pihak kursus dan pendaftar kursus yang melanggar syarat dan ketentuan. Use Case Actor Precondition Description Postcondition Tabel 3.3 Use case mengelola data bank Mengelola data bank Admin Admin harus login aplikasi back end terlebih dahulu Admin bisa mengelola data bank seperti metode pembayaran via bank. Metode pembayaran via bank baru terbentuk Use Case Actor Precondition Description Postcondition Tabel 3.4 Use case mengelola data kategori Mengelola data kategori Admin Admin harus login aplikasi back end terlebih dahulu Admin bisa mengelola data kategori seperti menambahkan kategori-kategori kursus Kategori-kategori kursus akan terbentuk 35

6 Use Case Actor Precondition Description Postconditon Tabel 3.5 Use case blokir tempat kursus Blokir pihak kursus Admin Admin harus login aplikasi back end terlebih dahulu Admin bisa melakukan pemblokiran terhadap pihak kursus yang melanggar syarat dan ketentuan Pihak kursus akan ter-banned tidak dapat melakukan aktivitas dan iklan yang bersangkutan tidak akan ditampilkan Use Case Actor Precondition Description Postconditon Tabel 3.6 Use case blokir pendaftarkursus Blokir pendaftar kursus Admin Admin harus login aplikasi back end terlebih dahulu Admin bisa melakukan pemblokiran terhadap pendaftar yang melanggar syarat dan ketentuan Pendaftar akan ter-banned tidak dapat melakukan aktivitas Use Case Actor Precondition Description Postconditon Tabel 3.7 Use case hapus ulasan Hapus Ulasan Admin Admin dapat melakukan ulasan yang melanggar syarat dan ketentuan Ulasan yang mengandung SARA Ulasan terhapus Use Case Actor Precondition Description Postconditon Tabel 3.8 Use case registrasi Registrasi Pihak Kursus dan Pendaftar Kursus Pihak kursus dan pendaftar kursus harus mengisi form pendaftaran Pihak kursus dan pendaftar kursus akan diminta mengisi form registrasi yang berisikan nama pendaftar, mendaftar sebagai pihak kursus atau pendaftar kursus, alamat lengkap, , username, password, pertanyaan dan jawaban keamanan Pihak kursus dan pendaftar kursus bisa melakukan aktivitas 36

7 dalam aplikasi seperti membuat iklan kursus dan mendaftar kursus Use Case Actor Precondition Description Postconditon Tabel 3.9 Use case login Login Pihak Kursus dan Pendaftar Kursus Pihak kursus dan pendaftar kursus harus login aplikasi terlebih dahulu Pihak kursus dan pendaftar kursus akan diminta mengisi username/ dan password. Pihak kursus dan pendaftar kursus bisa melakukan aktivitas dalam aplikasi Use Case Actor Precondition Description Postconditon Tabel 3.10 Use case input data tempat kursus Input data tempat kursus Pihak Kursus Pihak kursus harus memasukkan data lengkap tempat kursus pada form yang sudah disediakan Pihak kursus mengisi form yang berisi kategori kursus, nama kursus, alamat lengkap, jadwal kursus, tipe kursus, pengajar, deskripsi kursus, telepon, , kapasitas kursus dan biaya pendaftaran kursus Pihak kursus bisa mengiklankan tempat kursusnya Use Case Actor Precondition Description Postconditon Tabel 3.11 Use case mencari tempat kursus Mencari tempat kursus Pendaftar kursus Setelah berhasil login, pendaftar kursus dapat mencari tempat kursus di kategori kursus yang sudah disediakan Kategori kursus berisikan macam-macam kursus seperti kursus komputer, bahasa inggris, matematika, dan lain-lain Tempat kursus yang diinginkan akan tampil Use Case Tabel 3.12 Use case pendaftaran kursus Pendaftaran kursus 37

8 Actor Precondition Description Postconditon Pendaftar kursus Pendaftar kursus melakukan pendaftaran kursus dengan mengklik button daftar Pendaftar kursus dapat me-reviewkembali tempat kursus pilhannya Aplikasi akan menampilkan informasi kursus dan biaya pendaftaran kursus Use Case Actor Precondition Description Postconditon Tabel 3.13 Use case pembayaran Pembayaran Pendaftar Kursus Pendaftar kursus diharuskan konfirmasi pendaftaran dan melakukan pembayaran Halaman pembayaran berisikan kode pendaftaran, jumlah pembayaran, dan metode pembayaran. Pendaftar kursus diharuskan membayar biaya pendaftaran kursus yang sudah tertera disertai kode unik agar pendaftaran kursus dapat segera diproses. Pendaftar kursus juga akana mendapatkan kode pendaftaran yang merupakan bukti bahwa pendaftaran kursus telah melakukan pendaftaran kursus Pendaftaran kursus telah selesai Use Case Actor Precondition Description Postconditon Tabel 3.14 Use case edit profile Edit Profile Pendaftar Kursus dan Pihak Kursus Pendaftar kursus dan pihak kursus ingin mengubah profile-nya Pendaftar kursus dan pihak kursus bisa mengubah profile sesuai dengan kebutuhan Aplikasi akan meng-update profile Use Case Actor Precondition Description Tabel 3.15 Use case edit kursus Edit Kursus Pihak Kursus Pihak kursus ingin mengubah informasi mengenai tempat kursus Pihak kursus bisa mengubah informasi tempat kursus 38

9 Postconditon Aplikasi akan meng-update informasi kursus Use Case Actor Precondition Description Postconditon Tabel 3.16 Use case ulasan Ulasan Pendaftar Kursus Pendaftar kursus bisa memberikan ulasan jika telah mengikuti kursus ditempat kursus tersebut Ulasan bisa berisikan hal-hal positif ataupun negatif sesuai yang dirasakan pendaftar kursus Ulasan akan tampil di profile tempat kursus Use Case Actor Precondition Description Postconditon Tabel 3.17 Use case saran Saran Pihak Kursus dan Pendaftar Kursus Pihak kursus dan pendaftar kursus dapat memberikan saran jika terdapat kekurangan-kekurangan di dalam aplikasi Saran berisikan hal-hal positif demi perkembangan dan kemajuan aplikasi Saran akan tampil di back end atau halaman admin Activity Diagram 1. Activity Diagram Login Admin 39

10 Gambar 3.3 Activity Diagram Login Admin Penjelasan dari activity diagram diatas adalah : 1. Admin akses aplikasi Back End dimana untuk masuk kedalamnya memerlukan proses autentikasi berupa username dan password. 2. Setelah admin memasukan username dan password, sistem akan melakukan proses validasi, jika valid akan masuk ke halaman utama aplikasi. Tetapi jika gagal, sistem akan menampilkan halaman login kembali dengan penambahan informasi bahwa username atau password yang dimasukan tidak sesuai. 40

11 2. Activity Diagram Mengelola Data Bank Gambar 3.4 Activity Diagram Mengelola Data Bank Penjelasan dari activity diagram diatas adalah : 1. Pada menu yang muncul di halaman utama, admin pilih menu Master Bank maka sistem akan melakukan request ke database dan sistem akan menampilkan data master bank (jika ada). 2. Untuk menambahkan bank, admin pilih tombol Add dan sistem akan menampilkan form input master bank berupa nama bank, nomor rekening, atas nama, dan cabang. 41

12 3. Activity Diagram Mengelola Data Kategori Gambar 3.5 Activity Diagram Mengelola Data Kategori Penjelasan dari activity diagram diatas adalah : 1. Admin pilih menu Master Kategori maka sistem akan melakukan request ke database dan sistem akan menampilkan data master kategori (jika ada). 2. Untuk menambahkan kategori, admin pilih tombol Add dan sistem akan menampilkan form input master kategori berupa nama kategori. 42

13 4. Activity Diagram Lihat Informasi Pendaftar Kursus Gambar 3.6 Activity Diagram Lihat Informasi Pendaftar Kursus Penjelasan dari activity diagram diatas adalah : 1. Admin pilih menu transaksi dengan sub menu pendaftaran, maka sistem menampilkan list pendaftar kursus yang telah melakukan pendaftaran melalui aplikasi. 2. Untuk melihat informasi detail mengenai pendaftaran, admin dapat melihatnya dengan mengklik tombol view. 43

14 5. Activity Diagram Kelola Iklan Tempat Kursus Gambar 3.7 Activity Diagram Kelola Iklan Tempat Kursus Penjelasan dari activity diagram diatas adalah : 1. Admin pilih menu transaksi dengan sub menu kursus, maka sistem akan menampilkan list tempat kursus. List tempat kursus ini merupakan tempat-tempat kursus yang dibuat oleh pihak kursus. 2. Untuk melihat detail tempat kursus, admin dapat mengklik icon view, maka sistem akan menampilkan detail informasi mengenai tempat kursus. 44

15 3. Admin dapat mengecek kebenaran informasi tempat kursus jika terdapat informasi yang salah, admin berhak menghapus tempat kursus tersebut. 6. Activity Diagram Kelola Ulasan Gambar 3.8 Activity Diagram Kelola Ulasan Penjelasan dari activity diagram diatas adalah : 1. Admin pilih menu transaksi dengan sub menu ulasan, maka sistem akan menampilkan list ulasan yang merupakan ulasan-ulasan yang diberikan dari pihak-pihak yang telah merasakan kursus di tempat kursus yang berada di dalam aplikasi (jika ada). 45

16 2. Admin dapat melihat secara detai ulasan-ulasan yang telah diberikan oleh pihakpihak yang sudah merasakan kursus ditempat kursus yang ada dalam aplikasi. 3. Admin dapat me-reviewkembali ulasan-ulasan yang ada. Jika ulasan mengandung SARA maka admin berhak menghapus ulasan tersebut. 7. Activity Diagram Kontak ( Saran / Masukkan Dari Pengguna) Gambar 3.9 Activity Diagram Kontak ( Saran / Masukkan Dari Pengguna) Penjelasan dari activity diagram diatas adalah : 46

17 1. Admin pilih menu kontak, maka sistem akan menampilkan inputan saran yang telah diberikan oleh pengguna aplikasi (jika ada). 2. Admin dapat menghapus saran jika telah melihat saran dari pengguna. 8. Activity Diagram Kelola Data Admin Gambar 3.10 Activity Diagram Kelola Data Admin 47

18 Penjelasan dari activity diagram diatas adalah : 1. Admin pilih menu admin, maka sistem akan menampilkan list admin. 2. Admin dapat mengelola data admin mulai dari add, edit, dan hapus data admin. Jika telah mengelola data admin, sistem akan menyimpan data tersebut dan mengirimkan data tersebut ke database. 9. Activity Diagram Kelola Pengguna Gambar 3.11 Activity Diagram Kelola Pengguna Penjelasan dari activity diagram diatas adalah : 1. Admin pilih menu pengguna, maka sistem akan menampilkan list pengguna aplikasi yaitu pendaftar kursus dan pihak kursus. 48

19 2. Admin dapat mem-banned pengguna aplikasi yang telah melanggar syarat dan ketentuan atau menghapus pengguna jika melakukan pelanggaran lebih dari 3 kali. 3. Sistem akan request banned atau hapus pengguna tersebut ke database. Pengguna aplikasi tidak dapat melakukan aktivitas di dalam aplikasi. 10. Activity Diagram Registrasi Pendaftar Kursus Gambar 3.12 Activity Diagram Registrasi Pendaftar Kursus Penjelasan dari activity diagram diatas adalah : 1. Pendaftar kursus pilih menu daftar, maka sistem akan menampilkan form pendaftaran. Pendaftar kursus wajib mengisi data pribadi dengan benar dan mendaftar sebagai pencari kursus didalam form pendaftaran. 2. Jika telah mengisi form pendaftaran, pendaftar kursus klik daftar, sistem akan request ke database untuk menyimpan data tersebut. 3. Jika data sudah tersimpan, sistem akan menampilkan konfirmasi pendaftaran. Konfirmasi pendaftaran dimaksudkan untuk pendaftar kursus agar bisa langsung menggunakan aplikasi. 4. Jika pendaftar kursus telah konfirmasi pendaftaran, aplikasi baru bisa digunakan. 49

20 11. Activity Diagram Pendaftaran Kursus Gambar 3.13 Activity Diagram Pendaftaran Kursus Penjelasan dari activity diagram diatas adalah : 1. Pendaftar kursus diwajibkan login terlebih dahulu. Jika valid maka dapat menggunakan aplikasi. Jika gagal, maka dikembalikkan ke halaman login. 50

21 2. Pendaftar kursus pilih kategori untuk melakukan pencarian tempat kursus. Sistem akan menampilkan tempat kursus berdasarkan kategori. 3. Pendaftar kursus dapat melihat informasi detail tempat kursus dengan mengklik salah satu tempat kursus yang ada di dalam maps. 4. Pendaftaran kursus bisa dilakukan, dengan mengklik daftar yang berada didalam halaman informasi tempat kursus. Sistem akan meminta konfirmasi pendaftaran. 5. Jika pendaftar kursus melakukan konfirmasi pendaftaran maka sistem akan menampilkan halaman kode pendaftaran dan metode pembayaran. 6. Pendaftar kursus diharuskan melakukan pembayaran dengan cara mentransfer biaya pendaftaran sesuai dengan yang telah diinformasikan disertai kode unik agar pendaftaran bisa segera diproses. 7. Pendaftar kursus diharuskan mencetak halaman kode pendaftaran sebagai bukti pendaftaran. Dibawa ketika melakukan konfirmasi pendaftaran ulang di tempat kursus. 8. Pendaftarkan kursus diharuskan meng-upload bukti transfer agar pendaftaran kursus bisa diproses. 12. Activity Diagram Registrasi Pihak Kursus Gambar 3.14 Activity Diagram Registrasi Pihak Kursus Penjelasan dari activity diagram diatas adalah : 51

22 1. Pihak kursus pilih menu daftar, maka sistem akan menampilkan form pendaftaran. Pihak kursus wajib mengisi data pribadi dengan benar dan mendaftar sebagai penyedia kursus didalam form pendaftaran. 2. Jika telah mengisi form pendaftaran, pihak kursus klik daftar, sistem akan request ke database untuk menyimpan data tersebut. 3. Jika data sudah tersimpan, sistem akan menampilkan konfirmasi pendaftaran. Konfirmasi pendaftaran dimaksudkan untuk pihak kursus agar bisa langsung menggunakan aplikasi. 4. Jika pihak kursus telah konfirmasi pendaftaran, aplikasi baru bisa digunakan. 13. Activity Diagram Add Tempat Kursus Gambar 3.15 Activity Diagram Add Tempat Kursus 52

23 Penjelasan dari activity diagram diatas adalah : 1. Pihak kursus diwajibkan login terlebih dahulu. Jika valid maka dapat menggunakan aplikasi. Jika gagal, maka dikembalikkan ke halaman login. 2. Pihak Kursus pilih kursus untuk melakukan add kursus. Sistem akan menampilkan form add kursus. 3. Pihak kursus harus input data kursus dengan benar agar tidak di banned/hapus oleh admin. Jika pihak kursus telah mengisi form add kursus, klik daftar. 4. Jika pendaftaran berhasil aka nada pemberitahuan oleh sistem bahwa kursus anda telah dipublikasikan Sequence Diagram Sequence Diagram Login Admin Nama Sequence Deskripsi Singkat Aktor Pra Kondisi Tindakan Utama Gambar 3.16 Sequence Diagram Login Admin Table 3.18 Tabel Deskripsi Sequence Diagram Login Admin Sequence Diagram Login Admin Admin melakukan login ke Back End aplikasi Admin Untuk dapat login ke Back End aplikasi, admin harus melakukan akses address aplikasi Back End melalui browser Admin mengakses aplikasi Back End melalui browser, setelah itu admin memasukan username dan password. Jika username dan password yang di input sesuai, maka admin akan masuk ke menu utama aplikasi Back End. Jika tidak, admin mengulang kembali. Tindakan Alternatif - Pasca Kondisi Masuk ke halaman utama aplikasi Back End 53

24 Sequnce Diagram Kelola Master Data Nama Sequence Deskripsi Singkat Aktor Pra Kondisi Tindakan Utama Gambar 3.17 Sequnce Diagram Kelola Master Data Table 3.19 Tabel Deskripsi Sequence Diagram Kelola Master Data Sequence Diagram Login Kelola Master Data Admin melakukan Input Master Data Admin Admin pilih menu master data (bank, kategori) Pada menu master data, admin pilih sub menu master data bank atau data kategori dan klik add Tindakan Alternatif - Melakukan perubahan/edit data master tekan icon edit pada data yang di maksud - Melakukan penghapusan data master dengan tekan icon hapus pada data yang di maksud Pasca Kondisi Data terbentuk dan bertambah 54

25 Sequnce Diagram Manage Transaksi Nama Sequence Deskripsi Singkat Aktor Pra Kondisi Tindakan Utama Tindakan Alternatif Pasca Kondisi Gambar 3.18 Sequnce Diagram Manage Transaksi Table 3.20 Tabel Deskripsi Sequence Diagram Manage Transaksi Sequence Diagram Manage Transaksi Admin mengelola transaksi Admin Admin pilih menu transaksi (pendaftaran, kursus, ulasan) Pada menu transaksi, admin pilih sub menu transaksi/kursus/ulasan lalu tekan icon view untuk melihat detail transaksi Melakukan penghapusan dengan tekan icon hapus pada data yang di maksud Data transaksi (pendaftaran, kursus, ulasan) berhasil ditampilkan dan terhapus 55

26 Sequnce Diagram Melihat Kontak (Saran) Gambar 3.19 Sequnce Diagram Melihat Kontak (Saran) Table 3.21 Tabel Deskripsi Sequence Diagram Melihat Kontak (Saran) Nama Sequence Sequence Diagram Melihat Kontak (Saran) Deskripsi Singkat Admin melihat saran Aktor Admin Pra Kondisi Admin pilih menu kontak Tindakan Utama Pada menu kontak, admin pilih salah satu saran untuk melihat secara detail isi saran Tindakan Alternatif Melakukan penghapusan dengan tekan icon hapus pada data yang di maksud Pasca Kondisi Saran berhasil ditampilkan dan terhapus Sequnce Diagram Data Admin Gambar 3.20 Sequnce Diagram Data Admin 56

27 Nama Sequence Deskripsi Singkat Aktor Pra Kondisi Tindakan Utama Table 3.22 Tabel Deskripsi Sequence Diagram Data Admin Sequence Diagram Data Admin Admin melihat dan mengelola data admin Admin Admin pilih menu admin Pada menu admin, admin tekan tombol add untuk menambahkan admin Tindakan Alternatif - Melakukan perubahan/edit data admin tekan icon edit pada admin yang di maksud - Melakukan penghapusan data admin dengan tekan icon hapus pada admin yang di maksud Pasca Kondisi Admin baru terbentuk dan terhapus Sequnce Diagram Manage Pengguna Nama Sequence Deskripsi Singkat Aktor Pra Kondisi Tindakan Utama Gambar 3.21 Sequnce Diagram Manage Pengguna Table 3.23 Tabel Deskripsi Sequence Diagram Manage Pengguna Sequence Diagram Manage Pengguna Admin melihat dan mem-banned/hapus pengguna Admin Admin pilih menu pengguna Pada menu pengguna, admin tekan tombol lock untuk memblokir pengguna Tindakan Alternatif - Melakukan perubahan/edit status pengguna tekan icon edit pada pengguna yang di maksud - Melakukan penghapusan data pengguna dengan tekan icon hapus pada pengguna yang di maksud Pasca Kondisi Pengguna terblokir 57

28 Sequnce Diagram Pendaftaran Kursus Nama Sequence Deskripsi Singkat Aktor Pra Kondisi Tindakan Utama Gambar 3.22 Sequnce Diagram Pendaftaran Kursus Table 3.24 Tabel Deskripsi Sequence Diagram Pendaftaran Kursus Sequence Diagram Pendaftaran Kursus Pendaftar Kursus melakukan pendaftaran kursus Pendaftar Kursus Pendaftar kursus login terlebih dahulu. Jika valid bisa menggunakan aplikasi. Jika gagal akan dikembalikan ke form login Pendaftar kursus klik kategori lalu pilih tempat kursus yang diinginkan. Setelah informasi tempat kursus ditampilkan, klik daftar Tindakan Alternatif - Pasca Kondisi Pendaftar kursus berhasil melakukan pendaftaran 58

29 Sequnce Diagram Mengiklankan Tempat Kursus Nama Sequence Deskripsi Singkat Aktor Pra Kondisi Tindakan Utama Gambar 3.23 Sequnce Diagram Mengiklankan Tempat Kursus Table 3.25 Tabel Deskripsi Sequence Diagram Mengiklankan Tempat Kursus Sequence Diagram Mengiklankan Tempat Kursus Pihak Kursus melakukan add kursus Pihak Kursus Pihak kursus login terlebih dahulu. Jika valid bisa menggunakan aplikasi. Jika gagal akan dikembalikan ke form login Pihak kursus pilih menu kursus dan diharuskan mengisi form add kursus Tindakan Alternatif - Pasca Kondisi Tempat kursus berhasil dipublikasikan 59

30 3.2.4 Class Diagram Gambar 3.24 Class Diagram Aplikasi SIG Pencarian Tempat Kursus Rancangan Tabel Dalam pembuatan aplikasi sistem informasi geografis pencarian tempat kursus ini dibutuhkan rancangan basis data yang sesuai dengan kebutuhan aplikasi itu sendiri, berikut ini adalah deskripsi tabel-tabel yang digunakan dalam sistem. 60

31 1. Nama Tabel : Admin Field Kunci : id Jumlah Field : 10 Table 3.26 Struktur Tabel Admin No Nama Field Tipe Ukuran Keterangan 1. Id Integer 11 Primary Key 2. Username Varchar Password Varchar Status Varchar Terakhir_login Datetime 6. Session_key Varchar Dibuat_tanggal Datetime 8. Dibuat_oleh Integer Diubah_tanggal Datetime 10. Diubah_oleh Integer Nama Tabel : Bank Field Kunci : id Jumlah Field : 9 Table 3.27 Struktur Tabel Bank No Nama Field Tipe Ukuran Keterangan 1. Id Integer 11 Primary Key 2. Nama_bank Varchar Nomor_rekening Varchar Atas_nama Varchar Cabang Datetime Dibuat_tanggal Datetime 7. Dibuat_oleh Integer Diubah_tanggal Datetime 9. Diubah_oleh Integer Nama Tabel : Daftar Field Kunci : id Jumlah Field : 9 61

32 Table 3.28 Struktur Tabel Daftar No Nama Field Tipe Ukuran Keterangan 1. Id Integer 11 Primary Key 2. Kursus_id Integer Pengguna_id Integer Kode Varchar Status Varchar Biaya Double 7. Kode_acak Double 8. Total Double 9. Filename Varchar Dibuat_tanggal Datetime 4. Nama Tabel : Data_diri Field Kunci : id Jumlah Field : 12 Table 3.29 Struktur Tabel Data_diri No Nama Field Tipe Ukuran Keterangan 1. Id Integer 11 Primary Key 2. Nama Varchar Jenis_kelamin Varchar Alamat Text 5. Kelurahan Varchar Kecamatan Varchar Kota Varchar Kode_pos Varchar 6 9. Dibuat_tanggal Datetime 10. Dibuat_oleh Integer Diubah_tanggal Datetime 12. Diubah_oleh Integer Nama Tabel : Format Field Kunci : keyword Jumlah Field : 2 62

33 Table 3.30 Struktur Tabel Format No Nama Field Tipe Ukuran Keterangan 1. Keyword Varchar 255 Primary Key 2. Value Varchar Nama Tabel : Gambar Field Kunci : id Jumlah Field : 3 Table 3.31 Struktur Tabel Gambar No Nama Field Tipe Ukuran Keterangan 1. Id Integer 11 Primary Key 2. Kursus_id Integer Nama_file Varchar Nama Tabel : Kategori Field Kunci : id Jumlah Field : 7 Table 3.32 Struktur Tabel Kategori No Nama Field Tipe Ukuran Keterangan 1. Id Integer 11 Primary Key 2. Nama Varchar Dibuat_tanggal Datetime 4. Dibuat_oleh Integer Diubah_tanggal Datetime 6. Diubah_oleh Integer Is_deleted Varchar 1 8. Nama Tabel : Kontak Field Kunci : id Jumlah Field : 6 Table 3.33 Struktur Tabel Kontak No Nama Field Tipe Ukuran Keterangan 1. Id Integer 11 Primary Key 2. Varchar

34 3. Judul Varchar Isi Text 5. Dibuat_tanggal Datetime 6. Dibuat_oleh Integer Nama Tabel : Kursus Field Kunci : id Jumlah Field : 17 Table 3.34 Struktur Tabel Kursus No Nama Field Tipe Ukuran Keterangan 1. Id Integer 11 Primary Key 2. Kategori_id Integer Nama Varchar Alamat Text 5. Jadwal Text 6. Tipe Varchar Pengajar Varchar Deskripsi Text 6 9. Telp Varchar Hp Varchar Varchar kapasitas Integer Biaya Double 14. Dibuat_tanggal Datetime 15. Dibuat_oleh Integer Diubah_tanggal Datetime 17. Diubah_oleh integer Nama Tabel : Lokasi Field Kunci : id Jumlah Field : 4 Table 3.35 Struktur Tabel Lokasi No Nama Field Tipe Ukuran Keterangan 1. Id Integer 11 Primary Key 64

35 2. Kursus_id Integer Long Varchar Lat Varchar Nama Tabel : Pengguna Field Kunci : id Jumlah Field : 16 Table 3.36 Struktur Tabel Pengguna No Nama Field Tipe Ukuran Keterangan 1. Id Integer 11 Primary Key 2. Data_diri_id Integer Username Varchar Varchar Password Varchar Tipe Varchar Kode_verifikasi Varchar Tanggal_aktif Datetime 9. Status Varchar Terakhir_login datetime 11. Session_key Varchar Tanya Varchar Jawab Varchar Dibuat_tanggal Datetime 15. Dibuat_oleh Integer Diubah_tanggal Datetime 17. Diubah_oleh Integer Is_deleted Smallint Nama Tabel : Ulasan Field Kunci : id Jumlah Field : 6 Table 3.37 Struktur Tabel Ulasan No Nama Field Tipe Ukuran Keterangan 1. Id Integer 11 Primary Key 65

36 2. Kursus_id Integer Pengguna_id Integer Isi Text 5. Dibuat_tanggal Datetime 6. Is_deleted Smallint Rancang Layar Aplikasi Usulan Site Map Aplikasi Back End Aplikasi Back End Sistem Informasi Geografis Pencarian Tempat Kurus Di Jakarta Dengan Geolocation API Login Page Home Page Master Transaksi Kontak Admin Pengguna Gambar 3.25 Site Map Aplikasi Back End 66

37 3.3.2 Rancangan Layar Login Page Aplikasi Back End Gambar 3.26 Rancangan Layar Login Page Aplikasi Back End Rancangan Layar Home Aplikasi Back End Gambar 3.27 Rancangan Layar Home Aplikasi Back End 67

38 3.3.4 Rancangan Layar Master Sub Menu Bank Gambar 3.28 Rancangan Layar Master Sub Menu Bank Rancangan Layar Master Sub Menu Kategori Gambar 3.29 Rancangan Layar Master Sub Menu Kategori 68

39 3.3.6 Rancangan Layar Transaksi Sub Menu Pendaftaran Gambar 3.30 Rancangan Layar Transaksi Sub Menu Pendaftaran Rancangan Layar Transaksi Sub Menu Kursus Gambar 3.31 Rancangan Layar Transaksi Sub Menu Kursus 69

40 3.3.8 Rancangan Layar Transaksi Sub Menu Ulasan Gambar 3.32 Rancangan Layar Transaksi Sub Menu Ulasan Rancangan Layar Kontak Gambar 3.33 Rancangan Layar Kontak 70

41 Rancangan Layar Admin Gambar 3.34 Rancangan Layar Admin Rancangan Layar Pengguna Gambar 3.35 Rancangan Layar Pengguna 71

42 Rancangan Layar Menu Utama Aplikasi Gambar 3.36 Rancangan Layar Menu Utama Aplikasi Rancangan Layar Login Aplikasi Gambar 3.37 Rancangan Layar Login Aplikasi 72

43 Rancangan Layar Daftar Account Gambar 3.38 Rancangan Layar Daftar Account Rancangan Layar Pencarian Tempat Kursus Berdasarkan Kategori Gambar 3.39 Rancangan Layar Pencarian Tempat Kursus Berdasarkan Kategori 73

44 Rancangan Layar Form Add Kursus Gambar 3.40 Rancangan Layar Form Add Kursus Rancangan Layar Saran Gambar 3.41 Rancangan Layar Saran 74

45 Rancangan Layar Menu Utama Aplikasi Pada Smartphone Gambar 3.42 Rancangan Layar Menu Utama Aplikasi Pada Smartphone 75