BAB III ANALISA DAN PERANCANGAN

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

Komputer

Calon Pendaftar

Tempat Kursus

Mengisi Formulir

Pembayaran

Gambar 3.1 Analisa Sistem Berjalan

31 http://digilib.mercubuana.ac.id/

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.

3.1.1

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


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 Admin

Deskripsi 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


Gambar 3.2 Use Case Diagram Sistem Usulan


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 :

Tabel 3.2 Use case login admin

Use Case

Login admin

Actor

Admin

Precondition

Admin harus akses link addres aplikasi back end dan memasukan email/usernam dan password agar dapat mengakses menu-menu yang ada pada aplikasi back end

Description

Use case ini memungkinkan admin untuk dapat mengakses menu-menu yang dibutuhkan pada aplikasi back end

Postcondition

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.

Tabel 3.3 Use case mengelola data bank

Use Case

Mengelola data bank

Actor

Admin

Precondition

Admin harus login aplikasi back end terlebih dahulu

Description

Admin bisa mengelola data bank seperti metode pembayaran via bank.

Postcondition

Metode pembayaran via bank baru terbentuk

Tabel 3.4 Use case mengelola data kategori

Use Case

Mengelola data kategori

Actor

Admin

Precondition


Description

Admin bisa mengelola data kategori seperti menambahkan kategori-kategori kursus

Postcondition

Kategori-kategori kursus akan terbentuk


Tabel 3.5 Use case blokir tempat kursus Use Case

Blokir pihak kursus

Actor

Admin

Precondition


Description

Admin bisa melakukan pemblokiran terhadap pihak kursus yang melanggar syarat dan ketentuan

Postconditon

Pihak kursus akan ter-banned tidak dapat melakukan aktivitas dan iklan yang bersangkutan tidak akan ditampilkan

Tabel 3.6 Use case blokir pendaftarkursus

Use Case

Blokir pendaftar kursus

Actor

Admin

Precondition


Description

Admin bisa melakukan pemblokiran terhadap pendaftar yang melanggar syarat dan ketentuan

Postconditon

Pendaftar akan ter-banned tidak dapat melakukan aktivitas

Tabel 3.7 Use case hapus ulasan

Use Case

Hapus Ulasan

Actor

Admin

Precondition

Admin dapat melakukan ulasan yang melanggar syarat dan ketentuan

Description

Ulasan yang mengandung SARA

Postconditon

Ulasan terhapus

Tabel 3.8 Use case registrasi

Use Case

Registrasi

Actor

Pihak Kursus dan Pendaftar Kursus

Precondition

Pihak kursus dan pendaftar kursus harus mengisi form pendaftaran

Description

Pihak kursus dan pendaftar kursus akan diminta mengisi form registrasi yang berisikan nama pendaftar, mendaftar sebagai pihak kursus atau pendaftar kursus, alamat lengkap, email, username, password, pertanyaan dan jawaban keamanan

Postconditon

Pihak kursus dan pendaftar kursus bisa melakukan aktivitas


dalam aplikasi seperti membuat iklan kursus dan mendaftar kursus

Tabel 3.9 Use case login

Use Case

Login

Actor


Precondition

Pihak kursus dan pendaftar kursus harus login aplikasi terlebih dahulu

Description

Pihak kursus dan pendaftar kursus akan diminta mengisi username/email dan password.

Postconditon

Pihak kursus dan pendaftar kursus bisa melakukan aktivitas dalam aplikasi

Tabel 3.10 Use case input data tempat kursus

Use Case

Input data tempat kursus

Actor

Pihak Kursus

Precondition

Pihak kursus harus memasukkan data lengkap tempat kursus pada form yang sudah disediakan

Description

Pihak kursus mengisi form yang berisi kategori kursus, nama kursus, alamat lengkap, jadwal kursus, tipe kursus, pengajar, deskripsi kursus, telepon, email, kapasitas kursus dan biaya pendaftaran kursus

Postconditon

Pihak kursus bisa mengiklankan tempat kursusnya

Tabel 3.11 Use case mencari tempat kursus

Use Case

Mencari tempat kursus

Actor

Pendaftar kursus

Precondition

Setelah berhasil login, pendaftar kursus dapat mencari tempat kursus di kategori kursus yang sudah disediakan

Description

Kategori kursus berisikan macam-macam kursus seperti kursus komputer, bahasa inggris, matematika, dan lain-lain

Postconditon

Tempat kursus yang diinginkan akan tampil

Tabel 3.12 Use case pendaftaran kursus

Use Case

Pendaftaran kursus


Actor

