bab iii pembahasan · 19 bab iii pembahasan 3.1. tinjauan sekolah dalam tinjauan sekolah smp...

19

BAB III

PEMBAHASAN

3.1. Tinjauan Sekolah

Dalam tinjauan Sekolah SMP Trisula Perwari 1 Jakarta ini berisi tentang

sejarah singkat SMP Trisula Perwari 1 Jakarta, struktur organisasi SMP Trisula

Perwari 1 Jakarta beserta fungsi dari masing-masing bagian yang ada dalam

sekolah tersebut.

3.1.1. Sejarah Sekolah

Sekolah Menengah Pertama (SMP) Trisula Perwari 1 Jakarta didirikan

pada tahun 1960 oleh Yayasan Taman Pendidikan Trisula Perwari.Didirikan

diatas tanah seluas 672 m2.Sekolah SMP Trisula Perwari 1 terakreditasi B.

Sekolah ini beralamatkan di Jl. Pariaman No. 17 Ps. Manggis Setiabudi Jakarta

Selatan Telp (021) 8307445.Ibu Porman Rosmiati Hutagalung adalah Kepala

Sekolah sejak tahun 1981 hingga sekarang.

Adapun visi dan misi Sekolah SMP Trisula Perwari 1 Jakarta sebagai

berikut :

Visi : Unggul dalam Prestasi Akademik dan non Akademik serta peduli

lingkungan berlandaskan Iman dan Takwa.

Misi : Mewujudkan peserta didik yang berprestasi Akademik dan Non

Akademik serta peduli lingkungan berlandaskan Iman dan Takwa.

Sumber : Tata Usaha SMP Trisula Perwari 1 Jakarta

20

3.1.2. Struktur Organisasi dan Fungsi

Seperti halnya organisasi atau lembaga lain SMP Trisula Perwari 1 Jakarta

juga memiliki struktur organisasi. Struktur organisasi sendiri dapat diartikan

sebagai susunan dan hubungan antar bagian-bagian dan posisi dalam suatu

lembaga.Struktur organisasi dalam sebuah organisasi sangat penting untuk dapat

menentukan wewenang dan tanggung jawab yang jelas agar terhindar dari

kesalahan dalam melaksanakan tugas di organisasi tersebut. Berikut ini adalah

struktur organisasi pada SMP Trisula Perwari 1 Jakarta:

Sumber : Tata Usaha SMP Trisula Perwari 1 Jakarta

Gambar III.1

Struktur Organisasi SMP Trisula Perwari 1 Jakarta

KETUA YAYASAN

KEPALA SEKOLAH KOMITE SEKOLAH

WAKIL BID KESISWAAN

WAKIL BID KURIKULUM

TATA USAHA

PENJAGA SEKOLAH SISWA PENJAGA SEKOLAH

GURU

21

Berdasarkan struktur organisasi SMP Trisula Perwari 1 Jakarta, berikut ini

adalah tugas dan fungsi dari masing-masing bagian :

1. Ketua Yayasan

a. Penyelenggara dan penanggung jawab sekolah secara hukum.

b. Penentu visi, orientasi, platform program dan kebijakan dasar sekolah.

c. Mengawasi dan pengendali pengelolaan sekolah.

2. Kepala Sekolah

a. Wakil yayasan dalam mengelola unit kerja yayasan.

b. Manager pelaksanaan pengelolaan sekolah.

c. Pembina kesiswaan.

3. Komite Sekolah

a. Komite sekolah adalah mitra sekolah.

b. Komite sekolah adalah lembaga swadata masyarakat, yakini lembaga

mandiri yang berkedudukan diluar struktur kelembagaan sekolah.

c. Hubungan komite sekolah dan sekolah bersifat koordinatif.

4. Wakil Bid Kurikulum

a. Memback up kepala sekolah.

b. Membuat program.

c. Membuat jadwal pelajaran.

d. Kegiatan belajar mengajar.

5. Wakil Bid Kesiswaan

a. MOS (Masa Orientasi Sekolah).

b. Mutasi siswa.

c. Pembinaan OSIS (Organisasi Siswa Intra Sekolah).

