Anda di halaman 1dari 33

BAB IV

ANALISIS DAN PERANCANGAN SISTEM

Bab 1

4.1 Analisis Sistem

Sistem Informasi akademik secara online ini dirancang sedemikian


rupa untuk memudahkan para guru untuk berinteraksi dengan siswa dan juga bisa
meningkatkan pengetahuan para siswanya dengan cara mengapluad materi
pelajaran dan tugas – tugas, sehingga para siswa bisa mendownload materi dan
tugas – tugas tersebut. Dengan adanya fasilitas tersebut siswa yang tidak bisa
masuk sekolah dengan mudah bisa mendapat materi dan juga bias mengetahui
tugas yang telah diberikan oleh guru yang bersangkutan.

Sistem Informasi ini juga memberikan kemudahan siswa untuk


mengumpulkan tugas dengan cara mengapload tugas tersebut. Dan juga siswa bisa
melihat nilai dari tugas yang telah dikeluarkan oleh guru yang bersangkutan,
sedangkan bagi siswa yang belum mengerti tentang materi pelajaran maupun
tugas yang diberikan bisa berkolsultasi dengan guru yang bersangkutan.

4.1.1 Analisa Sistem Lama

Ada beberapa kelemahan dalam menggunakan metode ini diantaranya


adalah :
1. Membutuhkan waktu yang lebih lama dalam menyampaikan informasi
2. Bagi siswa yang tidak bisa berangkat sekolah kesulitan mendapatkan materi
pelajaran

4.2 Solusi Sistem Baru yang Diusulkan

Dari permasalahan diatas diperlukan sistem untuk menyalurkan informasi


yang diberikan oleh guru kepada siswa, baik siswa yang berangkat sekolah

46
47

maupun tidak berangkat sekolah. Dengan adanya aplikasi ini maka sasaran yang
hendak dicapai dalam sistem ini adalah sebagai berikut :
1. Siswa bisa mendownload materi dan tugas yang diberikan oleh guru.
2. Siswa dapat bertanya kepada guru jika kesulitan (forum).
3. Siswa mampuh mengupload jawaban atas tugas-tugas yang diberikan oleh
guru.
4. Guru dapat mengupload matri dan tugas serta menjawab pertanyaan siswa

4.3 Desain Sistem

Desain sistem didefinisikan sebagai penyusunan suatu sistem baru


menggantikan sistem lama secara keseluruhan atau untuk memperbaiki
kekurangan yang ada pada sistem lama.

Alat perancangan desain sistem berorentasi objek yang digunakan adalah


UML. UML merupakan sebuah alat bantu perancangan desain sistem yang
berbasis objek. Dalam perancangan sistem baru ini, di gunakan empat diagram
UML saja, yaitu : use case diagram, activity diagram, sequence diagram dan class
diagram. hanya menggunakan empat diagram UML saja karena dengan ke-empat
diagram ini sudah dapat mewakili keseluruhan sistem.

4.3.1 Analisa Kebutuhan Data dan Informasi

Untuk membangun sebuah sistem dibutuhkan adanya masukan berupa data yang
nantinya akan diproses oleh sistem sehingga dapat memberikan informasi yang
bermanfaat kepada penggunanya. Kebutuhan data dan informasi untuk sistem
aplikasi promosi karyawan berbasis web adalah :

1. Kebutuhan Data
Adapun data yang dibutuhkan adalah sebagai berikut :
a. Data siswa
b. Data guru
c. Data kelas
d. Data Mata pelajaran
48

2. Informasi
Adapun informasi yang dihasilkan adalah sebagai berikut :
a. Data materi
b. Data tugas
c. Informasi tanya dan jawab

4.4 Analisa Kebutuhan Hardware dan Software

4.4.1 Analisis Kebutuhan Perangkat Keras (Hardware)


Spesifikasi hardware yang disebutkan disini adalah spesifikasi yang
sudah memenuhi standar minimal yang dipakai saat ini. Adapun hardware yang
dibutuhkan antara lain :
a Prosessor dengan kecepatan akses minimal 1,5 MHz.
b Memory minimal 1GB.
c Mouse dan Keyboard.
d Hardisk 320 GB
4.4.2 Analisis Kebutuhan Perangkat Lunak (Software)
Perangkat lunak yang diperlukan dalam pembuatan aplikasi dan
pemrosesan data dari sistem yang diusulkan adalah :
a. Microsoft Windows 7
b. Adobe Dreamweaver CC
c. Database MySQL
d. Rational Rose
e. Microsoft Visio 2007

