BAB III PERANCANGAN SISTEM€¦ · Hari, jam tanggal berita dibuat (Gambar Berita) ... - Klik psb tampilan ke halaman psb - Klik contact us tampilan ke halaman contact us - Klik menu

16

BAB III

PERANCANGAN SISTEM

Perancangan sistem adalah merancang atau

mendesain sistem yang baik, isinya adalah langkah-langkah

operasi dalam pengolahan data dan prosedur untuk operasi

sistem. Kegiatan yang dilakukan pada tahap ini yaitu

merancang atau mendesain sistem yang baik, mendesain

pemodelan sistem yang baik, mengenali dan

mendefinisikan masalah pembuatan sistem ini sehingga jika

ada kesalahan ada alternatif pemecahannya

3.1 Tabel Basis Data Sistem

Berikut ini penyajian tabel perancangan Basis

Data untuk sistem informasi Sekolah Menengah Pertama

Negeri 5 Boyolali.

Table 1 Berita

*Primary Key : id_berita

17

Table 2 Nilai

*Primary Key : id_nilai

Table 3 Jadwal

*Primary Key : id_jadwal

Table 4 Guru

*Primary Key : id_guru

Table 5 Siswa

*Primary Key : username

18

Table 6 User

*Primary Key : username

3.2 DFD

DFD adalah bagian yang menggambarkan

keseluruhan kerja sistem secara garis besar. DFD

menggambarkan penyimpanan data dan proses yang

mentransformasikan data dan menunjukkan hubungan

antara data pada sistem dan proses pada sistem.

19

3.3 DFD Level 0

Sistem Informasi

SMP N 5 Boyolali

SISWA

Tampilan Berita

Masukan Data Infromasi

Tampilan Tag berita

Masukan Berita

Tampilan Data Informasi

Masukan Tag Berita

GURU

Tampilan Komentar

Tampilan Berita

Tampilan Nilai

Tampilan tag Beita

Tampilan Data Informasi

Masukan Berita

Masukan Kategori Berita

Masukan Data Informasi

Masukan Nilai Siswa

Masukan Komentar Berita

ADMIN

Masukan Data Jadwal

Masukan Data Kelas

Masukan Data Guru

Masukan Data Siswa

Tampilan Data Kelas

Tampilan Data Siswa

Tampilan Data Jadwal

Masukan Data

Berita

Tampilan

Data

Berita

Tampilan Data Guru

Gambar 1 DFD Level 0

Data yang mengalir dari atau ke siswa

Data berita

Data informasi pribadi

Data yang mengalir dari atau ke guru

Data berita

Data informasi pribadi

Data nilai siswa

Data yang mengalir dari atau ke admin

20

Data Berita

Data guru

Data siswa

Data jadwal

3.4 DFD Level 1

Gambar 2 DFD Level 1

Aliran data ke penyimpanan/storagedari atau ke admin

Data guru

Data nilai

21

Data mapel

data jadwal

data kelas

data guru

data siswa

data berita

data psb

Aliran data ke penyimpanan/storagedari atau ke guru

data nilai

data berita

Aliran data ke penyimpanan/storagedari atau ke siswa

data berita

22

3.5 Flowchart

Flowchart Data Informasi Pribadi

SISTEM GURU SISWAADMIN

Mulai

Masukan

Data

Menyimpan Data

Pribadi Ke dalam

Database

Menampilkan Data

Pribadi

Menampilkan

Data Pribadi

Guru

Menampilkan

Data Pribadi

Siswa

Selesai

Gambar 3 Flowchart Data Pribadi

Data pribadi siswa dan guru dimasukan oleh

admin ke dalam sistem. Kemudian sistem akan menyimpan

data tersebut ke dalam database berdasarkan siswa atau

guru. Kemudian setiap siswa dan guru dapat melihat hasil

tampilan data pribadi mereka masing - masing pada saat

mengunakan sistem dengan id pengguna masing - masing.

23

Flowchart Edit Data Informasi

Pribadi Siswa

SISWA SISTEM

Edit Data

Pribadi

Selesai

Mulai

Menyimpan Data

Pribadi Ke dalam

Database

Menampilkan Data

Pribadi

Melihat

Data

Pribadi

Gambar 4 Flowchart Data Pribadi Siswa

Data Pribadi siswa dimasukkan oleh siswa ke

dalam sistem. Kemudian sistem akan menyimpan data

tersebut ke dalam database. Kemudian siswa dapat melihat

hasil tampilan data pribadi mereka masing - masing pada

saat mengunakan sistem dengan id pengguna masing -

masing.

24

Flowchart Edit Data Informasi

Pribadi Guru

GURU SISTEM

Edit Data

Pribadi

Selesai

Mulai

Menyimpan Data

