BAB III ANALISA DAN PERANCANGAN SISTEM

BAB III ANALISA DAN PERANCANGAN SISTEM

3.1 Objek Penelitian 3.1.1 Sejarah Singkat Primagama Primagama adalah usaha jasa pendidikan luar sekolah yang bergerak dibidang bimbingan belajar, didirikan tahun 1982, tepatnya pada tanggal 10 Maret 1982 di Yogyakarta. Primagama dipimpin oleh Purdi E. Chandra sekaligus sebagai pendirinya. Berawal hanya satu gedung dengan 2 orang siswa. Saat ini Primagama memiliki lebih dari 500 Cabang di seluruh Indonesia. Dan dua tahun setelah itu nama Primagama pun mulai dikenal. Muridnya pun kian bertambah banyak. 3.1.2 Struktur Organisasi Bagi setiap perusahaan, struktur organisasi mempunyai arti yang penting. Karena dengan mengetahui struktur organisasi, maka dapat diperoleh gambaran mengenai bagian-bagian yang ada dalam perusahaan tersebut, dan sampai sejauh mana wewenang dan tanggung jawab bagian-bagian tersebut dapat melaksanakan tugasnya. Dengan demikian, akan dapat diketahui siapa yang akan dapat bertanggung jawab dan kepada siapa harus bertanggung jawab atas suatu pekerjaan yang telah dilakukan maupun yang sedang dilakukan. Dalam mencapai sasaran dan tujuan perusahaan dibutuhkan suatu organisasi atau kesatuan kerja sumber daya manusia yang berada di dalamnya agar dapat bekerja sama dalam mencapai tujuan perusahaan tersebut. Adapun struktur organisasi Primagama Kalideres dapat dilihat pada gambar berikut:

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

38

Kepala Cabang

Customer Service

Guru 1

Koodinator Akademik

Guru 2

Guru 3

Guru 5

Guru 4

Gambar 3.1 Struktur Organisasi Primagama Kalideres Adapun berikut ini adalah keterangan dari tugas-tugas dan wewenang bagianbagian yang ada pada Primagama Kalideres sesuai dengan struktur organisasi: 1. Kepala Cabang a. Bertugas menangani masalah kegiatan pengajaran dan seluruhnya. b. Merekrut dan membina guru serta karyawan secara berkelanjutan. c. Merancang

dan

menyelenggarakan

proses

belajar

secara

profesional. d. Menciptakan sekaligus

menjaga nama baik lembaga bimbel

Primagama Kalideres. 2. Koordinator Akademik a. Bertanggung jawab terhadap mutu akademik dan guru. b. Menyiapkan sarana belajar berupa modul

belajar, paket soal

latihan, naskah soal tes, dll. c. Membuat jadwal tes dan jadwal bimbingan secara optional. d. Menyelenggarakan

konsultasi

bagi

siswa

yang mengalami

kesulitan dalam belajar. e. Melaporkan hasil tes dan presensi siswa secara berkala kepada orang tua siswa. 3. Customer Service a. Bertugas melayani pelanggan, baik orang tua maupun siswanya.

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

39

4. Guru a. Bertanggung jawab untuk memberikan pengajaran kepada para siswa. 3.2 Analisis Sistem Berjalan Untuk melakukan pendaftaran siswa harus mengisi form: nama calon siswa, tgl lahir, alamat, no telepon, email, provinsi, kota/kabupaten, cabang primagama, jenjang. Setelah mengisi form siswa melakukan pembayaran. Setelah siswa selesai melakukan pembayaran akan diberikan jadwal oleh guru. Analisis sistem yang sedang berjalan ini divisualisasikan dan di dokumentasikan dengan alat bantu UML melalui diagram use case, skenario use case, dan activity diagram. Analisis sistem yang sedang berjalan pada Primagama Kalideres adalah sebagai berikut: 3.2.1 Use Case Diagram Sistem yang Berjalan Skenario use case diagram yang berjalan di primagama kalideres melibatkan 3 aktor yaitu siswa, customer service, dan guru. Berikut diagram use case sistem berjalan di primagama kalideres.

Sistem

Daftar

Permintaan Bimbel/Kursus

Customer Service

Siswa

Melakukan Pembayaran

Mendapatkan Jadwal

Guru

Gambar 3.2 Use Case Diagram Sistem yang Sedang Berjalan


40