22

6. Tata Usaha

a. Penyusunan laporan pelaksanaan kegiatan.

b. Melaksanakan tugas-tugas lain yantg diberika oleh kepala sekolah.

c. Penyusunan dan penyajian data atau statistic sekolah.

7. Guru

a. Melaksanakan kegiatan belajar mengajar.

b. Mengisi daftar nilai siswa.

c. Membuat alat pelajaran atau alat peraga.

8. Penjaga Sekolah

a. Menjaga keamanan.

b. Kebersihan sekolah.

3.2. Analisis Kebutuhan

Analisa kebutuhan di bagi menjadi 2 bagian yaitu kebutuhan pengguna dan

kebutuhan sistem:

1. Kebutuhan pengguna user

a. Siswa/siswi bisa dapat melihat halaman beranda dan profil sekolah.

b. Guru-guru dapat melihat informasi-informasi seputar sekolah tersebut.

2. Kebutuhan pengguna administrator

a. Admin dapat mengolah data informasi yang ada pada sekolah.

b. Admin juga dapat mengakses data seputar informasi sekolah.

23

3. Kebutuhan sistem

a. Admin membutuhkan form login agar dapat masuk kedalam data-data

yang ada di bagian admin.

b. Untuk user disini user membutuhkan banyak informasi mengenai

sekolah maka dari itu sekolah menyediakan website sekolah yang

memiliki bnayak informasi tentang sekolah tersebut.

c. Guru membutuhkan login untuk masuk, untuk mengelola nilai siswa.

d. Siswa/siswi membutuhkan login untuk melihat data informasi raport.

3.3. Perancangan Perangkat Lunak

Perancangan merupakan tahapan persiapan untuk merancang bangun

implementasi suatu web, yang menggambarkan bagaimana suatu web dibentuk

yang dapat berupa penggambaran, perencanaan, dan pembuatan sketsa atau

pengaturan dari beberapa elemen terpisah ke dalam suatu kesatuan yang utuh dan

berfungsi termasuk mengkonfigurasikan komponen-komponen perangkat lunak

dan perangkat keras dari suatu web.

Perancangan web dalam skala besar membutuhkan strategi yang tepat agar

perancangan web berjalan dengan baik, tepat waktu, dan sesuai dengan sasaran

yang ditargetkan. Web skala besar merupakan sebuah web dengan banyak fungsi

yang diakses banyak orang. Semakin besar suatu web maka akan semakin

kompleks pemeliharaan dan pengembangannya lebih lanjut.

3.3.1. Rancangan Antar Muka

Rancangan antar muka pada sistem penilaian siswa berbasis web pada

SMP Trisula Perwari 1 sebagai berikut :

24

1. Halaman Pengunjung (User)

a. Rancangan Antar Muka Beranda

Halaman beranda merupakan halaman utama yang pertama kali muncul

jika pengunjung membuka website.

Gambar III.2

Rancangan Antar Muka Beranda

HEADER

MENU

GAMBAR+TEXT

TEXT

FOOTER

25

b. Rancangan Antar Muka Profil

Halaman profil merupakan halaman yang menampilkan sejarah sekolah,

visi-misi, serta identitas sekolah.

Gambar III.3

Rancangan Antar Muka Profil

HEADER

MENU

TEXT

FOOTER

26

2. Halaman Admin

a. Rancangan Antar Muka Login Admin

Halaman login admin merupakan halaman yang dipergunakan untuk

melakukan login saat admin ingin masuk ke halaman admin.

Gambar III.4

Rancangan Antar Muka Login Admin

Admin Login

Username : xxxx

Password : xxxx

Login

27

b. Rancangan Antar Muka Beranda Admin

Halaman beranda admin merupakan halaman yang pertama kali muncul

ketika admin sudah melakukan login dan masuk ke halaman admin.

Gambar III.5

Rancangan Antar Muka Beranda Admin

MENU NAVIGASI

TEXT

28

c. Rancangan Antar Muka Data Guru

Halaman data guru merupakan halaman yang menampilkan data-data