Pribadi Ke dalam

Database

Menampilkan Data

Pribadi

Melihat

Data

Pribadi

Gambar 5 Flowchart Edit Data Pribadi Guru

Data Pribadi guru dimasukkan oleh guru ke dalam

sistem. Kemudian sistem akan menyimpan data tersebut ke

dalam database. Kemudian guru dapat melihat hasil

tampilan data pribadi mereka masing - masing pada saat

mengunakan sistem dengan id pengguna masing - masing.

25

Flowchart Jadwal Pelajaran Siswa Dan Guru

SISTEM GURU SISWAADMIN

Mulai

Masukan

Data

Menyimpan Data

Jadwal Ke dalam

Database

Menampilkan Data

Jadwal Pelajaran

Menampilkan

Jadwal

Pelajaran Guru

Menampilkan

Jadwal

PelajaranSiswa

Selesai

Gambar 6 Flowchart Jadwal Pelajaran

Data Jadwal Pelajaran siswa dimasukkan oleh

admin ke dalam sistem. kemudian sistem akan menyimpan

data tersebut ke dalam database berdasarkan masing -

masing kelas setiap siswa. Kemudian setiap siswa dapat

melihat hasil tampilan jadwal pelajaran mereka masing -

masing pada sistem dengan id pengguna masing - masing.

Dan setiap guru juga dapat melihat jadwal mengajar mereka

masing - masing pada sistem dengan id pengguna masing -

masing.

26

Flowchart Nilai Siswa

SISTEM ADMIN SISWAGURU

Mulai

Masukan

Data Nilai

Siswa

Menyimpan Data

Nilai Ke dalam

Database

Menampilkan Data

Nilai Siswa

Menampilkan

Nilai Siswa

Menampilkan

Nilai Siswa

Selesai

Gambar 7 Flowchart Nilai

Data nilai siswa dimasukkan oleh guru ke dalam

sistem. Kemudian sistem akan menyumpan data tersebut ke

dalam database. Kemudian setip siswa dapat melihat hasil

tampilan nilai mereka masing - masing pada sistem dengan

id pengguna masing - masing.

27

Flowchart Edit Nilai Siswa

SISTEM ADMIN SISWAGURU

Mulai

Edit Data

Nilai Siswa

Menyimpan Data

Nilai Ke dalam

Database

Menampilkan Data

Nilai Siswa

Menampilkan

Nilai Siswa

Menampilkan

Nilai Siswa

Selesai

Gambar 8 Flowchart Edit Nilai Siswa

Data nilai siswa yang baru dimasukkan oleh guru

ke dalam sistem. Kemudian sistem secara otomatis akan

mengganti data nilai yang lama dengan yang baru, dan

menyimpan data tersebut ke dalam database. Kemudian

setiap siswa dapat melihat hasil tampilan nilai mereka

masing - masing pada sistem dengan id pengguna masing -

masing.

28

Flowchart Berita Admin

ADMIN SISTEM

Masukan Data

Berita

Selesai

Mulai

Menyimpan Data

Berita Ke dalam

Database

Menampilkan Data

Berita

Melihat

Data Berita

Gambar 9 Flowchart Berita Admin

Data Berita dimasukkan oleh admin ke dalam



tampilan berita mereka masing - masing pada sistem

dengan id pengguna masing - masing.

29

Flowchart Berita Guru

GURU SISTEM

Masukan Data

Berita

Selesai

Mulai

Menyimpan Data

Berita Ke dalam

Database

Menampilkan Data

Berita

Melihat

Data Berita

Gambar 10 Flowchart Berita Guru

Data Berita dimasukkan oleh guru ke dalam





30

Flowchart Berita Siswa

SISWA SISTEM

Masukan Data

Berita

Selesai

Mulai

Menyimpan Data

Berita Ke dalam

Database

Menampilkan Data

Berita

Melihat

Data Berita

Gambar 11 Flowchart Berita Siswa

Data Berita dimasukkan oleh siswa ke dalam


dalam database. Kemudian siswa dapat melihat hasil



31

Flowchart PSB

SISTEM ADMINCALON SISWA

Mulai

Masukkan

Data PSB

Menyimpan Data

PSB Ke dalam

Database

Menampilkan Data

Calon Siswa

Pendaftar

Menyeleksi

Calon Siswa

Pendaftar Baru

Seleksi

Menampilkan

Calon Siswa Yang

Lolos Seleksi

Tidak Lolos Seleksi

Lolos Seleksi

Menampilkan

Calon Siswa baru

Selesai

Gambar 12 Flowchart PSB

Data psb calon siswa baru dimasukkan oleh calon

siswa ke dalam sistem. Kemudian data calon siswa baru

ditinjau oleh admin apakah akan diterima,dicandangkan

