Skripsi BAB III Manajemen Proyek Sistem

28

BAB III
ANALISIS DAN PERANCANGAN SISTEM

3.1.

Analisis Sistem
Analisis sistem adalah tahap mengidentifikasikan masalah-masalah,
kebutuhan pemakai, menyatakan secara spesifik sasaran-sasaran yang
harus dicapai untuk memenuhi kebutuhan pemakai, masalah alternatif,
metode pemecahan masalah yang paling tepat, merencanakan dan
menerapkan rancangan sistemnya. Adapun tahap-tahap analisis sistem
tersebut adalah sebagai berikut:

3.1.1. Analisis Wawancara
Pada tahap ini penulis memberikan pertanyaan kepada Ketua
Program Studi Teknik Komputer Jaringan SMK PGRI 3 Walikukun
Kabupaten Ngawi. dengan pertanyaan sebagai berikut:
Pertanyaan

: ” Bagaimanakah proses pengolahan Uji Kompetensi
Teknik Komputer Jaringan di Sekolah Menengah
Kejuruan Persatuan Guru Republik Indonesia 3
(SMK PGRI 3) Walikukun Kabupaten Ngawi ini,
maksudnya apakah sudah terkomputerisasi atau
masih konvensional? ”

28
28

29

Jawaban

: “ Saat ini proses pengolahan Uji Kompetensi Teknik
Komputer Jaringan di Sekolah kami secara
konvensional.”

Pertanyaan

: “ Apa kesulitan yang anda alami selama anda masih
menggunakan cara konvensional ? “

Jawaban

: “ Kesulitan yang kami alami adalah data yang kami
simpan terlalu banyak karena masih berupa
lembaran kertas maka kami kesulitan apabila
sewaktu-waktu membutuhkan data dan itu harus
dengan cepat kami cari.”

Pertanyaan

: ” Dengan sistem yang sedang berjalan saat ini apakah
kendala yang sering kali terjadi? ”

Jawaban

: “ Permasalahan yang sering terjadi adalah kinerja kami
menjadi

lambat

karena

lamanya

proses

pendataan, pencarian data, proses pengkoreksian
tugas maupun lembar jawab Uji Kompetensi
harian siswa, serta proses penilaian hasil Uji
Kompetensi baik harian maupun tugas siswa.
pada saat data tersebut dibutuhkan sehingga
mengakibatkan keterlambatan dalam pembuatan
laporan. ”
Berdasarkan dari hasil wawancara diatas maka dapat
disimpulkan bahwa Teknik Komputer Jaringan pada Sekolah

30

Menengah Kejuruan Persatuan Guru Republik Indonesia 3 (SMK
PGRI 3) Walikukun Kabupaten Ngawi. Membutuhkan sistem baru
yang dapat mengatasi semua permasalahan tersebut.

3.1.2. Mendefinisikan Suatu Masalah
Perumusan masalah yang ada pada Teknik Komputer Jaringan
Sekolah Menengah Kejuruan Persatuan Guru Republik Indonesia 3
(SMK PGRI 3) Walikukun Kabupaten Ngawi adalah sebagai berikut :
1.

Sistem Uji Kompetensi Teknik Komputer Jaringan yang sedang
berjalan di Sekolah Menengah Kejuruan Persatuan Guru
Republik Indonesia 3 (SMK PGRI 3) Walikukun Kabupaten
Ngawi masih konvensional.

2.

Tingkat kesalahan yang besar pada waktu melakukan koreksi
lembar jawab siswa selain itu juga tingkat kecepatan akses data

(laporannya) jika dibutuhkan sewaktu-waktu.

3.

Proses penilaian hasil belajar siswa memakan waktu lama
sehingga tenaga pendidik dalam menentukan tingkat ketuntasan
siswa mengalami kesulitan.

3.1.3. Pemecahan Masalah
Berdasarkan permasalahan diatas maka penulis memberikan
solusi atau pemecahan masalah dengan membuatkan perancangan
sistem Uji Kompetensi dan penilaian serta penentuan ketuntasan hasil

31