guru yang ada disekolah serta untuk menginput data-data guru.

Gambar III.6

Rancangan Antar Muka Data Guru

MENU NAVIGASI

TABEL TAMPIL DATA GURU

Tambah Data

29

d. Rancangan Antar Muka Data Kelas

Halaman data kelas merupakan halaman yang menampilkan data-data

kelas yang ada disekolah serta untuk menginput data-data kelas.

Gambar III.7

Rancangan Antar Muka Data Kelas

MENU NAVIGASI

TABEL TAMPIL DATA KELAS

Tambah Data

30

e. Rancangan Antar Muka Data Mapel

Halaman data mata pelajaran merupakan halaman untuk menginput

data-data mata pelajaran yang ada disekolah.

Gambar III.8

Rancangan Antar Muka Data Mapel

MENU NAVIGASI

TABEL TAMPIL DATA MAPEL

Tambah Data

31

f. Rancangan Antar Muka Data Jadwal

Halaman data jadwal merupakan halaman untuk menginput data-data

jadwal guru mengajar sehari-hari.

Gambar III.9

Rancangan Antar Muka Data Jadwal

MENU NAVIGASI

TABEL TAMPIL DATA JADWAL

Tambah Data

32

g. Rancangan Antar Muka Data Siswa

Halaman data siswa merupakan halaman untuk menginput data-data

siswa yang ada disekolah.

Gambar III.10

Rancangan Antar Muka Data Siswa

MENU NAVIGASI

TABEL TAMPIL DATA SISWA

Tambah Data

33

3. Halaman Guru

a. Rancangan Antar Muka Login Guru

Halaman login guru merupakan halaman yang dipergunakan oleh guru

untuk melakukan login dan masuk ke halaman guru.

Gambar III.11

Rancangan Antar Muka Login Guru

Guru Login

Username : xxxx

Password : xxxx

Login

MENU NAVIGASI

34

b. Rancangan Antar Muka Beranda Guru

Halaman beranda guru yaitu halaman yang pertama kali muncul ketika

guru sudah melakukan login dan sudah masuk ke halaman guru.

Gambar III.12

Rancangan Antar Muka Beranda Guru

MENU NAVIGASI

TEXT

35

c. Rancangan Antar Muka Data Guru


guru sesuai guru yang melakukan login.

Gambar III.13


MENU NAVIGASI

Nip :Xxxxxx

Nama Lengkap :Xxxxxx

Jenis Kelamin :Xxxxxx

Agama :Xxxxxx

Telephone :Xxxxxx

Alamat Lengkap :Xxxxxx

36

d. Rancangan Antar Muka Data Jadwal

Halaman data jadwal merupakan halaman yang menampilkan jadwal

mengajar guru sehari-hari.

Gambar III.14


MENU NAVIGASI


Data Report

37

e. Rancangan Antar Muka Input Nilai

Halaman input nilai merupakan halaman yang dipergunakan untuk

menginput nilai siswa sesuai hasil belajar siswa perperiode yang

nantinya akan menjadi nilai rapot.

Gambar III.15

Rancangan Antar Muka Input Nilai

MENU NAVIGASI

NO NIS NAMA SISWA KELAS MAPEL NILAI TUGAS NILAI UTS NILAI UAS

1

1

1

2

Xx

1 1

Xx

Xxxxxx

Xxxxxx Xx

Xx

Xx

1 1

Xx

1 1

Hapus Simpan Kembali

38

f. Rancangan Antar Muka Lihat Nilai

Halaman lihat nilai merupakan halaman yang menampilkan nilai siswa

yang sudah diinput dari halaman input nilai.

Gambar III.16

Rancangan Antar Muka Lihat Nilai

MENU NAVIGASI

TABEL TAMPIL LIHAT NILAI

Hapus Data Kembali

39

4. Halaman Siswa

a. Rancangan Antar Muka Login Siswa

Halaman login siswa merupakan halaman yang dipergunakan oleh

siswa untuk melakukan login dan masuk ke halaman siswa.

Gambar III.17

Rancangan Antar Muka Login Siswa

MENU NAVIGASI

