Gambaran Umum Cara pengoperasian sistem

xxiv BAB III DESAIN DAN PERANCANGAN

A. Gambaran Umum

Sistem Monitoring Presensi Siswa berbasis SMS merupakan sistem yang ditujukan untuk meningkatkan kualitas pembelajaran akademis siswa yang dimulai dari kedisiplinan. dalam sistem ini ditekankan pada fungsi pelayanan respon otomatis SMS yang masuk dari orangtua atau wali murid, disamping sudah adanya fasilitas pengiriman SMS secara otomatis ketika data presensi dimasukkan. Pengiriman SMS hanya dilakukan kepada orang tua siswa ketika siswa tidak masuk. B. Context Diagram Context Diagram atau diagram konteks berikut ini menggambarkan karakteristik dari sistem yang berhubungan dengan entitas luar yang terlibat langsung dengan sistem aplikasi ini. Gambar 3.1 Gambar context diagram xxv Diagram konteks diatas menjelaskan gambaran umum dari proses berjalannya sistem. Dimana menggambarkan data apa yang masuk ke dalam sistem dan keluaran apa yang dihasilkan dari proses berjalannya sistem.

C. Data Flow Diagram level 0

Data Flow Diagram merupakan tahap perancangan aplikasi yang menggambarkan aliran data dan penyimpanan data. Alur data dan proses dasar apa saja yang ada pada aplikasi ini dapat dilihat pada DFD berikut ini : Gambar 3.2 DFD level 0 proses berjalan sistem D. Flowchart Flowchart menerangkan aliran atau proses berjalannya sistem presensi di sub bagian dari keseluruhan sistem. Dalam sistem ini di bagi menjadi beberapa flowchart , sebagai berikut : xxvi 1. Login Form login ditujukan untuk memberikan batasan akses pada pengguna. Yang dimaksud disini adalah hanya pengguna tertentu saja yang bisa mengakses sistem. Berikut flowchart dari login ke sistem Gambar 3.3 Gambar Flowchart login 2. Input data Form input data di gunakan untuk menginput data presensi siswa yang nantinya digunakan sebagai dasar monitoring oleh orangtua siswa melalui SMS. Input data yang dimaksud adalah input data untuk presensi, yang hanya bisa dilakukan oleh administrator atau yang bisa login ke sistem. berikut flowchart input data siswa : xxvii Gambar 3.4 Gambar Flowchart input data

3. SMS presensi

SMS presensi yang dimaksud disini adalah alur pemprosesan SMS masuk dari orangtua siswa hingga didapatkan output yang sesuai dengan format SMS yang dituliskan. Berikut Flowchart dari proses tersebut. xxviii Gambar 3.5 Gambar Flowchart SMS presensi

E. Perancangan Database

Pada perancangan database ini, Gammu sudah menyertakan basis data default yang harus digunakan. Oleh karena itu penulis hanya menambahkan beberapa tabel pendukung saja.

1. RATRelasi Antar Tabel

RAT atau Relasi Antar Tabel menunjukkan hubungan antara satu tabel dengan tabel yang lain yang terdapat dalam aplikasi ini. RAT dapat menggantikan fungsi ERD karena fungsinya hampir sama, oleh sebab itu penulis hanya menyertakan RAT saja. Adapun RAT dari aplikasi ini adalah sebagai berikut: xxix Gambar 3.6 Gambar relasi antar tabel 2. Deskripsi Data Tabel a. Tabel siswa Tabel siswa merupakan tabel yang digunakan untuk menyimpan seluruh data siswa. Tabel siswa dapat dilihat pada Tabel 3.1. Tabel 3.1 Tabel siswa Nama Field Tipe data panjang Keterangan nis varchar 12 Primary key nama Varchar 30 Nama siswa idkelas Integer 11 Kelas alamat Varchar 50 Alamat idortu Integer 11 Id orang tua siswa

b. Tabel kelas

Tabel kelas digunakan untuk mendeklarasikan jumlah kelas yang ada. Pendeklarasian tabel siswa dapat dilihat dalam Tabel 3.2 Tabel 3.2 Tabel kelas xxx Nama Field Tipe data panjang Keterangan idkelas integer 11 Primary key kelas Varchar 5 Nama kelas

