BAB III PEMBAHASAN. Yayasan Pendidikan dan Sosial Fatahillah yang terbentuk pada tanggal 25 April

(1)

18

3.1 Tinjauan Perusahaan

3.1.1 Sejarah Perusahaan

Yayasan Pendidikan dan Sosial Fatahillah yang terbentuk pada tanggal 25 April 1978 dengan Notaris R. Soerojo Wongsowidjojo, SH dengan para pendiri KH. Muallim Mukhtar bin H. Sairun, H. Nazaruddin Mian, KH. Romli Sairi, KH. Achfas Arsad dan Abdul Rahman Sami, membidani terlahirnya Satuan Pendidikan tingkat menengah atas yang bernama “SMA Fatahillah”.

SMA Fatahillah didirikan pada tanggal 1 Juni 1987. Sejak saat itu SMA Fatahillah dipimpin oleh HM. Alakfi, SH hingga kini terus mempertahan jati diri Yayasan di tengah pergumulan ibukota yang sarat dengan kemajuan IPTEK. Secara geografis SMA Fatahillah berada di Jl. Raya Buncit No. 67 Jakarta Selatan, tepatnya di Jl. Raya Buncit – Amil No. 67 RT 02 RW 05 kelurahan Kalibata Pulo Kecamatan Pancoran Jakarta Selatan. Kondisi Jakarta Selatan yang asri merupakan tempat yang sangat kondusif untuk kegiatan belajar mengajar.

Sejak awal berdirinya SMA Fatahillah mengusung visi yang tidak hanya mencerdaskan siswa dari sisi kemampuan kognisi semata, tetapi juga turut membentuk manusia yang mampu “membaca” dirinya sebagai hamba Allah yang siap berkiprah sebagai khalifatullah fil ardhi. Dalam perkembangannya, SMA FATAHILLAH telah dipimpin oleh beberapa Kepala Sekolah dengan masa tugasnya sebagai berikut :

(2)

STRUKTUR ORGANISASI SMA FATAHILLAH KOMITE SEKOLAH Ir. YUSNITARI KEPALA SEKOLAH H. MASKURI, M.Pd

WAKA BID. KURIKULUM SITI HAJAR, ST

WAKA BID. KESISWAAN ALI IBRAHIM, S.Pd

PEMBINA OSIS M. ISNAINI HAMID

BENDAHARA & SIE SARANA ROSFALANI TATA USAHA ACHMAD KAFRAWI FIRDAUS WALI KELAS GURU PIKET PEMBINA LAB PEMBINA EKSKUL BK PEMBINA PERPUSTAKAAN DEWAN GURU SISWA/I Sumber : Tata Usaha SMA Fatahillah

Garis Komando Garis Koordinasi

1. H. M. Alakfi, SH 1987 – 2007

2. H. Maskuri, M.Pd 2007 – sekarang

Pada saat ini SMA FATAHILLAH memiliki 2 program yaitu :

a. Program Ilmu Alam

b. rogram Ilmu Sosial

3.1.2 Struktur Organisasi dan Fungsi

Gambar III.1

(3)

Berikut fungsi dari struktur organisasi SMA Fatahillah yaitu :

a. Kepala Sekolah : yang bertanggung jawab atas semua kegiatan disekolah. b. Waka Bid. Kurikulum : membantu kepala sekolah dalam kegiatan menyusun

program pengajaran.

c. Waka Bid. Kesiswaan : membantu kepala sekolah dalam kegiatan menyusun program pembinaan kesiswaan.

d. Pembina Osis : menyusun program kerja dan jadwal kegiatan organisasi intra sekolah.

e. Bendahara dan Prasarana : membantu kepala sekolah dalam kegiatan menyusun program pemeliharan dan pengembangan sarana prasarana fisik sekolah.

f. Tata Usaha : pengelolaan keuangan sekolah, dan sebagai pengurus administrasi ketenagaan dan siswa.

g. Wali kelas : untuk membimbing siswa dalam mewujudkan disiplin kelas, sebagai manajer dan motivator..

h. Guru Piket : mengawasi kegiatan K3 (Ketertiban, Kebersihan, dan Keindahan).

i. Pembina Lab : menyusun program kerja laboraturium, bertanggung jawab atas

kebersihan dan keindahan lab.

j. Pembina Ekskul : membantu siswa dalam melaksanakan ekstrakurikuler yang sesuai dengan minat, bakat dan kemampuan yang dimiliki peserta didik.

k. BK : menyusun program dan pelaksanaan BP/BK, melakukan koordinasi dengan wali kelas dalam rangka mengatasi masalah-masalah yang dihadapi oleh siswa.

(4)

l. Pembina Perpustakaan : merencanakan pengadaan buku, merencanakan pengembangan buku, menjaga, memelihara dan memperbaiki buku.

m. Dewan Guru : yang bertanggung jawab kepada kepala sekolah dalam melaksanakan proses belajar, mengajar secara efektif dan efisien.

