DOKUMEN PEMBANGUNAN PERANGKAT LUNAK

E-Raport

Dipersiapkan oleh:1. Muhamad Humam A11.2011.060592. Izzati Saila Hafsah A11.2011.059693. Okada Arle Sandi A11.2011.059744. Ali Syafaat A11.2011.059655. Muhammad Fatih D A11.2011.06019

Program Studi Teknik InformatikaUniversitas Dian Nuswantoro Semarang

Daftar Isi1 Kebutuhan Perangkat Lunak................................................................................................41.1 Deskripsi Umum Sistem ...............................................................................................41.2 Model Use Case ............................................................................................................41.2.1 Diagram Use Case ..................................................................................................41.2.2 Definisi Actor .........................................................................................................51.2.3 Definisi Use Case ...................................................................................................51.2.4 Skenario Use Case ..................................................................................................6

1.3 Glossary.......................................................................Error! Bookmark not defined.2 User Experience Model......................................................................................................112.1 webAccountManager...................................................Error! Bookmark not defined.2.1.1 Identifikasi Screen, Compartement Screen, dan Form ........Error! Bookmark notdefined.2.1.2 Storyboard.............................................................Error! Bookmark not defined.

2.2 BackupPassword .........................................................................................................122.2.1 Identifikasi Screen, Compartement Screen, dan Form ........Error! Bookmark notdefined.2.2.2 Storyboard.............................................................Error! Bookmark not defined.

2.3 Direct Login ................................................................Error! Bookmark not defined.2.3.1 Identifikasi Screen, Compartement Screen, dan Form ........Error! Bookmark notdefined.2.3.2 Storyboard.............................................................Error! Bookmark not defined.

2.4 Navigational Path ........................................................................................................152.4.1 Navigational Path webAccountManager ..............Error! Bookmark not defined.2.4.2 Navigational Path BackupPassword .....................Error! Bookmark not defined.2.4.3 Navigational Path DirectLogin .............................Error! Bookmark not defined.

3 Model Analisis ...................................................................................................................153.1 Realisasi Use Case Tahap Analisis .............................................................................153.1.1 Use Case webAccountManager ............................Error! Bookmark not defined.3.1.1.1 Identifikasi Kelas Analisis.................................Error! Bookmark not defined.3.1.1.2 Sequence Diagram.............................................Error! Bookmark not defined.3.1.1.3 Diagram Kelas Analisis.....................................Error! Bookmark not defined.

3.1.2 Use Case BackupPassword...................................................................................163.1.2.1 Identifikasi Kelas Analisis.................................................................................163.1.2.2 Sequence Diagram.............................................................................................163.1.2.3 Diagram Kelas Analisis.....................................................................................16

3.1.3 Use Case Direct Login..........................................Error! Bookmark not defined.3.1.3.1 Identifikasi Kelas Analisis.................................Error! Bookmark not defined.3.1.3.2 Sequence Diagram.............................................Error! Bookmark not defined.3.1.3.3 Diagram Kelas Analisis.....................................Error! Bookmark not defined.

3.2 Diagram Kelas Keseluruhan........................................................................................213.3 Pemetaan Model Analisis dan Model UX...................................................................21

4 Model Perancangan............................................................Error! Bookmark not defined.4.1 Realisasi Use Case Tahap Perancangan ......................Error! Bookmark not defined.4.1.1 Use Case webAccountManager ............................Error! Bookmark not defined.4.1.1.1 Identifikasi Elemen WAE - Logical View ........Error! Bookmark not defined.4.1.1.2 Identifikasi Kelas Perancangan .........................Error! Bookmark not defined.4.1.1.3 Sequence Diagram.............................................Error! Bookmark not defined.4.1.1.4 Diagram Kelas Perancangan..............................Error! Bookmark not defined.4.1.1.5 Identifikasi Elemen WAE Component View ....Error! Bookmark not defined.

