jbptunikompp gdl methodilus 22213 4 babiv

44
 44 BAB IV ANAL ISIS DAN PERANCANGAN SISTEM 4 .1 . Ana lisis Sis tem 4 .1.1. Ana lisis Pr o sedur Yan g Be rj alan Dalam sistem akademik di sekolah ada beberapa pihak yang terlibat secara langsung yaitu siswa, guru, wali kelas,bagian kurikulum dan tata usaha (TU). Siswa adalah peserta didik yang terdaftar secara resmi di sekolah yang mengikuti kegiata n pembelaj aran yang dilak sanaka n oleh guru. Guru bertugas memberikan pelajaran kepada para siswa, dan dapat mengajar lebih dari satu kela s. Wal i kelas mer upa ka n se or ang guru yang selain mengaj ar mata  pelajaran juga memiliki tugas sebagai wali dari kelas yang telah ditetapkan, sat u orang wal i kela s hany a mena ngani satu kelas saja. Bagi an kur ikulum meru paka n sub bi dang di bawa h ke pala sekola h yang ter dir i dari bebera pa or ang gur u ya ng te la h di pili h unt uk me mbantu ke pala se kolah dala m mengurus kegiatan akademik. Pada pros es penil aia n si swa aka n me nda patka n nila i sete lah si swa mengi kut i uj ian bai k it u uji an tenga h semest er maupun akhir semest er. Sebel umy a para guru akan me nda pat kan ka rt u soal ya ng diberikan oleh  bagian kurikulum, kartu soal ini d ipergunakan guru untuk membuat soal ujian  bagi para siswa soal tersebut setelah dibuat oleh guru kemudian akan

Upload: azizar-rosetiawan

Post on 15-Jul-2015

163 views

Category:

Documents


0 download

TRANSCRIPT

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 1/44

 

44

BAB IV

ANALI SI S DAN PERANCANGAN SI STEM

4.1. Analisis Sistem

4.1.1. Analisis Prosedur Yang Berjalan

Dalam sistem akademik di sekolah ada beberapa pihak yang terlibat

secara langsung yaitu siswa, guru, wali kelas,bagian kurikulum dan tata usaha

(TU). Siswa adalah peserta didik yang terdaftar secara resmi di sekolah yang

mengikuti kegiatan pembelajaran yang dilaksanakan oleh guru. Guru bertugas

memberikan pelajaran kepada para siswa, dan dapat mengajar lebih dari satu

kelas.Wali kelas merupakan seorang guru yang selain mengajar mata

pelajaran juga memiliki tugas sebagai wali dari kelas yang telah ditetapkan,

satu orang wali kelas hanya menangani satu kelas saja. Bagian kurikulum

merupakan sub bidang di bawah kepala sekolah yang terdiri dari beberapa

orang guru yang telah dipilih untuk membantu kepala sekolah dalam

mengurus kegiatan akademik.

Pada proses penilaian siswa akan mendapatkan nilai setelah siswa

mengikuti ujian baik itu ujian tengah semester maupun akhir semester.

Sebelumya para guru akan mendapatkan kartu soal yang diberikan oleh

bagian kurikulum, kartu soal ini dipergunakan guru untuk membuat soal ujian

bagi para siswa soal tersebut setelah dibuat oleh guru kemudian akan

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 2/44

 

45

diperiksa terlebih dahulu oleh bagian kesiswaan apakah memenuhi syarat atau

tidak apabila tidak kartu soal akan dikembalikan kepada guru bersangkutan

untuk diperbaiki, apabila telah selesai mengalami perbaikan soal tersebut

kemudian dibuat menjadi naskah soal yang kemudian akan diperbanyak 

kepada bagian tata usaha untuk menjadi soal ujian yang akan diujikan kepada

para siswa. Setelah soal selesai dikerjakan soal tersebut akan diberikan pada

panitia ujian untuk diujikan pada para siswa pada hari dan jam mata pelajaran

tersebut berlangsung, setelah mendapatkan soal siswa akan mengerjakan soal

tersebut dan menuliskan jawabannya pada lembar jawab yang telah

disediakan, setelah siswa selesai mengerjakan siswa akan mengumpulkannya

kembali pada panitia ujian yang akan kemudian diberikan kepada guru yang

bersangkutan untuk pemeriksaan lembar jawab yang telah diisi oleh para