n. Siswa/I : yang melakukan kegiatan belajar di sekolah.

3.2 Analisa Kebutuhan

A. Kebutuhan Pengguna

1. Admin dapat mengelola aplikasi dengan melakukan penambahan, mengubah dan menghapus data siswa, data guru, data kelas, data mata pelajaran, data jadwal pelajaran.

2. Siswa seluruh sivitas akademik SMA Fatahillah Jakarta masing-masing telah memiliki user account masing-masing untuk dapat melihat dan menyimpan materi, dan tugas.

3. Guru dapat melakukan penambahan materi, kirim tugas dan laporan nilai sesuai mata pelajaran yang diajarnya.

B. Kebutuhan Sistem

1. Pengguna harus mengisi form login sesuai user account yang bersangkutan bukan user account milik orang lain.

2. Sistem harus dapat menyimpan dan menampilkan materi pelajaran, tugas dan laporan nilai yang telah ditambahkan sehingga dapat diakses oleh siswa.

(5)

HEADER

Home Profile Info Pendaftaran Pendaftaran Login

Selamat Datang di Aplikasi E-Learning

SMA FATAHILLAH Jakarta

Konten

Apa itu E-Learning ?

Kalender

Konten

FOOTER M S S R K J S 1 2 3 4 5 6 7 8 9 21 10 11 12 13 14 15 16 17 18 19 20 22 23 24 26 27 28 29 25 30 31

3.3 Perancangan Perangkat Lunak

3.3.1 Rancangan Antar Muka

Dalam rancangan aplikasi e-learning ini penulis membuat gambaran mengenai bentuk tampilan yang nantinya dapat membantu dalam tahap perancangan aplikasi. Penulis membagi tampilan kedalam halaman-halaman yang diperuntukan untuk user seorang siswa, guru, atau admin.

1. Rancangan Antar Muka Halaman Home

Gambar III.2

(6)

HEADER

Home Profil Info Pendaftaran Pendaftaran Login

Profil SMA FATAHILLAH Jakarta

Konten

Kalender Konten FOOTER M S S R K J S 1 2 3 4 5 6 7 8 9 21 10 11 12 13 14 15 16 17 18 19 20 22 23 24 26 27 28 29 25 30 31 HEADER

Informasi Pendaftaran Elearning

Konten

Kalender Konten FOOTER M S S R K J S 1 2 3 4 5 6 7 8 9 21 10 11 12 13 14 15 16 17 18 19 20 22 23 24 26 27 28 29 25 30 31

2. Rancangan Antar Muka Halaman Profil

Gambar III.3

Rancangan Antar Muka Profil

3. Rancangan Antar Muka Info Pendaftaran

Gambar III.4

(7)

HEADER

Tambah Data Siswa Apa itu E-Learning ?

Kalender Konten FOOTER M S S R K J S 1 2 3 4 5 6 7 8 9 21 10 11 12 13 14 15 16 17 18 19 20 22 23 24 26 27 28 29 25 30 31 No Induk Password Nama Lengkap Alamat Tempat Lahir Tanggal Lahir Jenis Kelamin Agama Laki-Laki Perempuan Asal Sekolah Nama Ortu Pekerjaan Kelas -Pilih-Upload Foto Choose File

Simpan

HEADER

Silahkan Login melalui Form Berikut Apa itu E-Learning ?

Kalender Konten FOOTER M S S R K J S 1 2 3 4 5 6 7 8 9 21 10 11 12 13 14 15 16 17 18 19 20 22 23 24 26 27 28 29 25 30 31 Username.... -Pilih Level-Password.... MASUK

4. Rancangan Antar Muka Pendaftaran

Gambar III.5

Rancangan Antar Muka Pendaftaran

5. Rancangan Antar Muka Login

Gambar III.6

(8)

HEADER

Home Kelola Profil Kelola Siswa Kelola Guru Logout

Menu Administrator Kalender FOOTER M S S R K J S 1 2 3 4 5 6 7 8 9 21 10 11 12 13 14 15 16 17 18 19 20 22 23 24 26 27 28 29 25 30 31

Selamat Datang di Aplikasi E-Learning SMA FATAHILLAH Jakarta

Konten

Kelola Kelas Kelola Mata Pelajaran Kelola Jadwal Mengajar

Ganti Password

HEADER

Menu Administrator Kalender FOOTER M S S R K J S 1 2 3 4 5 6 7 8 9 21 10 11 12 13 14 15 16 17 18 19 20 22 23 24 26 27 28 29 25 30 31 Kelola Kelas Kelola Mata Pelajaran Kelola Jadwal Mengajar

Ganti Password

Update

Kelola data Halaman

Profil SMA FATAHILLAH Jakarta

6. Rancangan Antar Muka Admin

Gambar III.7

Rancangan Antar Muka Admin

7. Rancangan Antar Muka Kelola Profil

Gambar III.8

(9)

HEADER

Ganti Password

Semua Data Guru

Tambahkan Guru Print Laporan

