BAB III ANALISA DAN PERANCANGAN SISTEM

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Analisa Sistem Analisa sistem merupakan adanya penguraian dari sistem informasi yang utuh ke dalam komponennya dengan dimaksudkan untuk mengidentifikasi juga mengevaluasi masalah, Dengan menganalisa secara teliti diharapkan tidak menemui hambatan-hambatan yang berarti dalam pengembagan sistem ini. Analisa sistem ini juga menguraikan tahapan tahapan yang sangat penting, karena jika adanya masalah ataupun kesalahan dalam tahapan ini akan mengakibatkan kesalahan pada tahapan selanjutnya Analisa Kebutuhan Perangkat Keras Perangkat Keras yang Penulis butuhkan untuk membangun aplikasi Absensi yang terintegrasi dengan SMS GATEWAY ini adalah : 1. Sebagai Server utama dalam pengerjaan aplikasi ini maupun sebagai perancangan program, penulis menggunakan Laptop HP Probook 4420S. Adapun spesifikasinya sebagai berikut : Processor Intel (R) Core(TM) i3:390m Memory DDR3 2GB HDD 500GB 2. Modem USB Huawei E173 yang digunakan nantinya untuk pengiriman SMS Gateway Huawei dengan Oprator Selular Smartfren, XL dan TELKOMSEL 3. User / Client Oprator Selular yang digunakan dalam penerimaan dari SMS GATEWAY ini, penulis sudah mencobanya dengan GSM (Global System for Mobile Communication ) dan juga CDMA (Code division multiple access ). 20

2 Analisa Kebutuhan Perangkat Lunak Perangkat Lunak yang digunakan dalam perancangan sistem ini adalah : 1. Perangkat Lunak SERVER Sistem Oprasi Windows 7 32bit Ultimate Web Browser ( Googlechrome & Mozilla ) Xampp MSQL untuk Database PHP sebagai bahasa pemograman Notepad ++ Dreamweaver CS6 2. Perangkat Lunak SMS GATEWAY Gammu, sebagai penghubung SMS GATEWAY. Dalam hal ini, penulis menggunakan GAMMU Perancangan Umum Sistem Pada dasarnya, dalam BAB ini penulis coba menerangkan mengenai perancangan dan pembuatan Aplikasi perangkat lunak, proyek tugas akhir yang diberi judul Aplikasi Laporan Absensi Yang Terintegrasi SMS Gateway. Pada dasarnya, dengan pengambilan materi ini, penulis membangun aplikasi yang bertujuan mengimplementasikan sebuah solusi dari masalah absensi pendidikan seorang siswa yang dapat di akses informasinya melalui SMS Gateway. Orang Tua siswa, yang sudah mendaftarkan No Handphonenya, akan mendapatkan laporan kehadiran anaknya secara Realtime dari guru yang sudah melakukan absensi dikelas. Sehingga tujuan utama dalam penulis membangun apilkasi ini adalah untuk memudahkan Orang Tua siswa dalam pengawasan kehadiran Anaknya disekolah.

3 22 Gambar 3.1 Perancangan Umum Sistem Penjelasan dalam Gambar 3.1 diatas adalah, bahwa seorang admin menginput data guru dan data siswa kedalam server absensi, kemudian nantinya guru akan menerima data siswa sesuai dengan data yang sudah di input admin baik berupa kelas, mata pejalaran no handphone orangtua. Kemudian ketika user guru mengabsensi akan selalu mengirimkan informasi tersebut kepada orang tua melalui laporan sms. 3.3 Analisa Perancangan Sistem Perancangan merupakan bagian dari metodologi pengembangan suatu perangkat lunak yang dilakukan setelah melalui tahapan analisis. Perancangan bertujuan untuk memberikan gambaran secara terperinci. Perancangan merupakan tahap lanjutan dari analisis, dimana pada perancangan digambarkan rancangan yang akan dibangun sebelum dilakukan pengkodean kedalam suatu bahasa pemrograman.

4 Use Case Sistem Berjalam Yang Di Usulkan Gambar 3.2 Sistem Berjalan Tabel 3.1 Skenario Use Case Diagram Daftar Siswa Nama Use Case Daftar Siswa Definisi Singkat Use case memberikan Hak kepada admin untuk mengimput dan mengelola data diri siswa Aktor Admin Pra Kondisi - Tindakan Utama Admin: Admin dapat menginput, edit, menghapus data siswa untuk melakukan registrasi Absensi dan Smsgateway Pasca Kondisi - Tabel 3.2 Skenario Use Case Diagram Daftar Guru Nama Use Case Daftar Guru Definisi Singkat Use case memberikan Hak kepada admin untuk mengimput dan mengelola data diri Guru Aktor Admin