belajar siswa berbasis online, agar Teknik Komputer Jaringan Sekolah
Menengah Kejuruan Persatuan Guru Republik Indonesia 3 (SMK
PGRI 3) Walikukun Kabupaten Ngawi bisa mengaplikasikannya
menjadi sistem aplikasi yang dapat digunakan dan Teknik Komputer
Jaringan Sekolah Menengah Kejuruan Persatuan Guru Republik

Indonesia 3 (SMK PGRI 3) Walikukun Kabupaten Ngawi lebih
dikenal oleh masyarakat luas serta para calon peserta didik baru yang
ingin mendaftar di Sekolah kami bisa melihat proses siswa-siswi
Teknik Komputer Jaringan Sekolah Menengah Kejuruan Persatuan
Guru Republik Indonesia 3 (SMK PGRI 3) Walikukun Kabupaten
Ngawi dalam melakukan Uji Kompetensi harian, pengumpulan tugastugas langsung via online tanpa harus menunggu proses koreksi dan
proses penilaian guna mengetahui tingkat ketuntasan belajar siswa.

3.1.4. Analisis Studi Kelayakan
Analisis Studi Kelayakan adalah menganalisa permasalahanpermasalahan yang ada pada proses kegiatan Uji Kompetensi di
Sekolah Menengah Kejuruan Persatuan Guru Republik Indonesia 3
(SMK PGRI 3) Walikukun Kabupaten Ngawi Dari hasil Analisis
Studi Kelayakan ditemukan beberapa permasalahan yang salah
satunya adalah proses koreksi, penilaian yang masih dilakukan secara
manual atau masih dicatat dalam buku besar atau lembaran kertas.
Berikut adalah contoh lembar-lembar jawab hasil Uji Kompetensi

32

harian, pembukuan data-data di Teknik Komputer Jaringan Sekolah

Menengah Kejuruan Persatuan Guru Republik Indonesia 3 (SMK
PGRI 3) Walikukun Kabupaten Ngawi mulai dari kumpulan tugas
siswa dan lembar daftar nilai siswa.

Gambar.3.0 Buku daftar Nilai Siswa

33

Gambar.3.1 Isi buku daftar Nilai Siswa

Gambar.3.2 Lembar Jawab Tugas Harian

34

Gambar.3.3 Lembar Jawab Uji Kompetensi Harian

Gambar.3.4 Kumpulan Tugas – Tugas Kelompok Siswa

35

3.1.5. Analisis Kebutuhan Sistem
3.1.5.1. Analisis Hardware
Berdasarkan analisis yang dilakukan, Teknik Komputer
Jaringan di Sekolah Menengah Kejuruan Persatuan Guru
Republik Indonesia 3 (SMK PGRI 3) Walikukun Kabupaten
Ngawi memiliki sebuah komputer yang dapat digunakan
untuk menunjang berjalannya website yang akan dibangun.
Adapun spesifikasi komputer yang ada pada Teknik
Komputer Jaringan di Sekolah Menengah Kejuruan Persatuan
Guru Republik Indonesia 3 (SMK PGRI 3) Walikukun
Kabupaten Ngawi adalah sebagai berikut:

Table 3.1 Analisis Hardware
No Nama Alat

Spesifikasi

1

Komputer








2

Mouse
Optik

Satuan

Unit
Processor Dual Core
RAM 1 GB
DVD-ROM, DVD-RW
VGA 128 Mb

Hard Disk 180 Gbyte
Monitor LCD 17.1”
Buah

Jumlah
1

1

36

3.1.5.2. Analisis Software
Berdasarkan analisis yang dilakukan demi menunjang
proses pembuatan website pada Teknik Komputer Jaringan di
Sekolah Menengah Kejuruan Persatuan Guru Republik
Indonesia 3 (SMK PGRI 3) Walikukun Kabupaten Ngawi
membutuhkan

berbagai

software

yang

spesifikasinya

dijelaskan pada tabel 3.2 berikut:
Tabel 3.2. Analisis Software

No

Nama Bahan

Spesifikasi

Satuan

Jumlah

1.

Operating System