4.1.2 Use Case BackupPassword...................................Error! Bookmark not defined.4.1.2.1 Identifikasi Elemen WAE - Logical View ........Error! Bookmark not defined.4.1.2.2 Identifikasi Kelas Perancangan .........................Error! Bookmark not defined.4.1.2.3 Sequence Diagram.............................................Error! Bookmark not defined.4.1.2.4 Diagram Kelas Perancangan..............................Error! Bookmark not defined.4.1.2.5 Identifikasi Elemen WAE Component View ....Error! Bookmark not defined.

4.1.3 Use Case Direct Login..........................................Error! Bookmark not defined.4.1.3.1 Identifikasi Elemen WAE - Logical View ........Error! Bookmark not defined.4.1.3.2 Identifikasi Kelas Perancangan .........................Error! Bookmark not defined.4.1.3.3 Sequence Diagram.............................................Error! Bookmark not defined.4.1.3.4 Diagram Kelas Perancangan..............................Error! Bookmark not defined.4.1.3.5 Identifikasi Elemen WAE Component View ....Error! Bookmark not defined.

4.2 Perancangan Detil Elemen Logical View....................Error! Bookmark not defined.4.2.1 Stereotyped Class Login Process ..........................Error! Bookmark not defined.4.2.2 Stereotyped Class Show Account List Process.....Error! Bookmark not defined.4.2.3 Stereotyped Class Web Account Panel.................Error! Bookmark not defined.

4.3 Perancangan Detil Kelas .............................................Error! Bookmark not defined.4.3.1 Kelas Member Panel ............................................Error! Bookmark not defined.4.3.2 Kelas WebAccountController ...............................Error! Bookmark not defined.4.3.3 Kelas WebAccount ................................................Error! Bookmark not defined.4.3.4 Kelas Main Page...................................................Error! Bookmark not defined.4.3.5 Kelas Backup Password........................................Error! Bookmark not defined.4.3.6 Kelas Web Account ..............................................Error! Bookmark not defined.4.3.7 Kelas Web Account Panel ....................................Error! Bookmark not defined.4.3.8 Kelas Direct Login Control ..................................Error! Bookmark not defined.

4.4 Perancangan Antarmuka..............................................Error! Bookmark not defined.4.5 Perancangan Representasi Persistensi Kelas ...............Error! Bookmark not defined.

1 Kebutuhan Perangkat Lunak1.1 Deskripsi Umum Sistem

E-raport adalah aplikasi berbasis web yang akan memberikan informasi nilai-nilai darisiswa MAN Kota Tegal. Para siswa diberi hak akses untuk mengakses nilai-nilai mereka darikelas 1 sampai kelas 3. Admin nantinya akan mengisi semua identitas siswa MAN KotaTegal,dan para siswa diberi hak untuk meng-edit identitas mereka apabila ada kesalahanmengisi dari admin. Siswa nantinya akan diberikan default password. Dan mereka bisamengakses dengan memasukan username dan password mereka. Dan tentunya didalam E-raport ini memiliki security yang aman,salah satunya password siswa akan dienkripsi untukmeminimalisir terjadinya kejahatan oleh orang lain.1.2 Model Use Case1.2.1 Diagram Use Case

1.2.2 Definisi ActorNo Actor Deskripsi1 Siswa Siswa dengan role ini dapat melihat nilai raport, melihat

data guru, mengganti password, dan merubah identitassiswa. Untuk melakukan semua aktifitas itu,andaterlebih dahulu menghubungi admin.

2 Admin Admin dengan role in akan mengkontrol seluruhaktifitas baik dari siswa maupun guru. Sepertimanajemen data siswa,manajemen nilai siswa,manajemen data guru, manajemen data pengguna,manajemen bidang studi guru, manajemen data kelas,manajemen data jurusan, manajemen dataekstrakulikuler dan manajemen data kelas siswa.

1.2.3 Definisi Use Case

No Use Case Deskripsi1 Manajemen data

siswaAdmin akan mengkontrol seluruh data siswa.

2 Manajemen datanilai siswa

Admin akan mengkontrol seluruh data nilai siswa.3 Manajemen data

guruAdmin akan mengkontrol seluruh data guru.

4 Manajemen datapengguna

Admin akan mengkontrol seluruh data pengguna sepertiusername dan password pengguna

5 Manajemen bidangstudi guru