siswa. Guru akan memberikan hasil penilaian tersebut kepada bagian

kurikulum untuk diteruskan diberikan kepada wali kelas untuk memasukkan

nilai tersebut ke dalam buku laporan siswa, selain diberikan kepada wali kelas

bagian kurikulum juga menyimpan daftar nilai tersebut sebagai arsip nilai.

wali kelas akan memberikan buku laporan tersebut untuk terlebih dahulu

ditandatangani oleh kepala sekolah penandatanganan oleh kepala sekolah

pada buku raport hanya dilakukan pada semester genap atau kenaikan kelas.

Setelah raport ditandatangani sebagai tanda pengesahan raport kemudian

diberikan kepada siswa.

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 3/44

 

46

4.1.3. Analiskebutuhan sistem.

Analis kebutuhan sistem diperlukan dalam memenuhi apa saja

kebutuhan yang diperlukan oleh sistem yang sedang berjalan tersebut.

4.1.3.1. M odel Use Case diagram yang berjalan

Model use case diagram merupakan gambaran aktivitas sistem

yang dilihat dari kebutuhan Actor .pada tahapan ini menggambarkan

hubungan antara actor dengan sistem,berikut ini pemodelan use case

diagram :

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 4/44

 

47

orangtua/wali siswakepalasekolah

Jadwal

Nilai

guru

Gambar 4.1 model use case yang bejalan

Proses akademik siswa di SMP Nasional Bandung,sistem yang

sedang berjalan adalah seperti yang telah digambarkan diatas. Dimana

orangtua/ wali siswa datang kesekolah untuk mengambil hasil evaluasi

belajar siswa berupa raport dan juga melihat jadwal pelajaran yang

dibagikan oleh walikelas dan telah disahkan oleh kepala sekolah.

4.1.3.2. Activity use case

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 5/44

 

48

Pada gambar dibawah ini merupakan activity use case diagram

yang sedang berjalan pada sistem informasi akademik siswa SMP

Nasional Bandung

siswa mengerjakan

ujiangurumemeriksa

hasil ujian

wali kelasmenerima nilai

wali kelas menuliskan

kedalamraport

menerima raport

yang telah disahkan

wali kelas memberikanraport kepada siswa

pengesahanraport

oleh kepala sekolah

siswamendapatkan

raport

VLVZD * XUX ZDOLNHODV. HSVHN

Gambar 4.2 diagram activity nilai yang berjalan

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 6/44

 

49

siswamendapatkan jadwal pelajarandi papanpengumuman

melakukan pemeriksaan

data kelas

membuat jadwalpelajaranbagi siswa

pengesehanpembagiantugas guru

menerimapengesahantugasgurumengajar

membagikan tugas

gurumengajar

menerimatugas

mengajar

Gambar 4.3 Aktivity diagram jadwal pelajaran yang berjalan

4.1.2.3. Scenario aktivitas use case sistem infomasi akademik siswa

Scenario aktivitasuse case nilai

1. Nama use case : Nilai

2. Actor :,Orangtua/wali siswa dan kepala

3. Worker : Wali Kelas dan Guru

4. Tujuan : memberikan nilai kepada siswa

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 7/44

 

50

Table4.1 scenario use case nilai

scenario aktivitasuse case jadwal pelajaran

1. Nama use case : Jadwal pelajaran

2. Actor : siswa

3. Worker : Bagian kurikulum

4. Tujuan : Informasi jadwal pelajaran

Table4.2 scenario use case jadwal pelajaran

Aktor Sistem

Aktor Sistem

1. Siswa mengikuti ujian yang diselenggarakan oleh sekolah

2. Guru memeriksa hasil ujian siswa

3. Walikelas menerima nilai dari setiap

guru

4. Walikelas memasukan nilai yangditerima dari guru ke buku raport

5. Pengesahan Raport oleh kepalasekolah

6. Walikelas Meneima raport yangtelah disahkan kepala sekolah

7. Walikelas memberikan raport padasiswa.

8. Siswa mendapatkan nilai dari

walikelas berupa buku raport

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 8/44

 

51

1. Bagian kurikulum melakukanpemeriksaan data kelas.

2. Selanjutn ya melakukan

pembagian tugas mengajar guru.3. Kepala sekolah mengesahkanpembagian tugas kerja guru.