3.2.2 Analisa Permasalahan Sistem yang Berjalan Sistem yang dijalankan atau dilakukan pada saat mengikuti bimbel/kursus masih secara manual. Sistem manual adalah siswa harus datang terlebih dahulu ke primagama, kemudian melakukan pendaftaran ke customer service, setelah selesai melakukan pendaftaran customer service memberikan form pendaftaran kepada siswa tersebut untuk di isi, setelah selesai mengisi form pendaftaran siswa melakukan pembayaran ke customer service. Setelah selesai pembayaran, guru memberikan jadwal dan jam kursus kepada siswa tersebut. Dari kegiatan manual di atas maka akan muncul berbagai kendala permasalahan salah satunya yaitu kurang efisiennya waktu siswa dikarenakan jarak tempat bimbel/kursus yang jauh dari rumah. Dengan jarak tempat bimbel/kursus yang jauh dari rumah membuat para orang tua menjadi khawatir, selain itu karena jauhnya lokasi bimbel/kursus sehingga dapat terjadi siswa akan kelelahan secara psikologis yang menyebabkan menurunnya semangat dalam memahami penyampaian materi yang diberikan oleh guru bimbel/kursus. Hal di atas dapat dikurangi dengan cara menggunakan tenaga bantu ajar seperti guru les privat yang bisa di panggil ke rumah. Dengan adanya guru les privat yang bisa di panggil ke rumah dapat memberikan kemudahan bagi para orang tua dalam memanggil jasa guru privat untuk anaknya tanpa harus keluar rumah dan sekaligus bisa menentukan mata pelajaran apa yang dipilih dan jam yang dapat ditentukan sendiri. 1.2.3 Analisa Kebutuhan Sistem Sistem yang akan dibangun adalah aplikasi jasa guru privat panggilan berbasis android. Ada beberapa kebutuhan yang harus dapat dipenuhi oleh sistem agar sistem dapat dikatakan bermanfaat dan dapat mencapai tujuan yang telah ditetapkan sebelumnya. Kebutuhan utama dari aplikasi adalah harus dapat memberikan hasil yang lebih efektif kepada siswa jika dibandingkan dengan bimbel/kursus secara manual tanpa bantuan aplikasi. Berikut ini adalah beberapa fasilitas dan fitur dari sistem yang dapat memenuhi kebutuhan siswa di atas. Aplikasi mempunyai fleksibilitas untuk memilih jenjang, mata pelajaran, dan jam kursus. Hal ini dapat dilakukan dengan memberikan fitur request guru,


41

dimana dalam fitur tersebut ada menu request, menu batalkan request, menu cek status, dan halaman kembali ke menu utama. Dengan menghubungkan aplikasi ke database secara online maka akan dapat dipenuhi kebutuhan sistem diatas sehingga akan diperoleh manfaat hasil yang lebih baik jika dibandingkan dengan datang langsung ke tempat bimbel/kursus tanpa menggunakan aplikasi. 3.3 Perancangan Sistem yang Diusulkan Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan siswa dan primagama mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan. Untuk memulai membangun suatu program yang berupa Aplikasi Jasa Guru Privat Panggilan Berbasis Android, maka terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan user yang akan menggunakan aplikasi jasa guru privat panggilan berbasis Android ini dengan menggunakan diagram UML. 3.3.1 Gambaran Umum Sistem yang Diusulkan Aplikasi yang akan dibangun ini digunakan untuk melakukan aktifitas request/pemanggilan guru ke rumah. Sistem yang diusulkan untuk Aplikasi Jasa Guru Privat Panggilan Berbasis Android adalah dengan menggunakan konsep Client-Server, untuk client menggunakan perangkat mobile berbasis android dan server menggunakan PHP dan MySql dan dilakukan secara online, dimana user atau client dapat mengakses aplikasi ini dengan menggunakan akses internet dari provider internet ataupun menggunakan wifi connection.


42

4. Konfirmasi Siswa

1. Input Data

3. Menampilkan Data

Admin

2. Menyimpan Data

Database

Internet

Gambar 3.3 Gambaran Umum Sistem yang Diusulkan

3.3.2 Perancangan Prosedur yang Diusulkan Perancangan prosedur yang diusulkan akan berorientasi objek dengan menggunakan diagram UML sebagai alat bantu dalam mendokumentasikan dan memvisualisasikan aplikasi yang akan dibangun.

3.3.3 Use Case Diagram Diagram use case ini menggambarkan aplikasi yang akan dibangun, bagaimana seseorang atau aktor akan menggunakan dan memanfaatkan dari aplikasi yang dibangun. Sasaran pemodelan use case ini mendefinisikan kebutuhan fungsional dan operasional sistem dengan mendefinisikan skenario dari aplikasi yang akan dibangun. Pendefinisian ini meliputi identifikasi use case dan skenario dari aplikasi yang akan dibangun.


43

Sistem Konfirmasi Request Registrasi <>

«extends» Request Guru <>