Siswa Login

Username : xxxx

Password : xxxx

Login

40

b. Rancangan Antar Muka Beranda Siswa

Halaman beranda siswa yaitu halaman yang pertama kali muncul

dihalaman siswa ketika siswa sudah melakukan login.

Gambar III.18

Rancangan Antar Muka Beranda Siswa

MENU NAVIGASI

TEXT

41

c. Rancangan Antar Muka Data Siswa

Halaman data siswa merupakan halaman yang menampilkan data-data

siswa sesuai nis siswa yang login.

Gambar III.19

Rancangan Antar Muka Data Siswa

MENU NAVIGASI

NIS :Xxxxxx

Kode Kelas :Xxxxxx

Nama Lengkap :Xxxxxx

Jenis Kelamin :Xxxxxx

Agama :Xxxxxx

Telephone :Xxxxxx

Alamat Lengkap :Xxxxxx

42

d. Rancangan Antar Muka Data Kelas


kelas sesuai kelas siswa itu sendiri.

Gambar III.20

Rancangan Antar Muka Data Kelas

MENU NAVIGASI

ID Kelas :Xxxxxx

Nama Kelas :Xxxxxx

Kapasitas :Xxxxxx

TEXT

43

e. Rancangan Antar Muka Data Jadwal

Halaman data jadwal merupakan halaman yang menampilkan data-data

jadwal yang berguna untuk melihat data jadwal sehari-hari.

Gambar III.21


MENU NAVIGASI


Data Report

44

f. Rancangan Antar Muka Data Mapel

Halaman data mapel merupakan halaman yang menampilkan data-data

mata pelajaran yang ada disekolah dan untuk mengetahui kkm per

matapelajaran.

Gambar III.22

Rancangan Antar Muka Data Mapel

MENU NAVIGASI

TABEL TAMPIL DATA MAPEL

45

g. Rancangan Antar Muka Data Guru

Halaman data guru merupakan halaman yang menampilkan data guru

yang berguna untuk mengetahui informasi guru.

Gambar III.23


MENU NAVIGASI

TABEL TAMPIL DATA GURU

46

h. Rancangan antar Muka Data Nilai

Halaman data nilai merupakan halaman yang menampilkan nilai hasil

belajar siswa perperiode yang telah diinput oleh guru.

Gambar III.24

Rancangan Antar Muka Data Nilai

MENU NAVIGASI

TABEL TAMPIL DATA NILAI

Data Report

47

3.3.2. Rancangan Basis Data

Perancangan basis data menghasilkan pemetaan tabel-tabel yang

digambarkan dengan Entity Relationship Diagram(ERD) dan Logical

Record Structure (LRS).

1. Entity Relationship Diagram (ERD).

tb_guru

tb_kelas

tb_siswatb_nilai

tb_mapel

membuat

tb_jadwal

memiliki

memiliki

memiliki

terdapat

terdapat

mengolah

nama_guru

kelamin

id_kelas

nama_kelas

nip

id_mapel

agama

nip

telephone

alamat

hari

id_jadwal

id_kelas

jam

kapasitas

id_jadwal

id_kelas

id_kelas

nis

telephone

alamat

nis

id_kelas

nama_siswa

kelamin

agama

id_rapot nis

nis

id_mapel

uts

uas

keterangan

total

gradenip

id_rapot

tugas

id_mapel

nama_mapel

kkm

id_mapel

id_rapot

id_jadwal

id_mapel

id_jadwal

nip

nip id_rapot

1

M

1

M

M 1

M

1

1

1

M

1

1

M

Gambar III.25

Entity Relationship Diagram (ERD)

48

2. Logical Record Structure (LRS).

tb_nilai

nip *

nama_guru

kelamin

agama

telephone

alamat

tb_guru

id_rapot *

nip **

nis **

id_mapel **

tugas

uts

uas

total

grade

keterangan

tb_jadwal

id_jadwal *

id_kelas **

id_mapel **

nip **

hari

jam

tb_siswa

nis *

id_kelas **

nama_siswa

kelamin

agama

telephone

alamat