4. bagian kurikulum menerima

pengesahan pembagian tugas yangdi tandatangani kepala sekolah

untuk dibagikan kepada guru.

5. Guru menerima tugas mengajar.

6. Bagian kurikulummengumumkan jadwal pelajaran di

papan pengumuman.

7. Siswa melihat jadwal pelajarandi papan pengumuman.

4.1.3.4. M odel Use Case yang diusulkan

Model use case diagram merupakan gambaran aktivitas sistem

yang dilihat dari kebutuhan Actor. Pada tahapan ini menggambarkan

hubungan antara actor  dengan sistem,berikut ini merupakan

pemodelan use case diagram :

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 9/44

 

52

data loginguru

DataKelas

DataLoginadmin

DataSiswa

MataPelajaran

Validasi LoginAdmin

<<include>>

DataNilai

LoginGuru

<<include>>

Data Pegawai

OrangTua

Siswa

Admin

Penjadwalan

Guru

Gambar 4.4 use case diagram yang diusulkan

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 10/44

 

53

Use case diagram sistem informasi akademik siswa SMP Nasional

bandung menggambarkan dimana user dapat langsung mengakses infomasi

yang diperlukan,sedangkan admin harus login terlebih dahulu untuk dapat

masuk kehalaman admin untuk melakukan penginputan nilai, data pegawai,

data siswa, mata pelajaran dan jadwal pelajaran.

4.1.3.5. Skenario Model Proses Nilai yang diusulkan

Nama Use Case : Pengolahan Nilai

Aktor : siswa

Tujuan : Untuk mengetahui Informasi nilai siswa

Deskripsi : User melakukan browsing ke website SMP

Nasional Bandung lalu memilih menu

nilai&jadwal siswa untuk mengetahui

informasi nilai dan Sistem akan

menampilakan nilai siswa

Tabel 4.3 Skenario Model Proses Nilai yang diusulkan

Akor Sistem

1. User memilih menu nilai & jadwal

2. Menampilkan halaman nilai & jadwal

3.Memasukan Nis,thn_ajaran,smtr

4.Sistem menampilkan nilai terpilih

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 11/44

 

54

4.1.3.6. Skenario Model ProsesJadwal pelajaran yang diusulkan

Nama Use Case : Pengolahan Jadwal pelajaran

Aktor : Siswa

Tujuan : Untuk mengetahui Informasi Jadwal pelajaran

Deskripsi : User melakukan browsing ke website SMP

Nasional Bandung lalu memilih menu

nilai&jadwal untuk mengetahui informasi

  jadwal pelajaran. Sistem akan menampilkan

 jadwal pelajaran yang terpilih

Tabel 4.4 Skenario Model Proses jadwal pelajaran yang diusulkan

Akor Sistem

1. Siswa memilih halaman nilai &

 jadwal

2.sistem menampilkan halaman

nilai & jadwal

3.Memasukan Nis,thn_ajaran,smtr

4. Menampilkan jadwal terpilih

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 12/44

 

55

4.1.3.7. Activity Diagram

4.1.3.7.1. Activity Diagram nilai yang Diusulkan

mulai

selesai

siswamemilihhalamannilai&jadwal

menginputkan

nis,thn_ajaran,smtr

menampilkan halaman

nilai&jadwal

menampilkannilai terpilih

Gambar 4.5 Activity Diagram Nilai diusulkan

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 13/44

 

56

4.1.3.7.2. Activity Di agram  jadwal pelajaran yang Diusulkan

mulai

selesai

siswamemilih halamannilai&jadwal

menginputkan

nis,thn_ajaran,smtr

menampilkanhalaman

nilai&jadwal

menampilkan

 jadwal terpilih

Gambar 4.6 Activity Diagram  Jadwal Pelajaran d iusulkan

4.1.3.8. I nteraction Diagram

Interaction Diagram  merupakan model yang menjelaskan bagaimana

sejumlah object  bekerja sama dalam beberapa kelakukan. Interaction 

Diagram  menerangkan kelakukan dari suatu use case . Diagram ini

menggambarkan sejumlah object  dan pesan yang dijalankan antara object 

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 14/44

 

57

dengan use case . Ada dua macam Interaction Di agram  yaitu: Sequence 

Di agram dan Coll aboration D iagrams .

4.1.3.8.1. Sequence Diagram