No Nip Nama Guru

9 Z 99 9999999 Z 9999999 XXXXX Z XXXXX

Jabatan Golongan Aksi

XXXXX Z XXXXX XXXXX Z XXXXX Edit | Delete Edit | Delete HEADER

Ganti Password Semua Data Siswa

Tambahkan Siswa Cari- Pilih Kelas - Cari Print Laporan No No Induk Password 9 Z 99 9999 Z 9999 XXXXX Z XXXXX

Nama Siswa Jenis Kelamin Agama Kelas Aksi XXXXX Z XXXXX XXXXX Z XXXXX Edit | Delete Edit | Delete XXXXX Z XXXXX XXXXX XXXXX Z

8. Rancangan Antar Muka Kelola Siswa

Gambar III.9

Rancangan Antar Muka Kelola Siswa

9. Rancangan Antar Muka Kelola Guru

Gambar III.10

(10)

HEADER

Ganti Password

Semua Data Kelas

Tambahkan Kelas Print Laporan

No Kode Kelas Nama Kelas 9 Z 99 99999 Z 99999 XXXXX Z XXXXX

Kapasitas Wali Kelas Aksi XXXXX Z XXXXX XXXXX Z XXXXX Edit | Delete Edit | Delete HEADER

Ganti Password Semua Data Mata Pelajaran

Tambahkan Mata Pelajaran Print Laporan

No Kode Pelajaran Nama Mata Pelajaran 9 Z 99 99999 Z 99999 XXXXX Z XXXXX Aksi Edit | Delete Edit | Delete

10. Rancangan Antar Muka Kelola Kelas

Gambar III.11

Rancangan Antar Muka Kelola Kelas

11. Rancangan Antar Muka Kelola Mata Pelajaran

Gambar III.12

(11)

HEADER

Ganti Password Semua Data Jadwal Pelajaran

Tambahkan Jadwal Baru

No Nama Mata Pelajaran Kelas 9 Z 99 XXXXX Z XXXXX

Cari- Pilih Kelas - Cari Print Laporan Cari- Pilih Kelas - Ok

XXXX Z XXXX Guru XXXXX XXXXX Hari XXXX XXXX Jam Mulai 99:99:99 99:99:99 Jam Selesai 99:99:99 99:99:99 Action Edit | Delete Edit | Delete Z Z Z Z HEADER

Ganti Password

Ganti Password Anda - Administrator Password Lama

Password Baru

Ganti Password

12. Rancangan Antar Muka Jadwal Mengajar

Gambar III.13

Rancangan Antar Muka Jadwal Mengajar

13. Rancangan Antar Muka Ganti Password

Gambar III.14

(12)

HEADER

Home Profil Upload Materi Kirim Tugas Laporan Nilai

FOOTER Selamat Datang di Aplikasi E-Learning SMA FATAHILLAH Jakarta

Konten Data Guru

Ganti Password Foto

Logout

HEADER

FOOTER

Semua Data Materi Pelajaran yang anda Upload

Data Guru Ganti Password

Foto Logout

Lihat Jadwal Mengajar Tambahkan Bahan Baru

No Mata Pelajaran Untuk Kelas Action

9 Z 99 XXXXX Z XXXXX XXXXX Z XXXXX XXXXXXXXXXXXXXXX Hapus File Download File Z

XXXXXXXXXXXXXXXX Download File Hapus Keterangan

14. Rancangan Antar Muka Guru

Gambar III.15

Rancangan Antar Muka Guru

15. Rancangan Antar Muka Upload Materi

Gambar III.16

(13)

HEADER

FOOTER

Laporan Nilai Tugas

Foto Logout

Tambahkan Bahan Baru

9 Z 99 XXXXX Z XXXXX XXXXX Z XXXXX 9999-99-99 99:99:99 Lihat Nilai Z Batas Waktu 9999-99-99 99:99:99 Lihat Nilai HEADER

FOOTER Semua Data Tugas

Foto Logout

Tambahkan Bahan Baru

9 Z 99 XXXXX Z XXXXX XXXXX Z XXXXX 9999-99-99 99:99:99 Hapus Z Batas Waktu 9999-99-99 99:99:99 Pertanyaan Jawaban Pertanyaan Jawaban Hapus

16. Rancangan Antar Muka Kirim Tugas

Gambar III.17

Rancangan Antar Muka Kirim Tugas

17. Rancangan Antar Muka Laporan Nilai Guru

Gambar III.18

(14)

HEADER

FOOTER Detail Data Anda

Data Guru Ganti Password Foto Logout Edit Data Konten HEADER

Home Profil Materi Ajar Tugas Laporan Nilai

FOOTER

Selamat Datang di Aplikasi E-Learning SMA FATAHILLAH Jakarta

Konten Data Siswa

Jadwal Mata Pelajaran Foto

Logout

Ganti Password Logout

18. Rancangan Antar Muka Data Guru

Gambar III.19

Rancangan Antar Muka Data Guru