tb_mapel

id_mapel *

nama_mapel

kkm

tb_kelas

id_kelas *

nama_kelas

kapasitas

M 1

M

1

M

1

M

1

1 M

1

1

M

1

Gambar III.26

Logical Record Structure (LRS)

49

3. Spesifikasi File

Spesifikasi file yang digunakan dalam sistem informasi pengolahan nilai

siswa berbasis web pada SMP Trisula Perwari 1 terdiri dari satu

databasedan delapan table, yaitu:

a. Spesifikasi File Login

Nama File : tb_login

Fungsi : Untuk Menyimpan Data Login

Type File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 100

Kunci Field : id_user

Software : MySQL

Tabel III.1

Spesifikasi File Login

No Elemen Data Nama Field Tipe Size Ket

1 Id user id_user Varchar 10 Primary Key

2 Username username Varchar 20

3 Password Password Varchar 20

4 Nama nama Varchar 50

5 Level level Enum

50

b. Spesifikasi File Admin

Nama File : tb_admin

Fungsi : Untuk Menyimpan Data Admin



Akses File : Random

Media : Hard Disk


Kunci Field : id_admin

Software : MySQL

Tabel III.2

Spesifikasi File Admin


1 Id admin id_admin Varchar 10 Primary Key

2 Nama nama Varchar 50

3 Kelamin kelamin Enum

4 Agama agama Varchar 20

5 Telephone telephone Varchar 20

6 Alamat alamat Text

c. Spesifikasi File Guru

Nama File : tb_guru

Fungsi : Untuk Menyimpan Data Guru


51


Akses File : Random

Media : Hard Disk


Kunci Field : nip

Software : MySQL

Tabel III.3

Spesifikasi File Guru


1 Nip Nip Varchar 20 Primary key

2 Nama guru nama_guru Varchar 50

3 Kelamin Kelamin Enum

4 Agama Agama Varchar 20

5 Telephone Telephone Varchar 20

6 Alamat Alamat Text

d. Spesifikasi File Siswa

Nama File : tb_siswa

Fungsi : Untuk Menyimpan Data Siswa



Akses File : Random

Media : Hard Disk

52


Kunci Field : nis

Software : MySQL

Tabel III.4

Spesifikasi File Siswa


1 Nis Nis Varchar 20 Primary Key

2 Id kelas id_kelas Varchar 10 Foreign Key

3 Nama siswa nama_siswa Varchar 50

4 Kelamin Kelamin Enum

5 Agama Agama Varchar 20

6 Telephone Telephone Varchar 20

7 Alamat Alamat Text

e. Spesifikasi File Kelas

Nama File : tb_kelas

Fungsi : Untuk Menyimpan Data Kelas



Akses File : Random

Media : Hard Disk

Panjang Record : 50

Kunci Field : id_kelas

Software : MySQL

53

Tabel III.5

Spesifikasi File Kelas


1 Id kelas id_kelas Varchar 10 Primary Key

2 Nama kelas nama_kelas Varchar 20

3 Kapasitas Kapasitas Varchar 20

f. Spesifikasi File Mapel

Nama File : tb_mapel

Fungsi : Untuk Menyimpan Data Mapel



Akses File : Random

Media : Hard Disk

Panjang Record : 71

Kunci Field : id_mapel

Software : MySQL

Tabel III.6

Spesifikasi File Mapel


1 Id mapel id_mapel Varchar 10 Primary Key

2 Nama mapel nama_mapel Varchar 50

3 Kkm Kkm Integer 11

54

g. Spesifikasi File Jadwal

Nama File : tb_jadwal

Fungsi : Untuk Menyimpan Data Jadwal



Akses File : Random

Media : Hard Disk

Panjang Record : 80

Kunci Field : id_jadwal

Software : MySQL

Tabel III.7

Spesifikasi File Jadwal


1 Id jadwal id_jadwal Varchar 10 Primary Key

2 Id kelas id_kelas Varchar 10 Primary Key


4 Nip Nip Varchar 20 Primary Key

5 Hari Hari Varchar 10

6 Jam Jam Varchar 20