Pendaftar kursus

Precondition

Pendaftar kursus melakukan pendaftaran kursus dengan mengklik button daftar

Description

Pendaftar kursus dapat me-reviewkembali tempat kursus pilhannya

Postconditon

Aplikasi akan menampilkan informasi kursus dan biaya pendaftaran kursus

Tabel 3.13 Use case pembayaran

Use Case

Pembayaran

Actor

Pendaftar Kursus

Precondition

Pendaftar kursus diharuskan konfirmasi pendaftaran dan melakukan pembayaran

Description

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

Postconditon

Pendaftaran kursus telah selesai

Tabel 3.14 Use case edit profile

Use Case

Edit Profile

Actor

Pendaftar Kursus dan Pihak Kursus

Precondition

Pendaftar kursus dan pihak kursus ingin mengubah profile-nya

Description

Pendaftar kursus dan pihak kursus bisa mengubah profile sesuai dengan kebutuhan

Postconditon

Aplikasi akan meng-update profile

Tabel 3.15 Use case edit kursus

Use Case

Edit Kursus

Actor

Pihak Kursus

Precondition

Pihak kursus ingin mengubah informasi mengenai tempat kursus

Description

Pihak kursus bisa mengubah informasi tempat kursus


Postconditon

Aplikasi akan meng-update informasi kursus

Tabel 3.16 Use case ulasan

Use Case

Ulasan

Actor

Pendaftar Kursus

Precondition

Pendaftar kursus bisa memberikan ulasan jika telah mengikuti kursus ditempat kursus tersebut

Description

Ulasan bisa berisikan hal-hal positif ataupun negatif sesuai yang dirasakan pendaftar kursus

Postconditon

Ulasan akan tampil di profile tempat kursus

Tabel 3.17 Use case saran

Use Case

Saran

Actor


Precondition

Pihak kursus dan pendaftar kursus dapat memberikan saran jika terdapat kekurangan-kekurangan di dalam aplikasi

Description

Saran berisikan hal-hal positif demi perkembangan dan kemajuan aplikasi

Postconditon

3.2.2

Saran akan tampil di back end atau halaman admin

Activity Diagram

1. Activity Diagram Login Admin


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.


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.


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.


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.


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.


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).


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 :


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


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.


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.


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.


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 :


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


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. 3.2.3 Sequence Diagram 3.2.3.1 Sequence Diagram Login Admin

Gambar 3.16 Sequence Diagram Login Admin Table 3.18 Tabel Deskripsi Sequence Diagram Login Admin

Nama Sequence Deskripsi Singkat Aktor Pra Kondisi Tindakan Utama

Tindakan Alternatif Pasca Kondisi

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. Masuk ke halaman utama aplikasi Back End


3.2.3.2 Sequnce Diagram Kelola Master Data

Gambar 3.17 Sequnce Diagram Kelola Master Data Table 3.19 Tabel Deskripsi Sequence Diagram Kelola Master Data

Nama Sequence Deskripsi Singkat Aktor Pra Kondisi Tindakan Utama Tindakan Alternatif

Pasca Kondisi

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 - 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 Data terbentuk dan bertambah


3.2.3.3 Sequnce Diagram Manage Transaksi

Gambar 3.18 Sequnce Diagram Manage Transaksi Table 3.20 Tabel Deskripsi Sequence Diagram Manage Transaksi

Nama Sequence Deskripsi Singkat Aktor Pra Kondisi Tindakan Utama


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


3.2.3.4 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 Deskripsi Singkat Aktor Pra Kondisi Tindakan Utama Tindakan Alternatif Pasca Kondisi

Sequence Diagram Melihat Kontak (Saran) Admin melihat saran Admin Admin pilih menu kontak Pada menu kontak, admin pilih salah satu saran untuk melihat secara detail isi saran Melakukan penghapusan dengan tekan icon hapus pada data yang di maksud Saran berhasil ditampilkan dan terhapus

3.2.3.5 Sequnce Diagram Data Admin

Gambar 3.20 Sequnce Diagram Data Admin


Table 3.22 Tabel Deskripsi Sequence Diagram Data Admin


Pasca Kondisi

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 - 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 Admin baru terbentuk dan terhapus

3.2.3.6 Sequnce Diagram Manage Pengguna

Gambar 3.21 Sequnce Diagram Manage Pengguna Table 3.23 Tabel Deskripsi Sequence Diagram Manage Pengguna


Pasca Kondisi

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 - 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 Pengguna terblokir


3.2.3.7 Sequnce Diagram Pendaftaran Kursus