19. Rancangan Antar Muka Siswa

Gambar III.20

(15)

HEADER

FOOTER Semua Data Materi Pelajaran

Data Siswa Jadwal Mata Pelajaran

Foto Logout

Ganti Password Logout No Nama Mata Pelajaran

9

Z

99

XXXXXXXXXXX

Guru Keterangan File

XXXXXXXXXXX XXXXXXXXXXX Download File Download File

Z Z Z

XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX

HEADER

FOOTER

Semua Data Tugas Untuk Kelas

Foto Logout Ganti Password Logout No Mata Pelajaran 9 Z 99 XXXXXXXXXXX

Untuk Kelas Batas Waktu Action

XXXXXXXXXXX 9999-99-99 99:99:99 Lihat Tugas

Z Z Z

XXXXXXXXXXX XXXXXXXXXXX 9999-99-99 99:99:99 Lihat Tugas

20. Rancangan Antar Muka Materi Ajar

Gambar III.21

Rancangan Antar Muka Materi Ajar

21. Rancangan Antar Muka Tugas

Gambar III.22

(16)

HEADER

FOOTER Laporan Semua Data Nilai Tugas

Foto Logout Ganti Password Logout No Mata Pelajaran 9 Z 99 XXXXXXXXXXX Tugas Batas XXXXXXXXXXX 99,99 Z Z Z XXXXXXXXXXX XXXXXXXXXXX 99,99 HEADER

FOOTER

Berikut Detail data Anda

Foto Logout Ganti Password Logout Edit Data Konten

22. Rancangan Antar Muka Laporan Nilai Siswa

Gambar III.23

Rancangan Antar Muka Laporan Nilai Siswa

23. Rancangan Antar Muka Data Siswa

Gambar III.24

(17)

HEADER

FOOTER Semua Data Jadwal Pelajaran anda

Foto Logout

Ganti Password Logout No Nama Mata Pelajaran

9 Z 99 XXXXXXXXXXX Kelas Hari XXXXX Z Z XXXXXXXXXXX XXXXX Guru XXXXX Z XXXXX XXXXX Z XXXXX Jam Mulai 99:99:99 Z 99:99:99 Jam Selesai 99:99:99 Z 99:99:99 tbl_jadwal_ pelajaran id_jadwal_pelajaran kd_kelas kd_pelajaran nip hari jam_mulai jam_selesai mempunyai tbl_kelas kd_kelas nip nm_kelas kapasitas memiliki tbl_guru nip password nm_guru alamat tempat_lahir tanggal_lahir jenis_kelamin foto telpon agama tamatan jabatan gol level mempunyai tbl_materi_ ajar id_materi_ajar kd_pelajaran nip kd_kelas keterangan file_materi_ajar tanggal membuat memiliki memiliki memiliki tbl_mata_ pelajaran kd_pelajaran nm_mapel nip memiliki mempunyai tbl_tugas batas_waktu kd_kelas kd_pelajaran nip id_tugas tbl_siswa no_induk password nm_siswa alamat tempat_lahir tanggal_lahir jk agama foto asal_sekolah nm_ortu pekerjaan kd_kelas level memiliki tbl_nilai_t ugas id_nilai_tugas mendapat id_tugas no_induk nilai_tugas memiliki tbl_pertanya an_objektif id_pertanyaan_objektif id_tugas pertanyaan_objektif jawaban_a jawaban_b jawaban_c jawaban_d jawaban_e kunci_jawaban mempunyai tbl_jawaban _objektif id_jawaban_objektif no_induk id_pertanyaan_objektif jawaban waktu_objektif mendapat mendapat tbl_jawaba n_tugas id_jawaban_tugas no_induk id_pertanyaan jawaban_tugas waktu_tugas memiliki tbl_pertan yaan id_pertanyaan id_tugas pertanyaan mempunyai M M M 1 1 1 1 1 1 1 memiliki 1 M M M M 1 1 1 1 1 1 1 1 1 1 1 1 1 M M 1 1 1 1

24. Rancangan Antar Muka Jadwal Mata Pelajaran

Gambar III.25

Rancangan Antar Muka Jadwal Mata Pelajaran

3.3.2 Rancangan Basis Data

A. Entity Relationship Diagram

Gambar III.26

(18)