4.5 Perancangan Sistem

Pada tahap ini, melakukan pemodelan sistem dengan menggunakan UML,


merancang database yang akan digunakan sebagai media penyimpanan data.
Berdasarkan latar belakang dan perumusan masalah yang terdapat dalam bab
sebelumnya dapat diketahui perancangan yang dilakukan adalah sistem aplikasi e-
lerning sekolahan.
49

Sistem ini diterapkan dengan menjalankan program yang dibangun


dengan menggunakan Adobe Dreamweaver CC dan memilih menu yang
diinginkan dengan menjalankan tombol-tombol fungsi yang tersedia pada menu
utama namun diwajibkan untuk login terlebih dahulu untuk dapat masuk ke Menu
Utama.

4.6 Perancangan Pemodelan Sistem

4.6.1 Use Case Diagram


1. Analisa Aktor
Aktor dalam sistem aplikasi promosi karyawan Berbasis web adalah
sebagai berikut :
a. Siswa
Siswa adalah Seseorang yang telah terdaftar sebagai siswa SMK
mambaulfalllah.
b. Guru
Guru adalah Karyawan smk mambaulfallah yang mempunyai tugas dan
wewenang sebagai pendidik.
4.6.2 Bisnis Use Case Diagram
Diagram use case menyajikan interaksi antara use case dan aktor. Di mana,
aktor dapat berupa orang, peralatan, atau sistem lain yang berinteraksi dengan
sistem yang sedang dibangun. Aplikasi ini memiliki dua actor yaitu siswa dan
guru. Sebagai Berikut ini :
50

<<include>>
halaman web

login

upload
guru

jawaban tugas
materi tugas
siswa

download

tanya jawab

Gambar 4.1 Use Case sistem e-lerning smk mambaulfallah

Keterangan :

Berikut ini tiap use case dijelaskan lebih lanjut dengan menggunakan table

Deskripsi :

1. Use Case Login

Table 4.1 Use Case Login

Nama Use case Login


Aktor Siswa dan guru
Deskripsi Use-case menjelaskan proses Login yang
dilakukan siswa dan guru.
Prekondisi siswa atau guru belum masuk
Sasaran Use-case ini difungsikan oleh aktor perintah
kepada sistem untuk membuka halaman
51

Kegiatan Tindakan Aktor Respon Sistem

1.siswa atau guru 2. Sistem menampilkan


mengakses halaman halaman.
3.siswa atau guru 4. Sistem mencocokkan
menginputkan user user dan kata sandi yang
dan kata sandi pada dimasukkan siswa atau
halaman masuk. guru dengan data yang
5.siswa dan guru terdapat dalam tabel siswa
menginputkan user atau guru. Apabila tidak
dan kata sandi pada sesuai system memberikan
halaman masuk lagi. kesempatan untuk
mencoba lagi.
6. Apabila kata sandi tetap
salah, sistem mengulang
lagi.
Kesimpulan Use case ini selesai bila menampilkan halaman
siswa atau halaman guru.
Pos Kondisi siswa atau guru masuk ke dalam system
Aturan Bisnis Yang berhak masuk halaman ini siswa atau guru.
Spesifikasi dan Halaman utama admin kantor atu karyawan harus
Implementasi mudah dan cepat untuk dimengerti dan digunakan

2. Use Case download

Table 4.2 Use Case download

Nama Use case download


Aktor Siswa dan guru
Deskripsi Use-case menjelaskan proses download yang
dilakukan siswa dan guru.
Prekondisi siswa belum melakukan download materi dan
tugas, guru mendownload jawaban tugas.
Sasaran Use-case ini difungsikan oleh aktor perintah
kepada sistem untuk mendownload materi dan
tugas serta jawaban tugas.
Kegiatan Tindakan Aktor Respon Sistem

1.siswa memilih 2. Sistem menampilkan


materi dan tugas data yang dipilih siswa
yang mau dan guru.
52

didownload, guru
memilih jawaban
tugas yang mau
didownload

