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.
3.1.1 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 :
2.
Processor Intel (R) Core(TM) i3:390M
Memory DDR3 2GB
HDD 500GB
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
http://digilib.mercubuana.ac.id/
21
3.1.2 Analisa Kebutuhan Perangkat Lunak Perangkat Lunak yang digunakan dalam perancangan sistem ini adalah : 1.
2.
Perangkat Lunak SERVER
Sistem Oprasi Windows 7 32bit Ultimate
Web Browser ( Googlechrome & Mozilla )
Xampp 1.7.1
MSQL untuk Database
PHP sebagai bahasa pemograman
Notepad ++
Dreamweaver CS6
Perangkat Lunak SMS GATEWAY
Gammu, sebagai penghubung SMS GATEWAY. Dalam hal ini, penulis menggunakan GAMMU 1.33.0
3.2
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.
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
23
3.3.1 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
http://digilib.mercubuana.ac.id/
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
-
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
memperoleh
laporan
26
absensi harian, dan hanya bisa mengedit Password Login saja Pasca Kondisi
-
3.3.2 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 :
http://digilib.mercubuana.ac.id/
27
3.3.2.1 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
http://digilib.mercubuana.ac.id/
28
3.3.2.2 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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
32
3.3.2.3 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
menyimpannya mengirimkan kesemua
didatabase langsung
orang
didaftarkan Admin
http://digilib.mercubuana.ac.id/
dari
tua
SMS yang
absensi dan Blast sudah
33
3.3.2.4 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
http://digilib.mercubuana.ac.id/
34
3.3.3 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
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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.
3.3.4 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
http://digilib.mercubuana.ac.id/
39
Atribut
: nip, nama, jabatan, matapelajaran
Relasi
: One to n dengan Class Manajemen SIswa
Opration
: koneksi(), insert(),delet(), update(), view()
D. Nama Class
3.4
: SMS Gateway
Atribut
: namawali, nomerhp,tanggal
Opration
: Koneksi(), inserttooutbox()
Relasi
: One Only dengan Class Manajemen Siswa
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
Int
10
Id
Ids
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
http://digilib.mercubuana.ac.id/
telphone
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
6
Idk
Int
7
Pass
Text
Alamat guru 10
Id database kelas Password guru
http://digilib.mercubuana.ac.id/
akun
41
3.
Tabel Sekolah
Nama Tabel
: sekolah
Primarykey
: id
Tabel 3.17 Struktur Sekolah No Nama Field
Type
Size
Keterangan
1
Int
10
Id
Id
database
sekolah 2
Kode
Varchar
50
Nomer
kode
sekolah 3
Nama
Varchar
4
Alamat
Text
4.
100
Nama Sekolah Alamat siswa
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
5.
Nama
Varchar
50
Tabel Absen
Nama Tabel
: absen
Primarykey
: ida
Forignkey
: ids
http://digilib.mercubuana.ac.id/
Nama kelas
42
Tabel 3.19 Struktur absen No Nama Field
Type
Size
Keterangan
1
Int
10
Id
Ida
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 http://wammu.eu/download/gammu/win32/
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
C:\xampp\htdocs\smsku\share\doc\gammu\examples\sql
http://digilib.mercubuana.ac.id/
pada
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
http://digilib.mercubuana.ac.id/
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
: at115200
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
46
3.6
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/