Gambar 3.22 Sequnce Diagram Pendaftaran Kursus Table 3.24 Tabel Deskripsi Sequence Diagram Pendaftaran Kursus

Nama Sequence Deskripsi Singkat Aktor Pra Kondisi

Tindakan Utama


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 Pendaftar kursus berhasil melakukan pendaftaran


3.2.3.8 Sequnce Diagram Mengiklankan Tempat Kursus

Gambar 3.23 Sequnce Diagram Mengiklankan Tempat Kursus Table 3.25 Tabel Deskripsi Sequence Diagram Mengiklankan Tempat Kursus

Nama Sequence Deskripsi Singkat Aktor Pra Kondisi

Tindakan Utama Tindakan Alternatif Pasca Kondisi

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 Tempat kursus berhasil dipublikasikan


3.2.4 Class Diagram

Gambar 3.24 Class Diagram Aplikasi SIG Pencarian Tempat Kursus

3.2.4.1 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.


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

50

3.

Password

Varchar

50

4.

Status

Varchar

15

5.

Terakhir_login

Datetime

6.

Session_key

Varchar

7.

Dibuat_tanggal

Datetime

8.

Dibuat_oleh

Integer

9.

Diubah_tanggal

Datetime

10.

Diubah_oleh

Integer

2.

Nama Tabel

: Bank

Field Kunci

: id

Jumlah Field

:9

100

11

11

Table 3.27 Struktur Tabel Bank

No

Nama Field

Tipe

Ukuran

Keterangan

1.

Id

Integer

11

Primary Key

2.

Nama_bank

Varchar

50

3.

Nomor_rekening

Varchar

20

4.

Atas_nama

Varchar

50

5.

Cabang

Datetime

50

6.

Dibuat_tanggal

Datetime

7.

Dibuat_oleh

Integer

8.

Diubah_tanggal

Datetime

9.

Diubah_oleh

Integer

3.

Nama Tabel

: Daftar

Field Kunci

: id

Jumlah Field

:9

11

11


Table 3.28 Struktur Tabel Daftar

No

Nama Field

Tipe

Ukuran

Keterangan

1.

Id

Integer

11

Primary Key

2.

Kursus_id

Integer

11

3.

Pengguna_id

Integer

11

4.

Kode

Varchar

15

5.

Status

Varchar

15

6.

Biaya

Double

7.

Kode_acak

Double

8.

Total

Double

9.

Filename

Varchar

10.

Dibuat_tanggal

Datetime

4.

Nama Tabel

: Data_diri

Field Kunci

: id

Jumlah Field

: 12

100

Table 3.29 Struktur Tabel Data_diri

No

Nama Field

Tipe

Ukuran

Keterangan

1.

Id

Integer

11

Primary Key

2.

Nama

Varchar

100

3.

Jenis_kelamin

Varchar

15

4.

Alamat

Text

5.

Kelurahan

Varchar

50

6.

Kecamatan

Varchar

50

7.

Kota

Varchar

50

8.

Kode_pos

Varchar

6

9.

Dibuat_tanggal

Datetime

10.

Dibuat_oleh

Integer

11.

Diubah_tanggal

Datetime

12.

Diubah_oleh

Integer

5.

Nama Tabel

: Format

Field Kunci

: keyword

Jumlah Field

:2

11

11


Table 3.30 Struktur Tabel Format

No

Nama Field

Tipe

Ukuran

Keterangan

1.

Keyword

Varchar

255

Primary Key

2.

Value

Varchar

255

6.

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

11

3.

Nama_file

Varchar

100

7.

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

30

3.

Dibuat_tanggal

Datetime

4.

Dibuat_oleh

Integer

5.

Diubah_tanggal

Datetime

6.

Diubah_oleh

Integer

11

7.

Is_deleted

Varchar

1

8.

Nama Tabel

: Kontak

Field Kunci

: id

Jumlah Field

:6

11

Table 3.33 Struktur Tabel Kontak

No

Nama Field

Tipe

Ukuran

Keterangan

1.

Id

Integer

11

Primary Key

2.

Email

Varchar

100


3.

Judul

Varchar

4.

Isi

Text

5.

Dibuat_tanggal

Datetime

6.

Dibuat_oleh

Integer

9.

Nama Tabel

: Kursus

Field Kunci

: id

Jumlah Field

: 17

50

11

Table 3.34 Struktur Tabel Kursus

No

Nama Field

Tipe

Ukuran

Keterangan

1.

Id

Integer

11

Primary Key

2.

Kategori_id

Integer

11

3.

Nama

Varchar

50

4.

Alamat

Text

5.

Jadwal