atau ditolak nantinya sistem akan menyimpan data tersebut

32

ke dalam database. Kemudian calon siswa dapat melihat

hasil tampilan daftar psb mereka.

3.6 Lembar Kerja Tampilan (LKT)

3.6.1 PageHome

LOGO

Beranda

Pencarian

Banner

Sambutan Kepala Sekolah SMP N 5 Boyolali

Footer

No sheet : 1

Profil Berita Pendaftaran Siswa Baru Contact Us

Title

- Klik beranda tampilan ke halaman beranda

- Klik profil tampilan ke halaman profil

- Klik berita tampilan ke halaman berita

- Klik psb tampilan ke halaman psb

- Klik contact us tampilan ke halaman contact us

- Klik menu pencarian ke tampilan halaman berita, berita sesuai dengan kriteria

pencarian

Gambar 13 LKT Page Home

33

3.6.2 Page Profil

LOGO

Beranda

Pencarian

Banner

Profil SMP N 5 Boyolali

Footer

No sheet : 2


Sejarah

Visi Misi

Title



- Klik menu profil menampilkan dua menu profil sejarah dan menu visi misi

- Klik menu sejarah profil tampilan ke halaman sejarah

- Klik menu visi misi tampilan ke halaman visi misi





pencarian

Gambar 14 LKT Page Profil

34

3.6.3 Page Sejarah

LOGO

Beranda

Pencarian

Banner

Sejarah SMP N 5 Boyolali

Footer

No sheet : 3


Sejarah

Visi Misi

Title










pencarian

Gambar 15 LKT Page Sejarah

35

3.6.4 Page Visi Dan Misi

LOGO

Beranda

Pencarian

Banner

Visi Dan Misi SMP N 5 Boyolali

Footer

No sheet : 4


Sejarah

Visi Misi

Title










pencarian

Gambar 16 LKT Page Visi Dan Misi

36

3.6.5 Page Berita

LOGO

Beranda

Pencarian

Banner

Berita

Hari, jam tanggal berita dibuat

JUDUL BERITA