tbl_jadwal_pelajaran id_jadwal_pelajaran * kd_kelas ** kd_pelajaran ** nip ** hari jam_mulai jam_selesai tbl_kelas kd_kelas * nip ** nm_kelas kapasitas tbl_guru nip * password nm_guru alamat tempat_lahir tgl_lahir jenis_kelamin foto telpon agama jabatan gol tamatan level tbl_materi_ajar id_materi_ajar * kd_pelajaran ** nip ** kd_kelas ** keterangan file_materi_ajar tanggal tbl_mata_pelajaran kd_pelajaran * nm_mapel nip ** 1 M M 1 M M 1 1 1 M tbl_tugas id_tugas * nip ** kd_pelajaran ** kd_kelas ** batas_waktu 1 1 1 1 M 1 M 1 tbl_pertanyaan_objektif id_pertanyaan_objektif * id_tugas ** pertanyaan_objektif jawab_a jawab_b jawab_c jawab_d jawab_e kunci_jawaban 1 M 1 M 1 tbl_nilai_tugas id_nilai_tugas * id_tugas ** no_induk ** nilai_tugas 1 tbl_siswa no_induk * password nm_siswa alamat tempat_lahir tanggal_lahir jk agama foto sekolah_asal nm_ortu pekerjaan kd_kelas ** level 1 1 1 1 tbl_jawaban_objektif id_jawaban_objektif * no_induk ** id_pertanyaan_objektif ** jawaban waktu_objektif 1 1 1 1 tbl_jawaban_tugas id_jawaban_tugas * no_induk ** id_pertanyaan ** jawaban_tugas waktu_tugas tbl_pertanyaan id_pertanyaan * id_tugas ** pertanyaan 1 1 1 1 Keterangan : * Primary Key ** Foreign Key

B. Logical Relational Structure (LRS)

Gambar III.27

Logical Relational Structure

3.3.3 Rancangan Struktur Navigasi

C. Rancangan Struktur Navigasi

Rancangan struktur navigasi dirancang untuk menyediakan fungsi-fungsi yang digunakan dalam aplikasi e-learning SMA Fatahillah Jakarta. Diantaranya akan dirancang empat struktur navigasi berdasarkan hak ases masing-masing pengguna, yaitu : struktur navigasi admin, struktur navigasi pengunjung, struktur navigasi guru dan struktur navigasi siswa.

(19)

Index

Update Update Tambahkan Siswa Tambahkan Guru Cari Print Laporan Edit Delete Print Laporan Edit Delete

Kelola Kelas Kelola Mata Pelajaran Kelola Jadwal Mengajar Ganti Password Tambahkan Kelas Print Laporan Edit Delete Tambahkan Mata Pelajaran Print Laporan Edit Delete Cari Print Laporan Ok Tambahkan Jadwal Baru Edit Delete Ganti Password Index

Choose File Masuk

Simpan 1. Struktur Navigasi Admin

Gambar III.28

Struktur Navigasi Admin

2. Struktur Navigasi Pengunjung

Gambar III.29

(20)

Index

Lihat Jadwal Mengajar Tambahkan Tugas Baru Tambahkan Bahan Baru Download File Hapus Pertanyaan Jawaban Hapus Logout

Lihat Nilai Data Guru Ganti

Password Edit Data Choose File Update Ganti Password Index

Download File Lihat Tugas

Simpan Jawaban Objektif

Jawab

Logout

Lihat Nilai Data Siswa Jadwal Mata Pelajaran Edit Data Choose File Update Data Print Jadwal Ganti Password Logout Ganti Password 3. Struktur Navigasi Guru

Gambar III.30

Struktur Navigasi Guru

4. Struktur Navigasi Siswa

Gambar III.31

(21)

No. Elemen Data Nama Field Type 1. 2. 3. 4. 5. 6. Id Admin Username Password Nama Lengkap Jenis Kelamin Level id_admin username password nama_lengkap jenis_kelamin level Int Varchar Varchar Varchar Varchar Varchar Size 5 40 40 35 10 10 Keterangan Primary Key D. Spesifikasi File

Database merupakan kumpulan dari data yang saling berkaitan satu dengan yang lainnya, terorganisir dengan baik sehingga memudahkan dalam berbagai macam pengolahan data. Dalam web ini database diperlukan sebagai media penyimpanan data administrator. Adapun bentuk spsesifikasi file-file tersebut adalah :

1. Spesifikasi File Admin

Nama File : Tabel Admin

Akronim : tbl_admin

Fungsi : Menyimpan data admin

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 140 Karakter

Kunci Field : id_admin

Software : Mysql

Tabel III.1 Spesifikasi File Admin

(22)

No. Elemen Data Nama Field Type 1. 2. 3. 4. 5. 6. Nip Password Nama Guru Alamat Tempat Lahir Tanggal Lahir nip password nm_guru alamat tempat_lahir tanggal_lahir Varchar Varchar Varchar Varchar Varchar Varchar Size 20 20 40 150 30 13 Keterangan Primary Key 7. 8. 9. 10. 11. 12. Jenis Kelamin Foto Telpon Agama Jabatan Golongan jenis_kelamin foto telpon agama jabatan gol Varchar Varchar Varchar Varchar Varchar Varchar 10 40 12 10 40 7 13. 14. Tamatan Level tamatan level Varchar Varchar 150 10

2. Spesifaksi File Guru

Nama File : Tabel Guru

Akronim : tbl_guru

Fungsi : Menyimpan data guru

Media : Harddisk

Kunci Field : id_guru

Software : Mysql

Tabel III.2 Spesifikasi File Guru

3. Spesifikasi File Jadwal Pelajaran

(23)

