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

38 Kepala Cabang Customer Service Koodinator Akademik Guru 1 Guru 2 Guru 3 Guru 4 Guru 5 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.

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 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 Admin 1. Input Data 3. Menampilkan Data 2. Menyimpan Data Internet Database 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 <<include>> Login <<include>> <<include>> Login <<include>> Admin <<include>> Cek Status Batalkan Request Menampilkan Data Request Menampilkan Data <<include>> 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: Nama Use Case Aktor Description Pre-Condition Scenario Tabel 3.1 Skenario Use Case Registrasi Alternative Flow - Post-Condition Registrasi User atau Lakukan registrasi untuk membuat akun pada aplikasi jasa guru privat panggilan mengisi username, password, no telepon, email, dan alamat mengisi dan mengirim data yang telah diisi agar bisa terdaftar ke dalam sistem Data yang di kirim masuk ke dalam sistem

44 Tabel 3.2 Skenario Use Case Login Nama Use Case Aktor Description Pre-Condition Scenario Alternative Flow Post-Condition Login, Guru, dan Admin Login terlebih dahulu agar dapat menggunakan aplikasi jasa guru privat panggilan User menginput username dan password Jika username dan password yang dimasukkan benar maka sistem akan menampilkan halaman request guru Jika username dan password yang dimasukkan salah makan sistem tidak bisa melanjutkan ke halaman selanjutnya Sistem menampilkan halaman selanjutnya Tabel 3.3 Skenario Use Case Request Guru Nama Use Case Request Guru 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 mengirimkan nama, alamat, nomor telepon, email, jenjang, mata pelajaran, dan jam kursus Scenario input data Alternative Flow - Post-Condition Data yang di input masuk ke dalam database Tabel 3.4 Skenario Use Case Batalkan Request Nama Use Case Aktor Batalkan Request

45 Description Input id dan nama calon siswa untuk membatalkan request Pre-Condition input id dan nama calon siswa Scenario membatalkan request Alternative Flow - Post-Condition Request dibatalkan Tabel 3.5 Skenario Use Case Cek Status Nama Use Case Cek Status Aktor Description Cek status request guru Pre-Condition melakukan request Scenario cek status request apakah sudah dikonfirmasi atau belum Alternative Flow - Post-Condition Menampilkan status request Tabel 3.6 Skenario Use Case Konfirmasi Request Nama Use Case Konfirmasi Request Aktor Admin Description Konfirmasi Request dari siswa yang ingin menggunakan jasa guru privat Pre-Condition Admin memastikan apakah alamat siswa benar Scenario Admin konfirmasi request dan mengetahui alamat dari siswa yang melakukan request Alternative Flow - Post-Condition Data yang di input masuk ke dalam database

46 Tabel 3.7 Skenario Use Case Menampilkan Data Request Nama Use Case Menampilkan Data Request Aktor Admin Description Menampilkan data request siswa Pre-Condition Mengetahui biodata calon siswa baru Scenario Admin menampilkan data request siswa pada komputer Alternative Flow - Post-Condition Menampilkan data request siswa Tabel 3.8 Skenario Use Case Menampilkan Data Nama Use Case Menampilkan Data Aktor Guru Description Melihat data siswa di aplikasi jasa guru privat panggilan Pre-Condition Guru memilih id siswa Scenario Guru melihat data alamat siswa yang ditampilkan di aplikasi jasa guru privat panggilan Alternative Flow - Post-Condition 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: Sistem Pilih Menu Request Guru Menampilkan Menu Request Guru Input Data Gagal Berhasil Menyimpan Data dan Alamat 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 Konfirmasi Request Tidak Ya Merubah Status 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: Sistem Memilih Menu Batalkan Request Menampilkan Halaman Batalkan Request Memasukkan ID dan Nama Calon Membatalkan Request Gambar 3.8 Activity Diagram Batalkan Request Pada Gamabar 3.8 di atas aktivitas dimulai jika siswa sudah melakukan request guru. 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: 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. 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 Menuju Alamat 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 Halaman Login 1. Input Data () 2. Registrasi() 3. Validasi Data() 4. Registrasi Gagal 5. Registrasi Berhasil() 6. Tampilkan Halaman Login Gambar 3.11 Sequence Diagram Registrasi 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 Halaman Utama 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 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 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 1. Input id dan Nama Calon () 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 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 Admin 1. Memilih Menu Cek Status() 2. Cek Data () 3. Menampilkan Data () 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 Form Guru 1. Login() 2. Menampilkan Data () 3. Menuju Alamat () 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 +id +username -password +telepon +registrasi() +login() +sendrequest() * * * Info +id +nama +studi +lulusan 1 1 1 Admin +username -password +nama +email +telepon +level +update() +konfirmasirequest() +delete() +displaytabel() * Request +id_request +nama_calon_siswa +username +alamat +no_telepon -jenjang -mata_pelajaran -jam_kursus * 1 Guru +id -password -email +selectid() +viewalamat() +getalamat() +konfirmasi() 1 Gambar 3.18 Class Diagram Aplikasi Jasa Guru Privat Panggilan 3.3.8 Rancangan Database Tabel 3.9 Tabel No Nama Field Tipe Data Panjang Keterangan 1 Id Int 3 Primary Key 2 Username Varchar 25 Email 3 Password Varchar 20 Password 4 Nama Varchar 30 Nama 5 Alamat Varchar 150 Alamat 6 Telepon Varchar 15 Telepon

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_ Varchar 30 Nama 3 Id_Member Varchar 30 Email 4 Telepon Varchar 15 Nama 5 Alamat Varchar 150 Alamat 6 Jenjang Varchar 20 Jenjang 7 Mata_Pelajaran Varchar 16 Mata Pelajaran 8 Jam_Kursus Varchar 11 Jam Kursus

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 Baru Nama Calon 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 : 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 : Raffa Ardiansyah Ramadhan Alamat : Jl. Daan Mogot Kp. Kalimati Rt016/03 Kelurahan Kedaung Kali Angke No.48 No Telepon : 0215458245 Email : etwinprasojo@ymail.com 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 : 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 : 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 : Raffa Ardiansyah Ramadhan Alamat : Jl. Daan Mogot Kp. Kalimati Rt016/03 Kelurahan Kedaung Kali Angke No.48 No Telepon : 0215458245 Email : rar@yahoo.com 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 : 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