(Gambar Berita) Isi Berita (Menampilkan Beberapa

kalimat berita

………………………...……………….

………………………...……………….

………………………...……………….

………………………...……………….

………………………...……………….

(Link ke full isi berita)

No sheet : 5


Footer

Kategori Berita

* Kategori 1

* Kategori 1

* Kategori 1

* Kategori 1

* Kategori 1

* Kategori 1

* dst.

Title










pencarian

- Klik kategori berita tampilan ke halaman berita dengan kategori berita

sesuai kriteria

- Klik link full isi berita tampilan ke halaman berita dengan isian berita lengkap

Gambar 17 LKT Page Berita

37

3.6.6 Page Berita Full

LOGO

Beranda

Pencarian

Banner

JUDUL BERITAHari, jam tanggal berita dibuat

(Gambar Berita) Isi Berita ………………………...……………………………

…………………………………………………………………………………………

…...………………………...……………….………………………...……………….

Diposting Oleh : (Nama Pembuat Berita)

Kategori Berita : (Kategori Berita)

Dibaca : (Jumlah Pembaca Berita) Kali dan (Jumlah Komentar Berita) Komentar

No sheet : 6


Footer

Komentar :

Nama Yang Membuat Komentar Berita

Tanggal Komentar dibuat

Isi Komantar

Form Komentar :

Nama Pembuat Komentar

Isi Komentar

Kirim

Title










- Klik kirim mengaktifkan penyimpanan berkas

Gambar 18 LKT Page Berita Full

38

3.6.7 Page Pendaftaran Siswa Baru

LOGO

Beranda

Pencarian

Banner

LOGO

Pendaftaran Siswa Baru Online

Jumlah Pendaftar Yang Sudah Diterima (Jumlah Pendaftar Diterima)

Jumlah Pendaftar Cadangan (Jumlah Pendaftar Cadangan)

Jumlah Pendaftar Ditolak (Jumlah Pendaftar Ditolak)

Total Pendaftar yang mendaftar (Jumlah Pendaftar)

No sheet : 7


Footer

Registrasi Siswa Baru Daftar Calon Siswa Baru Syarat Pendaftaran

Title










pencarian

- Klik menu RSB tampilkan ke halaman registrasi siswa baru

- Klik daftar calon siswa baru tampilkan ke halaman daftar calon siswa baru

- Klik syarat pendaftaran tampilkan ke halaman syarat pendaftaran

Gambar 19 LKT Page PSB

39

3.6.8 Page Registrasi Siswa Baru

LOGO

Beranda

Pencarian

Banner

Nama Calon Pendaftar

Tahun Lulus

Jenis Kelamin

No sheet : 8


Footer

Nama Calon Pendaftar

Tahun Lulus

Jenis Kelamin

>>

Simpan Batal

Title










pencarian

- Klik simpan aktifkan penyimpanan berkas

- klik batal kembali ke menu PSB

Gambar 20 LKT Page Registrasi Siswa Baru

40

3.6.9 Page Daftar Calon Siswa Baru

LOGO

Beranda

Pencarian

Banner

Daftar Calon Pendaftar

No sheet : 9


Footer

No. Pendaftar Nama Pendaftar Status Pendaftar

Nomer Pendaftar 1 Nama Pendaftar 1 Status Pendaftar 1

Nomer Pendaftar 2 Nama Pendaftar 2 Status Pendaftar 2

Nomer Pendaftar dst. Nama Pendaftar dst. Status Pendaftar dst.

back

Title










pencarian

- Klik back kembali ke halaman sebelumnya

Gambar 21 LKT Page Daftar Calon Siswa Baru

41

3.6.10 Page Syarat Pendaftaran

LOGO

Beranda

Pencarian

Banner

LOGO

Syarat Pendaftaran Calon Siswa Baru SMP N 5 Boyolali

No sheet : 10


Footer

Title










pencarian

Gambar 22 LKT Page Syarat Pendaftaran PSB

42

3.6.11 Page Contact Us

LOGO

Beranda

Pencarian

Banner

Form Contact Us

Nama

Alamat

Email

No. Telephon

Pesan

No sheet : 11


Footer

Kirim

Title










pencarian

- Klik menu kirim aktifkan penymipanan berkas

Gambar 23 LKTPage Contact Us

43

3.6.12 Page Admin Login

HEADER

Footer

No sheet : 12

LOGIN

UsernameUsername

PasswordPassword

Username

Password

Title

- Klik login admin tampilan ke halaman admin

Gambar 24 LKT Page Admin Login

44

3.6.13 Page Admin Home

WELLCOME ADMIN

Hari, Tanggal, Jam WIB

HEADER

Footer

No sheet : 13

HOME SETTING WEB KESISWAAN WARGA SEKOLAH PSBBERITA LOG OUTVIEW WEB

Komentar Terbaru

Nama Komentar Isi Komentar Tanggal Dibuat Aksi

Nama Isi Tanggal (EDIT)

Berita Terbaru

Judul Berita Isi Berita Tanggal Dibuat Aksi

Judul Isi Tanggal (EDIT)

Control Panel

(Gambar)

Link Management User

(Gambar)

Link Management Berita

(Gambar)

Link Management Komentar

Title

- Klik home tampilan ke halaman home

- Klik setting web tampilan ke halaman setting web


- Klik kesiswaan tampilan ke halaman kesiswaan

- Klik warga sekolah tampilan ke halaman warga sekolah


- Klik view web tampilan kembali ke halaman nomor 1

- Klik logout tampilan kembali ke halaman nomor 1

Gambar 25 LKT Page Admin Home

45

3.6.14 Page Admin Setting Web

User

HEADER

Footer

No sheet : 14


Username Nama Lengkap Aksi

Nama User Nama Lengkap User (EDIT)

No.

1

Title









Gambar 26 LKT Page Admin Sett Web

46

Edit User

HEADER

Footer

No sheet : 15


Nama LengkapNama Lengkap

UsernameUsername

PasswordPassword

*) Apabila password tidak diubah, dikosongkan saja.

**) Username tidak bisa diubah.



Nama Lengkap

Username

Password

Update Batal

Title









- Klik update aktifkan penyimpanan berkas

- Klik batal kembali ke halaman sebelumnya

Gambar 27 LKT Page Admin EditUser

47

3.6.15 Page Admin Setting Berita

Berita …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 16


Tambah Berita

Masukkan Judul Berita :Masukkan Judul Berita :

CariCari

NoNo

JudulJudul

Tgl PostingTgl Posting

AksiAksi

11

JudulJudul


(EDIT | HAPUS)(EDIT | HAPUS)

Title









- Klik cari tampilkan ke halaman berita sesuai kriteria pencarian

- Klik tambah berita tampilan ke halaman tambah berita

- Klik edit berita tampilan ke halaman edit berita

Gambar 28LKT Page Admin Setting Berita

48

Tambah Berita …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 17


JudulJudul

KategoriKategori

HeadlineHeadline

Isi BeritaIsi Berita

GambarGambar

TaglineTagline

: :

Pilih Kategori Pilih Kategori

>>

Y Y

NN

Pilih GambarPilih Gambar

Tag 1Tag 1

Tag 2Tag 2

Tag dstTag dst

SimpanSimpan

BatalBatal

Title











Gambar 29LKT Page Admin Tambah Berita

49

Kategori …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 18


Tambah Kategori

NoNo

Nama KategoriNama Kategori