No. Elemen Data Nama Field Type 1. 2. 3. 4. 5. 6. Id Jadwal Pelajaran Kode Kelas Kode Pelajaran Nip Hari Jam Mulai id_jadwal_pelajaran kd_kelas kd_pelajaran nip hari jam_mulai Int Varchar Varchar Varchar Varchar Time Size 11 11 11 20 20 30 Keterangan Primary Key

7. Jam Selesai jam_selesai Time 30

Akronim : tbl_jadwal_pelajaran

Fungsi : Menyimpan data jadwal pelajaran

Media : Harddisk

Kunci Field : id_jadwal_pelajaran

Software : Mysql

Tabel III.3

Spesifikasi File Jadwal Pelajaran

4. Spesifikasi File Jawaban Objektif

Nama File : Tabel Jawaban Objektif

Akronim : tbl_jawaban_objektif

Fungsi : Menyimpan data jawaban objektif

(24)

No. Elemen Data Nama Field Type 1. 2. 3. 4. 5. Id Jawaban Objektif Nomor Induk Id Pertanyaan Objektif Jawaban Waktu Objektif id_jawaban_objektif no_induk id_pertanyaan_objektif jawaban waktu_objektif Int Varchar Int Varchar Timestamp Size 5 10 10 2 15 Keterangan Primary Key

Media : Harddisk

Kunci Field : id_jawaban_objektif

Software : Mysql

Tabel III.4

Spesifikas File Jawaban Objektif

5. Spesifikasi File Jawaban Tugas

Nama File : Tabel Jawaban Tugas

Akronim : tbl_jawaban_tugas

Fungsi : Menyimpan data jawaban tugas

Media : Harddisk

Kunci Field : id_jawaban_tugas

(25)

No. Elemen Data Nama Field Type 1. 2. 3. 4. Kode Kelas Nip Nama Kelas Kapasitas kd_kelas nip nm_kelas kapasitas Varchar Varchar Varchar Int Size 4 20 20 3 Keterangan Primary Key

No. Elemen Data Nama Field Type

1. 2. 3. 4. 5. Id Jawaban Tugas Nomor Induk Id Pertanyaan Jawaban Tugas Waktu Tugas id_jawaban_tugas no_induk id_pertanyaan jawaban_tugas waktu_tugas Int Varchar Int Text Timestamp Size 5 10 10 50 15 Keterangan Primary Key Tabel III.5

Spesifikasi File Jawaban Tugas

6. Spesifikasi File Kelas

Nama File : Tabel Kelas

Akronim : tbl_kelas

Fungsi : Menyimpan data kelas

Media : Harddisk

Kunci Field : kd_kelas

Software : Mysql

Tabel III.6

(26)

No. Elemen Data Nama Field Type 1.

2. 3.

Kode Pelajaran Nama Mata Pelajaran

Nip kd_pelajaran nm_mapel nip Varchar Varchar Varchar Size 20 150 20 Keterangan Primary Key

7. Spesifikasi File Mata Pelajaran

Nama File : Tabel Mata Pelajaran

Akronim : tbl_mata_pelajaran

Fungsi : Menyimpan data mata pelajaran

Media : Harddisk

Kunci Field : id_mata_pelajaran

Software : Mysql

Tabel III.7

Spesifikasi File Mata Pelajaran

8. Spesifikasi File Materi Ajar

Nama File : Tabel Materi Ajar

Akronim : tbl_materi_ajar

Fungsi : Menyimpan data materi ajar

(27)

No. Elemen Data Nama Field Type 1. 2. 3. 4. 5. 6. Id Materi Ajar Kode Pelajaran Nip Kode Kelas Keterangan File Materi Ajar

id_materi_ajar kd_pelajaran nip kd_kelas keterangan file_materi_ajar Int Varchar Varchar Varchar Text Varchar Size 5 5 20 5 20 255 Keterangan Primary Key

7. Tanggal tanggal Date 20

Media : Harddisk

Kunci Field : id_materi_ajar

Software : Mysql

Tabel III.8

Spesifikasi File Materi Ajar

9. Spesifikasi File Page

Nama File : Tabel Page

Akronim : tbl_page

Fungsi : Untuk menginput data informasi web

Media : Harddisk

(28)

No. Elemen Data Nama Field Type 1. 2. 3. 4. 5. 6. Id Pertanyaan Objektif Id Tugas Pertanyaan Objektif Jawaban A Jawaban B Jawaban C id_pertanyaan_objektif id_tugas pertanyaan_objektif jawaban_a jawaban_b jawaban_c Int Int Text Varchar Varchar Varchar Size 11 11 100 255 255 255 Keterangan Primary Key

7. Jawaban D jawaban_d Varchar 255

8. Jawaban E jawaban_e Varchar 255

9. Kunci Jawaban kunci_jawaban Varchar 5

No. Elemen Data Nama Field Type 1. 2. 3. Id Page Judul Isi id_page judul isi Int Varchar Text Size 5 255 255 Keterangan Primary Key Software : Mysql Tabel III.9