Admin akan mengkontrol seluruh data bidang studi guru.6 Manajemen data

kelasAdmin akan mengelola data kelas.

7 Manajemen datajurusan

Admin akan mengelola data jurusan siswa.8 Manajemen data

ekstrakulikulerAdmin akan mengelola data ekstrakulikuler.

9 Manajemen datakelas siswa

Admin akan mengelola data kelas siswa.10 Mengganti biodata Siswa dan guru dapat mengganti biodatanya.11 Mengganti

passwordSiswa dan guru dapat mengganti passwordnya.

12 Melihat nilai raport Siswa bisa melihat nilai-nilai raport.13 Melihat data guru Siswa bisa melihat data guru.14 Memasukan nilai

mata pelajaranGuru memasukan nilai mata pelajaran.

1.2.4 Skenario Use Case

Nama Use Case: Mengganti PasswordSkenario:

Aksi Actor Reaksi SistemSkenario Normal1. Memilih menu Ganti Password

2. Menampilkan halaman ganti passwordyang terdiri dari beberapa form : Passwordlama dan password baru,ulangi passwordbaru.

3. Menekan tombol Submit4. Menampilkan peringatan bahwa passwordbaru

5. Memasukkan url web yang dimaksud,username, dan passwordSkenario Alternatif1. Memilih menu Ganti Password

2. Menampilkan halaman ganti passwordyang terdiri dari beberapa form : Passwordlama dan password baru,ulangi passwordbaru.3. Menampilkan pesan bahwa ganti passwordgagal.

4. Memasukan password yang valid5. Menampilkan pesan bahwa password baruberhasil.

Nama Use Case: Mengganti BiodataSkenario:

Aksi Actor Reaksi SistemSkenario Normal1. Memilih menu Profil

2. Menampilkan profil.3. Memilih tombol edit profil

4. Menampilkan form yang berisi identitaslama.

5. Mengganti Profil6. Menekan tombol Update

7. Akan muncul pesan bahwa update berhasil.Skenario Alternatif1. Memilih menu Profil

2. Menampilkan profil.3. Memilih tombol edit profil

4. Menampilkan form yang berisi identitaslama.

5. Mengganti Profil6. Menekan tombol Update

7. Akan muncul pesan bahwa update gagal.8. Memilih tombol edit profil

9. Menampilkan form yang berisi identitaslama.

10. Mengganti Biodata11. Menekan tombol Update

12. Akan muncul pesan bahwa updateberhasil.

Nama Use Case: Melihat Nilai RaportSkenario:

Aksi Actor Reaksi SistemSkenario Normal1. Memilih menu Nilai Raport

2. Menampilkan pilihan kelas dan semesterdengan ComboBox .

3. Memilih kelas dan semester4. Menampilkan nilai-nilai raport berdasarkankelas dan semester

Skenario Alternatif1. Memilih menu Nilai Raport

2. Menampilkan pilihan kelas dan semesterdengan ComboBox .

3. Memilih kelas dan semester4. Menampilkan peringatan Maaf,belum adanilai

5. Memilih kelas dan semester6. Menampilkan nilai-nilai raport berdasarkankelas dan semester.

Nama Use Case: Melihat BiodataSkenario:

Aksi Actor Reaksi SistemSkenario Normal1. Memilih menu Profil

2. Menampilkan Profil.Skenario Alternatif1. Memilih menu Profil

2. Menampilkan Profil.

Nama Use Case: Memasukan nilai mata pelajaranSkenario:

Aksi Actor Reaksi SistemSkenario Normal1. Memilih menu Input Nilai

2. Menampilkan form NIS.3. Memasukan NIS.

4. Menampilkan pilihan kelas dan semesterberupa combobox.

5. Memilih submit6. Menampilkan form nilai

7. Mengisi nilai-nilai8. Pilih Submit

9. Menampilkan pesan bahwa input berhasil.Skenario Alterntif1. Memilih menu Input Nilai

2. Menampilkan form NIS.3. Memasukan NIS.

4. Menampilkan pesan bahwa NIS tidaktersedia