StatusStatus

AksiAksi

11


Status ( Y | N )Status ( Y | N )


Title









- Klik tambah kategori tampilan ke halaman tambah kategori

Gambar 30LKT Page Admin Kategori Berita

50

Tambah Kategori …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 19



: :

SimpanSimpan

BatalBatal

Title











Gambar 31LKT Page Admin Tambah Kategori

51

Tag …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 20


Tambah Tagline

NoNo

Nama TagNama Tag

AksiAksi

11

TaglineTagline


Back

Title









- Klik tambah tag tampilan ke halaman tambah tagline

- Klik back kembali ke halaman sebelumnya

Gambar 32 LKT Page Admin Tagline

52

Tambah Tagline …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 21


Nama TaglineNama Tagline

: :

SimpanSimpan

BatalBatal

Title









Gambar 33LKT Page Admin Tambah Tagline

53

Komentar …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 22


NoNo

NamaNama

AksiAksi

11

Nama Nama


KomentarKomentar

KomentarKomentar

AktifAktif

( Y | N )( Y | N )

Title









Gambar 34LKT Page Admin Komentar

54

Edit Komentar …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 23


Nama Nama

: :

UpdateUpdate

BatalBatal

Isi KomentarIsi Komentar

: :

AktifAktif

YY

NN

Title









- Klik update aktifkan penyimpanan berkas


Gambar 35 LKT Page Admin Edit Komentar

55

3.6.16 Page Admin Setting Kesiswaan

Jadwal Pelajaran …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 24


NoNo

RuangRuang

AksiAksi

11

Ruang KelasRuang Kelas

(VIEW | HAPUS)(VIEW | HAPUS)

Tambah JadwalTambah Jadwal

Title









- Klik tambah ruang tampilan ke halaman tambah ruang kelas

Gambar 36LKT Page Admin Jadwal

56

Jadwal Pelajaran Kelas ( Ruang Kelas ) …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 25


NoNo

HariHari

AksiAksi

11

HariHari



Jam KeJam Ke

Jam KeJam Ke

Mata PelajaranMata Pelajaran


Guru PengajarGuru Pengajar

Nama GuruNama Guru

BackBack

Title









- Klik tambah jadwal tampilan ke halaman tambah jadwal

- Klik back tampilan ke halaman sebelumnya

Gambar 37LKT Page Admin View Jadwal

57

Edit Jadwal …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 26



: :

Jam KeJam Ke

: :


: :


: :

HariHari

: :

SimpanSimpan

BatalBatal

>>

>>

>>

>>

Title









- Klik simpan mengaktifkan penyimpanan berkas

- Klik batal tampilan kembali ke halaman sebelumnya

Gambar 38LKT Page Admin Edit Jadwal

58

Ruang Kelas …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 27


NoNo

RuangRuang

AksiAksi

11


(VIEW | EDIT | HAPUS)(VIEW | EDIT | HAPUS)


Jumlah Siswa yang Belum Mendapatkan Kelas : ( JUMLAH )Jumlah Siswa yang Belum Mendapatkan Kelas : ( JUMLAH )

Title










Gambar 39LKT Page Admin Ruang Kelas

59

Daftar SIswa …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 28


NoNo

NIMNIM


11

NIM SiswaNIM Siswa

KelasKelas


BackBack

Nama SiswaNama Siswa


Tempat LahirTempat Lahir

Tempat LahirTempat Lahir

AlamatAlamat

AlamatAlamat

JKJK

Jenis KelaminJenis Kelamin

Title










- Klik back tampilan kembali ke halaman sebelumnya

Gambar 40LKT Page Admin Daftar Siswa Kelas

60

Edit Kelas …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 29



: :

UpdateUpdate

BatalBatal

Title









- klik update mengaktifkan penyimpanan berkas

- klik batal tampilan kembali ke halaman sebelumnya

Gambar 41 LKT Page Admin Edit Kelas

61

Tambah Kelas …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 30



: :

SimpanSimpan

BatalBatal

Title









- klik simpan mengaktifkan penyimpanan berkas

- klik back tampilan kembali ke halaman sebelumnya

Gambar 42 LKT Page Admin Tambah Kelas

62

Mata Pelajaran …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 31


NoNo


AksiAksi

11


( EDIT | HAPUS )( EDIT | HAPUS )


Title









- Klik tambah pelajaran tampilan ke halaman tambah pelajaran

Gambar 43 LKT Page Admin Mata Pelajaran

63

Edit Mata Pelajaran …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 32



: :

UpdateUpdate

BatalBatal

Title









- Klik update mengaktifkan penyimpanan berkas


Gambar 44LKT Page Admin Edit Mapel

64

Tambah Mapel …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 33



: :

SimpanSimpan

BatalBatal