Text

6.

Tipe

Varchar

15

7.

Pengajar

Varchar

15

8.

Deskripsi

Text

6

9.

Telp

Varchar

15

10.

Hp

Varchar

15

11.

Email

Varchar

100

12.

kapasitas

Integer

11

13.

Biaya

Double

14.

Dibuat_tanggal

Datetime

15.

Dibuat_oleh

Integer

16.

Diubah_tanggal

Datetime

17.

Diubah_oleh

integer

10.

Nama Tabel

: Lokasi

Field Kunci

: id

Jumlah Field

:4

11

11

Table 3.35 Struktur Tabel Lokasi

No

Nama Field

Tipe

Ukuran

Keterangan

1.

Id

Integer

11

Primary Key


2.

Kursus_id

Integer

11

3.

Long

Varchar

15

4.

Lat

Varchar

15

11.

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

11

3.

Username

Varchar

50

4.

Email

Varchar

100

5.

Password

Varchar

50

6.

Tipe

Varchar

50

7.

Kode_verifikasi

Varchar

50

8.

Tanggal_aktif

Datetime

9.

Status

Varchar

10.

Terakhir_login

datetime

11.

Session_key

Varchar

100

12.

Tanya

Varchar

100

13.

Jawab

Varchar

100

14.

Dibuat_tanggal

Datetime

15.

Dibuat_oleh

Integer

16.

Diubah_tanggal

Datetime

17.

Diubah_oleh

Integer

11

18.

Is_deleted

Smallint

6

12.

Nama Tabel

: Ulasan

Field Kunci

: id

Jumlah Field

:6

15

11

Table 3.37 Struktur Tabel Ulasan

No

Nama Field

Tipe

Ukuran

Keterangan

1.

Id

Integer

11

Primary Key


2.

Kursus_id

Integer

11

3.

Pengguna_id

Integer

11

4.

Isi

Text

5.

Dibuat_tanggal

Datetime

6.

Is_deleted

Smallint

6

3.3 Rancang Layar Aplikasi Usulan 3.3.1 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

Admin

Kontak

Pengguna Gambar 3.25 Site Map Aplikasi Back End


3.3.2 Rancangan Layar Login Page Aplikasi Back End

Gambar 3.26 Rancangan Layar Login Page Aplikasi Back End

3.3.3 Rancangan Layar Home Aplikasi Back End

Gambar 3.27 Rancangan Layar Home Aplikasi Back End


3.3.4 Rancangan Layar Master Sub Menu Bank

Gambar 3.28 Rancangan Layar Master Sub Menu Bank

3.3.5 Rancangan Layar Master Sub Menu Kategori

Gambar 3.29 Rancangan Layar Master Sub Menu Kategori


3.3.6 Rancangan Layar Transaksi Sub Menu Pendaftaran

Gambar 3.30 Rancangan Layar Transaksi Sub Menu Pendaftaran

3.3.7 Rancangan Layar Transaksi Sub Menu Kursus

Gambar 3.31 Rancangan Layar Transaksi Sub Menu Kursus


3.3.8 Rancangan Layar Transaksi Sub Menu Ulasan

Gambar 3.32 Rancangan Layar Transaksi Sub Menu Ulasan

3.3.9 Rancangan Layar Kontak

Gambar 3.33 Rancangan Layar Kontak


3.3.10 Rancangan Layar Admin

Gambar 3.34 Rancangan Layar Admin

3.3.11 Rancangan Layar Pengguna

Gambar 3.35 Rancangan Layar Pengguna


3.3.12 Rancangan Layar Menu Utama Aplikasi

Gambar 3.36 Rancangan Layar Menu Utama Aplikasi

3.3.13 Rancangan Layar Login Aplikasi

Gambar 3.37 Rancangan Layar Login Aplikasi


3.3.14 Rancangan Layar Daftar Account

Gambar 3.38 Rancangan Layar Daftar Account

3.3.15 Rancangan Layar Pencarian Tempat Kursus Berdasarkan Kategori

Gambar 3.39 Rancangan Layar Pencarian Tempat Kursus Berdasarkan Kategori


3.3.16 Rancangan Layar Form Add Kursus

Gambar 3.40 Rancangan Layar Form Add Kursus

3.3.17 Rancangan Layar Saran

Gambar 3.41 Rancangan Layar Saran


3.3.18 Rancangan Layar Menu Utama Aplikasi Pada Smartphone

Gambar 3.42 Rancangan Layar Menu Utama Aplikasi Pada Smartphone


BAB III ANALISA DAN PERANCANGAN

Recommend Documents