Login Admin

<< inc

Login

lud

<
clude >>

<>

e>

> Batalkan Request

Menampilkan Data Request

Cek Status Siswa

Menampilkan Data

<>

Login

Guru

Gambar 3.4 Use Case Diagram Aplikasi Jasa Guru Privat Panggilan

3.3.4 Skenario Use Case Skenario Use Case digunakan untuk memudahkan dalam menganalisa skenario yang akan kita gunakan pada fase-fase selanjutnya dengan melakukan penilaian terhadap skenario tersebut. Berikut skenario use case yang diusulkan: Tabel 3.1 Skenario Use Case Registrasi Siswa Nama Use Case Aktor Description

Registrasi User atau Siswa Lakukan registrasi untuk membuat akun pada aplikasi jasa guru privat panggilan

Pre-Condition

Siswa mengisi username, password, no telepon, email, dan alamat

Scenario

Siswa mengisi dan mengirim data yang telah diisi agar bisa terdaftar ke dalam sistem

Alternative Flow Post-Condition

Data yang di kirim masuk ke dalam sistem


44

Tabel 3.2 Skenario Use Case Login Nama Use Case

Login Siswa, Guru, dan Admin

Aktor Description

Login terlebih dahulu agar dapat menggunakan aplikasi jasa guru privat panggilan

Pre-Condition

User menginput username dan password Jika username dan password yang dimasukkan benar

Scenario

maka sistem akan menampilkan halaman request guru Alternative Flow

Jika username dan password yang dimasukkan salah makan sistem tidak bisa melanjutkan ke halaman selanjutnya

Post-Condition

Sistem menampilkan halaman selanjutnya

Tabel 3.3 Skenario Use Case Request Guru Nama Use Case

Request Guru Siswa

Aktor Description

Input nama calon siswa, alamat, nomor telepon, email, jenjang, mata pelajaran, dan jam kursus yang digunakan sebagai informasi untuk primagama mengirimkan guru

Pre-Condition

Siswa mengirimkan nama, alamat, nomor telepon, email, jenjang, mata pelajaran, dan jam kursus

Scenario Alternative Flow Post-Condition

Siswa input data Data yang di input masuk ke dalam database

Tabel 3.4 Skenario Use Case Batalkan Request Nama Use Case Aktor

Batalkan Request Siswa


45

Input id dan nama calon siswa untuk membatalkan

Description

request Pre-Condition

Siswa input id dan nama calon siswa Siswa membatalkan request

Scenario Alternative Flow Post-Condition

Request dibatalkan

Tabel 3.5 Skenario Use Case Cek Status Nama Use Case Aktor Description Pre-Condition Scenario

Cek Status Siswa Cek status request guru Siswa melakukan request Siswa cek status request apakah sudah dikonfirmasi atau belum


Menampilkan status request

Tabel 3.6 Skenario Use Case Konfirmasi Request Nama Use Case Aktor Description

Konfirmasi Request Admin Konfirmasi

Request

dari

siswa

yang

ingin

menggunakan jasa guru privat Pre-Condition Scenario

Admin memastikan apakah alamat siswa benar Admin konfirmasi request dan mengetahui alamat dari siswa yang melakukan request


Data yang di input masuk ke dalam database


46

Tabel 3.7 Skenario Use Case Menampilkan Data Request Nama Use Case Aktor Description Pre-Condition Scenario

Menampilkan Data Request Admin Menampilkan data request siswa Mengetahui biodata calon siswa baru Admin menampilkan data request siswa pada komputer


Menampilkan data request siswa

Tabel 3.8 Skenario Use Case Menampilkan Data Nama Use Case Aktor Description

Menampilkan Data Guru Melihat data siswa di aplikasi jasa guru privat panggilan

Pre-Condition Scenario

Guru memilih id siswa Guru melihat data alamat siswa yang ditampilkan di aplikasi jasa guru privat panggilan


Data yang di input masuk ke dalam database

3.3.5 Activity Diagram Activity diagram menggambarkan urutan aktivitas untuk suatu proses tertentu. Berdasarkan use case yang ada, dibuat activity diagram untuk masingmasing use case. Berikut ini adalah diagram aktivitas aplikasi jasa guru privat panggilan.


47

User

Sistem

Membuka Aplikasi

Menampilkan Halaman Login

Memilih Menu Registrasi

Menampilkan Form Registrasi

Input Nama, Alamat, Telepon, Email, dan Password

Gagal

Berhasil

Input Username dan Password

Menampilkan Form Login

Gagal

Berhasil

Menampilkan Halaman Utama

Gambar 3.5 Activity Diagram Registrasi dan Login