Sequence diagram digunakan untuk menggambarkan

perilaku pada sebuah scenario,diagram ini menunjukan sejumalh

contok obyek dan message (pesan) yang diletakan diantara obyek-

obyek ini di dalam use case. Komponen use case diagram terdiri dari

obyek yang dituliskan dengan kotak segi empat bernama,message

diwakili oleh garis dengan tanda panah pada waktu yang ditunjukan

dengan progress vertical.

4.1.3.8.1.1. Sequence diagram login admin

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 15/44

 

58

: adminformlogin

 

dbakademik halamanadmin

1.input user name, katasandi 2. cekdatabase3. valid

4. isi ulang username,password

Gambar 4.7 Sequence diagram login admin

Gambar diatas menunjukan sequence diagram login admin yang

menggambarkan proses yang sedang terjadi dalam login admin, pertama-tama

admin dapat melihat form login sesudah melakukan login admin dapat masuk 

kedalam system.

4.1.3.8.1.2. Sequence diagram login guru

Gambar berikut menunjukan sequence diagram

login admin yang menggambarkan proses yang sedang

terjadi dalam login guru.

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 16/44

 

59

: Guru formlogin

 

dbakademikhal guru

1. input username,password 2. cek database

3.valid

input ulang username,password

Gambar 4.8 Sequence diagram login guru

4.1.3.8.1.3. Sequence diagram informasi akademik 

Gambar berikut merupakan gambar sequence diagram informasi

akademik yang menginformasikan nilai siswa, dimana orangtua / wali dan

siswa sebagai user mencari nilai dengan menginput nis, tahun ajaran dan

semester. kemudian melakukan pencarian apabila data ditemukan maka akan

muncul tampilan sesuai dengan inputan nis, tahun ajaran dan semester yang

dipilih.

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 17/44

 

60

: siswa form login

 

pengiriman

 

validasi menampilkandata

1. input nis,thn_ajaran_smtr2.kirim 3. valid

4. hasil

5. tidak valid

Gambar 4.9 sequence diagram informasi akademik 

4.1.3.8.1.4. Sequence diagram input nilai siswa

Gambar dibawah ini adalah sequence diagram input nilai siswa

persemester.dimana admin menginput nis, nilai, semester, tahun ajaran dan

mata pelajaran. kemudian melakukan penyimpanan data pada database,

setelah itu aka nada konfirmasi penyimpanan data apakah data yang

diinputkan telah berhasil atau tidak.

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 18/44

 

61

: Adminnilai dbakademik

1. pilihkelas,kat_kelas,thn_ajaran,smtr2. simpan ( )

3. konfirmasi penyimpanandata

Gambar 4.10 sequence diagram input nilai siswa

4.1.3.8.1.5. Sequence diagram data siswa

Gambar di bawah adalah Sequence diagram data siswa,dimana admin dapat

melakukan proses tambah,edit, dan delate siswa.kemudian akan ada konfirmasi

apakah proses yang dilakukan telah berhasil disimpan atau tidak.

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 19/44

 

62

: adminsiswa dbakademik

1.cari

2. tambah ( )

3. simpan ( )

4. input data hapus

5. hapus

6. input data edit

7.simpan

8. cari

Gambar 4.11 Sequence diagram data siswa

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 20/44

 

63

4.1.3.8.2. Collaboration diagram

colaboration diagram menunjukan message-message obyek yang

dikirimkan satu sama lain,colaboration juga menggambarkan interaksi antar

objek seperti sequence diagram,tetapi lebih menekankan pada peran masing-

masing objek dan bukan pada wakktu penyampaian message.setiap message

memiliki sequence number,diaman message dari level tertinggi memiliki

nomor 1. Message dari level yang sama memiliki prefix yang sama. Berikut

adalah colaboration diagram yang dibutuhkan.

4.1.3.8.2.1. Collaboration diagram login admin

Colaboration diagram login admin menggambarkan scenario

dari system informasi akadmik siswa SMP Nasional Bandung yang

menunjukan interaksi antara admin dengan sistem dalam proses login.

dimana admin harus menginputkan username dan kata sandi terlebih

dahulu untuk dapat masuk kedalam sistem.untuk lebih jelasnya berikut

gambar dari colaboration diagram login admin.

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 21/44

 

64

: admin

formlogin