Kesimpulan Use case ini selesai bila data materi dan data tugas
telah terekam oleh sistem dan tampil dihalaman
download.
Pos Kondisi Siswa dan guru masuk kehalaman download
materi, tugas dan jawaban tugas
Aturan Yang berhak masuk halaman ini siswa dan guru
berdasarkan level usernya.
Spesifikasi dan Halaman utama siswa dan guru harus mudah dan
Implementasi cepat untuk dimengerti dan digunakan

3. Use Case upload

Table 4.3 Use Case upload

Nama Use case upload


Aktor Guru dan siswa
Deskripsi Use-case menjelaskan upload materi, tugas dan
jawaban tugas yang dilakukan guru dan siswa.
Prekondisi Guru dan siswa belum menupload materi, tugas
dan jawaban tugas.
Sasaran Use-case ini difungsikan oleh aktor perintah
kepada sistem untuk mengisi form upload materi,
tugas dan jawaban tugas .
Kegiatan Tindakan Aktor Respon Sistem

1. guru dan siswa 2. Sistem merekam guru


melakukan pengisian dan siswa.
from upload.

Kesimpulan Use case ini selesai bila guru dan siswa telah
terekam oleh sistem dan tampil dihalaman guru
dan guru.
Pos Kondisi Guru dan siswa mengisi from guru
Aturan Yang berhak masuk halaman ini guru dan siswa.
Spesifikasi dan Halaman ini harus mudah dan cepat untuk
Implementasi dimengerti dan digunakan
53

4. Use Case tanya dan jawab

Table 4.4 Use Case tanya dan jawab

Nama Use case Tanya dan jawab


Aktor Siswa dan guru
Deskripsi Use-case menjelaskan proses tanya dan jawab
yang dilakukan siswa dan guru.
Prekondisi siswa belum mengerti tentang materi tertentu.
Sasaran Use-case ini difungsikan oleh aktor perintah
kepada sistem untuk mengisi from tanya jawab.
Kegiatan Tindakan Aktor Respon Sistem

1. siswa dan gur 2. Sistem merekam data


melakukan pengisian tanya jawab.
from tanya jawab.

Kesimpulan Use case ini selesai bila data pertanyaan dan


jawaban telah terekam oleh sistem dan tampil
dihalaman siswa dan guru.
Pos Kondisi Siswa dan guru mengisi from Tanya jawab
Aturan Yang berhak masuk halaman ini siswa dan guru.
Spesifikasi dan Halaman tanya jawab harus mudah dan cepat
Implementasi untuk dimengerti dan digunakan

4.6.3 Class Diagram


Class diagram memperlihatkan hubungan antar kelas dan penjelasan
detail tiap-tiap kelas didalam model desain (dalam logical view) dari suatu sistem.
a. Analisa Class
54

Adapun class yang dibutuhkan dalam perancangan Sistem e-lerning smk


mambaulfallah
Berikut adalah class yang akan digunakan:
1. siswa
2. guru
3. kelas
4. mata pelajaran
5. tugas
6. data(materi)
7. konsultasi tanya
8. konsultasi jawab
Dari Class yang telah disebutkan diatas, langkah selanjutnya adalah
menggambarkan kedalam bentuk objek class. berikut adalah objek class yang
terbentuk:
1. Analisa Class siswa

siswa.
id_siswa
uname
passwd
nama
nis
jk
alamat
telp
email
id_keas

<<>input()
edit()
hapus()
login()
logout()

Gambar 4.2 Class siswa


Class siswa menampilkan siapa saja yang akan menggunakan aplikasi,
berisi attribute id_siswa, uname, passwd, nama, nis , jk, alamat, telp, email dan
id_kelas. Class siswa memiliki operasi input, edit,hapus, Login dan Logout.
2. Analisa Class Guru
55

guru.
id_guru
uname
passwd
nama
nip
jk

input()
edit()
hapus()
login()
logout()

Gambar 4.3 Class Guru


Pada Class Guru memiliki atribut id_guru, uname, passwd, nama, nip
Class guru memiliki operasi input, edit,hapus, Login dan Logout.
56

3. Analisa Class Kelas


Kelas
id_kelas
kd_kelas
nm_kelas

input()
edit()
hapus()

Gambar 4.4 Class kelas