Spesifikasi File Page

10. Spesifikasi File Pertanyaan Objektif

Nama File : Tabel Pertanyaan Objektif

Akronim : tbl_pertanyaan_objektif

Fungsi : Menyimpan data pertanyaan objektif

Media : Harddisk

Kunci Field : id_pertanyaan_objektif

Software : Mysql

Tabel III.10

(29)

No. Elemen Data Nama Field Type 1. 2. 3. Id Pertanyaan Id Tugas Pertanyaan id_pertanyaan id_tugas pertanyaan Int Int Text Size 11 11 255 Keterangan Primary Key 11. Spesifikasi File Pertanyaan

Nama File : Tabel Pertanyaan

Akronim : tbl_pertanyaan

Fungsi : Menyimpan data pertanyaan

Media : Harddisk

Kunci Field : id_pertanyaan

Software : Mysql

Tabel III.11

Spesifikasi File Pertanyaan

12. Spesifikasi File Tugas

Nama File : Tabel Tugas

Akronim : tbl_tugas

Fungsi : Menyimpan data tugas

(30)

No. Elemen Data Nama Field Type 1. 2. 3. 4. 5. 6. No Induk Password Nama Siswa Alamat Tempat Lahir Tanggal Lahir no_induk password nm_siswa alamat tempat_lahir tanggal_lahir Varchar Varchar Varchar Varchar Varchar Varchar Size 10 15 20 30 15 10 Keterangan Primary Key

7. Jenis Kelamin jk Varchar 10

8. Agama agama Varchar 10

9. Foto foto Varchar 10

10. 11. 12. 13. 14. Sekolah Asal Nama Orang Tua

Pekerjaan Kode Kelas Level sekolah_asal nm_ortu pekerjaan kd_kelas level Varchar Varchar Varchar Varchar Varchar 20 20 20 5 10

Media : Harddisk

Kunci Field : no_induk

Software : Mysql

Tabel III.12

Spesifikasi File Tugas

13. Spesifikasi File Nilai Tugas

Nama File : Tabel Nilai Tugas

Akronim : tbl_nilai_tugas

Fungsi : Menyimpan data nilai tugas

(31)

No.

Elemen Data

Nama Field

Type

1.

2.

3.

4. Id Nilai Tugas

Id Tugas

Nomor Induk

Nilai Tugas

id_nilai_tugas

id_tugas

no_induk

nilai_tugas

Int

Size

5

11

5 Keterangan

Primary Key

Media : Harddisk

Kunci Field : id_nilai_tugas

Software : Mysql

Tabel III.13

Spesifikasi File Nilai Tugas

14. Spesifikasi File Siswa

Nama File : Tabel Siswa

Akronim : tbl_siswa

Fungsi : Menyimpan data siswa

Media : Harddisk

(32)

No. Elemen Data Nama Field Type 1. 2. 3. 4. 5. 6. Nomor Induk Password Nama Guru Alamat Tempat Lahir Tanggal Lahir no_induk password nm_guru alamat tempat_lahir tanggal_lahir Varchar Varchar Varchar Varchar Varchar Varchar Size 10 15 20 30 15 10 Keterangan Primary Key 7. 8. 9. 10. 11. 12. Jenis Kelamin Agama Foto Sekolah Asal Nama Orang Tua

Pekerjaan jk agama foto sekolah_asal nm_ortu pekerjaan Varchar Varchar Varchar Varchar Varchar Varchar 10 10 10 20 20 20 13. 14. Kode Kelas Level kd_kelas level Varchar Varchar 5 10 Software : Mysql Tabel III.14

Spesifikasi File Siswa

3.4 Implementasi dan Pengujian Unit

3.4.1 Implementasi

A. Implementasi Rancangan Antar Muka

Sesuai dengan perancangan sistem yang telah dikemukakan sebelumnya ini terdapat tiga tingkatan user yaitu siswa, guru dan administrator. Berikut adalah implementasi program untuk ketiga tingkatan user atau halaman yang dapat diakses oleh masing-masing user.

(33)

1. Halaman Home

Gambar III.32

Tampilan Halaman Home

2. Halaman Profil

Gambar III.33

(34)

3. Halaman Info Pendaftaran

Gambar III.34

Tampilan Halaman Info Pendaftaran

4. Halaman Pendaftaran

Gambar III.35

(35)

5. Halaman Login

Gambar III.36

Tampilan Halaman Login

6. Halaman Admin

Gambar III.37

(36)

7. Halaman Kelola Profil

Gambar III.38

Tampilan Halaman Kelola Profil

8. Halaman Kelola Siswa

Gambar III.39

(37)

9. Halaman Kelola Guru

Gambar III.40

Tampilan Halaman Kelola Guru

10. Halaman Kelola Kelas

Gambar III.41

(38)

11. Halaman Kelola Mata Pelajaran

Gambar III.42

Tampilan Halaman Mata Pelajaran