Pada Gambar 3.5 di atas aktivitas dimulai jika user sudah membuka aplikasi jasa guru privat panggilan lalu sistem akan menampilkan halaman login. User melakukan registrasi terlebih dahulu, kemudian sistem menyimpan data user. Setelah registrasi lalu user melakukan login, sistem akan memvalidasi username dan password sesuai dengan database, apabila benar sistem akan menampilkan halaman utama, dan jika salah sistem akan kembali ke halaman login. Setelah user berhasil melakukan login sistem akan menampilkan halaman utama.


48

Berikut ini adalah diagram aktivitas untuk Request Guru dari aplikasi jasa guru privat panggilan: Siswa

Sistem

Pilih Menu Request Guru

Menampilkan Menu Request Guru

Input Data

Gagal

Berhasil

Menyimpan Data dan Alamat Siswa

Gambar 3.6 Activity Diagram Request Guru

Pada Gambar 3.6 di atas aktivitas dimulai jika siswa sudah masuk ke menu utama. Setelah siswa memilih request guru, sistem akan menampilkan menu request guru, setelah itu siswa diminta untuk mengisi data. Setelah siswa mengisi data maka sistem akan menyimpan data, apabila gagal sistem akan kembali ke menu request guru.


49

Berikut ini adalah diagram aktivitas untuk Konfirmasi Request dari aplikasi jasa guru privat panggilan: Admin

Sistem

Memilih Menu Request

Menampilkan Data Siswa

Konfirmasi Request

Tidak

Ya Merubah Status Siswa

Gambar 3.7 Activity Diagram Konfirmasi Request

Pada Gambar 3.7 di atas aktivitas dimulai jika admin sudah melakukan login. Setelah siswa melakukan request guru, sistem akan mengirim request guru ke admin, setelah itu admin memilih menu request untuk melihat data siswa. Sistem akan menampilkan data siswa, apabila admin konfirmasi request sistem akan merubah status siswa dari “tidak konfirmasi” menjadi “konfirmasi”.


50

Berikut ini adalah diagram aktivitas untuk Batalkan Request dari aplikasi jasa guru privat panggilan: Siswa

Sistem

Memilih Menu Batalkan Request

Menampilkan Halaman Batalkan Request

Memasukkan ID dan Nama Calon Siswa

Membatalkan Request

Gambar 3.8 Activity Diagram Batalkan Request

Pada Gamabar 3.8 di atas aktivitas dimulai jika siswa sudah melakukan request guru. Siswa memilih menu batalkan request dan memasukkan id dan nama calon siswa. Berikut ini adalah diagram aktivitas untuk Cek Status dari aplikasi jasa guru privat panggilan: Siswa

Sistem

Memilih Menu Cek Status

Menampilkan Status Request

Gambar 3.9 Activity Diagram Cek Status


51

Pada Gambar 3.9 di atas aktivitas dimulai jika siswa sudah melakukan request guru. Siswa memilih menu cek status dan sistem akan menampilkan status siswa. Berikut ini adalah diagram aktivitas untuk Menampilkan Data dari aplikasi jasa guru privat panggilan: Sistem

Guru

Login

Menampilkan Data Siswa

Menuju Alamat Siswa

Gambar 3.10 Activity Diagram Menampilkan Data

Pada Gambar 3.10 di atas aktivitas dimulai jika admin sudah konfirmasi request guru. Setelah dikonfirmasi, guru login di aplikasi jasa guru privat panggilan, sistem akan menampilkan data siswa, setelah itu guru menuju alamat siswa yang melakukan request guru.

3.3.6 Sequence Diagram Sequence diagram digunakan untuk mengambarkan perilaku pada sebuah skenario. Diagram ini menunjukan sejumlah contoh objek dan message (pesan) yang diletakan diantara obyek-obyek ini di dalam use case. Sequence diagram menggambarkan interaksi antar objek di dalam dan disekitar sistem (termasuk pengguna, display, dan sebagainya) berupa pesan yang digambarkan terhadap waktu.


52

FormRegistrasi

Siswa

Halaman Login

Siswa 1. Input Data Siswa() 2. Registrasi()

3. Validasi Data()

4. Registrasi Gagal 5. Registrasi Berhasil()

6. Tampilkan Halaman Login

Gambar 3.11 Sequence Diagram Registrasi Siswa

Pada Gambar 3.11 di atas menggambarkan proses yang sedang terjadi saat siswa melakukan registrasi pada aplikasi jasa guru privat panggilan. Prosesnya dimulai saat siswa memilih menu registrasi dan kemudian siswa mengisi data pada form registrasi, apabila gagal sistem akan kembali ke form registrasi, dan jika berhasil sistem akan menampilkan halaman login.