Windows 7 Ultimate

Buah

1

2.

SW Digital Imaging

Adobe Photoshop CS3

Buah

1

3.

SW Localhost

Xampp 1.8.1

Buah

1

4.

SW Program

Macromedia
Dreamveawer 8.0
Mozilla Firefox

Buah

1

Buah

1

MySQL 5.5.27

Buah

1

5.

SW Database

37

3.1.6. Analisis Biaya
Berikut ini merupakan analisis biaya yang dibutuhkan dalam
melakukan penelitian ini :
1. Biaya Transportasi

Rp.

500.000,00

2. Kertas A4 80gr 2rim

Rp.

80.000,00

3. Tinta Printer

Rp.

60.000,00

4. Alat Tulis

Rp.

50.000,00

5. DVD Blank dan tempat CD 2 buah

Rp.

60.000,00

6. Domain (1 tahun) dan hosting

Rp.

200.000,00

7. Buku Referensi

Rp.

200.000,00

8. Biaya jilid

Rp.

300.000,00

9. Penggandaan Laporan

Rp.

100.000,00

10. Biaya lain-lain

Rp.

400.000,00

11. SDM

Rp.

800.000,00

Total

Rp. 2.750.000,00

+

38

3.1.7. Kerangka Masalah

SDM

Data Siswa

Data Kelas

Data Mata
Pelajaran

Data Modul /
Materi

Data Tugas

Efektif

Rekomendasi

Gambar 3.5 Kerangka Masalah

Data Uji
Kompetensi

Data Hasil
Belajar

39

3.2.

Perancangan
3.2.1. Perancangan Sistem
3.2.1.1. Konteks Diagram
Dalam pembuatan suatu diagram konteks dari sistem
struktur pendekatan ini menggambarkan sistem secara garis
besar yang kemudian akan dipecah menjadi bagian – bagian
lebih rinci.
Input data Siswa
Input data Kelas
Input data Bidang
Studi / Mata Pelajaran
Input data Modul /
materi
Input data Tugas

Laporan data Siswa

Input data Soal Uji
Kompetensi

Laporan data kelas
Laporan data bidang
studi / mata pelajaran
Laporan data tugas
Laporan data modul /
materi
Laporan data Hasil Uji
Kompetensi

Laporan data Siswa
Laporan Nilai Tugas

Admin
Laporan Nilai Uji
Kompetensi
Laporan Ketuntansan
Siswa

Guru Bidang Studi

Gambar 3.6 Konteks Diagram

40

3.2.1.2. DFD Level 1
DFD level 1 akan dijabarkan secara lengkap sebagai berikut :
Input data siswa

1
Input data
siswa

Tabel siswa
Data siswa

Laporan data siswa

Input data kelas

Laporan data kelas

Admin

Laporan data mata
pelajaran / bidang studi

Input data modul / materi
Laporan data modul / materi

Input data tugas

Laporan data nilai tugas

Input data uji kompetensi
Laporan data hasil uji kompetensi

3
Input data
mapel

4
Input data

modul

Tabel kelas
Data kelas

Tabel mapel
Data mata
pelajaran /
bidang studi

Data modul /
materi

5
Input data

tugas

6
Input data uji
kompetensi

Tabel tugas
Data tugas

Tabel soal uji
kompetensi
Data soal uji
kompetensi

Laporan data siswa

Laporan data siswa
Laporan data tugas
Laporan data nilai tugas

Tabel modul /
materi

7
Laporan

Laporan data tugas
Laporan data nilai tugas
Laporan data nilai uji kompetensi

Laporan data nilai uji kompetensi

Laporan ketuntasan siswa

Gambar 3.7 DFD Level 1

Guru Bidang Studi

Input data mata
pelajaran/ bidang studi

2
Input data
kelas

41