5 24 Pra Kondisi - Tindakan Utama Admin: Admin dapat menginput, edit, menghapus data siswa untuk melakukan registrasi Absensi Pasca Kondisi - Tabel 3.3 Skenario Use Case Diagram Daftar Kelas Nama Use Case Daftar Kelas Definisi Singkat Use case memberikan Hak kepada admin untuk mengimput dan mengelola data Kelas Aktor Admin Pra Kondisi - Tindakan Utama Admin: Admin dapat menginput, edit, menghapus data Nama dan jumlah kelas Pasca Kondisi - Tabel 3.4 Skenario Use Case Diagram Daftar Sekolah Nama Use Case Daftar Sekolah Definisi Singkat Use case memberikan Hak kepada admin untuk mengimput dan mengelola data Sekolah Aktor Admin Pra Kondisi - Tindakan Utama Admin: Admin dapat menginput, edit, menghapus data siswa untuk melakukan Penambahan dan registrasi Sekolah Pasca Kondisi -

6 25 Tabel 3.5 Skenario Use Case Diagram Absensi Siswa Nama Use Case Absensi Siswa Definisi Singkat Use case memberikan Hak kepada Guru untuk mengimput Absensi Aktor Guru Pra Kondisi - Tindakan Utama Guru: Guru dapat mengabsensi siswa baik yang Masuk, Ijin, Alfa, dan Sakit. Pasca Kondisi - Tabel 3.6 Skenario Use Case Diagram SMS Gateway Nama Use Case SMS Gateway Definisi Singkat Use case memberikan Hak User kepada Orangtua Siswa, untuk memperoleh laporan absensi setiap harinya melalui SMS Aktor Orang Tua Pra Kondisi - Tindakan Utama Orang Tua: SMS akan terkirim ke Handphone setelah Guru melakukan absensi Pasca Kondisi - Tabel 3.7 Skenario Use Case Diagram Absensi Nama Use Case Absensi Definisi Singkat Use case memberikan Hak kepada Siswa, untuk memperoleh melihat laporan absensi harian Aktor Siswa Pra Kondisi - Tindakan Utama Siswa: akan memperoleh laporan

7 26 Pasca Kondisi - absensi harian, dan hanya bisa mengedit Password Login saja Activity Diagram Yang Di Usulkan Gambar 3.3 Activity Diagram Yang Di Usulkan Dari Gambar diatas dapat dijelaskan bahwa, admin melakukan Registrasi atau Penginputan data, baik sekolah, kelas, siswa dan guru. Lalu setelah proses input selesai guru menerima jadwal yang kemudian oleh guru dilakukannya absensi melalui sistem yang sudah didaftarkan sebelumnya oleh admin, jika proses absensi selesai, maka guru akan mengirimkan hasil absensi harian ke Orang Tua Siswa, dari hasil ini pun siswa dapat melihat hasil laporan absensi, untuk skenario detailnya dijelaskan sebagai berikut :

8 Skenario Activity Diagram Login Gambar 3.4 Skenario Activity Diagram Login Tabel 3.8 Skenario Activity Diagram Login Nama Activity Diagram Login Deskripsi User Baik itu Admin, Guru, Siswa yang memperoleh akses sistem akan diperbolehkan masuk sistem apa bila memenuhi syarat ( username & Password benar), sedangkan apa bila tidak memenuhi syarat maka sistem tidak akan terbuka

9 Skenario Activity Diagram Mengelola User 1. Siswa Gambar 3.5 skenario Kelola User Siswa Tabel 3.9 Skenario Activity DiagranKelola User Siswa Nama Activity Diagram Kelola User siswa Deskripsi Admin memlih menu siswa, dimana didalamnya terdapat entry atau admin dapat mendambahkan dan mengedit juga menghapus biodata siswa

10 29 2. Guru Gambar 3.6 Skenario Klola user Guru Tabel 3.10 Skenario Activity Diagram Guru Nama Activity Diagram Kelola Guru Deksripsi Admin Memilih Menu Guru, yang didalamnya ditambahkan biodata guru, mengedit juga menghapusnya, juga difungsikan nantinya agar bisa diberi akses untuk melakukan absensi

11 30 3. Kelas Gambar 3.7 Skenario Kelola Kelas Tabel 3.11 Skenario Activity Diagram Kelola Kelas Nama Activity Diagram Kelola Kelas Deskripsi Admin memilih menu kelas, yang didalanya terdapa input nama dan jumlah kelas, juga terdapat hapus serta edit data kelas.