Title









- Klik batal kembali ke halaman tampilan sebelumnya

Gambar 45LKT Page Admin Tambah Mapel

65

Nilai SIswa …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 34


NoNo


AksiAksi

11

RUANG KELASRUANG KELAS

( VIEW )( VIEW )

Title











Gambar 46LKT Page Admin Nilai

66

Daftar Nilai Siswa …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 35


NoNo


AksiAksi

11


( VIEW )( VIEW )

Title









- Klik menu view tampilan ke halaman view nilai

Gambar 47 LKT Page Admin View Nilai

67


HEADER

Footer

No sheet : 36


NoNo


AksiAksi

11


( CETAK )( CETAK )

BackBack

Title









- Klik menu cetak tampilan ke halaman cetak nilai


Gambar 48LKT Page Admin View Nilai Per Siswa

68

SEKOLAH MENEGAH PERTAMA NEGERI 5 BOYOLALI

HEADER

Footer

No sheet : 37


Tertulis 1Tertulis 1


NamaNama

UsernameUsername

KelasKelas



NamaNama

UsernameUsername

KelasKelas



----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------







AbsensiAbsensi

AbsensiAbsensi

Tugas 1Tugas 1

Tugas 1Tugas 1

Tugas 2Tugas 2

Tugas 2Tugas 2

Tugas 3Tugas 3

Tugas 3Tugas 3

UTSUTS

UTSUTS

UASUAS

UasUas

UASUAS

UASUAS

Boyolali, Hari, Tanggal, JamBoyolali, Hari, Tanggal, Jam

BackBack

Title










Gambar 49LKT Page Admin Daftar Nilai Siswa

69

3.6.17 Page Admin Warga Sekolah

Daftar Guru …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 38


NoNo

NIKNIK

AksiAksi

11


Tambah GuruTambah Guru

Nama GuruNama Guru

AlamatAlamat

No TlpNo Tlp

Title









- Klik tambah guru tampilan ke halaman tambah guru

- Klik edit menu tampilan ke edit guru

- Klik hapus menu mengaktifkan penghapusan berkas

Gambar 50LKT Page Admin Daftar Guru

70

Edit Guru …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 39


NIKNIK

: :

UpdateUpdate

BatalBatal

Nama GuruNama Guru

: :

AlamatAlamat

: :

GambarGambar

Pilih FilePilih File

Title











Gambar 51LKT Page Admin Edit Guru

71

Tambah Guru …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 40


NIKNIK

: :

UpdateUpdate

BatalBatal

Nama GuruNama Guru

: :

AlamatAlamat

: :

No TlpNo Tlp

GambarGambar

Pilih FilePilih File

Title











Gambar 52LKT Page Admin Tambah Guru

72

3.6.18 Page Admin Setting PSB

Daftar Pendaftaran Siswa Baru …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 41


NoNo

NO PdftNO Pdft

AksiAksi

11


Nama PdftNama Pdft

JKJK

Tahun LulusTahun Lulus

StatusStatus

Title









- Klik menu edit tampilan ke PSB edit

- Klik menu hapus mengaktifkan penghapusan berkas

Gambar 53LKT Page Admin PSB

73

Edit PSB …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 42


NO PdftNO Pdft

: :

UpdateUpdate

BatalBatal

Nama PdftNama Pdft

: :

Jenis KelaminJenis Kelamin

- Laki - Laki - - Laki - Laki -

Th LulusTh Lulus

- 2012 -- 2012 -

StatusStatus

- Cadangan -- Cadangan -

Title









- klik update aktifkan penyimpanan berkas

- klik batal tampilan kembali ke halaman sebelumnya

Gambar 54LKT Page Admin Edit PSB

74

3.6.19 Page Guru Setting Web

User

HEADER

Footer

No sheet : 43




No.

1

Title









- Klik edit tampilan ke halaman edit user

Gambar 55LKT Page Guru Setting Web

75

Edit User

HEADER

Footer

No sheet : 44



UsernameUsername

PasswordPassword





Nama Lengkap

Username

Password

Update Batal

Title











Gambar 56LKT Page Guru EditUser

76

3.6.20 Page Guru Setting Berita

Berita …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 45


Tambah Berita


CariCari

NoNo

JudulJudul


AksiAksi

11

JudulJudul



Title









- Klik tambah berita tampilan ke halaman tambah berita

- Klik edit menu tampilan ke halaman edit berita

- Klik hapus mengaktifkan penghapusan berkas

Gambar 57LKT Page Guru Berita

77

Tambah Berita …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 46


JudulJudul

KategoriKategori

HeadlineHeadline


GambarGambar

TaglineTagline

: :


>>

Y Y

NN


Tag 1Tag 1

Tag 2Tag 2

Tag dstTag dst