Dari diagram arus data diatas dapat dijelaskan sebagai berikut :
Proses 1.0 Merupakan proses pemasukan data siswa dan data tersebut akan
direkam kedalam tabel siswa.
Proses 2.0 Merupakan proses pemasukan data kelas, data tersebut akan direkam
kedalam tabel kelas.
Proses 3.0 Merupakan proses pemasukan data mata pelajaran, data tersebut akan
direkam kedalam tabel mata pelajaran.
Proses 4.0 Merupakan proses pemasukan data modul / materi, data tersebut akan
direkam kedalam tabel modul / materi.
Proses 5.0 Merupakan proses pemasukan data tugas, data tersebut akan direkam
kedalam tabel tugas.
Proses 6.0 Merupakan proses pemasukan data uji kompetensi, data tersebut akan
direkam kedalam soal uji kompetensi.
Proses 7.0 Merupakan proses pelaporan data siswa, data tugas, data nilai tugas,
data nilai uji kompetensi, dan data ketuntasan siswa yang akan diberikan kepada
guru bidang studi.

42

3.2.1.3

DFD Level 2

Input data siswa

Admin

Laporan data siswa

1.1
Proses input
data siswa

Tabel siswa

1.2
proses edit
data
karyawan

Laporan data siswa
1.3
Proses hapus
data siswa

Guru bidang studi

Gambar.3.8 DFD Level 2 Proses 1
Penjelasan DFD Level 2 proses 1 yaitu :
Proses 1.1 merupakan proses pengolahan data siswa dan data tersebut akan disimpan
kedalam tabel siswa.
Proses 1.2 merupakan proses mengedit atau merubah data siswa kemudian data akan
disimpan kembali kedalam tabel siswa.
Proses 1.3 merupakan proses menghapus isi dari data siswa dan hanya boleh dilakukan
oleh pihak admin.

43

Input data kelas

Admin

Laporan data kelas

2.1
Proses input
data kelas

Tabel kelas

2.2
proses edit
data kelas

Laporan data kelas

2.3
Proses hapus
data kelas

Guru bidang studi

Gambar.3.9 DFD Level 2 Proses 2
Penjelasan DFD Level 2 proses 2 yaitu :
Proses 2.1 merupakan proses pengolahan data kelas dan data tersebut akan disimpan
kedalam tabel kelas.
Proses 2.2 merupakan proses mengedit atau merubah data kelas kemudian data akan
disimpan kembali kedalam tabel kelas.
Proses 2.3 merupakan proses menghapus isi atau sebagian dari data kelas dan hanya
boleh dilakukan oleh pihak admin.

44

Input data mata pelajaran

Admin

Laporan data mata pelajaran

3.1
Proses input
data mapel

Tabel mapel

3.2
proses edit
data mapel

Laporan data mata pelajaran
3.3
Proses hapus
data mapel

Guru bidang studi

Gambar.3.10 DFD Level 2 Proses 3

Penjelasan DFD Level 2 proses 3 yaitu :
Proses 3.1 merupakan proses pengolahan data mata pelajaran dan data tersebut akan
disimpan kedalam tabel mata pelajaran.
Proses 3.2 merupakan proses mengedit atau merubah data mata pelajaran kemudian data
akan disimpan kembali kedalam tabel mata pelajaran.
Proses 3.3 merupakan proses menghapus isi atau sebagian dari data mata pelajaran dan
hanya boleh dilakukan oleh pihak admin.

45

Input data modul / materi

Admin

Laporan data modul / materi

4.1
Proses input
data modul

Tabel modul

4.2
proses edit
data modul

Laporan data modul / materi
4.3
Proses hapus
data modul

Guru bidang studi

Gambar.3.11 DFD Level 2 Proses 4

Penjelasan DFD Level 2 proses 4 yaitu :
Proses 4.1 merupakan proses pengolahan data modul / materi dan data tersebut akan
disimpan kedalam tabel modul.
Proses 4.2 merupakan proses mengedit atau merubah data modul / materi kemudian data
akan disimpan kembali kedalam modul.
Proses 4.3 merupakan proses menghapus isi atau sebagian dari data modul / materi dan
hanya boleh dilakukan oleh pihak admin.

46

5.1
Proses input data
tugas

Input data tugas

Admin

Laporan data tugas

Tabel tugas

5.2
proses edit data
tugas