12. Halaman Jadwal Mengajar

Gambar III.43

(39)

13. Halaman Ganti Password

Gambar III.44

Tampilan Halaman Ganti Password

14. Halaman Guru

Gambar III.45

(40)

15. Halaman Upload Materi

Gambar III.46

Tampilan Halaman Upload Materi

16. Halaman Kirim Tugas

Gambar III.47

(41)

17. Halaman Laporan Nilai Guru

Gambar III.48

Tampilan Halaman Laporan Nilai Guru

18. Halaman Data Guru

Gambar III.49

(42)

19. Halaman Siswa

Gambar III.50

Tampilan Halaman Siswa

20. Halaman Materi Ajar

Gambar III.51

(43)

21. Halaman Tugas

Gambar III.52

Tampilan Halaman Tugas

22. Halaman Laporan Nilai Siswa

Gambar III.53

(44)

23. Halaman Data Siswa

Gambar III.54

Tampilan Halaman Data Siswa

24. Halaman Jadwal Mata Pelajaran

Gambar III.55

(45)

B. Spesifikasi Sistem Komputer

Dengan pembuatan website ini penulis didukung oleh sama pendukung dalam bentuk perangkat keras (hardware) dan perangkat lunak (software). Berikut penjelasan sarana pendukung yang digunakan oleh penulis.

1. Spesifikasi Perangkat Keras (hardware)

Processor : Intel® Celeron® CPU 1000M @1.80GHz 1.80GHz

RAM DDR2 : 2 GB

Hard Disk : 500 GB

Mouse : Standard

Keyboard : Standard

Monitor : 1366 x 768

2. Spesifikasi Perangkat Lunak (software)

Sistem Operasi : Windows 7

Paket Program : Xampp 1.7.1

Web Editor : Dreamweaver CS5

Aplikasi Web Lihat : Google Chrome, Mozilla Firefox

3.4.2 Pengujian Unit

Pada tahapan unit penulis menggunakan blackbox testing. 1. Form login Siswa

(46)

No. Skenario Pengujian Test Case Hasil yang

diharapkan 1.

Mengosongkan semua isian data login siswa kemudian mengklik tombol masuk

Username : (kosong) Pilih

level : (kosong) Password : (kosong) Sistem akan menolak akses masuk dan menampilkan maaf, anda Gagal login Hasil Pengujian Sesuai harapan Kesimpulan Valid 2.

Hanya mengisi data Username dan mengosongkan data Pilih level, data Password kemudian mengklik tombol masuk

Username : 4412

Pilih level : (kosong)

Password : (kosong) Sistem akan menolak akses masuk dan menampilkan maaf, anda Gagal login

Sesuai harapan Valid

3.

Hanya mengisi data Password dan mengosongkan data

Username, data pilih level

kemudian mengklik tombol masuk

Username : (kosong)

Password : (Siswa) Sistem akan menolak akses masuk dan menampilkan maaf, anda Gagal login

4.

Mengetikan salah satu kondisi salah pada Username, Pilih level, dan Password kemudian mengklik tombol masuk

Username : 4412 (benar)

Pilih level : Siswa (benar)

Password : siswi (salah)

Sistem akan menolak akses masuk dan menampilkan maaf, anda Gagal login

5.

Mengetikan Username, Pilih level, dan Password dengan data yang benar kemudian mengklik tombol masuk

Username : 4412 (benar)

Pilih level : Siswa (benar)

Password : Siswa (benar)

Sistem akan menerima akses masuk dan kemudian langsung menampilkan menu utama

Sesuai harapan Valid Tabel III.15

(47)

diharapkan

1.

Mengosongkan semua isian data login guru kemudian mengklik tombol masuk

Password : (kosong) Sistem akan menolak akses masuk dan menampilkan maaf, anda Gagal login Hasil Pengujian Sesuai harapan Kesimpulan Valid 2.

Username : 196308051991032003

3.

Username, data Pilih level

Password : (Guru) Sistem akan menolak akses masuk dan menampilkan maaf, anda Gagal login

4.

Username : 19630805199103200 (benar)

Pilih level : Guru (benar)

Password : dosen (salah)

5.

Username : 196308051991032003 (benar)

Pilih level : Guru (benar)

Password : Guru (benar)

2. Form login Guru

Tabel III.16

(48)

diharapkan 1.

Mengosongkan semua isian data login admin kemudian mengklik tombol masuk

Password : (kosong) Sistem akan menolak akses masuk dan menampilkan maaf, anda Gagal login Hasil Pengujian Sesuai harapan Kesimpulan Valid 2.

Username : admin

3.

Username, data Pilih level

Password : (Siswa) Sistem akan menolak akses masuk dan menampilkan maaf, anda Gagal login

4.

Username : admin (benar)

Pilih level : Admin (benar)

Password : anonim (salah

5.

Username : admin (benar)

Pilih level : Admin (benar)

Password : Admin (benar)

Sesuai harapan Valid 3. Form login Admin

Tabel III.17