c. Tabel ortu

Tabel ortu digunakan untuk menyimpan data orang tua siswa. Dalam hal ini seluruh data orang tua siswa dijadikan satu dalam tabel ortu. Pendeklarasian tabel ortu dapat dilihat pada Tabel 3.3 Tabel 3.3 tabel ortu Nama Field Tipe data panjang Keterangan idortu Integer 11 Primary key nama Varchar 30 Nama orang tua siswa alamat Varchar 50 Alamat orang tua siswa notelp Varchar 14 Nomor telephone orangtua siswa

d. Tabel keterangan

Tabel keterangan merupakan tabel yang digunakan untuk men deklarasikan keterangan presensi siswa. Tabel keterangan bisa dilihat dalam tabel 3.8. Tabel 3.4 Tabel keterangan Nama Field Tipe data panjang Keterangan Name varchar 11 Nama grup ID Varchar 11 Id grup primary key xxxi

e. Tabel absen

Tabel absen merupakan tabel yang menyimpan seluruh recorde presensi. Seluruh masukan presensi di tampung dalam tabel ini. Untuk membuat grafik, juga menggunakan recorde yang ada dalam tabel ini, pendeklarasian tabel absen dapat dilihat pada Tabel 3.5 Tabel 3.5 Tabel absen Nama Field Tipe data panjang Keterangan idabsen Integer 11 Primary key nis Varchar 12 Nomor induk siswa tanggal DATE Tanggal dimasukkannya input idket Integer 11 Id kelas

F. Rancangan Desain Tampilan

1. Rencana rancangan desain

login Rancangan desain antarmuka login dapat dilihat pada Gambar 3.7. dari gambar nampak adanya menu login dan text field untuk memaparkan sedikit tentang sistem, atau juga dapat diisi dengan visi atau misi instansi. xxxii Gambar 3.7 Gambar rancangan antar muka login

2. Rencana rancangan desain

index home Dalam rancangan desain antar muka index atau halaman utama, terdapat grafik yang menunjukkan keaktifan siswa tiap bulannya. Disamping itu juga diberikan textfield untuk di berikan penjelasan tentang sistem atau hal–hal yang berkaitan dengan instansi. Rancagan index dapat dilihat pada Gambar 3.8. Gambar 3.8 Gambar rancangan antar muka home index

3. Rancangan tampilan riwayat

inbox , outbox dan sentitems Dalam rancangan desain riwayat inbox, outbox dan sentitems, ditampilkan dalam tabel yang terdapat menu untuk menghapus pesan satu per satu. Rancangan antar muka riwayat inbox dapat dilihat pada Gambar 3.9, untuk sentitems dapat dilihat pada gambar 3.10 dan rancangan outbox dapat dilihat pada gambar 3.11. xxxiii Gambar 3.9 Gambar rancangan antar muka inbox Gambar 3.10 Gambar rancangan antar muka sentitems xxxiv Gambar 3.11 Gambar rancangan antar muka outbox

4. Rancangan tampilan pengiriman pesan

Dalam rancangan pengiriman pesan, terdapat fasilitas untuk mengirim pesan secara individualperorangan maupun grup. Disini juga akan di berikan link untuk melihat banyak grup, menambah grup, dan menambah anggota grup. Desain antar muka pengiriman pesan dapat dilihat pada Gambar 3.12 Gambar 3.12 Gambar rancangan antar muka send SMS 5. Rencana rancangan tampilan input presensi xxxv Rancangan input presensi dapat dilihat pada Gambar 3.13, dalam gambar menunjjukkan tabel yang digunakan untuk menampilkan siswa berdasakan kelas yang dipilih, untuk kemudian digunakan untuk memasukkan data presensi. Gambar 3.13 Gambar rancangan antar muka presensi siswa

6. Rencana rancangan tampilan