Laporan data nilai tugas
5.3
Proses hapus
data tugas

Guru Bidang Studi

Gambar.3.12 DFD Level 2 Proses 5

Penjelasan DFD Level 2 proses 5 yaitu :
Proses 5.1 merupakan proses pengolahan data tugas dan data tersebut akan disimpan
kedalam tabel tugas.
Proses 5.2 merupakan proses mengedit atau merubah data tugas kemudian data akan
disimpan kembali kedalam tabel tugas.
Proses 5.3 merupakan proses menghapus isi atau sebagian dari data tugas dan hanya
boleh dilakukan oleh pihak admin.

47

6.1
Proses input data
uji kompetensi

Input data uji kompetensi

Admin

Laporan data nilai uji kompetensi

Tabel soal

6.2
proses edit data
uji kompetensi

Laporan data nilai uji kompetensi
6.3
Proses hapus data
uji kompetensi

Guru Bidang Studi

Gambar.3.13 DFD Level 2 Proses 6

Penjelasan DFD Level 2 proses 6 yaitu :
Proses 6.1 merupakan proses pengolahan data uji kompetensi dan data tersebut akan
disimpan kedalam tabel uji kompetensi.
Proses 6.2 merupakan proses mengedit atau merubah data uji kompetensi kemudian data
akan disimpan kembali kedalam tabel uji kompetensi.
Proses 6.3 merupakan proses menghapus isi atau sebagian dari data uji kompetensi dan
hanya boleh dilakukan oleh pihak admin.

48

3.2.1.4. Entity Relationship Diagram (ERD)