12 31 4. Sekolah Gambar 3.8 Activity Diagram Sekolah Tabel 3.12 Skenario Activity Diagram Kelola Sekolah Nama Activity Diagram Kelola Sekolah Deskripsi Admin memilih menu Sekolah, yang didalanya terdapa input nama dan jumlah Sekolah, juga terdapat hapus serta edit data Sekolah.

13 Skenario Activity Diagram Absensi Gambar 3.9 Activity Diagram Absensi Tabel 3.13 Skenario Activity Diagram Absensi Nama Activity Diagram Absensi Deskripsi Guru memiliki akses untuk mengabsen anak didiknya dikelas yang sebelumnya sudah didaftarkan oleh Admin, lalu guru memasuki menu Data Absensi, kemudian memilih kelas dan tanggal. Maka akan muncul nama nama yang sudah terdaftar pada kelas tersebut yang sebelumnya sudah didaftarkan admin, proses selanjut dari absensi menyimpannya didatabase dan mengirimkan langsung SMS Blast kesemua orang tua yang sudah didaftarkan Admin

14 Skenario Activity Diagram Absensi Siswa Gambar 3.10 Activity Diagram Laporan Absensi Siswa Tabel 3.14 Skenario Activity Diagram Laporan Absensi Siswa Nama Activity Diagram Laporan Absensi Siswa Deskripsi Siswa Memiliki Akses hanya melihat laporan absensi kehadiran setiap harinya, dengan cara login sebagai siswa, yang sudah didaftarkan oleh admin

15 Sequance Diagram Yang Di Usulkan 1. Siswa Gambar 3.11 Sequence Diagram Daftar Siswa Aktor : Admin Object : Tampilan Login, Halaman Utama Admin, Form Data Siswa,...Database Logika : Admin memasukan Username dan Password di Home Page Login. Chek user, jika berhasil lanjut masuk ke halaman utama admin, namun jika salah akan kembali ke Home Page Login. Setelah berhasil Admin dapat Menambah data siswa, edit siswa, dan hapus siswa. Jika tidak ada aktifitas bisa langsung Log out. Jika ada proses input aktor admin akan menyimpan di database. 2. Guru Gambar 3.12 Sequance Diagram Daftar Guru

16 35 Aktor : Admin Object : Tampilan Login, Halaman Utama Admin, Form Data Guru,...Database Logika : Admin memasukan Username dan Password di Home Page Login. Chek user, jika berhasil lanjut masuk ke halaman utama admin, namun jika salah akan kembali ke Home Page Login. Setelah berhasil Admin dapat Menambah data guru, edit guru, dan hapus guru. Jika tidak ada aktifitas bisa langsung Log out. Jika ada proses input aktor admin akan menyimpan di database. 3. Kelas Gambar 3.13 Sequance Diagram Daftar Kelas Aktor : Admin Object : Tampilan Login, Halaman Utama Admin, Form Data Kelas,...Database Logika : Admin memasukan Username dan Password di Home Page Login. Chek user, jika berhasil lanjut masuk ke halaman utama admin, namun jika salah akan kembali ke Home Page Login. Setelah berhasil Admin dapat Menambah data kelas, edit kelas, dan kelas siswa. Jika tidak ada aktifitas bisa langsung Log out. Jika ada proses input aktor admin akan menyimpan di database.

17 36 4. Sekolah Gambar 3.14 Sequance Diagram Daftar Sekolah Aktor : Admin Object : Tampilan Login, Halaman Utama Admin, Form Data Sekolah,...Database Logika : Admin memasukan Username dan Password di Home Page Login. Chek user, jika berhasil lanjut masuk ke halaman utama admin, namun jika salah akan kembali ke Home Page Login. Setelah berhasil Admin dapat Menambah data Sekolah, edit Sekolah, dan hapus Sekolah. Jika tidak ada aktifitas bisa langsung Log out. Jika ada proses input aktor admin akan menyimpan di database.

18 37 5. Absensi Gambar 3.15 Sequance Diagram Absensi Aktor : Guru Object : Tampilan Login, Halaman Utama Guru, Menu Absen,...Database, SMS Blast. Logika : Aktor Guru input user dan password yang sudah didaftarkan oleh admin, jika berhasil masuk ke halaman guru, namun jika gagal kembali ke tampilan Login. Guru melakukan absensi Siswa yang juga sudah didaftarkan oleh admin. Guru juga memili akses untuk melakukan edit biodata pribadi. Setelah input absensi disimpan di databse. Memproses pengiriman SMS sesuai inputan Absensi yang tersimpan di database 6. Siswa Gambar 3.16 Sequance Diagram Laporan Absensi Siswa