h. Spesifikasi File Nilai

Nama File : tb_nilai

Fungsi : Untuk Menyimpan Data Nilai


55


Akses File : Random

Media : Hard Disk


Kunci Field : id_rapot

Software : MySQL

Tabel III.8

Spesifikasi File Nilai


1 Id rapot id_rapot Integer 11 Primary Key

2 Nip Nip Varchar 20 Primary Key

3 Nis Nis Varchar 20 Primary Key


5 Tugas Tugas Integer 11

6 Uts Uts Integer 11

7 Uas Uas Integer 11

8 Total Total Integer 11

9 Grade Grade Enum

10 Keterangan Keterangan Enum

56

3.3.3. Rancangan Struktur Navigasi

Struktur navigasi yang digunakan oleh penulis adalah struktur navigasi

linear, yaitu sebagai berikut :

1. Rancangan Struktur Navigasi Pengunjung

Gambar III.27

Rancangan Struktur Navigasi Pengunjung

2. Rancangan Struktur Navigasi Admin

Gambar III.28

Rancangan Struktur Navigasi Admin

Index

Profil

Sekolah

Halaman

Guru

Halaman

Siswa

Beranda

Index

Data

Akun

Data

Admin

Data

Guru

Data

Kelas

Data

Mapel

Data

Jadwal Laporan

Data

Siswa

Cetak

Data

Guru

Cetak

Data

Siswa

Cetak

Data

Nilai

57

3. Rancangan Struktur Navigasi Guru

Gambar III.29

Rancangan Struktur Navigasi Guru

4. Rancangan Struktur Navigasi Siswa

Gambar III.30

Rancangan Struktur Navigasi Siswa

Index

Beranda Data

Jadwal

Data

Guru

Data

Mapel

Data

Nilai

Index

Beranda Data

Siswa

Data

Kelas

Data

Jadwal

Data

Mapel

Data

Guru

Data

Nilai

58

3.4. Implementasi dan Pengujian Unit

3.4.1. Implementasi

1. Implementasi Rancangan Antar Muka Pengunjung

Implementasi rancangan antar muka pada sistem informasi pengolahan

nilai siswa berdasarkan rancangan antar muka.

a. Halaman Utama Beranda

Halaman beranda merupakan halaman utama yang pertama kali muncul

jika pengunjung membuka website.

Gambar III.31

Implementasi Rancangan Antar Muka Halaman Utama Beranda

b. Halaman Profil Sekolah

Halaman profil merupakan halaman yang menampilkan sejarah sekolah,

visi-misi, serta identitas sekolah.

59

Gambar III.32

Implementasi Rancangan Antar Muka Halaman Profil Sekolah

2. Implementasi Rancangan Antar Muka Admin

a. Halaman Utama Login Admin

Halaman login admin merupakan halaman yang dipergunakan untuk

melakukan login saat admin ingin masuk ke halaman admin.

Gambar III.33

Implementasi Rancangan Antar Muka Halaman Login Admin

60

b. Halaman Utama Beranda

Halaman beranda admin merupakan halaman yang pertama kali muncul

ketika admin sudah melakukan login dan masuk ke halaman admin.

Gambar III.34


c. Halaman Data Akun

Halaman data akun merupakan halaman yang menampilkan id user,

username, nama lengkap, level, serta proses.

Gambar III.35

Implementasi Rancangan Antar Muka Halaman Data Akun

61

d. Halaman Data Admin

Halaman data admin merupakan halaman yang menampilkan data-data

admin sesuai admin yang melakukan login.

Gambar III.36

Implementasi Rancangan Antar Muka Halaman Data Admin

e. Halaman Data Guru


guru.Contoh lampiran data guru bisa dilihat di lampiran A-1.

Gambar III.37

Implementasi Rancangan Antar Muka Halaman Data Guru

62

f. Halaman Data Kelas


kelas yang ada disekolah serta untuk menginput data-data kelas.

Gambar III.38

Implementasi Rancangan Antar Muka Halaman Data Kelas

g. Halaman Data Mapel

Halaman data mata pelajaran merupakan halaman untuk menginput data-