SimpanSimpan

BatalBatal

Title










- Klik batal tampila kembali ke halaman sebelumnya

Gambar 58LKT Page Guru Tambah Berita

78

Kategori …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 47


Tambah Kategori

NoNo


StatusStatus

AksiAksi

11




Title









- Klik tambah kategori tampilan ke halaman tambah kategori

- Klik edit menu tampilan ke halaman edit kategori

- Klik hapus mengaktifkan penghapusan berkas

Gambar 59LKT Page Guru Kategori Berita

79

Tambah Kategori …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 48



: :

SimpanSimpan

BatalBatal

Title











Gambar 60LKT Page Guru Tambah Kategori

80

Tag …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 49


Tambah Tagline

NoNo

Nama TagNama Tag

AksiAksi

11

TaglineTagline


Back

Title









- Klik tambah tagline tampilan ke halaman tambah tagline


- Klik menu edit tampilan ke halaman edit tagline


Gambar 61LKT Page Guru Tagline

81

Tambah Tagline …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 50



: :

SimpanSimpan

BatalBatal

Title











Gambar 62LKT Page Guru Tambah tagline

82

Komentar …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 51


NoNo

NamaNama

AksiAksi

11

Nama Nama


KomentarKomentar

KomentarKomentar

AktifAktif

( Y | N )( Y | N )

Title









- Klik menu edit tampilan ke halaman edit komentar


Gambar 63LKT Page Guru Komentar Berita

83

Edit Komentar …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 51


Nama Nama

: :

UpdateUpdate

BatalBatal

Isi KomentarIsi Komentar

: :

AktifAktif

YY

NN

Title











Gambar 64LKT Page Guru Edit Komentar

84

3.6.21 Page Guru Setting Kesiswaan


HEADER

Footer

No sheet : 52


NoNo


AksiAksi

11


( VIEW )( VIEW )

Title









- Klik menu view tampilan ke halaman view daftar nilai

Gambar 65LKT Page Guru Nilai

85


HEADER

Footer

No sheet : 53


NoNo


AksiAksi

11


( CETAK )( CETAK )

BackBack

Title









- Klik cetak menu tampilan ke halaman cetak nilai siswa


Gambar 66 LKT Page Guru View Nilai

86

Edit Nilai Siswa …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 54


NIKNIK

UpdateUpdate

BatalBatal


Nilai 1Nilai 1

Nilai 2Nilai 2

Nilai 3Nilai 3

Nilai 4Nilai 4

Nilai 5Nilai 5

Nilai 6Nilai 6

Title










- Klik batal tampilan ke halaman sebelumnya

Gambar 67LKT Page Guru Edit Nilai

87

3.6.22 Page Siswa Management User

User

HEADER

Footer

No sheet : 55




No.

1

Title









- Klik edit menu tampilan ke halaman edit user

Gambar 68LKT Page Siswa Setting Web

88

Edit User

HEADER

Footer

No sheet : 56



UsernameUsername

PasswordPassword





Nama Lengkap

Username

Password

Update Batal

Title











Gambar 69LKT Page Siswa Edit User

89

3.6.23 Page Siswa Berita

Berita …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 57


Tambah Berita


CariCari

NoNo

JudulJudul


AksiAksi

11

JudulJudul



Title









- klik tambah berita tampilan ke halaman tambah berita

- klik cari tampilan ke halaman berita dengan sesuai dengan kriteria pencarian

- klik menu edit tampilan ke halaman edit berita

- klik menu hapus mengaktifkan penghapusan berkas

Gambar 70LKT Page Siswa Berita

90

Tambah Berita …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 58


JudulJudul

KategoriKategori

HeadlineHeadline


GambarGambar

TaglineTagline

: :


>>

Y Y

NN


Tag 1Tag 1

Tag 2Tag 2

Tag dstTag dst

SimpanSimpan

BatalBatal

Title









- Klik pilih kategori menampilkan pilihan kategori

- Klik pilih gambar mengaktifkan penyimpanan berkas gambar

- klik tagline mengaktifkan penyimpanan berkas tagline

- klik simpan mengaktifkan penyimpanan berkas

- klik batal tampilan ke halaman sebelumnya

Gambar 71LKT Page Siswa Tambah Berita

91

Kategori …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 59


Tambah Kategori

NoNo


StatusStatus

AksiAksi

11




Title









- Klik menu edit tampilan ke hamalan edit berita


Gambar 72LKT Page Siswa Kategori

92

Tambah Kategori …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 60



: :

SimpanSimpan

BatalBatal

Title











Gambar 73LKT Page Siswa Tambah Kategori

93

Tag …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 61


Tambah Tagline

NoNo

Nama TagNama Tag

AksiAksi

11

TaglineTagline


Back