Atribut pada class kelas adalah id_kelas, kd_kelas dan nm_kelas.
Operator pada class kelas adalah input, edi, dan Hapus.
4. Analisa Class Mata Pelajaran
mapel
id_mapel
kd_mapel
nm_mape
id_kelas
id_guru

input()
edit()
hapus()

Gambar 4.5 Class Mata Pelajaran


. Pada Class Mata Pelajaran memiliki atribut id_mapel, kd_mapel,
mn_mapel, id_kelasdan id_guru. Class Mata Pelajaran memiliki operasi input,
edit, dan Hapus
5. Analisa Class Tugas
57

Tugas
id_tugas
nm_tugas
nm_file
deskripsi
nm_jawaban
id_mapel
id_siswa
id_kelas
id_guru
tgl_upload_tg
tgl_upload_ts

input()
edit()
hapus()

Gambar 4.6 Class Tugas


Pada Class tugas memiliki atribut id_tugas, nm_tugas, nm_file, deskripsi,
nm_jawaban, id_mapel, id_siswa, id_kelas, id_guru, tgl_uploadtg dan
tgl_upload_ts. Class tugas memiliki operasi input, edit, dan Hapus.

6. Analisa Class data(materi)


data(materi)
id_data
nm_data
nm_file
deskripsi
id_mapel

input()
edit()
hapus()

Gambar 4.7 Class data(materi)


Pada Class data memiliki atribut id_data, nm_data, nm_file, deskripsi
dan id_mapel. Class data memiliki operasi input, edit, dan Hapus.
58

7. Analisa Class konsultasi tanya


konsultasi_tan
ya
id_tanya
kd_mapel
pertanyaaan
penyanya
tanggal

input()
edit()
hapus()

Gambar 4.8 Class konsultasi tanya


Pada Class kosultasi tanya memiliki atribut id_tanya, kd_mapel,
pertanyaan dantanggal. Class konsultasi tanya memiliki operasi input, edit, dan
Hapus.
8. Analisa Class konsultasi jawab
konsultasi_j
awab
id_jawab
id_tanya
jawaban
penjawab
tanggal

input()
edit()
hapus()

Gambar 4.9 Class konsultasi jawab


Pada Class konsultasi jawab memiliki atribut id_jawab, id_tanya,
jawaban, penjawab dan tanggal. Class konsultasi jawab memiliki operasi input,
edit, dan Hapus.

Dari analisa class yang dihasilkan, selanjutnya akan direlasikan ke dalam


class diagram, sehingga akan di ketahui hubungan atau keterkaitan masing-
masing komponen. Berikut adalah class diagram dari Sistem e-lerning smk
mambaulfallah.
59

guru. Kelas
id_guru id_kelas
uname kd_kelas
passwd Tugas nm_kelas
nama id_tugas
nip nm_tugas input()
jk nm_file edit()
deskripsi hapus()
input() nm_jawaban
edit() id_mapel
hapus() id_siswa
siswa.
login() id_kelas konsultasi_tan
id_siswa logout() ya
id_guru
uname
tgl_upload_tg id_tanya
passwd
tgl_upload_ts kd_mapel
nama
pertanyaaan
nis
input() penyanya
jk
edit() tanggal
alamat
hapus()
telp
input()
email
edit()
id_keas
hapus()
<<>input() mapel
edit() id_mapel
hapus() kd_mapel konsultasi_j
login() nm_mape awab
data(materi)
logout() id_kelas id_jawab
id_data
id_guru id_tanya
nm_data
jawaban
nm_file
input() penjawab
deskripsi
edit() tanggal
id_mapel
hapus()
input()
input()
edit()
edit()
hapus()
hapus()

Gambar 4.10 Class Diagram Sistem E-lerning smk mambaulfallah


4.6.4 Sequence Diagram
Sequence diagram menjelaskan interaksi objek yang disusun dalam suatu
urutan waktu. Diagram ini secara khusus berasosiasi dengan use case. Sequence
diagram memperlihatkan tahap demi tahap apa yang seharusnya terjadi untuk
menghasilkan sesuatu didalam use case.
1. Sequence Diagram Login
Menjelaskan bagaimana siswa dan guru melakukan login ke sistem.
60

sistem
: guru : siswa

login
cek user dan pass

tampil haaman

login
cek user dan pass

tampil halaman

Gambar 4.11 Sequence Diagram login