53

FormLogin

Siswa

Halaman Utama

Siswa 1. Login() 2. Username dan Password()

3. Validasi User()

4. Username dan Password Salah()

5. Username dan Password Benar()

6. Menampilkan Halaman Utama 7. Menampilkan Halaman Utama

Gambar 3.12 Sequence Diagram Login Siswa

Pada Gambar 3.12 diatas menggambarkan proses yang sedang terjadi saat user melakukan login pada aplikasi jasa guru privat panggilan. Prosesnya dimulai saat user membuka aplikasi dan menampilkan halaman login, kemudia user mengisi username dan password pada form login, sistem akan memvalidasi username dan password, apabila benar sistem akan menampilkan halaman utama, dan jika salah sistem akan menampilkan pesan login gagal. Setelah user berhasil melakukan login sistem akan menampilkan halaman utama.


54

Form Request Guru

Send Request

Request

Siswa 1. Input Data() 2. Send Request()

3. Validasi()

4. Request Gagal()

5. Request berhasil()

6. Menampilkan Pemberitahuan 7. Pemberitahuan Request Anda Berhasil

Gambar 3.13 Sequence Diagram Request Guru

Pada Gambar 3.13 di atas menggambarkan proses yang sedang terjadi saat siswa melakukan request guru. Prosesnya dimulai setelah siswa memilih menu request guru, siswa mengisi data pada form request guru, apabila request gagal sistem menampilkan pemberitahuan request gagal, jika berhasil sistem akan menyimpan data siswa dan menampilkan pemberitahuan request anda berhasil.


55

Form Batalkan Request

Request

Batal Request

Siswa 1. Input id dan Nama Calon Siswa() 2. Menampilkan()

3. Menampilkan Request()

4. Konfirmasi()

5. Request Berhasil Dibatalkan

Gambar 3.14 Sequence Diagram Batalkan Request

Pada Gambar 3.14 di atas menggambarkan proses yang sedang terjadi saat siswa membatalkan request. Prosesnya dimulai saat siswa minginput id dan nama calon siswa pada halaman batalkan request, kemudian sistem menampilkan request. Setelah menampilkan request, siswa melakukan konfirmasi dan sistem menampilkan pemberitahuan request berhasil dibatalkan ke siswa.


56

Siswa

Siswa 1. Memilih Menu Cek Status()

2. Menampilkan Status

Gambar 3.15 Sequence Diagram Cek Status

Pada Gambar 3.15 di atas menggambarkan proses yang sedang terjadi saat siswa melakukan cek status. Prosesnya dimulai saat siswa memilih menu cek status dan sistem akan menampilkan status siswa.


57

Menu Request

Request

Konfirmasi Request

Siswa

Admin 1. Memilih Menu Cek Status()

2. Cek Data Siswa()

3. Menampilkan Data Siswa() 4. Konfirmasi Request() 5. Menampilkan Konfirmasi()

Gambar 3.16 Sequence Diagram Konfirmasi Request

Pada Gambar 3.16 di atas menggambarkan proses yang sedang terjadi saat admin melakukan konfirmasi request. Prosesnya dimulai saat admin memilih menu request pada halaman, kemudian admin cek data siswa. Setelah cek data siswa, admin melakukan konfirmasi dan sistem menampilkan konfirmasi ke siswa.


58

FormSiswa

Siswa

Guru 1. Login()

2. Menampilkan Data Siswa()

3. Menuju Alamat Siswa()

Gambar 3.17 Sequence Diagram Menampilkan Data

Pada Gambar 3.17 di atas menggambarkan proses yang sedang terjadi saat guru memilih id siswa. Prosesnya dimulai saat guru login pada halaman login. Setelah itu tampil data siswa.

3.3.7 Class Diagram Class diagram menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus

menawarkan

layanan

untuk

memanipulasi

keadaan

tersebut

(metode/fungsi). Class diagram menggambarkan struktur dan deskripsi class, package dan objek beserta hubungan satu sama lain seperti containment, pewarisan, dan asosiasi.


59

Admin Siswa

1

*

+id +username -password +telepon +registrasi() +login() +sendRequest()

+username -password +nama +email +telepon +level +update() +konfirmasiRequest() +delete()

*

1 Info

*

+id +nama +studi +lulusan +displayTabel()

1

* Request +id_request +nama_calon_siswa +username +alamat +no_telepon -jenjang -mata_pelajaran -jam_kursus +getAlamat() +konfirmasi()

Guru

* 1

+id -password -email +selectIdSiswa() +viewAlamat()

1

Gambar 3.18 Class Diagram Aplikasi Jasa Guru Privat Panggilan