1: input username,password

halamanadmindbakademik

2: cek databse

3: valid

4: input ulangusername,password

Gambar 4.12 colaboration diagram login admin

4.1.3.8.2.2. Collaboration diagram login guru

Colaboration diagram login guru menggambarkan scenario

dari sistem informasi akadmik siswa SMP Nasional Bandung yang

menunjukan interaksi antara guru dengan sistem dalam proses login.

dimana guru harus menginputkan username dan kata sandi terlebih

dahulu untuk dapat masuk kedalam halaman guru

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 22/44

 

65

: guru

halamanguru dbakademik

formlogin

1: input username,password

2: cek database

3: valid

4: input ulangusername,password

Gambar 4.13 Collaboration diagram login guru

4.1.3.8.2.3. Collaboration diagram informasi

akademik 

Collaboration diagram informasi akademik menggambarkan

scenario dari system informasi akdemik siswa SMP Nasional bandung

yang merupakan interaksi antara user dengan system dalam proses

pencarian informasi akademik.untuk lebih jelasnya berikut gambar sari

colboration diagram inforemasi akademik 

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 23/44

 

66

: siswa

formlogin

pengiriman

validasi

menampilkan

data

1: input nis,thn_ajaran,smtr

2: kirim

5: tidak valid

3: valid4: hasil

Gambar 4.14 colaboration diagram informasi akademik 

4.1.3.8.2.4. Colabortion diagram input nilai siswa

Collaboration diagram input nilai siswa menggambarkan

scenario dari system informasi akademik siswa SMP Nasional

Bandung yang menunjukan interaksi antara admion dengan system

dalam proses input nilai siswa. Untuk lebih jelasnya berikut gambar

collaboration diagram input nilai siswa

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 24/44

 

67

: admin

dbakademik

nilai

1: pilih kelas,kat_kelas,thn_ajaran,smtr

2: simpan

3: konfirmasi penyimpanandata

Gambar 4.15 collaboration diagram input nilai siswa

4.1.3.8.2.5. Collaboration diagram data siswa

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 25/44

 

68

: admin

siswa

dbakademik

1: cari

2: tambah

3: simpan

4: input data hapus

5: hapus

6: input data edit

7: simpan

8: cari

Gambar 4.16 colaboration diagram data siswa

4.1.3.9. Classdiagram

Class adalah sebuah spesifikasi yang jika diintasi akan

menghasilkan sebuah objek dan merupakan inti d ari pengembangan

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 26/44

 

69

dan desain berorientasi objek. Class menggambarkan keadaan (atribut

  / properti) suatu sistem, sekaligus menawarkan layanan untuk 

memanipulasi keadaan tersebut (metoda/fungsi). Class diagram

menggambarkan struktur deskripsi class, package dan objek beserta

hubungan satu sama lain seperti containment, pewarisan, asosiasi dan

lain-lain. Sebuah Class memiliki tiga area pokok :

1. Nama, merupakan nama dari sebuah kelas.

2. Atribut, merupakan peroperti dari sebuah kelas. Atribut

melambangkan batas nilai yang mungkin ada pada obyek dari

class.

3. Operasi, adalah sesuatu yang bisa dilakukan oleh sebuah class

atau yang dapat dilakukan oleh class  lain terhadap sebuah

class .

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 27/44

 

70

t_siswa

NIS

Nama

Kd_kelamin

Tempat_lahir

Tanggal_lahirOrtu

Alamat

Add()

Edit()

Delete()

Shorting()

Search()

View()

t_nilai

kd_nilai

kd_kelas

kd_kat_kelas

niskd_matpel

thn_ajaran

smtr

tugas

ulangan

tengah_smtr

akhir_smtr

11 11

t_matpelkd_matpel

kd_kelas

nama_matpel

Add()

Edit()

Delete()

Shorting()

1

1

1

1

t_jadwal

kd_jadwal

kd_kelas

kd_kat_kelas

thn_ajaran

kd_matpel

kd_peg

hari

 jam

Add()

Edit()

Delete()

Guru

kd_pegawaiNama

Jenis_Kelamin

Alamat

No_tlp

Matapelajaran

Statuspegawai

Add()

Edit()

Delete()

11 11

1

1

1

1

Gambar 4.17 Relasi antar Class

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 28/44

 

71

4.1.3.10. Component diagram