2. Sequence Diagram download
Menjelaskan bagaimana siswa dan guru melakukan download ke sistem.

sistem
: siswa : guru
pilih materi dan download
tampilkan
data telah didownload

pilih tugas dan download

tampilkan
data telah didownoad

pilih jawaban tugas dan download


tampilkan

data teah didownload

Gambar 4.12 Sequence Diagram download


61

3. Sequence Diagram upload


Menjelaskan bagaimana guru dan siswa upoad.

sistem
: guru : siswa

upload materi
save

data terlah diupload

upload tugas
save
data telah diupload

upload jawaban tugas


save

data telah diupload

Gambar 4.13 Sequence Diagram Upload


4. Sequence Diagram tanya jawab
Menjelaskan bagaimana siswa menyajukan pertanyaan dan guru
menjawab pertanyaan.
62

sistem
: siswa : guru

mengajukan pertanyaan
save
pertanyaan telah disimpan

jawab pertanyaan
save

prtanyaan telah dijawab

Gambar 4.14 Sequence Diagram Tanya Jawab


4.6.5 Activity Diagram
Activity diagram menggambarkan berbagai aliran aktivitas dalam sistem
yang sedang dirancang, bagaimana masing-masing aliran berawal, decision yang
mungkin terjadi, dan bagaimana mereka berakhir. Adapun activity diagramnya
adalah sebagai berikut:

1. Activity Diagram Data diagram Login


Dalam activity diagram Data diagram Login dijelaskan mengenai alur
aktivitas Admin dalam mengelola data diagram Login
63

siswa/guru sistem

mulai

login

cek

halaman

selesai

Gambar 4.15 Activity Diagram diagram Login

2. Activity Diagram Kenaikan Upload Jawab Tugas


Dalam activity Jawab Tugas ini dijelaskan mengenai alur aktivitas siswa
dalam mengelola Jawab Tugas
64

siswa sistem

mulai

upload

jawabanTu
gas

save

selesai

Gambar 4.16 Activity Diagram Jawab Tugas

3. Activity Diagram upload materi dan tugas


Dalam activity upload materi dan tugas ini dijelaskan mengenai alur
aktivitas guru dalam upload materi dan tugas.

guru sistem

mulai

materi,
tugas

upload

save

selesai

Gambar 4.17 Activity Diagram upoad Materi dan Tugas


65

4. Activity Diagram download tugas


Dalam activity download tugas ini dijelaskan mengenai alur aktivitas
siswa dalam upload tugas.

guru sistem

mulai

pilh jawaban
tugas

tampil

jawabanTu
gas

download

selesai

Gambar 4.18 Activity Diagram Download Tugas


5. Activity Diagram download materi dan tugas
Dalam activity download materi dantugas ini dijelaskan mengenai alur
aktivitas siswa dalam upload tugas.
66

siswa sistem

mulai

pilih materi,
tugas

tampil

materi dan
tugas

download

selesai

Gambar 4.19 Activity Diagram Download Materi dan Tugas


6. Activity Diagram Tanya
Dalam activity tanya m ini dijelaskan mengenai alur aktivitas siswa
dalam bertanya.
67

siswa sistem

mulai

tanya

save

selesai

Gambar 4.20 Activity Diagram Tanya

7. Activity Diagram Jawab


Dalam activity jawab ini dijelaskan mengenai alur aktivitas guru dalam
Menjawab.

guru sistem

mulai

pilih
pertanyaan

jawab save

selesai

Gambar 4.21 Activity Diagram Jawab


68

5 Perancangan Database
Berdasarkan Class Diagram diatas, perancangan database yang diusulkan
dalam Sistem informasi akademik menggunakan database my SQL adalah sebagai
berikut:
a. Tabel Data admin
Database : mafa
Nama Tabel : admin
Fungsi : Menyimpan data abmin
Primery Key : id_admin
Foreign Key : -
Tabel 4.8 Tabel admin
Field Jenis Kosong Default

id_admin int(11) Ya NULL

uname varchar(35) Ya

passwd varchar(35) Ya

nama varchar(35) Ya

b. Tabel Bagian
Database : MAFA
Nama Tabel : bagian
Fungsi : Menyimpan data bagian
Primery Key : id_bag
Foreign Key : -
Tabel 4.9 Tabel bagian
Field Jenis Kosong Default

id_beranda int(11) Ya NULL