19 38 Aktor : Siswa Object : Tampilan Login, Halaman Utama Siswa, Menu Laporan Absensi,...Data Siswa.Database Logika : Aktor Siswa menginput id dan password yang sudah didaftarkan jika berhasil maka di proses ke object berikutnya, jika tidak(gagal) kembali ke Object tampilan login. Di object halaman utama, siswa dapat mengubah password untuk masuk di halaman login. Aktor siswa diperbolehkan oleh admin untuk memiliki akses menu laporan absensi. Yang di proses melalui database baik data diri, password dan laporan kehadiran aktor siswa tersebut Class Diagram Gambar 3.17 Class Diagram Sistem Absensi A. Nama Class : Absensi Siswa Atribut : nis, guru, tanggal, status Opration : Koneksi(), Absensi() Relasi : One Only dengan Calass Manajemen Siswa B. Nama Class : Manajemen Orangtua Atribut : idwali, nama, nis, nomerhp Relasi : One Only dengan Class Manajemen Siswa Opration : koneksi(), insert(),delet(), update(), view() C. Nama Class : Manajemen Guru

20 39 Atribut : nip, nama, jabatan, matapelajaran Relasi : One to n dengan Class Manajemen SIswa Opration : koneksi(), insert(),delet(), update(), view() D. Nama Class : SMS Gateway Atribut : namawali, nomerhp,tanggal Opration : Koneksi(), inserttooutbox() Relasi : One Only dengan Class Manajemen Siswa 3.4 Rancangan Struktural Tabel Didalam pembuatan suatu sistem pasti dibutuhkanya rancangan basis data yang disesuaikan dengan kebutuhan sistem itu sebdiri. Dalam rancangan tabel yaitu merupakan garis besar dari adanya kegiatan komputerisasi pengolahan data yang akan di kerjakan, tanpa adanya hal ini rancangan pengolahan data secara komputerisasi tak bisa terlaksana, dalam aplikasi absensi yang terintegrasi dengan sms gateway ini, berikut rancangan tabelnya : 1. Tabel Siswa Nama Tabel : siswa Primarykey : ids Foreignkey : idk Tabel 3.15 Struktur Siswa No Nama Field Type Size Keterangan 1 Ids Int 10 Id database siswa 2 Nis Varchar 11 Nomer induk siswa 3 Nama Varchar 100 Nama siswa 4 Jk Varchar 2 Jenis kelamin siswa 5 Alamat Text Alamat siswa 6 Idk Int 5 Id database kelas 7 Tlp Varchar 20 No telphone

21 40 orang tua 8 Bapak Varchar 50 Nama bapak siswa 9 K_bapak Varchar 50 Pekerjaan bapak 10 Ibu Varchar 50 Nama ibu siswa 11 K_ibu Varchar 50 Pekerjaan ibu 12 Pass Text Password akun siswa 2. Tabel Guru Nama Tabel : guru Primarykey : idg Foreignkey : idk Tabel 3.16 Struktur Guru No Nama Field Type Size Keterangan 1 Idg Int 10 Id database guru 2 Nip Varchar 8 Nomer induk pengajar 3 Nama Varchar 100 Nama guru 4 Jk Varchar 2 Jenis kelamin guru 5 Alamat Text Alamat guru 6 Idk Int 10 Id database kelas 7 Pass Text Password akun guru

22 41 3. Tabel Sekolah Nama Tabel : sekolah Primarykey : id Tabel 3.17 Struktur Sekolah No Nama Field Type Size Keterangan 1 Id Int 10 Id database sekolah 2 Kode Varchar 50 Nomer kode sekolah 3 Nama Varchar 100 Nama Sekolah 4 Alamat Text Alamat siswa 4. Tabel Kelas Nama Tabel : kelas Primarykey : idk Foreignkey : id Tabel 3.18 Struktur Kelas No Nama Field Type Size Keterangan 1 Idk Int 10 Id database kelas 2 Id Int 10 Id database sekolah 3 Nama Varchar 50 Nama kelas 5. Tabel Absen Nama Tabel : absen Primarykey : ida Forignkey : ids