Component  adalah bagian fisik dari sebuah sistem, karena

menetap dikomputer dan bukan dibenak analis. Komponen bisa berupa

tabel, f i le data, fi le exe dan lain-lain. Component diagram mengandung

tiga bagian penting yaitu, componen t, interface  dan relationship . Hal

yang penting dari component  adalah component  mewakili potongan-

potongan yang independent yang bisa dipesan dan diperbaharui

sewaktu-waktu. Dengan demikian, pembagian sistem kedalam

component-component  lebih banyak didorong oleh kepentingan

marketing daripada kepentingan teknis.

Berikut adalah gambar component  diagram sistem informasi

akademik pada SMP Nasional Sadang Serang Bandung, component 

diagram dibagi menjadi 2 (dua) yaitu component  diagram halaman

admin dan component  diagram halaman user .

Gambar 4.18 Component diagram halaman user

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 29/44

 

72

Gambar 4.19 component diagram admin

4.1.3.11. Deployment view

Menggambarkan detail bagaimana komponen di

deployment dalam infrastruktur sistem, dimana komponen

akan terletak (pada mesin, server, atau piranti keras apa),

bagaimana jaringan pada lokasi tersebut, spesifikasi server dan

hal-hal lain yang bersifat fisikal.

Sebuah node adalah server, workstation, atau piranti

keras lain yang digunakan untuk mendeploy komponen dalam

lingkungan sebenarnya hubungan antara node (misalnya

TCP/IP) dan requirement dapat juga didefinisikan dalam

diagram ini.

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 30/44

 

73

Gambar 4.20 Deployment view

4.2. Rancangan Tampilan

Perancangan tampilan merupakan bagian dari perancangan

sistem yang akan dibuat. Dengan perancangan ini akan

menggambarkan bagaimana format tampilan untuk admin,guru

dan user .

4.2.1. Perancangan admin

4.2.1.1. login form admin

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 31/44

 

74

halaman login ini berfungsi sebagai halaman untuk masuk 

kedalam menu utama admin

Gambar 4.21 Perancangan form login admin

Tabel 4.5 Event list form login admin

No Nama event keterangan

1 User id Diisi oleh admin dengan

memasukan user id

2 Password Diisi oleh admin dengan

memasukan password3 Login Diklik oleh admin untuk  

memvalidasi user name dan

password jika valid maka akan

masuk kedalam form halaman

admin

4 Keluar Diklik oleh admin jika telah selesai

dan akan masuk ke halaman web

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 32/44

 

75

4.2.1.2. Menu Admin

Gambar 4.22 Perancangan form menu admin

Table4.6 Even List menu admin

Nama Event Keterangan

Artikel Menampilkan halaman artikel

Siswa Menampilkan halaman siswa

Pegawai Menampilkan halaman pegawai

Mata Pelajaran Menampilkan halaman mata pelajaran

Jadwal Menampilkan halaman jadwal

Nilai Menampilkan halaman nilai

Pengaturan Menampilkan halaman pengaturan

Logout Keluar dari aplikasi

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 33/44

 

76

4.2.1.3. Perancangan form data siswa

Gambar 4.23 perancangan form data siswa

Tabel 4.7 Event list halaman data siswa

Nama Event Keterangan

Home Aplikasi akan kembali ke beranda admin

Tambah Menambahkan siswa

Shorting by kelas Mencari data siswa berdasarkan kelas

Shearching by nis Mencari data siswa berdasarkan nis

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 34/44

 

77

4.2.1.4. Perancangan form data pegawai

Gambar 4.24 Perancangan form data pegawai

Tabel 4.8 Event list halaman data pegawai

Nama event Keterangan

Home Aplikasi akan kembali ke beranda admin

Tambah Menambahkan pegawai

Shortin g by Jabatan Mencari data guru berd asarkan jab atan

Shearching by Nama Mencari data guru berdasarkan nama

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 35/44

 

78

4.2.1.5. Perancangan form data mata pelajaran

Gambar 4.25 Perancangan form data mata pelajaran

Tabel 4.9 Event list halaman mata pelajaran

Nama Event keterangan

Home Kembali ke beranda

Tambah Menambahkan mata pelajaran

Shorting by kelas Mencari mata pelajaran

berdasarkan kelas

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 36/44

 

79