data mata pelajaran yang ada disekolah.

Gambar III.39

Implementasi Rancangan Antar Muka Halaman Data Mapel

63

h. Halaman Data Jadwal



Gambar III.40

Implementasi Rancangan Antar Muka Halaman Data Jadwal

i. Halaman Data Siswa

Halaman data siswa merupakan halaman untuk menginput data-data

siswa.Contoh lampiran data siswa bisa dilihat di lampiran B-1.

Gambar III.41

Implementasi Rancangan Antar Muka Halaman Data Siswa

64

j. Halaman Laporan Data Guru

Halaman laporan data guru merupakan laporan yang berasal dari data guru

yang dipergunakan untuk cetak data ke pdf.

Gambar III.42

Implementasi Rancangan Antar Muka Halaman Laporan Data Guru

k. Halaman Laporan Data Siswa

Halaman laporan data siswa merupakan laporan yang berasal dari data

siswa yang dipergunakan untuk cetak data ke pdf.

Gambar III.43

Implementasi Rancangan Antar Muka Halaman Laporan Data Siswa

65

3. Implementasi Rancangan Antar Muka Guru

a. Halaman Utama Login Guru

Halaman login guru merupakan halaman yang dipergunakan oleh guru

untuk melakukan login dan masuk ke halaman guru.

Gambar III.44

Implementasi Rancangan Antar Muka Halaman Utama Login Guru


Halaman beranda guru yaitu halaman yang pertama kali muncul ketika

guru sudah melakukan login dan sudah masuk ke halaman guru.

Gambar III.45


66

c. Halaman Data Guru

Halaman data guru merupakan halaman yang menampilkan data-data guru

yang ada disekolah serta untuk menginput data-data guru.

Gambar III.46


d. Halaman Data Jadwal



Gambar III.47


67

e. Halaman Data Mapel

Halaman data mata pelajaran merupakan halaman untuk menginput data-

data mata pelajaran yang ada disekolah.

Gambar III.48


f. Halaman Input Nilai

Halaman input nilai merupakan halaman yang dipergunakan untuk

menginput nilai siswa.Contoh lampiran data nilai bisa dilihat di lampiran

C-1.

Gambar III.49

Implementasi Rancangan Antar Muka Halaman Input Nilai

68

g. Halaman Lihat Nilai

Halaman lihat nilai merupakan halaman yang menampilkan nilai siswa

yang sudah diinput dari halaman input nilai.

Gambar III.50

Implementasi Rancangan Antar Muka Halaman Lihat Nilai

h. Halaman Laporan Jadwal Guru

Halaman laporan jadwal guru merupakan laporan yang berasal dari data

guru yang dipergunakan untuk cetak data ke pdf.

Gambar III.51

Implementasi Rancangan Antar Muka Halaman Laporan Jadwal

Guru

69

4. Implementasi Rancangan Antar Muka Siswa

a. Halaman Utama Login Siswa

Halaman login siswa merupakan halaman yang dipergunakan oleh siswa

untuk melakukan login dan masuk ke halaman siswa.

Gambar III.52

Implementasi Rancangan Antar Muka Halaman Utama Login Siswa


Halaman beranda siswa yaitu halaman yang pertama kali muncul

dihalaman siswa ketika siswa sudah melakukan login.

Gambar III.53


70

c. Halaman Data Siswa

Halaman data siswa merupakan halaman untuk menginput data-data siswa

yang ada disekolah.

Gambar III.54

Implementasi Rancangan Antar Muka Halaman Data Siswa

d. Halaman Data Kelas


kelas sesuai kelas siswa itu sendiri.

Gambar III.55

Implementasi Rancangan Antar Muka Halaman Data Kelas

71

e. Halaman Data Jadwal



Gambar III.56


f. Halaman Laporan Jadwal Siswa

Halaman laporan jadwal siswa merupakan laporan yang berasal dari data


Gambar III.57

Implementasi Rancangan Antar Muka Halaman Laporan Jadwal

Siswa

72

g. Halaman Data Mapel

Halaman data mapel merupakan halaman yang menampilkan data-data