5. Memilih menu Input Nilai6. Menampilkan form NIS.

7. Memasukan NIS.8. Menampilkan pilihan kelas dan semesterberupa combobox.

9. Memilih submit10. Menampilkan form nilai

11. Mengisi nilai-nilai12. Pilih Submit

13. Menampilkan pesan bahwa input berhasil.

Class Diagram

AdminUsernamePassword- Add- Edit- Delete- View

KELASSISWA

Id_kelasNISTahunAjar

- Add- Edit- Delete- View

JURUSANId_AdminNamaKeterangan

- Add- Edit- Delete- View

SISWANISUsernamePasswordNamaAlamatTempatLahirTanggalLahirAgamaJenisKelaminHPSekolahAsalAlamatSekolahFoto- Add- Edit- Delete- View

NILAIId_nilaiId_kelasNISId_mapelNlaiPengetahuanNilaiPraktikNilaiSikapId_ekstrakurikuler

- Add- Edit- Delete- View

EKSTRAKURIKULERId_ekstrakurikulerNamaEkstrakurikuler

- Add- Edit- Delete- View

GURUNIPId_mapelUsernamePasswordNamaGuruJenisKelaminTempatLahirTanggalLahirAlamatHPAgamaPendidikanAkhirFoto- Add- Edit- Delete- View

KELASId_kelasId_jurusanNIPKeterangan

- Add- Edit- Delete- View

MATAPELAJARANId_mapelNamaMapelKKM

- Add- Edit- Delete- View

2. User Experience Model2.1 Mengganti Password2.1.1 Identifikasi Screen,compartement Screen dan Form

2.1.2 Storyboard

No Nama Jenis Komponen1 Main Screen2 Menu ganti password Compartment Screen3 Form ganti password Input Form

Main page

Menu Banner Footer

- Menampilkan menu

Menu ganti password- Menampilkan

beberapa menu

Ganti Password

oldpassword newpassword

Main page

- Succesfull

2.2 Melihat Data Guru2.2.1 Identifikasi Screen,compartement Screen dan Form

2.1.2 Storyboard

2.2 Melihat Nilai Raport2.2.1 Identifikasi Screen,compartement Screen dan Form

2.1.2 Storyboard

No Nama Jenis Komponen1 Main Screen2 Menu Data Guru Compartment Screen

Main page

Menu Banner Footer

Menu data guru

DataGuru

- Menampilkan DataGuru

No Nama Jenis Komponen1 Main Screen2 Menu Nilai Raport Compartment Screen

Menu data guru

DataGuru

- Menampilkan DataGuru

Main page

Menu Banner Footer

2.2 Melihat Mengganti(edit) biodata2.2.1 Identifikasi Screen,compartement Screen dan Form

2.1.2 Storyboard

No Nama Jenis Komponen1 Main Screen2 Menu Edit Biodata Compartment Screen3 Form edit biodata Input Form

Main page

Menu Banner Footer

Menu data guru

Biodata

Edit biodata

Nama TTL Alamat HP

Main Page

- Successfull

2.1 Memasukan Nilai Mata Pelajaran2.1.1 Identifikasi Screen,compartement Screen dan Form

2.1.2 Storyboard

No Nama Jenis Komponen1 Main Screen2 Menu input nilai Compartment Screen3 Form input nilai

matapelajaranInput Form

Main page

Menu Banner Footer

- Menampilkan menu

Menu input nilai mapel- Menampilkan

beberapa menu

Input nilai Mapel

NIS Mapel Nilai

Main page

- Succesfull

2 Model Analisis2.1 Realisasi Use Case Tahap Analisis2.1.1 Uses Case Melihat Data Guru2.1.1.1 Identifikasi Kelas Analisis

No Nama Kelas Jenis Kelas(Interface, Control,Entity)

1. Main Page Interface2. Data guru Controller Control3. Data Guru Entity

2.1.1.2 Identifikasi Kelas Analisis

2.1.1.3 Diagram Kelas Analisis

Memilih menu data guruMengirim perintah menampilkan data

guru

Mengambil data guru

Menampilkan data guru