4.Siswa)
NIS (Nomor Induk

Kode Mapel

Mata
Palajaran

SISWA

Nama Siswa

Mata Pelajaran
Kode Kelas

Tempat Lahir

Ambil

Tanggal Lahir
Memiliki

Memiliki

Kelas
Jenis Kelamin
Agama
Kelas

Alamat

Kode Tugas

Tugas

Tugas
Kode Kelas

E-mail

Nilai Tugas
Kode kelas
Memiliki

Modul /
Materi

Kelas
Kode Modul

Kode Soal

Soal Uji
Kompetensi

Modul / Materi
Kode Kelas

Kode Mapel
Kode Kelas
NilaiUji
Kompetensi

Laporan

Kode NIS

TUGAS

Nilai Tugas

Nilai Uji
Kompetensi

Ketuntasan Siswa

Gambar 3.14. Entity Relationship Diagram (ERD)

49

3.2.2.

Struktur Rancangan Tabel
3.2.2.1

Tabel siswa
Tabel siswa memiliki spesifikasi sebagai berikut :
Nama Tabel : Tabel siswa
Fungsi Tabel : Untuk menyimpan data siswa
Medan kunci : id_nis
Tabel 3.3 Tabel siswa

Field

Type

Length

Id_nis

Int

4

nama_depan

Varchar

50

Nama depan

nama_belakang

Varchar

10

Nama belakang

agama

Varchar

1

agama

tmp_lahir

Varchar

30

Tempat lahir

tgl_lahir

date

foto

varchar

1

foto

email

varchar

1

e-mail

alamat

varchar

50

alamat

kelamin

Varchar

15

Jenis kelamin

Keterangan



Kode siswa

Tanggal lahir

Nomor

1

2

3

4

Format

9

9

9

9

Contoh

0

0

0

1

Keterangan

Primary key

1-4 Kode Siswa

50

3.2.2.2

Tabel Kelas
Tabe kelas memiliki spesifikasi sebagai berikut :
Nama Tabel : Tabel kelas
Fungsi Tabel : Untuk menyimpan kelas TKJ siswa
Medan Fungsi : id_kode_kelas
Tabel.3.4 Tabel Kelas

Field

Type

Length

id_kd_kelas

Int

2

Kode_kelas

Varchar

10

Kode Kelas

Kelas

Varchar

20

Kelas

Nomor

1

2

3.2.2.3
Format

9

9

3.2.2.4
Contoh

0

1

Keterangan
3.2.2.5

1-2 Id Kode Kelas

Primary key


Keterangan
Id Kode kelas

51

3.2.2.3. Tabel Mata Pelajaran / Bidang Studi
Tabel Mata Pelajaran memiliki spesifikasi sebagai berikut :
Nama Tabel : Tabel Mata Pelajaran
Fungsi Tabel : Untuk menyimpan data Mata Pelajaran
Medan Fungsi : kode_mapel
Tabel.3.5 Tabel Mata Pelajaran / Bidang Studi
Field

Type

Length

Kode_mapel

Varchar

10

mapel

Varchar

100

Nomor

1

2

3

4

5

Format

9

9

9

9

9

Contoh

M

-

0

0

1

Keterangan

1-5 Kode Mapel

Primary Key


52

3.2.2.4. Tabel Modul / Mater
Tabel Modul / Materi memiliki spesifikasi sebagai berikut :
Nama Tabel : Tabel Modul / Materi
Fungsi Tabel : Untuk menyimpan data Modul / Materi Siswa
Medan Fungsi : kode_modul
Tabel.3.6 Tabel Modul / Materi
Field

Type

Length

Kode_modul

Int

10



Id_nis

Int

4



jmateri

Text

-

deskripsi

Text

-

Kode_mapel

Varchar

10

Nomor

1

2

3

4

5

Format

9

9

9

9

9

Contoh

0

0

0

0

1

Keterangan

1-5 Kode Modul

Primary Key



53

3.2.2.5. Tabel Tugas
Tabe Tugas memiliki spesifikasi sebagai berikut :
Nama Tabel : Tabel Tugas
Fungsi Tabel : Untuk menyimpan data tugas TKJ siswa
Medan Fungsi : kode_tugas

Tabel.3.7 Tabel Tugas Siswa
Field

Type

Length

Kode_tugas

Int

10



Kode_mapel

Varchar

10



jtugas

Text

-

deksripsi

Text

-

Id_kd_kelas

Int

2

tugaske

Varchar

10

nilai

Int

3

aktivasi

Int

1

Primary key



Nomor

1

2

3

4

5

Format

9

9

9

9

9

Contoh

T

-

0

0

1

Keterangan

1-5 Kode Tugas

54

3.2.2.6. Tabel Uji Kompetensi
Tabe Uji Kompetensi memiliki spesifikasi sebagai berikut :
Nama Tabel : Tabel Uji Kompetensi
Fungsi Tabel : Untuk menyimpan data Uji Kompetensi
Medan Fungsi : kode_ujian

Tabel.3.8 Tabel Uji Kompetensi
Field

Type

Length

Kode_ujian

Varchar

15

ujian

Varchar

10

Kode_mapel

Varchar

10



Id_kd_kelas

Int

2



aktivasi

Int

1

jumlahsoal

Varchar

3

waktu

Varchar

3

Primary key


Nomor

1

2

3

4

5

Format

9

9

9

9

9

Contoh

U

-

0

0

1

Keterangan

1-6 Kode Uji Kompetensi

55

3.2.2.7. Tabel Laporan Nilai Siswa
Tabel Laporan Nilai Siswa memiliki spesifikasi sebagai berikut :
Nama Tabel : Tabel Laporan Nilai Siswa
Fungsi Tabel : Untuk menyimpan data Nilai Siswa
Medan Fungsi :
Tabel.3.9. Tabel Laporan Nilai Siswa
Field

Type

Length

Kode_nilai_siswa

Int

7



Id_nis

Int

4



Kode_mapel

Varchar

10



Tugas1

Int

3

Tugas2

Int

3

Tugas3

Int

3

Tugas4

Int

3

Tugas5

Int

3

Tugas6

Int

3

Ujian1

Int

3

Ujian2

Int

3

Ujian3

Int

3

nquiz

Int

3

hasilakhir

Int

3

Nomor

1

2

3

4

5

Format

9

9

9

9

9

Contoh

0

0

0

0

1

Keterangan

1-5 Kode Nilai
Siswa

Primary Key

56

3.2.3. Relasi tabel
Relasi antar tabel digunakan untuk melihat hubungan setiap tabel
yang dibuat. Dalam relasi ini setiap tabel memiliki primary key yang
digunakan sebagai penghubung antara satu tabel denga tabel lain. primary
key ini akan digunakan sebagi foreign key di tabel lain agar tabel – tabel
tersebut dapat berhubungan. Berikut relasi tabel dari Sistem Informasi Uji
Kompetensi Teknik Komputer Jaringan Berbasis Web.
siswa
Id_nis *
N_depan
N_belakang
Agama
Tmp_lahir
Tgl_lahir
Foto
Email
Alamat
Kelaimin
Id_kd_kelas

tugas
Kode_tugas *
Kode_mapel **
jtugas
id_kd_kelas ***
tugaske
nilai
aktivasi
id_nis ****

ujian
Kode_ujian *
ujian
kode_mapel **
id_kd_kelas ***
Aktivasi
Jumlahsoal
Waktu
Id_nis ****

Laporan
kelas
Id_kd_kelas *
Kode_kelas
kelas

mapel

modul
Kode_modul *
Id_nis **
jmateri
deskripsi
kode_mapel ***

Kode_mapel *
mapel

Gambar.3.15. Relasi Tabel

Kode_nilai_siswa *
Id_nis **
Kode_mapel ***
Tugas1
Tugas2
Tugas3
Tugas4
Tugas5
Tugas6
Ujian1
Ujian2
Ujian3
Nquiz
hasilakhir

57

3.2.4.

Flowchart
3.2.4.1. Flowchart Siswa

Start
Registrasi

Lupa Password
Log In

Halaman Siswa

Pilih Menu

Upload

Halaman Menu

Uji Kompetensi

Nilai

Selesai
Gambar.3.16 Flowchart Siswa

58

3.2.4.2. Flowchart Admin

Start

Log In
Admin

Halaman Admin

Pilih Menu

Halaman Menu

Lihat

Hapus

Edit

Tambah

Nilai

Selesai
Gambar.3.17 Flowchart Admin

Upload

59

3.2.4.3. Flowchart Sistem
Start
Registrasi
Log In

Halaman Siswa

Pilih Menu

Halaman Menu

Upload Tugas

Uji Kompetensi

Nilai

Selesai

Gambar.3.18 Flowchart Sistem

3.3.

Rancangan Interface Website Sistem Informasi Uji Kompetensi Teknik
Komputer Jaringan Berbasis Web Pada Sekolah Menengah Kejuruan
Persatuan Guru Republik Indonesia 3 (SMK PGRI 3) Walikukun
Kabupaten Ngawi.

60

3.3.1. Rancangan menu Siswa
3.3.1.1. Rancangan Halaman Log In

Header Image

NIS (Nomor Induk Siswa)

Password
Lupa Password

Register

Login

Footer Image

3.3.1.2. Rancangan Halaman Registrasi

Header Image

Nama Depan

:

Nama Belakang

:

NIS (Nomor Induk Siswa)

:

Kompetensi Keahlian

:

Password

:

Re Password

:

Email

:

Agama

:

Jenis Kelamin

:

Tempat Lahir

:

Tanggal Lahir

:

Alamat

:

Daftar

Footer Image

61

3.3.1.3. Rancangan Halaman Menu

Header Image

Info Pengguna | Home | Log Out
Informasi Tugas
Modul / Materi
Upload
Buku Komentar
Edit Profile
Buku Nilai
Uji Kompetensi

Footer Image

3.3.1.4. Rancangan Halaman Informasi Tugas

Header Image

Info Pengguna | Home | Log Out
No

Mapel / Bidang Studi

Judul Tugas

Kelas

Footer Image

Tugas Ke

Donwload

62

3.3.1.5. Rancangan Halaman Upload Tugas

Header Image

Info Pengguna | Home | Log Out
Mapel/Bidang Studi

:

Tugas Ke

:

Judul Tugas

:

Upload File

:

Browse..

Uplod Tugas

Footer Image

3.3.1.6. Rancangan Halaman Pilih Mapel / Bidang Studi

Header Image

Info Pengguna | Home | Log Out
Nomor Induk

:

Nama Lengkap

:

Bidang Studi

:
Submit

Footer Image

63

3.3.1.7. Rancangan Halaman Daftar Nilai

Header Image

Info Pengguna | Home | Log Out
Daftar Tugas

Nilai

Daftar Uji Kompetensi

Nilai

Nilai Akhir
Keterangan :
Footer Image

3.3.1.8. Rancangan Halaman Daftar Peringkat Nilai Uji Kompetensi

Header Image

Mulai Ujian

Nama

Ujian 1
Nilai Tertinggi

Info Pengguna | Home | Log Out

Nama

Ujian 2
Nilai Tertinggi

Footer Image

Nama

Ujian 3
Nilai Tertinggi

64

3.3.2. Rancangan Menu Admnistrator
3.3.2.1. Rancangan Halaman Log In

Header Image

Nomor Identifikasi Administrator

Password
Login

Footer Image

3.3.2.2. Rancangan Halaman Menu

Header Image

Info Admin| Home | Log Out

Manajemen
Fasilitas

Manajemen
Tugas

Manajemen
Nilai

Manajemen
Pemantau

Footer Image

Manajemen
Aktivasi

Manajemen
Ujian

65

3.3.2.3. Rancangan Halaman Input Mata Pelajaran / Bidang Studi

Header Image

Info Admin| Home | Log Out
Kode Mapel

:

Mata Pelajaran

:

Simpan
No

Kode Mapel

Mata Pelajaran

Aksi
Edit || Hapus

Footer Image

3.3.2.4. Rancangan Halaman Input Kelas

Header Image

Info Admin| Home | Log Out
Kode Kelas

:

Kelas

:

Simpan
No

Kode Kelas

Nama Kelas

Aksi
Edit || Hapus

Footer Image

66

3.3.2.5. Rancangan Halaman Input Tugas

Header Image

Info Admin| Home | Log Out
Kode Mapel

:

Judul Tugas

:

Kelas

:

Deskripsi

:

Tugas Ke

:

Nilai

:

Browse

Simpan

No

Kode Mapel

Judul Tugas

Kelas

Tugas Ke

Nilai

Aksi
Edit || Hapus

Footer Image

67

3.3.2.6. Rancangan Halaman Input Modul / Materi

Header Image

Info Admin| Home | Log Out
Mata Pelajaran

:

Judul Materi / Modul

:

Deskripsi

:

Browse

Simpan

No

Uploader

Judul Materi

Kelas

Mapel

Deskripsi

Aksi
Edit || Hapus

Footer Image

68

3.3.2.7. Rancangan Halaman Input Pengadaan Uji Kompetensi

Header Image

Info Admin| Home | Log Out
Kode Ujian

:

Ujian

:

Kelas

:

Mapel

:

Jumlah Soal

:

Waktu

:
Simpan

No

Kode Ujian

Ujian

Kelas

Mapel

Jumlah Soal

Waktu

Aksi
Edit || Hapus

Footer Image

3.3.2.8. Rancangan Halaman Daftar Nilai berdasarkan Kelas

Header Image

Info Admin | Home | Log Out
Pilih Kelas

:

Mapel

:

c
c
Submit

Footer Image

69

3.3.2.9. Rancangan Halaman Laporan Daftar Nilai berdasarkan Kelas

Header Image

Kelas
:
Mata Pelajaran :
No

NIS

Nama

Info Admin| Home | Log Out
Nilai Ujian
1

2

Nilai Tugas

3

1

2

3

4

5

6

Nilai

Hasil

Quiz

Akhir

Ketuntasan

Aksi
Edit || Hapus

Cetak / Print
Footer Image

3.3.2.10. Rancangan Laporan Nilai berdasarkan Bidang Studi

Header Image

Kelas

:

Mata Pelajaran :

No

NIS

Nama

Nilai Ujian
1

2

3

Nilai Tugas
1

2

3

4

Nilai
5

6

Quiz

Akhir

Tingkat
Ketuntasan

Guru Bidang Studi

(

)