judul varchar(255) Ya

isi text Ya

c. Tabel Bagian
Database : MAFA
69

Nama Tabel : pendidikan


Fungsi : Menyimpan data pendidikan
Primery Key : idp
Foreign Key : -
Tabel 4.10 Tabel pendidikan
Field Jenis Kosong Default

id_data int(11) Ya NULL

nm_data text Ya

nm_file text Ya

deskripsi text Ya

id_mapel int(11) Ya

d. Tabel pelatihan
Database : MAFA
Nama Tabel : pelatihan
Fungsi : Menyimpan data pelatihan
Primery Key : id_pelatihan
Foreign Key : -
Tabel 4.11 Tabel pelatihan
Field Jenis Kosong Default

id_guru int(11) Ya NULL

uname varchar(35) Ya

passwd varchar(35) Ya

nama varchar(35) Ya

nip varchar(20) Ya

jk enum('Laki-laki', 'Perempuan') Ya
70

e. Tabel h_jabatan
Database : MAFA
Nama Tabel : h_jabatan
Fungsi : Menyimpan data history jabaran
Primery Key : idh
Foreign Key : -

Tabel 4.12 Tabel h_jabatan


Field Jenis Kosong Default

id_kelas int(11) Ya NULL

kd_kelas varchar(5) Ya

nm_kelas varchar(35) Ya

f. Tabel k_jabatan
Database : MAFA
Nama Tabel : bagian
Fungsi : Menyimpan data kelompok jabatan
Primery Key : idkjb
Foreign Key : -
Tabel 4.13 Tabel k_jabatan
Field Jenis Kosong Default

id_jawab int(4) Ya NULL

id_tanya char(3) Ya

jawaban text Ya

penjawab varchar(30) Ya

tanggal datetime Ya

g. Tabel pendidikan
Database : MAFA
71

Nama Tabel : pendidikan


Fungsi : Menyimpan data pendidikan
Primery Key : nip
Foreign Key : -
Tabel 4.14 Tabel pendidikan
Field Jenis Kosong Default

id_tanya int(3) Ya NULL

kd_mapel varchar(10) Ya

pertanyaan text Ya

penanya varchar(30) Ya

tanggal datetime Ya

h. Tabel pegawai
Database : MAFA
Nama Tabel : pegawai
Fungsi : Menyimpan data pegawai
Primery Key : nip
Foreign Key : -

Tabel 4.15 Tabel pegawai


Field Jenis Kosong Default

id_mapel int(11) Ya NULL

kd_mapel varchar(5) Ya

nm_mapel varchar(35) Ya
72

id_kelas int(11) Ya

id_guru int(11) Ya

i. Tabel pengalaman_kerja
Database : MAFA
Nama Tabel : pengalaman_kerja
Fungsi : Menyimpan data pengalaman_kerja
Primery Key : id_peker
Foreign Key : -

Tabel 4.16 Tabel pengalaman_kerja


Field Jenis Kosong Default

id_siswa int(11) Ya NULL

uname varchar(35) Ya

passwd varchar(35) Ya

nama varchar(35) Ya

nis varchar(15) Ya

jk enum('Laki-laki', 'Perempuan') Ya

alamat text Ya

telp varchar(15) Ya

email varchar(35) Ya

id_kelas int(11) Ya

j. Tabel user
Database : MAFA
Nama Tabel : user
Fungsi : Menyimpan data user
73

Primery Key : userid


Foreign Key : -
Tabel 4.17 Tabel user

Field Jenis Kosong Default

id_tugas int(11) Ya NULL

nm_tugas text Ya

nm_file text Ya

deskripsi text Ya

nm_jawaban text Ya NULL

id_mapel int(11) Ya

id_siswa int(11) Ya NULL

id_kelas int(11) Ya NULL

id_guru int(11) Ya NULL

tgl_upload_tg date Ya NULL

tgl_upload_ts date Ya NULL


74

5.2.5 Desain Input dan Output


Dari desain sistem di atas langkah berikutnya adalah membuat desain
input dan output sebagai interface antara user dengan sistem. Desain input
merupakan interface yang digunakan dalam menambah data, mengubah data,
ataupun menghapus data. Sedangkan desain output merupakan bentuk laporan
yang dihasilkan oleh sistem.
75
76

Guru
77
78