2.1.2 Use Case Mengganti(Edit) Password2.1.2.1 Identifikasi Kelas Analisis

No Nama Kelas Jenis Kelas(Interface, Control,Entity)

1. Main Page Interface2. Input Form Interface2. Password Controller Control3. Acount User Entity

2.1.2.2 Sequence Diagram

2.1.2.3 Diagram Kelas Analisis

Skenario Normal

Skenario Alternativ

Memilih menu ganti password

Menampilkan Form edit password

Mengirim perintah ganti password

Mengganti password

Mengirim pesan edit password berhasil dilakukan

Mengirim pesan edit password gagal dilakukan

2.1.3 Uses Case Melihat Nilai Raport2.1.3.1 Identifikasi Kelas Analisis

No Nama Kelas Jenis Kelas(Interface, Control,Entity)

1. Main Page Interface2. Nilai Raport Controller Control3. Data Guru Entity

2.1.3.2 Identifikasi Kelas Analisis

2.1.3.3 Diagram Kelas Analisis

Memilih menu nilai raportMengirim perintah menampilkan nilai

raport

Mengambil nilai raport

Menampilkan nilai raport

2.1.4 Use Case Mengganti(Edit) Biodata Siswa2.1.4.1 Identifikasi Kelas Analisis

No Nama Kelas Jenis Kelas(Interface, Control,Entity)

1 Main Page Interface2 Input Form Interface3 Biodata Controller Control4 Data Siswa Entity

2.1.4.2 Sequence Diagram

Mengirim pesan edit biodata berhasil dilakukanSkenario Normal

Skenario Alternatif

Memilih menu edit biodata

Mengirim perintah edit biodata

Mengganti biodata

Mengirim pesan edit biodata gagal dilakukan

Menampilkan Form edit biodata

2.1.4.3 Diagram Kelas Analisis

2.1.5 Use Case Memasukan Nilai Mata Pelajaran2.1.5.1 Identifikasi Kelas Analisis

No Nama Kelas Jenis Kelas(Interface, Control,Entity)

1 Main Page Interface2 Input Form Interface3 Nilai Mapel Controller Control4 Nilai Mapel Entity

2.1.5.2 Sequence Diagram

Skenario Normal

Skenario Alternatif

Memilih menu input nilai

Mengirim perintah input nilaiInput Nilai Mapel

Mengirim pesan input nilai berhasil dilakukan

Mengirim pesan input nilai gagal dilakukan

Menampilkan Form input nilai

2.1.5.3 Diagram Kelas Analisis

2.1.6 Use Case Mengganti(Edit) Biodata Guru2.1.6.1 Identifikasi Kelas Analisis

No Nama Kelas Jenis Kelas(Interface, Control,Entity)

1 Main Page Interface2 Input Form Interface3 Biodata Controller Control4 Data Guru Entity

2.1.6.2 Sequence Diagram

Mengirim pesan edit biodata berhasil dilakukanSkenario Normal

Skenario Alternatif

Memilih menu edit biodata

Mengirim perintah edit biodata

Mengganti biodata

Mengirim pesan edit biodata gagal dilakukan

Menampilkan Form edit biodata

2.1.6.3 Diagram Kelas Analisis

2.2 Diagram Kelas Keseluruhan

WebAccountPanelWebAccountController

DirectLoginControl

WebAccount

Main

BackUpPanel

3. Model Perancangan3.1 Realisasi Use Case Tahap Perancangan3.1.1 Use Case Admin3.1.1.2 Sequence Diagram

3.1.2 Use Case Guru3.1.2.1 Sequence Diagram

3.1.3 Use Case Siswa3.1.3.1 Sequence Diagram

3.2 Perancangan Detail KelasNo Nama Kelas Perancangan Nama Kelas Analisis Terkait1. Main Page Member Panel2. Akun Siwa WebAccount3. Akun Guru WebAccount4. Main Page Main Page5. Akun Admin WebAccountController6. Data Guru Web Account7. DirectLogin DirectLoginControl8. Data Guru WebAccountPanel

3.3 Perancangan antar MukaHalaman Admin

Halaman Guru

Halaman Siswa

Halaman Login