23 42 Tabel 3.19 Struktur absen No Nama Field Type Size Keterangan 1 Ida Int 10 Id database absen 2 Ids Int 10 Id kelas 3 Tgl Varchar 3 Tanggal 4 Jam Int 3 jam 3.5 Setting Gammu Langkah pertama untuk menjalankan sistem absensi yang terintegrasi dengan sms gateway ini, sangat berkaitanya dengan aplikasi tambahan untuk memberikan sambungan antara absensi dan aplikasi sms, dan kali ini dalam pengerjaan tugas akhir ini penulis menggunakan aplikasi Gammu, seperti yang sudah dijelaskan pada bab bab sebelum ini. Gammu sendiri adalah sebuah aplikasi yang dikhususkan membangun sebuah SMS Gateway yang berhubungan langsung antara oprator selular ke internet dan begitu sebaliknya.yang terpenting dari itu semua adalah, gammu aplikasi yang bersifat open source dibawah lisensi GPL (GNU General Public License). 1. Install Gammu Untuk bisa menggunakan aplikasi pastikan install aplikasi itu secara benar, penulis mengunduh aplikasi tersebut di officel site gammu, begini langkah langkah install aplikasi gammu : Download aplikasi Install aplikasi di direktory C:\ Coppy folder bin, include, lib dan share ke folder database aplikasi absensi C:\xampp\htdocs\smsku Buat Database Gammu di Phpmyadmin Import database mysql.sql yang terdapat pada C:\xampp\htdocs\smsku\share\doc\gammu\examples\sql

24 43 Gambar 3.18 Membuat Database Gammu Gambar 3.19 Import database mysql.sql 2. Setting modem USB Install driver modem usb sampai selesai Open device manager di server di windows, lihat PORT COM pada Modem tersebut Gambar 3.20 port com USB Modem

25 44 Edit File gammurc yang terdapat pada folder C:\xampp\htdocs\smsku\bin, ubah Port COM yang digunakan pada HP, seperti gambar 3.21 dibawah ini Gambar 3.21 file gammurc Edit file smsdrc yang ada di folder C:\xampp\htdocs\smsku\bin lalu save a. Setting Port pada baris ke 7 : com9 b. Setting connectio pada baris ke 9 : at c. Setting service pada baris ke 33 : mysql d. Setting user password pada baris ke 61 : root(user) & password kosongkan e. Setting database pada baris ke 65 : gammu f. Setting driver pada baris ke 68 : mysql Gambar 3.22 Setting file smsdrc Gambar 3.23 Lanjutan Setting smsdrc

26 45 Pengechekan connection dari comandpromt. Masuk pada directori C:\xampp\htdocs\smsku\bin, jalankan perintah gammu --identify untuk mengindentifikasi modem yang digunakan, lihat gambar 3.24 Gambar 3.24 tampilan gammu identify Install service GammuSMSD dengan menjalankan perintah gammusmsd c smsdrc i. Gambar 3.25 tampilan install service Gammu Smsd Langkah terakhir untuk memastikan koneksi antara modem usb dan aplikasi gammu dengan menjalankan services gammu SMSD service. Lihat gambar 3.26 Gambar 3.26 Services windows

27 Perancangan Tampilan Antar Muka 1. Login Gambar 3.27 Tampilan Hasil Interface Pembuka 2. Perancangan Akses Admin Gambar 3.28 Tampilan Interface Home Admin Dibawah ini merupakan keterangan dari gambar rancangan proses di hak akses Admin, yaitu : 1. Data SISWA : Di Menu Data Siswa terdapat Submenu Input Data dan Veiw Data 2. Data Guru : Di Menu Data Guru terdapat Submenu Input Data dan View Data

28 47 3. Data Kelas : Di Menu Data Kelas Terdapat Submenu Input Data dan View Data 4. Data Sekolah : Di Menu Data Sekolah Terdapat Submenu Input Data dan View Data 3. Perancangan Akses Guru Gambar 3.29 Tampilan Home Interface Guru Dibawah ini merupakan keterangan dari gambar rancangan proses di hak akses Guru, yaitu : 1. Data Absensi : Di Menu Data Absensi terdapat Submenu Input data yang digunakan untuk mengabsen siswa yang sudah di daftarkan oleh Admin 2. Data Guru : Di Menu Data Guru berisi mengenai data diri guru dan perubahan Password

29 48 4. Perancangan Akses Siswa Gambar 3.30 Tampilan Home Interface Siswa Dibawah ini merupakan keterangan dari gambar rancangan proses di hak akses Siswa, yaitu : 1. Laporan : Di Menu ini terdapat laporan harian absensi siswa itu sendiri 2. Data Siswa : Di menuini terdapat data diri siswa, dan yang bisa di edit dari siswa hanya password selain itu Hak user Admin yang bisa mengeditnya