3.3.8 Rancangan Database Tabel 3.9 Tabel Siswa No

Nama Field

Tipe Data

Panjang

Keterangan

1

Id

Int

3

Primary Key

2

Username

Varchar

25

Email Siswa

3

Password

Varchar

20

Password Siswa

4

Nama

Varchar

30

Nama Siswa

5

Alamat

Varchar

150

Alamat Siswa

6

Telepon

Varchar

15

Telepon Siswa


60

Tabel 3.10 Tabel Guru No

Nama Field

Tipe Data

Panjang

Keterangan

1

Id

Int

2

Primary Key

2

Username

Varchar

15

Username Guru

3

Password

Varchar

20

Password Guru

Tabel 3.11 Tabel Admin No

Nama Field

Tipe Data

Panjang

Keterangan

1

Username

Varchar

20

Primary Key

2

Password

Varchar

20

Password Admin

3

Nama

Varchar

30

Nama Admin

4

Email

Varchar

50

Email Admin

5

Telepon

Varchar

15

Telepon Admin

6

Level

Varchar

5

Level Admin

Tabel 3.12 Tabel Request No

Nama Field

Tipe Data

Panjang

Keterangan

1

Id

Int

11

Primary Key

2

Nama_Calon_Siswa

Varchar

30

Nama Siswa

3

Id_Member

Varchar

30

Email Siswa

4

Telepon

Varchar

15

Nama Siswa

5

Alamat

Varchar

150

Alamat Siswa

6

Jenjang

Varchar

20

Jenjang Siswa

7

Mata_Pelajaran

Varchar

16

Mata Pelajaran Siswa

8

Jam_Kursus

Varchar


11

Jam Kursus Siswa

61

Tabel 3.13 Tabel Info No

Nama Field

Tipe Data

Panjang

Keterangan

1

Id

Int

2

Primary Key

2

Nama

Varchar

30

Nama Guru

3

Studi

Varchar

19

Gelar Guru

4

Lulusan

Vanchar

50

Lulusan Guru

3.4 Rancangan Antar Muka Perancangan tampilan aplikasi merupakan rancangan dari desain aplikasi yang akan dibangun. Desain akan menentukan sebuah karakteristik dari aplikasi yang dibangun, serta memperlihatkan di lingkungan seperti apa aplikasi nanti akan di tempatkan. Berikut ini desain tampilan dari aplikasi yang akan di bangun: 3.4.1 Rancangan Halaman Login Pada halaman ini berisikan rancangan tampilan halaman login “Aplikasi Jasa Guru Privat Panggilan Berbasis Android yang terdiri dari dua textfield dan 3 tombol button.


62

Email

Password

Login

Login Guru

Registrasi

Gambar 3.19 Rancangan Halaman Login Berikut penjelasan fungsi dari textfield dan button pada Gambar 3.19: a. Textfield Email: berfungsi untuk memasukkan email user. b. Textfield Password: berfungsi untuk memasukkan password user dengan karakter yang disamarkan dengan bulatan. c. Button Login: berfungsi untuk melakukan login. d. Button Registrasi: berfungsi untuk melakukan registrasi. e. Button Login Guru: berfungsi untuk melakukan login guru. 3.4.2 Rancangan Halaman Registrasi Pada halaman ini berisikan rancangan tampilan halaman registrasi user.


63

Pendaftaran Nama

Alamat

Telepon

Email

Password

Daftar

Gambar 3.20 Rancangan Halaman Registrasi Berikut penjelasan fungsi dari textfield dan button pada Gambar 3.20: a. Textfield Nama: berfungsi untuk memasukkan nama user. b. Textfield Alamat: berfungsi untuk memasukkan alamat user. c. Textfield Telepon: berfungsi untuk memasukkan nomor telepon user. d. Textfield Email: berfungsi untuk memasukkan email user. e. Textfield Password: berfungsi untuk memasukkan password user. f. Button Daftar: berfungsi untuk melakukan registrasi jika semua data sudah terisi. 3.4.3 Rancangan Halaman Utama Pada halaman ini bersisikan rancangan tampilan halaman utama “Aplikasi Jasa Guru Privat Panggilan Berbasis Android”. Halaman utama adalah halaman yang dapat diakses setelah user melakukan login.


64

Request Guru

Lokasi

Bantuan

Tentang

Informasi

Exit