4.2.1.6. Perancangan form data jadwal mata pelajaran

Gambar 4.26 Perancangan form data jadwal mata pelajaran

Tabel 4.10 Event list halaman jadwal mata pelajaran

Nama event Keterangan

Home Kembali ke beranda admin

Tambah Menambah jadwal mata pelajaran

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 37/44

 

80

4.2.1.7. Perancangan form data nilai

Gambar 4.27 Perancangan form data nilai

Tabel 4.11 Event list halaman data nilai

Nama Event keterangan

Refresh Menjumlahkan total nilai secara

keseluruhan

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 38/44

 

81

4.2.2. Perancangan halaman user

User  atau pengguna Sistem Informasi Akademik yang dibangun ditujukan

untuk semua lapisan selain siswa dan guru SMP Nasional Bandung. Berikut adalah

rancangan tampilan untuk pengunjung :

4.2.2.1. Perancangan halaman utama

Gambar 4.28 Perancangan halaman utama

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 39/44

 

82

4.2.2.2. Perancangan halaman profil

Gambar 4.29 Perancangan halaman profil

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 40/44

 

83

4.2.2.3. Perancangan halaman nilai & jadwal

Gambar 4.30 Perancangan halaman nilai & jadwal

Tabel 4.12 Event list halaman nilai & jadwal

Nama event Keterangan

NIS Diklik untuk menampilkan nilai dan jadwal siswa

Thn.ajaran Tahun ajaran terpilih

Semester Semester terpilih

Proses Diklik untuk menampilkan nilai & jadwal

siswa

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 41/44

 

84

4.2.3. Perancangan halaman login guru

4.2.3.1. form login guru

halaman login ini berfungsi sebagai halaman untuk masuk 

kedalam menu guru

Gambar 4.31 perancangan form login guru

Tabel 4.13 event list form login guru

No Nama event keterangan

1 User id Diisi oleh guru dengan memasukan

user id

2 Password Diisi oleh guru dengan memasukan

password

3 Login Diklik oleh guru untuk memvalidasi

user name dan password jika validmaka akan masuk kedalam form

halaman guru

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 42/44

 

85

4.2.3.2. Perancangan form halaman guru

Gambar 4.32 perancangan form halaman guru

Tabel 4.14 event list  halaman guru

No Nama event Keterangan

1 biodata Untuk melihat biodata guru yangbersangkutan

2 jadwal Untuk melihat jadwal mengajar guruyang bersangkutan

3 nilai Untuk mengisi nilai mata pelajaran

4 Ubah password Untuk mengubah password

5 logout Untuk keluar dari halaman guru

4.3. Kodesifikasi

Kodefikasi berfungsi untuk mendefinisikan suatu objek secara singkat,

mengklasifikasikan data ke dalam database . Kode dapat dibentuk dari kumpulan

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 43/44

 

86

huruf, angka dan karakter khusus. Pada program berbasis web  ini, terdapat beberapa

kodefikasi untuk memudahkan dalam proses pencarian data yaitu sebagai berikut :

1. Nomor Induk Pegawai (NIP) Guru

Format : XX-YYYYYYY

Menunjukan nomor urut guru.

Menunjukan kode guru yang diberikan

oleh Departemen Pendidikan Nasional

(DikNas).

Contoh : 132185010, berarti 13 adalah kode guru yang diberikan dari

Departemen Pendidikan Nasional dan 2185010 adalah nomor urut guru.

2. Nomor Induk Siswa (NIS)

Format : XXXX XX XXX

Menunjukan nomor urut siswa.

Menunjukan kelas masuk sekolah

Menunjukan tahun ajaran dimana siswa

tersebut diterima, diambil dari dua angka

terakhir tahun ajaran yang berjalan.

Contoh : 0910.7001, berarti siswa tersebut diterima di sekolah pada tahun

ajaran yang sedang berjalan yaitu 2009/2010 di kelas 7 dan memiliki nomor

urut 001.

3. Kode kelas

Format : X-X

5/13/2018 Jbptunikompp Gdl Methodilus 22213 4 Babiv - slidepdf.com

http://slidepdf.com/reader/full/jbptunikompp-gdl-methodilus-22213-4-babiv 44/44

 

87

Menunjukkan urutan kelas

Menunjukkan tingkat kelas

Contoh : 7A, berarti kelas VII-A