Title









- Klik tambah tagline tampilan ke halaman tambah tagline


- Klik menu edit tampilan ke halaman edit tagline


Gambar 74LKT Page Siswa Tagline

94

Tambah Tagline …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 61



: :

SimpanSimpan

BatalBatal

Title









- klik tambah berita tampilan ke halaman tambah berita

- klik cari tampilan ke halaman berita dengan sesuai dengan kriteria pencarian



Gambar 75LKT Page Siswa Tambah Tagline

95

3.6.24 Page Siswa Jadwal

Jadwal Pelajaran …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 61


NoNo

HariHari

Jam KeJam Ke

11



Title









Gambar 76LKT Page Siswa Jadwal Pelajaran

96

3.6.25 Page Siswa Nilai

Transkrip Nilai Siswa …………………………………………………………………………………………….…………………………………………………………………………………………….……………………………………………………………….

HEADER

Footer

No sheet : 62


NoNo

Nilai 1Nilai 1

11

Nilai 2Nilai 2

Nilai 1Nilai 1

Nilai 2Nilai 2

Nilai 1Nilai 1

Nilai 2Nilai 2

Nilai 1Nilai 1

MapelMapel

Title









Gambar 77LKT Page Siswa Daftar Nilai

97

3.7 JST

3.7.1 All User

Gambar 78JST All User

Ket.

Line Merah : Dari Menu Beranda, dapat

mengakses Menu Profil, Menu Berita, Menu PSB

dan Menu Contact Us dengan klik mouse.

Line Biru : Dari Menu Profil, dapat mengakses

Menu Beranda, Menu Berita, Menu Psb dan menu

Contact us dengan klik mouse.

Line Kuning : Dari menu Berita, dapat mengakses

menu Beranda, Menu Profil, menu Psb dan Menu

Contact Us dengan klik mouse.

98

Line Pink : Dari Menu PSB, dapat mengakses

menu Beranda, menu profil, menu berita, menu

contact us dengan klik mouse.

Line Hijau : Dari menu Contact Us, dapat

mengakses menu beranda, menu profil dan menu

berita.

3.7.2 Siswa

Gambar 79JST Siswa

Ket.

Line merah : Dari menu Home, dapat mengakses

menu management user, menu berita, menu jadwal

dan menu nilai dengan klik mouse.

Line Biru : Dari menu Management user, dapat

mengakses menu home, menu berita, menu jadwal


99

Line Kuning : Dari menu Berita, dapat mengakses

menu Home, menu mangement user, menu jadwal


Line Pink : Dari menu jadwal, dapat mengakses

menu Home, menu management user, menu berita


Line Hijau : Dari menu Nilai, dapat mengakses

menu Home, menu management user, menu berita

dan menu jadwal dengan klik mouse.

3.7.3 Guru

Gambar 80JST Guru

Ket.

100

Line Merah : Dari menu Home, dapat mengakses

menu setting web, menu kesiswaan dan menu

berita dengan klik mouse.

Line Hijau : Dari menu Setting web, dapat

mengakses menu Home, menu kesiswaan dan

menu Berita dengan klik mouse.

Line Biru : Dari menu Kesiswaan, dapat

mengakses menu Home, menu setting web dan

menu berita dengan klik mouse.

Line Orange : Dari menu Berita, dapat mengakses

menu Home, menu setting web, menu kesiswaan

dan menu berita dengan klik mouse.

101

3.7.4 Admin

Gambar 81JST Administrator

Ket.

Line Merah : Dari menu Home, dapat mengakses

menu setting web, menu kesiswaan, menu psb,

menu warga sekolah dan menu berita dengan klik

mouse.

Line Biru : Dari menu Setting web, dapat

mengakses menu Home, menu kesiswaan, menu

102

psb, menu warga sekolah dan menu berita dengan

klik mouse.

Line Orange : Dari menu Kesiswaan, dapat

mengakses menu Home, menu setting web, menu

psb, menu warga sekolah dan menu berita dengan

klik mouse.

Line Kuning : Dari menu Psb, dapat mengakses

menu Home, menu setting web, menu kesiswaan,

menu warga sekolah dan menu berita dengan klik

mouse.

Line pink : Dari menu warga sekolah, dapat

mengakses menu Home, menu setting web, menu

kesiswaan, menu psb dan menu berita dengan klik

mouse.

Line Hijau : Dari menu Berita, dapat mengakses

menu Home, menu setting web, menu kesiswaan,

menu psb, dan menu warga sekolah dengan klik

mouse.

BAB III PERANCANGAN SISTEM€¦ · Hari, jam tanggal berita dibuat (Gambar Berita) ... - Klik psb tampilan ke halaman psb - Klik contact us tampilan ke halaman contact us - Klik menu

Documents