Diagram diagram UML DESAIN DAN PERANCANGAN

commit to user 20

3.3. Diagram diagram UML

3.3.1. Use Case Diagram 3.3.1.1. Use Case Diagram F ungsional Gambar 3.1. Use Ca se Dia gr am Fungsiona l Mahasisw a Dosen Admin mhs request nilai dosen, M hs, Staff terima pengumuman Admin,dosen staff input nilai Admin,dosen Staff input pengumuman admin set data Mhs Admin set data kelas Admin set data dosen Admin set Mata Kuliah staff akademik commit to user 21 Tabel 3.3. Tabel kesesuaian use ca se dan SRS Fungsional SRS Use Case Admin, Dosen dan staff input nilai Admin, Dosen dan staff input nilai Admin, Dosen dan Staff input pengumuman Admin, Dosen dan Staff input pengumuman Mahasiswa request Nilai Mahasiswa request Nilai Dosen, Staff Akademik, dan Mahasiswa terima pengumuman Dosen, Staff Akademik, dan Mahasiswa terima pengumuman Admin set Data Kelas Admin set Data Kelas Admin set data Mahasiswa Admin set data Mahasiswa Admin set data Dosen Admin set data Dosen Admin set data Mata Kuliah Admin set data Mata Kuliah 3.3.1.2. Use Case Diagram Non Fungsional Gambar 3.2. Use Ca se Dia gr am Non F ungsiona l dosen admin Login set Account confirm user staff Akademik commit to user 22 Tabel 3.4. Tabel Kesesuaian use ca se dan SRS Non Fungsional Fungsi Use Case Admin, Dosen, Staff Akademik login Admin, Dosen, Staff Akademik login Dosen dan Staff Akademik set Account Dosen dan Staff Akademik set Account Admin confirm User Admin confirm User 3.3.2. Activity Diagram

3.3.2.1. Login

Gambar 3.3. Activity dia gr am Login Proses login pada Gambar 3.3 dijelaskan dengan menggunakan scenario use ca se pada tabel 3.5. start input username n passw ord sistem v erifikasi data val idation display home fi nish No Yes commit to user 23 Tabel 3.5. Tabel scenario Login Aktor Yang Terlibat Admin, Dosen, Staff Akademik Aksi actor Reaksi Sistem Skenario control 1 1. Input username dan password 2. Verivikasi data ada dalam DB 3. Display home tampilan utama Skenario control 2 1. Input username dan password 2. Verivikasi data tidak ada dalam DB 3. Mengosongkan field username dan password 4. Kembali ke langkah 1 5. Verivikasi data ada dalam DB 6. Display home commit to user 24

3.3.2.2. Input Nilai