Gambar 3.21 Rancangan Halaman Utama Berikut penjelasan fungsi dari button pada Gambar 3.21: a. Button Request Guru: berfungsi untuk masuk ke dalam menu request guru. b. Button Lokasi: berfungsi untuk melihat lokasi Primagama Kalideres. c. Button Bantuan: berfungsi untuk mengetahui cara penggunaan aplikasi. d. Button Tentang: berfungsi untuk melihat logo aplikasi, versi aplikasi, (nama, nim, jurusan, dan Universitas pembuat aplikasi). e. Button Informasi: berfungsi untuk melihat detail guru. f. Button Exit: berfungsi untuk keluar dari aplikasi. 3.4.4 Rancangan Halaman Request Guru Pada halaman ini bersisikan rancangan tampilan halaman request guru. Halaman request guru halaman yang berisikan menu pilihan, apakah pengguna ingin melakukan request guru, atau ingin melihat status request, atau ingin membatalkan request, dan kembali ke halaman utama.


65

Request Batal Request Cek Status Keluar

Gambar 3.22 Rancangan Halaman Request Guru Berikut penjelasan fungsi dari list pada Gambar 3.22: a. List Menu Request: berfungsi untuk menampilkan halaman request. b. List Menu Batal Request: berfungsi untuk menampilkan halaman batalkan request. c. List Menu Cek Status: berfungsi untuk menampilkan halaman cek status. d. List Menu Keluar: berfungsi untuk kembali ke menu utama. 3.4.5 Rancangan Halaman Request Pada halaman ini berisikan form untuk user melakukan request.


66

Biodata Calon Siswa Baru Nama Calon Siswa

Alamat

No Telepon

Email

Jenjang

Mata Pelajaran

Jam Kursus

Send Request

Cancel

Gambar 3.23 Rancuangan Halaman Request Berikut penjelasan fungsi dari textfield dan list pada Gambar 3.23: a. Textfield Nama Calon Siswa: berfungsi untuk memasukkan nama calon siswa. b. Textfield Alamat: berfungsi untuk memasukkan alamat calon siswa. c. Textfield Telepon: berfungsi untuk memasukkan nomor telopon calon siswa. d. Textfield Email: berfungsi untuk memasukkan email pada saat login. e. List Jenjang: berfungsi untuk memilih jenjang pendidikan. f. List Mata Pelajaran: berfungsi untuk memilih mata pelajaran. g. List Jam Kursus: berfungsi untuk memilih jam kursus. h. Button Send Request: berfungsi untuk mengirim request guru. i. Button Cancel: berfungsi untuk membatalkan request. 3.4.6 Rancangan Halaman Status Pada halaman ini berisikan status request yang telah dilakukan oleh user.


67

Nomor ID Request : 1 Nama Calon Siswa : Raffa Ardiansyah Ramadhan Alamat : Jl. Daan Mogot Kp. Kalimati Rt016/03 Kelurahan Kedaung Kali Angke No.48 No Telepon : 0215458245 Email : [email protected] Jenjang : 3 SD Mata Pelajaran : Matematika Jam Kursus : 13.00-15.00 Status : Belum Konfirmasi

Gambar 3.24 Rancangan Halaman Status Pada halaman ini menjelaskan tentang status request yang telah dilakukan. Berisikan nomor id request, nama calon siswa, alamat, nomor telepon, email, jenjang, mata pelajaran, jam kursus, dan status. Status akan berubah apabila admin mengkonfirmasi request tersebut. 3.4.7 Rancangan Halaman Batalkan Request Pada halaman ini berisikan rancangan tampilan halaman batal request.


68

Batalkan Request

ID :

1

Nama Calon Siswa : Raffa Ardiansyah Ramadhan

OK

Gambar 3.25 Rancangan Halaman Batal Request Berikut penjelasan fungsi dari textfiel dan button pada Gambar 3.25: a. Textfield ID: untuk mengisi id request, id bisa dilihat pada halaman cek status. b. Textfield Nama Calon Siswa: untuk mengisi nama calon siswa. c. Button OK: berfungsi untuk melakukan pembatalan request ke tahap selanjutnya. 3.4.8 Rancangan Halaman Konfirmasi Batal Request Pada halaman ini berisikan rancangan tampilan halaman konfirmasi batal request.


69

Data Pembatalan Request ID Request : 1 Nama Calon Siswa : Raffa Ardiansyah Ramadhan Alamat : Jl. Daan Mogot Kp. Kalimati Rt016/03 Kelurahan Kedaung Kali Angke No.48 No Telepon : 0215458245 Email : [email protected] Jenjang : 3 SD Mata Pelajaran : Matematika Jam Kursus : 13.00-15.00 Status : Belum Konfirmasi Ya

Tidak