mata pelajaran yang ada disekolah dan untuk mengetahui kkm per mata

pelajaran.

Gambar III.58


h. Halaman Data Guru

Halaman data guru merupakan halaman yang menampilkan data-data guru

sesuai guru yang melakukan login.

Gambar III.59


73

i. Halaman Data Nilai

Halaman data nilai merupakan halaman yang menampilkan nilai hasil

belajar siswa perperiode yang telah diinput oleh guru.

Gambar III.60

Implementasi Rancangan Antar Muka Halaman Data Nilai

j. Halaman Laporan Data Nilai

Halaman laporan data nilai merupakan laporan yang berasal dari data


Gambar III.61

Implementasi Rancangan Antar Muka Halaman Laporan Data Nilai

74

5. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak

minimum yang dibutuhkan untuk mengimplementasikan sistem informasi

pengolahan nilai siswa di SMP Trisula Perwari 1.

a. Spesifikasi Perangkat Keras

1. Server

a) CPU

1) Processor Intel Pentium Core 2 Duo, 1,73 GHz atau setara

2) RAM DDR2 2 GB

3) Hard Disk 500 GB

b) Mouse

c) Keyboard

d) Monitor dengan resolusi layar minimum 1024x768

e) Koneksi internet dengan kecepatan 2 Mbps

2. Client

a) CPU

1) Processor Intel Pentium 4

2) RAM DDR2 1 GB

3) Hard Disk 20 GB

b) Mouse

c) Keyboard

d) Monitor dengan resolusi layar minimum 1024x768

e) Koneksi internet dengan kecepatan 56 Kbps

75

b. Spesifikasi Perangkat Lunak

1. Server

a) Sistem operasi yang digunakan adalah Microsoft Windows 7 Ultimate

32 Bit (x86)

b) Aplikasi bundle web server adalah Xampp terdiri dari beberapa

komponen diantaranya:

1) Aplikasi PHP

2) Aplikasi MySQL

3) Aplikasi phpMyAdmin

c) Aplikasi web browser seperti Mozilla Firefo,Google Chrome

2. Client

a) Sistem operasi yang digunakan adalah Microsoft Windows 7 Ultimate

32 Bit (x86)

b) Aplikasi web browser seperti Mozilla Firefox, Google Chrome

3.4.2. Pengujian Unit

Pengujian unit program yang dibuat menggunakan blackbox testing yang

fokus terhadap proses masukan dan keluaran program.

1. Pengujian Terhadap Form Login

Tabel III.9

Pengujian Blackbox Testing Form Login

No Skenario

Pengujian

Testcase Hasil Yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1 Username dan

Password

dikosongkan

kemudian klik

tombol login

username:

(kosong)

password:

(kosong)

Sistem akan

menolak dan

memberi

peringatan

bahwa

Sesuai

Harapan

Valid

76

usernamedan

password tidak

boleh kosong

2 Username diisi

dan password

dikosongkan

kemudian klik

tombol login

username:

(kosong)

password:

(diisi)

Sistem menolak

dan memberi

peringatan

bahwa username

dan password

tidak boleh

kosong

Sesuai

Harapan

Valid

3 Username diisi

dan password

dikosongkan

kemudian klik

tombol login

username:

(diisi)

password:

(kosong)

Sistem menolak

dan memberi

peringatan

bahwa password

tidak boleh

kosong

Sesuai

Harapan

Valid

4 Mengetikan

salah satu

kondisi pada

username atau

password

kemudian klik

tombol login

username:

(benar)

password:

(salah)

Sistem menolak

dan memberi

peringatan

bahwa username

atau password

salah

Sesuai

Harapan

Valid

5 Username diisi

dengan benar

dan password

diisi dengan

benar

kemudian klik

tombol login

username:

(benar)

password:

(benar)

Sistem

menerima akses

login lalu

menampilkan

menu utama

beranda admin

Sesuai

Harapan

Valid

bab iii pembahasan · 19 bab iii pembahasan 3.1. tinjauan sekolah dalam tinjauan sekolah smp...

Documents