Gambar 3.4. Activity dia gr am Input Nilai Proses input nilai pada gambar 3.4 dijelaskan dengan menggunakan scenario use case pada tabel 3.6. start login sistem v erifikasi keberadaan data user addupdate nilai val idation display form nilai val idation insertupdate fi nish v erifikasi nilai No Yes Yes No commit to user 25 Tabel 3.6. Tabel scenario Input Nilai Aktor Yang Terlibat Dosen Aksi actor Reaksi Sistem Skenario control 1 1. Login 2. Verivikasi data 3. Display form nilai 4. User add update nilai 5. Confirm nilai berhasil 6. Insertupdate nilai Scenario control 2 1. login 2. Verivikasi data 3. Display form nilai 4. User addupdate nilai 5. Confirm nilai gagal 6. Kembali ke langkah 4 7. Confirm nilai berhasil 8. Insertupdate nilai commit to user 26 Gambar 3.5. Activity dia gr am Input Pengumuman Proses input pengumuman pada Gambar 3.5 dijelaskan dengan menggunakan scenario use case pada tabel 3.7. start login sistem v erifikasi val idation display info page input pengumuman val idation insert fi nish v erifikasi pengumuman No Yes Yes No commit to user 27 Tabel 3.7. Tabel scenario input pengumuman Aktor Yang Terlibat Dosen dan Staff Akademik Aksi actor Reaksi Sistem Skenario control 1 1. Login 2. Verivikasi data 3. Display info page 4. Input pengumuman 5. Confirm pengumuman berhasil 6. Insert pengumuman Scenario control 2 1. login 2. Verivikasi data 3. Display info page 4. Input pengumuman 5. Confirm pengumuman gagal 6. Kembali ke langkah 4 7. Confirm pengumuman berhasil 8. Insert pengumuman commit to user 28 Gambar 3.6. Activity dia gr am cek nilai Proses cek nilai pada Gambar 3.6 dijelaskan dengan menggunakan scenario use case pada tabel 3.8. start user sent sms sistem v erifikasi data vali dation get data dalam DB kirim data user dapat balasan fi nish Yes No commit to user 29 Tabel 3.8. Tabel scenario cek nilai Aktor Yang Terlibat Mahasiswa Aksi actor Reaksi Sistem Skenario control 1 1. Sent sms 2. Verivikasi data ada dalam DB 3. Get data dalam DB 4. Kirim data 5. User mendapat balasan Scenario control 2 1. Sent sms 2. Verivikasi data tidak ada dalam DB 3. Kembali ke langkah 1 4. Verivikasi data ada dalam DB 5. Get data dalam DB 6. Kirim data 7. User mendapat balasan 3.3.3. Class Diagram Gambar 3.7. Cla ss dia gra m login c la s s Cl a ss M o.. . logi n - set password: String - set user: Stri ng + view : boolean da ta ba s e + cek form at : void + cek koneksi : voi d + cek password : voi d + cek user : voi d + view : boolean us e r + cek koneksi : voi d commit to user 30 Gambar 3.8. Cla ss dia gra m input nilai Gambar 3.9. Cla ss dia gra m input pengumuman Gambar 3.10. Cla ss dia gra m cek nilai class Class Mo... dosen - al am a t: tex t - do sen: va rc har - hp : varcha r - i d_d osen : varcha r + vi ew : vo id Mata Kuliah - i d_m a kul : varcha r - m aku l: va rchar - ni p: v archar + vi ew : vo id Mahasisw a - al am a t: tex t - hp : varcha r - na m a: va rch ar - ni m : va rch ar + ad d : v oi d + de le te : vo id + up date : voi d c la ss Cl as s M o.. . Class1 upda te - id_info: varchar - isi_info: text - waktu + get data : void + read : voi d databa s e + cek form at : void + cek koneksi : void + displ ay pesan : voi d + view : voi d pengumuma n - pengum uman: text - waktu + add : void + update : void class Class Mo... sent sms - m a tku l: cha r - ni m : i n t + vi ew : voi d database + ce k fo rm a t : vo i d + ce k ko ne ksi : vo id + vi ew : bo ol ea n nilai - m a tku l: in t - ni l ai : i nt - ni m : i n t + vi ew : voi d commit to user 31 3.3.4. Sequence Diagram Gambar 3.11 Sequence dia gram Login hal.utama user form login control login setUsername setPassword getUsername display pesan cek format getPassword display pesan cek format intConnection connection success or not cek username cek password commit to user 32 Gambar 3.12 sequence dia gra m input nilai Gambar 3.13 sequence dia gra m cek nilai user form input nilai controller db. nilai input nim, nilai tampilan nilai cek format nilai simpan nilai konfirmasi nilai mahasis wa aplikasi s ms gateway controller tb. nilai mahasis wa kirim sms cek format sms getDataNilaiMhs cek data return kirim balasan terim aSMSbalas an commit to user 33 Gambar 3.14 sequnce dia gr am kirim pengumuman 3.4. Site Map Gambar 3.15. Halaman Home Admin Mahasiswa Aplikasi controller tb.info kirim pengumuman cek format getInfo cek data return sendSMSInfo getInfo HEADER Kalender Copyright Selamat Datang admin Anda dapat mengolah data melalui menu yang tersedia. FORMAT SMS KETIK : NILAI spasi NIM spasi MATA KULIAH Home Manajemen SMS Admin commit to user 34 Gambar 3.16. Menu Manajemen Gambar 3.17 Menu SMS HEADER Home Manajemen SMS Admin Content Copyright Mahasiswa Dosen Staff Mata Kuliah Nilai User Mahasiswa Mata Kuliah HEADER Home Manajemen SMS Admin Content Copyright Kirim Pesan Informasi Kotak Masuk Pesan Keluar Pesan Terkirim commit to user 35 Gambar 3.18. Halaman Tambah Mahasiswa Tambah Mahasiswa NIP Nama Alamat Jenis kelamin HP Kelas Group Agama Aktif Laki-Laki Perempuan Y N Submit Cancel commit to user 36 Gambar 3.19. Halaman Tambah Dosen Halaman Tambah Staff sama dengan halaman Tambah Dosen yang terlihat seperti Gambar 3.19. Tambah Dosen NIP Nama Dosen Alamat Agama Jenis Kelamin No Hp Aktif Laki-Laki Perempuan Y N Submit Cancel commit to user 37 Gambar 3.20 Halaman Tambah Mata Kuliah Gambar 3.21. Halaman Kirim Pesan Single Tambah Mata Kuliah ID Makul Kode Mata Kuliah Semester SKS Save Cancel Kirim Pesan Single Nomor Tujuan Isi pesan 160 Sent commit to user 38 Gambar 3.22 Halaman SMS Group SMS Group Group Tujuan Angkatan Isi Pesan 160 Sent commit to user 39

BAB IV IMPLEMENTASI DAN ANALISA

4.1. Pembuatan Sistem

Sistem Informasi Akademik ini merupakan sistem yang berbasis sms gatewa y sehingga untuk mengaksesnya harus melalui sms. Sistem ini dibuat dengan menggunakan bahasa pemrograman PHP dan diintegrasikan dengan MySQL sebagai databse server. Interfa ce menggunakan CSS Casca ding Style Sheet yang berfungsi sebagai pengaturan tampilan dari sistem. Sedangkan untuk server sms menggunakan gammu 1.25 untuk proses pengiriman dan menerima sms.

4.2. Implementasi Desain dan Perancangan

Desain dan perancangan yang telah dibuat kemudian direalisasikan ke dalam pembuatan sistem informasi akademik berbasis sms gateway.

4.2.1. Halaman Login

Pada saat pertama kali mengakses halaman dari sistem informasi ini, pengguna akan diarahkan ke halaman login seperti gambar 4.1 dibawah ini. Gambar 4.1. Halaman login Apabila login berhasil maka akan menampilkan halaman Home . Tetapi apabila login gagal maaka akan kembali ke halaman Login awal.