Gambar 3.26 Rancangan Halaman Konfirmasi Batal Request Berikut penjelasan fungsi dari text view dan button pada Gambar 3.26: a. Text View: berisi status request. b. Button Ya: berfungsi untuk menyetujui konfirmasi pembatalan. c. Button Tidak: berfungsi untuk menggagalkan konfirmasi pembatalan. 3.4.9 Rancangan Halaman Bantuan Pada halaman ini berisikan rancangan tampilan halaman bantuan dan cara menggunakan aplikasi.


70

Cara Menggunakan Aplikasi 1. Untuk melakukan request guru kamu harus mendaftar dengan memilih buttton registrasi. 2. Jika sudah registrasi maka kamu dapat melakukan login dengan email dan password yang telah didaftarkan saat registrasi. 3. Jika berhasil login maka akan tampil halaman utama yang berisi 5 menu pilihan, yaitu: Request Guru, Tentang, Bantuan, Lokasi, Exit. 4. Untuk melakukan request pilih menu Request Guru. 5. Selanjutnya pilih menu Request dan isi data kamu. 6. Jika sudah isi data kamu lalu klik button Send Request, apabila request kamu berhasil akan menampilkan berhasil request.

Gambar 3.27 Rancangan Halaman Bantuan 3.4.10 Rancangan Halaman Lokasi Pada halaman ini berisikan rancangan tampilan halaman lokasi. Berisi peta dengan marker lokasi primagama kalideres.

Gambar 3.28 Rancangan Halaman Lokasi


71

3.4.11 Rancangan Halaman Tentang Pada halaman ini berisikan rancangan tampilaan halaman tentang. Berisikan logo aplikasi, versi aplikasi, (nama, nim, jurusan, dan Universitas pembuat aplikasi).

Aplikasi Jasa Guru Privat Panggilan Versi 1.0.0 Etwin Bagus Prasojo 41812010142 Sistem Informasi Universitas Mercu Buana 2016

Gambar 3.29 Rancangan Halaman Tentang 3.4.12 Rancangan Halaman Informasi Pada halaman ini berisikan rancangan tampilan halaman informasi mengenai nama pengajar, bidang studi, dan lulusan.

No Nama Pengajar Bidang Studi Lulusan

Gambar 3.30 Rancangan Halaman Informasi


72

3.4.13 Rancangan Halaman Login Admin Pada halaman ini berisikan rancangan tampilan halaman login admin. Pada halaman ini admin harus melakukan login terlebih dahulu sebelum dapat mengakses halaman admin.

Gambar 3.31 Rancangan Halaman Login Admin Berikut penjelasan fungsi dari textfield dan button pada Gambar 3.31: a. Textfield Username: berfungsi untuk memasukkan email admin. b. Textfield Password: berfungsi untuk memasukkan password admin dengan karakter yang disamarkan dengan bulatan. c. Button Login: berfungsi untuk melakukan login. 3.4.14 Rancangan Halaman Utama Admin Pada halaman ini berisikan rancangan tampilan halaman utama admin. Terdiri dari beberapa menu yaitu home, user, request, ganti password, dan logout.


73

Gambar 3.32 Rancangan Halaman Utama Admin Berikut penjelasan fungsi dari halaman utama admin: a. Menu Home: berfungsi untuk menampilkan halaman utama admin. b. Menu User: berfungsi untuk menampilkan halaman user. c. Menu Request: berfungsi untuk menampilkan halaman request. d. Menu Ganti Password: berfungsi untuk menampilkan halaman ganti password. e. Menu Logout: berfungsi untuk keluar dari halaman admin. 3.4.15 Rancangan Halaman Edit Data User Pada halaman ini berisikan rancangan tampilan halaman edit data user. Terdiri dari beberapa field yaitu nama, alamat, telepon, username dan password.


74

Gambar 3.33 Rancangan Halaman Edit Data User 3.4.16 Rancangan Halaman Request Admin Pada halaman ini berisikan data request user. Terdiri dari id request, nama calon siswa, alamat, no telepon, jenjang, mata pelajaran, jam kursus, dan status request.

Gambar 3.34 Rancangan Halaman Request Admin Berikut penjelasan fungsi dari halaman request admin: a. ID Request: id request user/siswa. b. Nama Calon Siswa: nama user/siswa yang melakukan request.


75

c. Alamat: alamat user/siswa. d. No Telepon: nomor telepon user/siswa. e. Jenjang: jenjang yang dipilih user/siswa. f. Mata Pelajaran: mata pelajaran yang dipilih user/siswa. g. Jam Kursus: jam kursus yang dipilih user/siswa. h. Combo Box Status Request: berfungsi untuk merubah status request, dari belum konfirmasi menjadi guru telah tersedia atau tidak konfirmasi


BAB III ANALISA DAN PERANCANGAN SISTEM

Recommend Documents