input siswa Rancangan tampilan input siswa dapat dilihat pada Gambar 3.14, fungsi utama yang rancang untuk halaman ini adalah untuk mengimputkan atau menambahkan siswa baru kedalam database . xxxvi Gambar 3.14 Gambar rancangan antar muka input siswa xxxvii BAB IV IMPLEMENTASI DAN ANALISA Tujuan dari pembuatan sistem ini adalah untuk memaksimalkan fungsi presensi dan mempermudah orang tua siswa dalam memonitoring kehadiran siswa di sekolah. Disamping itu sistem ini akan mempermudah pihak sekolah dalam menyampaikan informasi kepada orangtua siswa maupun guru-guru dan karyawan. Dengan demikian kesalahan yang dapat terjadi saat penyampaian informasi secara manual dapat diminimalisir.

A. Keperluan pembuatan system

1. Software

Berikut merupakan spesifikasi software yang digunakan dalam pembuatan sistem. a. Sistem operasi Linux ubuntu 9.10 b. xampp-linux-1.7.1 c. Gammu-1.27.90 Dalam pembuatan tampilan penulis menggunakan macromedia dreamweaver 8 dan notepad++ dalam sistem operasi microsoft windows xp profesional.

2. Hardware

Dibawah ini merupakan spesifikasi hardware yang penulis gunakan saat melakukan penelitian. a. Intel pentium dual core E2160 1,8 GHz b. MemoryRAM 1GB c. Hardisk 80GB d. Handphone nokia 6230i e. Kabel data DKU2 f. SIM Card IM3

B. Cara pengoperasian sistem

Hal pertama yang dilakukan untuk menjalankan sistem ini adalah dengan mengkoneksikan Hand Phone Server dengan komputer. Untuk mengetahui xxxviii apakah Hand Phone telah terkoneksi dengan komputer gunakan perintah berikut : Dmesg | Tail Perintah diatas akan menampilkan Port yang digunakan untuk koneksi Hand Phone dengan komputer. Konfigurasi file Smsdrc dan Gammurc untuk mengkomunikasikan Hand Phone Gammu dan koputer. Pada Gambar 4.1 merupakan kofigurasi Gammurc yang digunakan dalam pembuatan sistem ini, sedang Gambar 4.2 merupakan gambar konfigurasi Smsdrc. Gambar 4.1 Gambar file konfigurasi Gammurc xxxix Gambar 4.2 Gambar file konfigurasi Smsdrc Untuk mengecek komunikasi Hand phone dengan komputer gunakan perintah Gammu –identify , maka akan ditampilkan jenis Hand Phone yang digunakan. Untuk mengakses inbox dari Hand Phone gunakan perintah berikut : Gammu-smsd –c etcsmsdrc Script tersebut akan meload data dari Handphone ke database . Kemudian panggil halaman yang mengeksekusi file auto reply dari browser . Halaman tersebut dapat diakses melalui halaman index atau home. Agar sistem ini dapat berjalan, maka script pemanggilan data dari Handphone dan halaman aotureplynya tidak boleh ditutup. Secara default sistem akan mengirimkan SMS kepada orangtua siswa ketika input presensi dilakukan, namun hanya untuk siswa yang tidak masuk saja. Agar sistem dapat berjalan secara otomatis ketika startup , script diatas dapat ditambahkan dalam file rc . local tepatnya di etcrc.local , file ini memuat seluruh service yang dijalankan pada saat startup. Tips untuk menambahkan script ini adalah letakkan dibagian paling akhir, setelah script yang lain. Karena script ini akan dijalankan secara terus menerus maka pembacaan di rc.local akan berhenti saat membaca script ini, sehingga script xl yang dibawahanya tidak di eksekusi. Selain itu agar dapat berjalan scritp diatas harus diarahkan pada file dimana Gammu-sm sd disimpan. Gammu- smsd secara default akan terinstall directory usrlocalbin. Gambar 4.3 merupakan file rc.local dari Operating Sistem yang digunakan penulis. Gambar 4.3 Gambar file rc.local Pada Gambar 4.1 terdapat 5 service yang dijalankan saat startup , yaitu: 1. Menjalankan service lampp 2. Memount partisi hardisk ke-2 dinamai sistem 3. Memount partisi hardisk ke-6dinamai berkas 4. Memount partisi hardisk ke-7dinamai galeri 5. Menjalankan service Gammu-smsd

C. Implementasi antar muka