Anda di halaman 1dari 44

BAB V RANCANGAN DAN IMPLEMENTASI SISTEM

  • 5.1 Rancangan Sistem Secara Umum

Rancangan sistem secara umum dilakukan dengan maksud untuk memberikan gambaran secara umum kepada user tentang sistem yang baru atau

sistem yang akan diusulkan. Rancangan ini mengidentifikasikan komponen- komponen sistem informasi yang akan dirancang secara terinci.

  • 5.1.1 Physical Model (Flowchart)

Physical Model biasanya digambarkan dengan bagan alir sistem (System Flowchart). Bentuk physical model menunjukkan bagaimana nantinya sistem secara fisik diterapkan. Desain web yang akan dibuat ditunjukkan dengan menggunakan flowchart sistem. Keterangan simbol-simbol yang digunakan dalam Flowchart Sistem

73

  • 5.1.1 Flowchart Sistem

Data Data Data Data Data pegawai Jurusan Siswa Kelas Mapel Olah data Olah data Olah data
Data
Data
Data
Data
Data
pegawai
Jurusan
Siswa
Kelas
Mapel
Olah data
Olah data
Olah data
Olah data
Olah data
Jurusan
Siswa
Kelas
Mapel
Pegawai
Pegawai
Jurusan
Siswa
Kelas
Mapel
Pembuatan
Pembuatan
Pembuatan
Pembuatan
Pembuatan
Tampilan
Tampilan
Tampilan
Tampilan
Tampilan
Tampilan
Tampilan
Tampilan
Tampilan
Tampilan
Pegawai
Jurusan
Siswa
Kelas
Mapel

Gambar 5.1 Flowcart Sistem

Data Buku tamu Olah data Buku Tamu Buku tamu Pembuatan Tampilan Tampilan Buku tamu
Data
Buku tamu
Olah data
Buku Tamu
Buku tamu
Pembuatan
Tampilan
Tampilan
Buku tamu

74

  • 5.1.2 Logical Model (DFD)

75

Logical Model digambarkan dengan diagram arus data (data flow diagram). Model ini menjelaskan kepada user bagaimana nantinya fungsi pada sistem informasi secara logika akan bekerja.

a

 

Pegawai

 
5.1.2 Logical Model (DFD) 75 Logical Model digambarkan dengan diagram arus data ( data flow diagram
  • Proses

0

Kegiatan

Sekolah

 

b

 

Siswa

Data dai TU c Tata Usaha Gambar 5.2 DFD Level 0
Data dai TU
c
Tata Usaha
Gambar 5.2 DFD Level 0
Mapel
Mapel

Data

1 Proses Pegawai
1
Proses
Pegawai
Pegawai Pegawai Siswa Data Siswa Dokumen Pegawai 3 Proses Siswa Dokumen siswa Dokumen 4 2 5
Pegawai
Pegawai
Siswa
Data
Siswa
Dokumen
Pegawai
3
Proses
Siswa
Dokumen
siswa
Dokumen
4
2
5
Mapel
Proses
Proses
Proses
Dokumen
Mepel
Kegiatan
Jurusan
Jurusan
Sekolah

Data

Mapel

Dokumen Pembagian Kelas
Dokumen
Pembagian
Kelas
6 Proses Pembagian Kelas
6
Proses
Pembagian
Kelas

Data

Kelas

Kegiatan

Sekolah

Tata Usaha
Tata Usaha

Data

Jurusan

Jurusan
Jurusan
Kelas
Kelas

Gambar 5.3 DFD Admin Level 1

76

Pegawai
Pegawai
Jurusan
Jurusan
Kelas 2.1 Olah data Kelas
Kelas
2.1
Olah data
Kelas
Berita 6.1 Olah data Berita Data lama Berita DokBerita 6.1 Pembuatan laporan
Berita
6.1
Olah data
Berita
Data lama
Berita
DokBerita
6.1
Pembuatan
laporan
Banner Data Banner 7.1 Olah data Banner Dok Banner Data lama Banner Dok Banner 7.1 Pembuatan
Banner
Data Banner
7.1
Olah data
Banner
Dok Banner
Data lama
Banner
Dok Banner
7.1
Pembuatan
laporan

laporan Banner

Prestasi Data Prestasi 8.1 Olah data Prestasi DokPrestasi Data lama Prestasi Dok Kelas 8.1 Pembuatan laporan
Prestasi
Data Prestasi
8.1
Olah data
Prestasi
DokPrestasi
Data lama
Prestasi
Dok Kelas
8.1
Pembuatan
laporan

Data pegawai

Data Jurusan

Data kelas

Data Berita

1.1 5.1 Olah data Olah data pegawai Jurusan Dok pegawai Data lama Dok Jurusan Data lama
1.1
5.1
Olah data
Olah data
pegawai
Jurusan
Dok pegawai
Data lama
Dok Jurusan
Data lama
Pegawai
Jurusan
Dok pegawai
Dok Jurusan
Dok pegawai
1.1
5.1
Pembuatan
Pembuatan
laporan
laporan
laporan pegawai
Dok Jurusan
laporan Jurusan
Mapel
Siswa
Data mapel
Dok Jurusan
3.1
4.1
Olah data
Olah data
Siswa
mapel
Dok Siswa
Data lama
Dok mapel
Data lama
Siswa
Mapel
Dok Siswa
Dok mapel
3.1
4.1
Pembuatan
Pembuatan
laporan
Laporan mapel
laporan
76 Pegawai Jurusan Kelas 2.1 Olah data Kelas Berita 6.1 Olah data Berita Data lama Berita
Dok Kelas Data lama Kelas Dok Kelas 2.1 Pembuatan laporan laporan Kelas Dok Kelas Dok Kelas
Dok Kelas
Data lama
Kelas
Dok Kelas
2.1
Pembuatan
laporan
laporan Kelas
Dok Kelas
Dok Kelas

Dok Berita

laporan Berita

laporan Prestasi

Fasilitas 9.1 Olah data Fasilitas Fasilitas 9.1 Pembuatan laporan
Fasilitas
9.1
Olah data
Fasilitas
Fasilitas
9.1
Pembuatan
laporan

Data lama

DokFasilitas

76 Pegawai Jurusan Kelas 2.1 Olah data Kelas Berita 6.1 Olah data Berita Data lama Berita
Ekskul 10.1 Olah data Ekskul Ekskul 10.1 Pembuatan Ekskul
Ekskul
10.1
Olah data
Ekskul
Ekskul
10.1
Pembuatan
Ekskul

Data Ekskul

Dok Fasilitas

Dok Ekskul

laporan Fasilitas

laporan Ekskul

Operator
Operator
76 Pegawai Jurusan Kelas 2.1 Olah data Kelas Berita 6.1 Olah data Berita Data lama Berita
76 Pegawai Jurusan Kelas 2.1 Olah data Kelas Berita 6.1 Olah data Berita Data lama Berita

Gambar 5.4 DFD Admin Level II

  • 5.2 Rancangan Database

77

Database merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan diperangkat keras komputer dan digunakan

perangkat lunak untuk memanipulasinya. Database merupakan salah satu komponen penting dalam sistem informasi, karena merupakan basis dalam menyediakan informasi bagi pemakai. Adapun rancangan database dalam sistem yang penulis angkat disini adalah sebagai berikut :

  • 5.2.1 Normalisasi Bentuk Pertama

Normalisasi bentuk pertama dilakukan dengan mengumpulkan semua field basis data, dengan demikian semua field hanya memiliki satu nilai.

Nama Field

Nip

Nm_guru

Ttl

Sex

Agama

Alamat

golongan

Jabatan

Nis

Nm_siswa

Mapel

Kd_mapel

Nm_ortu

Telp

Kd_kleas

Kelas

Jurusan

Fasilitas

Prestasi

Th_masuk

Berita

Judul

Penulis

topik

Tanggal

Email

Pesan

Tabel 5.5 Bentuk Normal 1

  • 5.2.2 Normalisasi Bentuk Kedua

78

Normalisasi bentuk kedua memiliki syarat yaitu bentuk data sudah memenuhi kriteria bentuk normal kesatu dan masing-masing field telah dikelompokkan sesuai tabelnya tapi belum diberi kunci primer.

Tabel 5.6 Bentuk normalisasi 2

Siswa

 
 

Nis

Nama

Tmp_lahir

Tgl_lahir

 

Sex

Agama

Alamat

Asal_sekolah

Thn_masuk

Kelas

Jurusan

Nama_ortu

Pekerjaan_ortu

Alamat_ortu

No_tlp

Photo

 

Jurusan

 

Id_jurusan

Nama_jurusan

Keterangan

 

Admin

 

Id_admin

Passwor d

 
 

Banner

Id_banner *

Gambar

Staf

Nip

Nama

Tmp_lahir

Tgl_lahir

Sex

Alamat

Agama

Golongan

Pendidikan

Jabatan

Tugas

Id_mapel

 

Informasi

Id_info

Judul

Tanggal

Jam

Isi

Pengirim

gambar

 

Fasilitas

Id_fas

Nama_fasilitas

keterangan

Photo

Buku_tamu

Id_buku

Nama

Alamat

Email

Tanggal

Jam

Komentar

 

Kelas

Id_kls

Kelas

Kapasitas

 

Prestasi

Id_prestasi

Nama_prestasi

tahun

 

Ekskul

Id_eks

Nama_ekskul

keterangan

 

Mapel

Id_mapel

Mapel

  • 5.2.3 Normalisasi Bentuk Ketiga

79

Merupakan penyempurnaan dari bentuk normal kedua. Untuk normal ketiga telah diberi primary key dan secondary key.

Tabel 5.7 Bentuk normalisasi 3

Siswa

 

Nis *

Nama

Tmp_lahir

Tgl_lahir

Sex

Agama

Alamat

Asal_sekolah

Thn_masuk

Id_Kelas **

Id_Jurusan **

Nama_ortu

Pekerjaan_ortu

Alamat_ortu

No_tlp

Photo

 

Jurusan

 

Id_jur **

Jurusan

NIP **

Keterangan

 

Banner

Id_banner *

Nama

Gambar

 

Staf

Nip *

Nama

Tmp_lahir

Tgl_lahir

Alamat

 

Sex

Agama

Golongan

Pendidikan

Jabatan

Tugas

 

Foto

Id_mapel **

 

Informasi

Id_info

Judul

Tanggal

Jam

Isi

Pengirim

gambar

 
 

Fasilitas

 

Id_fas *

Fasilitas

Keterangan

Photo

Buku_tamu

Id_buku *

Nama

Alamat

Email

Tanggal

Jam

Komentar

 

Kelas

Id_kls

Kelas

Kapasitas

 

Prestasi

Id_pres

Prestasi

Tahun

 

Ekskul

Id_eks *

Ekskul

Keterangan

 

Mapel

Id_mapel *

Mapel

 

Admin

Id *

Nama

Passwor d

  • 5.2.4 Hubungan Antar File

80

Merupakan hubungan antar tabel yang satu dengan tabel yang lain. Hubungan ini berfungsi untuk menunjukkan relasi antar tabel sehingga membentuk suatu jaringan data. Adapun hubungan antar tabelnya :

Tabel 5.8 Relasi antar tabel

Siswa Nis * Nama_siswa Tmp_lahir Tgl_lahir Sex Agama Alamat Asal_sekolah Thn_masuk Id_ kls ** Id_Jurusan **
Siswa
Nis *
Nama_siswa
Tmp_lahir
Tgl_lahir
Sex
Agama
Alamat
Asal_sekolah
Thn_masuk
Id_ kls **
Id_Jurusan **
Nama_ortu
Pekerjaan_ortu
Alamat_ortu
No_tlp
Photo
Jurusan
Staf
Id_jur *
Nip *
Jurusan
Nama
Nip **
Tmp_lahir
Keterangan
Tgl_lahir
Alamat
Kelas
Sex
Id_kls *
Agama
Kelas
Golongan
kapasitas
Pendidikan
Jabatan
Mapel
Id_mapel *
Tugas
Mapel
Foto
Id_Mapel
  • 5.2.5 Rancangan Struktur Tabel

Rancangan struktur tabel bertujuan menentukan bentuk tipe data dan ukuran dari masing-masing tabel, sehingga data dapat disimpan dengan ukuran dan tipenya. Adapun perancangan struktur tabel yang dilakukan adalah sebagai berikut :

81

1.

Admin Admin

Tabel 5.9 Admin

 

No.

Nama Field

Type

Size

Keterangan

1

Id

integer

5

Kode admin

2

Nama

varchar

8

Nama pengguna

3

Password

varchar

6

Password pengguna

2.

Buku tamu

Tabel 5.10 Buku tamu

 

No.

Nama Field

Type

Size

Keterangan

1

Id

integer

5

Kode buku tamu

2

Nama

varchar

20

Nama pengunjung

3

Alamat

text

Alamat pengunjung

4

Email

varchar

20

Email pengunjung

5

Tanggal

varchar

10

Tanggal kunjung

6

Jam

varchar

5

Jam kunjung

7

Komentar

longtext

-

Komentar pengunjung

3.

Informasi

Tabel 5.11 Informasi

 

No.

Nama Field

Type

Size

Keterangan

1

Id_info

Integer

5

Kode informasi

2

Judul

varchar

30

Judul informasi

3

Tanggal

varchar

10

Tanggal informasi dimuat

4

Jam

varchar

5

Jam informasi dimuat

5

Isi

longtext

-

Isi informasi

6

Pengirim

varchar

20

Nama pengirim informasi

7

Gambar

varchar

20

Gambar informasi

4.

Jurusan

Tabel 5.12 Jurusan

 

No.

Nama Field

Type

Size

Keterangan

1

Id_jur

integer

5

Kode jurusan

2

Jurusan

varchar

20

Nama jurusan

Id_eks *

Id_fas *

Mapel

Nama_fasilitas

Nama_ekskul

keterangan

keterangan

Photo

82

3

NIP

varchar

20

Nama ketua jurusan

4

Keterangan

longtext

Keterangan jurusan

5.

Kelas

Tabel 5.13 Kelas

 

No.

Nama Field

Type

Size

Keterangan

1

Id_kls

integer

5

Kode kelas

2

Kelas

char

3

Nama kelas

3

Kapasitas

Text

Kapasitas kelas

6.

Mapel

Tabel 5.14 Mapel

 

No.

Nama Field

Type

Size

Keterangan

1

Id_mapel

integer

5

Id kelas

2

Mapel

Varchar

30

Nama mata pelajaran

7.

Siswa

Tabel 5.15 Siswa

 

No.

Nama Field

Type

Size

Keterangan

1

Nis

Varchar

4

Nomor induk siswa

2

Nama

Varchar

20

Nama siswa

3

Tmp_lahir

Varchar

15

Tempat lahir siswa

4

Tgl_lahir

Varchar

15

Tanggal lahir siswa

5

Agama

Varchar

15

Agama siswa

7

Alamat

Text

-

Alamat siswa

8

Asal_sekolah

Varchar

30

Asal sekolah siswa

9

Thnmasuk

varchar

4

Tahun masuk siswa

10

Id_kelas

Varchar

4

Kode kelas

11

Id_jurusan

Varchar

10

Kode jurusan

12

Nama_ortu

Varchar

25

Nama orang tua siswa

13

Notelp

varchar

13

Telpon

14

Photo

varchar

10

Photo siswa

8.

Staf

Tabel 5.16 Staf

 

No.

Nama Field

Type

Size

Keterangan

  • 1 varchar

Nip

 

9

Nomor Induk Staf

  • 2 varchar

Nama

 

30

Nama staf

  • 3 varchar

Tmp_lahir

 

30

Tempat tanggal lahir staf

  • 4 varchar

Tgl_lahir

 

10

Tanggal lahir staf

83

  • 4 Alamat

text

-

Alamat staf

  • 5 Sex

Enum

-

Jenis kelamin

  • 6 Agama

varchar

10

Agama

  • 7 Golongan

varchar

5

Golongan staf

  • 8 Pendidikan

varchar

30

Pendidikan staf

  • 9 Jabatan

varchar

20

Jabatan staf

  • 10 Tugas

varchar

20

Tugas staf

  • 11 Foto

varchar

30

Foto staf

  • 11 Id_mapel

varchar

20

Nama mata pelajaran yang dipegang

9.

Prestasi

Tabel 5.17 Prestasi

 

No.

Nama Field

Type

Size

Keterangan

1

Id_pres

integer

5

Kode prestasi

2

Prestasi

text

Nama prestasi

3

Tahun

varchar

4

Tahun penerimaan prsetasi

10.

Fasilitas

Tabel 5.18 Fasilitas

 

No.

Nama Field

Type

Size

Keterangan

1

Id_fas

integer

5

Kode fasilitas

2

Fasilitas

Varchar

20

Nama fasilitas

3

Keterangan

longtext

-

Keterangan dari fasilitas

4

Photo

Varchar

20

Photo fasilitas

11.

Ekskul

Tabel 5.19 Ekstrakurikuler

No.

Nama Field

Type

Size

Keterangan

  • 1 Id_eks

integer

5

Kode ekstrakurikuler

  • 2 Ekskul

Varchar

30

Nama ekstrakurikuler

  • 3 Keterangan

longtext

-

Keterangan dari ekstrakurikuler

  • 5.3 Rancangan Sistem Secara Rinci

Perancangan sistem secara rinci didasarkan pada rancangan umum yang

telah dibuat sebelumnya. Komponen-komponen yang akan dirancang pada tahap

rancangan sistem secara rinci meliputi :

  • 5.3.1 Perancangan Model Secara Rinci

84

Pada tahap ini alat sistem yang digunakan adalah HIPO (Hierarchy Plus

Input Process Output) dan IPO (Input Process Output).

5.3.1.1 HIPO

HIPO merupakan alat bantu yang digunakan untuk membuat spesifikasi

program. HIPO digunakan untuk menggambarkan struktur program. HIPO dari

sistem penggajian dapat digambarkan sebagai berikut :

  • 1. HIPO Menu Utama

Menu Utama Home Profil Buku tamu Ekstrakurikuler Pegawai Siswa Berita Fasilitas Prestasi Jurusan
Menu Utama
Home
Profil
Buku tamu
Ekstrakurikuler
Pegawai
Siswa
Berita
Fasilitas
Prestasi
Jurusan

Gambar 5.20 HIPO Menu Utama

2. HIPO Profil Profil Sejarah Profil Visi Misi Gambar 5.21 HIPO Menu Input Data 3. HIPO
2.
HIPO Profil
Profil
Sejarah
Profil
Visi Misi
Gambar 5.21 HIPO Menu Input Data
3.
HIPO Staf
Staf Tambah Simpan Batal Hapus
Staf
Tambah
Simpan
Batal
Hapus

85

Gambar 5.22 HIPO Staf

  • 4. Buku Tamu

Buku tamu Isi buku tamu Hapus Gambar. 5.23 Buku tamu 5. HIPO Data Siswa Siswa Tambah
Buku tamu
Isi buku tamu
Hapus
Gambar. 5.23 Buku tamu
5. HIPO Data Siswa
Siswa
Tambah
Simpan
Batal
Hapus

Gambar. 5.24 Siswa

  • 6. HIPO Data Kelas

Kelas Tambah Simpan Batal Hapus
Kelas
Tambah
Simpan
Batal
Hapus

Gambar. 5.25 Data Kelas

86

Mata Pelajaran Tambah Simpan Batal Hapus Gambar. 5.26 Data Mapel 8. HIPO Data Prestasi Prestasi Tambah
Mata Pelajaran
Tambah
Simpan
Batal
Hapus
Gambar. 5.26 Data Mapel
8.
HIPO Data Prestasi
Prestasi
Tambah
Simpan
Simpan
Hapus

Gambar. 5.27 Data Prestasi

9. HIPO Jurusan Jurusan Tambah Simpan Batal Edit Hapus
9. HIPO Jurusan
Jurusan
Tambah
Simpan
Batal
Edit
Hapus

Gambar 5.28 Data Jurusan

10. HIPO Fasilitas Fasilitas Tambah Simpan Batal Edit Hapus
10.
HIPO Fasilitas
Fasilitas
Tambah
Simpan
Batal
Edit
Hapus

Gambar 5.29 Data Fasilitas

87

Ekskul Tambah Simpan Batal Edit Hapus
Ekskul
Tambah
Simpan
Batal
Edit
Hapus

Gambar 5.30 Data Fasilitas

12. HIPO Password Admin

Password Halaman Admin Gambar 5.31 HIPO Password
Password
Halaman Admin
Gambar 5.31 HIPO Password
  • 5.3.1.2 IPO Chart System

IPO merupakan alat bantu yang berguna untuk menterjemahkan atau

memberi penjelasan terinci gambar-gambar yang ada pada HIPO. Secara garis

besar IPO merupakan penghubung antara seorang analis dengan programmer

karena fungsinya menterjemahkan bahasa pemrograman yang akan digunakan.

IPO juga untuk menjelaskan atau menjabarkan masukan, proses dan keluaran

yang terjadi pada form yang bersangkutan.

IPO sistem yang dibuat :

  • 1. IPO Login Admin

IPO Chart Sistem : Website SMK NEGERI 3 PACITAN

Dipanggil dari

Memanggil

Tabel Admin

Id

 

Input :

Output :

Id, Nama,

Masuk kehalaman Administrator

Password

88

Proses :

Buka file login admin

Baca data admin yang dimasukkan

Periksa data login: jika memasukkan data salah atau kurang lengkap maka

tampilkan pesan, jika benar halaman admin terbuka.

Tutup file

Gambar 5.32 IPO Login Admin

  • 2. IPO Input Staf

IPO Chart Sistem : Website SMK NEGERI 3 PACITAN Dipanggil : Memanggil : Table Pegawai, tabel
IPO Chart
Sistem : Website SMK NEGERI 3 PACITAN
Dipanggil :
Memanggil :
Table Pegawai, tabel mapel
NIP, id_mapel
Input :
Output :
NIP,nama,tmp_lahir, tgl_lahir, alamat,
sex, agama,golongan,pendidikan,
jabatan,tugas, photo id_mapel
Halaman pegawai, halaman
jurusan
Proses :
Buka file pegawai
Baca data pegawai nip yang dimasukkan
Periksa data pegawai: jika memasukkan data salah atau kurang lengkap
maka Dipanggil tampilkan : pesan, jika benar data tersimpan.
Memanggil :
Nis,Id_kelas, Id_jur
tersimpan Table siswa, tabel kelas, tabel
Tutup jurusan file
Gambar 5.33 IPO Input Pegawai
Input :
Nis,nama_siswa,tmp_lahir,tgl_l
Output :
ahir,agama,alamat,asal_sekolah
Halaman siswa
3.
IPO Input Siswa
,thnmasuk,id_kelas,id_jurusan,
nama_ortu,notelp,photo
IPO Chart

Sistem : Website SMK NEGERI 3 PACITAN

Proses :

Baca file siswa

Baca data siswa yang dimasukkan

Periksa data siswa: jika memasukkan data salah atau kurang lengkap maka

tampilkan pesan, jika benar data tersimpan.

Tutup file

89

Gambar 5.34 IPO Input Siswa

3. IPO Input Buku tamu IPO Chart Sistem : Website SMK NEGERI 3 PACITAN Memanggil :
3.
IPO Input Buku tamu
IPO Chart
Sistem : Website SMK NEGERI 3 PACITAN
Memanggil :
Dipanggil :
Id_buku
Tabel buku tamu
Input :
Output :
id_buku,
Halaman buku tamu
nama,alamat,email,tanggal,ja
m,komentar
Proses :
Baca file buku tamu
Baca data buku tamu yang dimasukkan
Periksa data buku tamu: jika memasukkan data salah atau kurang lengkap
Memanggil :
maka Dipanggil tabel kelas tampilkan : pesan, jika benar data tersimpan.
Id_kls
Tutup file
Input :
Output :
id_kls
Halaman kelas,Halaman
Gambar 5.35 IPO Input Siswa
kelas
siswa
4.
IPO Input Kelas
Proses :
Baca file kelas
IPO Chart
Baca data siswa yang dimasukkan
Periksa data kelas: jika memasukkan data salah atau kurang lengkap maka
tampilkan pesan, jika benar data tersimpan
Tutup file

Gambar 5.36 IPO Input Kelas

Sistem : Website SMK NEGERI 3 PACITAN

90

  • 5. IPO Input Jurusan

Tutup file IPO Input Jurusan Memanggil : Dipanggil : Periksa data jurusan: jika memasukkan data salah
Tutup file
IPO Input Jurusan
Memanggil :
Dipanggil :
Periksa data jurusan: jika memasukkan data salah atau kurang lengkap maka
tampilkan pesan, jika benar data tersimpan
Sistem : Website SMK NEGERI 3 PACITAN
Id_mapel
Tabel Mapel
Proses :
Gambar
5.37
Input :
Buka file jurusan
Output :
Halaman Jurusan, halaman
siswa
Memanggil :
Id_jur, NIP
IPO Chart
Tabel Jurusan, Pegawai
Dipanggil :
keterangan,
Id_jur, Jurusan, NIP,
  • 6. IPO Input Mata Pelajaran

Input : Id_mapel, mapel
Input :
Id_mapel, mapel
Output : Halaman staf
Output :
Halaman staf

IPO Chart

Sistem : Website SMK NEGERI 3 PACITAN

Proses :

Buka file jurusan

Periksa data mapel: jika memasukkan data salah atau kurang lengkap maka

tampilkan pesan, jika benar data tersimpan.

Tutup file

91

Gambar 5.38 Input Mata Pelajaran

  • 7. IPO Input Fasilitas

IPO Chart

Sistem : Website SMK NEGERI 3 PACITAN

Dipanggil :

Memanggil :

Tabel fasilitas

Id_fas

 

Input :

Output :

Id_fas, fasilitas, keterangan,

Halaman fasilitas

photo

 

Proses :

Buka file fasilitas

Periksa data fasilitas: jika memasukkan data salah atau kurang lengkap maka

tampilkan pesan, jika benar data tersimpan.

 

Tutup file

Gambar 5.39 Input Faslitas

  • 8. IPO Input Prestasi

92

IPO Chart

Sistem : Website SMK NEGERI 3 PACITAN

Dipanggil :

Memanggil :

Tabel prestasi

Id_pres

 

Id_pres, prestasi, tahun

Input :

 
 

Output :

 

Halaman prestasi

Periksa data prestasi: jika memasukkan data salah atau kurang lengkap maka

tampilkan pesan, jika benar data tersimpan

Buka file Prestasi

Tutup file

Proses :

Gambar 5.40 Input Prestasi

  • 9. IPO Input Informasi

IPO Chart

Sistem : Website SMK NEGERI 3 PACITAN

Table Informasi Dipanggil :
Table Informasi
Dipanggil :

Id_info,judul,tanggal,jam,

isi,pengirim,gambar

Dipanggil :

Memanggil : Id_info
Memanggil :
Id_info
Halam Informasi Output :
Halam Informasi
Output :

Periksa data informasi: jika memasukkan data salah atau kurang lengkap

maka tampilkan pesan, jika benar data tersimpan

Buka Menu Laporan

Tutup file

Proses :

Gambar 5.41 IPO Input Informasi

10. IPO Input Ekstrakurikuler

93

IPO Chart

Sistem : Website SMK NEGERI 3 PACITAN

Dipanggil :

Tabel Ekstrakurikuler

 

Dipanggil :

Id_eks, ekskul, keterangan

Memanggil :

Id_ekskul

 

Output :

Halaman ekstrakurikuler

Proses :

Buka Menu ekskul

Periksa data ekskul: jika memasukkan data salah atau kurang lengkap maka

tampilkan pesan, jika benar data tersimpan

Tutup file

Gambar 5.42 IPO Input Mata Pelajaran

11. IPO Input Banner

IPO Chart

Sistem : Website SMK NEGERI 3 PACITAN

Dipanggil :

 

Memanggil :

Tabel Banner

Id_banner

 

Dipanggil :

 
   

Id_banner, nama, gambar

Output :

Halaman banner

Periksa data ekskul: jika memasukkan data salah maka tampilkan pesan, jika

benar data tersimpan

Buka Menu banner

Tutup file

Proses :

Gambar 5.43 IPO Input Mata Pelajaran

5.4 Rancangan sistem yang diusulkan

  • 5.4.1 Rancangan Input Secara Rinci

    • a. Rancangan Menu Utama/Index

94

Halaman utama dari website ini adalah tampilan pertama kali yang

keluar apabila membuka dari website SMK NEGERI 3 PACITAN. Form ini

terdapat beberapa menu pilihan lagi mengakses informasi yang lain seperti

menu pilihan profil, buku tamu, ekstrakurikuler, staf, siswa, informasi,

fasilitas, prestasi.

Header

SMK NEGERI 3 PACITAN

 
 

Profil SMK 3

   

Ekskul

Pacitan

FOTO SEESESE

Macam eksul

 

Teks

Program

 

keahlian

Iklan

Fasilitas
Fasilitas

Gambar 5.44 Rancangan Halaman Menu Utama

b. Rancangan Form Login Admin

95

SMK NEGERI 3 PACITAN

Header

Admin_id

xxxxxx

Password

OK
OK

Login Admin

Gambar 5.45 Rancangan Halaman Login

Form ini digunakan untuk masuk kedalam halaman administrasi.

Tidak semua pengunjung website boleh masuk kehalaman ini karena halaman

ini hanya diperuntukkan untuk seorang administrator.

c. Rancangan Halaman Input Buku Tamu Header SMK NEGERI 3 PACITAN home |staf |siswa |buku |info
c.
Rancangan Halaman Input Buku Tamu
Header
SMK NEGERI 3 PACITAN
home |staf |siswa |buku |info | prestasi
Profil SMK 3
Pacitan
Ekskul
isi data diri dan komentar Anda
Nama
Alamat
Email
Program
Komentar
Iklan
keahlian
Fasilitas
Kirim
Ulang
Daftar Tamu yang Sudah Berkunjung
Nama
Keterangan

96

Gambar 5.46Rancangan Halaman Buku tamu

  • d. Rancangan Halaman Input Data Staf Form ini di gunakan untuk menginputkan data guru dan staf sekolah. Menu tambah digunakan untuk menambah data baru, menu simpan untuk menyimpan data baru ataupun data yang sudah di edit dan menu batal untuk membatalkan data yang diisi. Dalam kolom proses terdapat menu edit dan hapus yang digunakan untuk mengedit apabila ada data yang salah atau ada tambahan data yang belum dimasukkan sedangkan menu hapus digunakan untuk menghapus data-data guru dan staf yang sudah tidak lagi bekerja di SMK NEGERI 3 PACITAN.

HEADER INPUT DATA PEGAWAI NIPxxxxxNamaxxxxxTmplahir xxxxxTgl_lahirxxxxx (format xx-xx-xxxx)AlamatxxxxxSex O Menu Edit INCLUDEPICTURE "http://localhost/sm kn3- pct/images/2.gif" \*
HEADER
INPUT DATA PEGAWAI
NIPxxxxxNamaxxxxxTmplahir xxxxxTgl_lahirxxxxx (format xx-xx-xxxx)AlamatxxxxxSex O
Menu Edit
INCLUDEPICTURE
"http://localhost/sm
kn3-
pct/images/2.gif" \*
MERGEFORMATINET
kn3-
pct/images/2.gif" \*
MERGEFORMATINET
kn3-
pct/images/2.gif" \*
MERGEFORMATINET
Simpan
Batal

"http://localhost/sm

kn3-

pct/images/2.gif" \* MERGEFORMATINET

kn3-

pct/images/2.gif" \* MERGEFORMATINET

"http://localhost/sm

kn3-

pct/images/2.gif" \*

MERGEFORMATINET

97

INCLUDEPICTURE

"http://localhost/sm

kn3-

pct/images/2.gif" \*

MERGEFORMATINET

INCLUDEPICTURE

Gambar 5.47 Rancangan Halaman Input Data Staf

"http://localhost/sm

kn3-

pct/images/2.gif" \*

MERGEFORMATINET

INCLUDEPICTURE

"http://localhost/sm

kn3-

Form ini digunakan untuk menginputkan data siswa. Menu tambah digunakan

pct/images/2.gif" \*

MERGEFORMATINET

INCLUDEPICTURE

"http://localhost/sm

kn3-

ataupun data yang sudah diedit. Dalam kolom proses terdapat menu edit dan

pct/images/2.gif" \*

MERGEFORMATINET

INCLUDEPICTURE

"http://localhost/sm

tambahan data yang belum dimasukkan sedangkan menu hapus digunakan

kn3-

pct/images/2.gif" \*

MERGEFORMATINET

NEGERI 3 PACITAN.

HEADER INPUT DATA SISWA NIPxxxxxNamaxxxxxTplahirxxxxxTgl_lahirxxxxxAgamaxxxx AlamatxxxxxSex xxxx Asal_sekolahxxxxxId_kelasxxxxxId_jurusanxxxxxNama_ortuxxxxxNotelpxxxxxPhoto xxxxx Gambar Menu Edit INCLUDEPICTURE SMK MUHAMMADIYAH CAWAS
HEADER
INPUT DATA SISWA
NIPxxxxxNamaxxxxxTplahirxxxxxTgl_lahirxxxxxAgamaxxxx AlamatxxxxxSex xxxx
Asal_sekolahxxxxxId_kelasxxxxxId_jurusanxxxxxNama_ortuxxxxxNotelpxxxxxPhoto xxxxx
Gambar
Menu Edit
INCLUDEPICTURE
SMK MUHAMMADIYAH CAWAS KLATEN
"http://localhost/sm
kn3-
pct/images/2.gif" \*
buku
info
staf
siswa kelas ekstrakurikuler
fasilitas jurusan Banner
mapel prestasi logout
MERGEFORMATINET
HYPERLINK "http://localhost/smkn3-pct/administrator/index.php?show=siswa.php" Data Siswa
INCLUDEPICTURE
"http://localhost/sm
kn3-
pct/images/2.gif" \*
MERGEFORMATINET
HYPERLINK "http://localhost/smkn3-pct/administrator/index.php?show=jurusan.php" Program
INCLUDEPICTURE
"http://localhost/sm
kn3-
pct/images/2.gif" \*
Simpan
Batal
MERGEFORMATINET
HYPERLINK "http://localhost/smkn3-pct/administrator/index.php?show=fasilitas.php" Fasilitas
INCLUDEPICTURE
"http://localhost/sm

kn3-

pct/images/2.gif" \*

MERGEFORMATINET

INCLUDEPICTURE

"http://localhost/sm

kn3-

pct/images/2.gif" \*

INCLUDEPICTURE

"http://localhost/sm

kn3-

pct/images/2.gif" \*

MERGEFORMATINET

98

INCLUDEPICTURE

"http://localhost/sm

kn3-

pct/images/2.gif" \*

MERGEFORMATINET

INCLUDEPICTURE

"http://localhost/sm

  • kn3- Gambar 5.48 Rancangan Halaman Input Data Siswa

pct/images/2.gif" \*

MERGEFORMATINET

INCLUDEPICTURE

"http://localhost/sm

kn3-

  • f. Rancangan Halaman Input Data Kelas

pct/images/2.gif" \*

MERGEFORMATINET

Form ini digunakan untuk menyimpan data kelas. Menu tambah digunakan

INCLUDEPICTURE

"http://localhost/sm

kn3-

untuk menambah data baru, menu simpan untuk menyimpan data baru atau

pct/images/2.gif" \*

MERGEFORMATINET

INCLUDEPICTURE

"http://localhost/sm

kn3-

yang digunakan untuk mengedit dan menghapaus data kelas yang ada di SMK

pct/images/2.gif" \*

MERGEFORMATINET

Ekstrakulikuler Kelas mapel prestasi logout fasilitas jurusan Banner Mata Pelajaran SMK MUHAMMADIYAH CAWAS KLATEN INPUT DATA
Ekstrakulikuler
Kelas
mapel prestasi logout
fasilitas jurusan Banner
Mata Pelajaran
SMK MUHAMMADIYAH CAWAS KLATEN
INPUT DATA SISWA
Simpan
buku
staf
info
siswa kelas ekstrakurikuler
Batal
HEADER
XXXx
Berita / Info
P
t
i
Menu Edit
Program Keahlian
Fasilitas
Data Siswa
Gambar
kelas
X
kapasitas

Gambar 5.49 Rancangan Halaman Input Data Kelas

  • g. Rancangan Halaman Input Mata Pelajaran

99

Form ini digunakan untuk menyimpan data mata pelajaran yang berisi tentang

nama mata pelajaran. Menu tambah digunakan untuk menambah data baru,

menu simpan untuk menyimpan data baru atau pun data yang sudah diedit.

Dalam kolom proses terdapat menu edit dan hapus yang digunakan untuk

mengedit dan menghapaus mata pelajaran yang ada di SMK NEGERI 3

PACITAN.

HEADER Menu Edit INCLUDEPICTURE INPUT DATA SISWA "http://localhost/sm Mata Pelajaranxxxxx kn3- pct/images/2.gif" \* MERGEFORMATINET HYPERLINK "http://localhost/smkn3-pct/administrator/index.php?show=siswa.php"
HEADER
Menu Edit
INCLUDEPICTURE
INPUT DATA SISWA
"http://localhost/sm
Mata Pelajaranxxxxx
kn3-
pct/images/2.gif" \*
MERGEFORMATINET
HYPERLINK "http://localhost/smkn3-pct/administrator/index.php?show=siswa.php" Data Sis
Simpan
Batal
INCLUDEPICTURE
"http://localhost/sm
kn3-
pct/images/2.gif" \*
MERGEFORMATINET
HYPERLINK "http://localhost/smkn3-pct/administrator/index.php?show=jurusan.php" Progr

INCLUDEPICTURE

Gambar 5.50 Rancangan Halaman Input Data Mata Pelajaran

"http://localhost/sm

kn3-

  • h. Rancangan Halaman Input Jurusan

pct/images/2.gif" \*

MERGEFORMATINET

INCLUDEPICTURE

"http://localhost/sm

kode mata pelajaran berikut nama mata pelajaran. Menu tambah digunakan

kn3-

pct/images/2.gif" \*

MERGEFORMATINET

INCLUDEPICTURE

"http://localhost/sm

pun data yang sudah diedit. Dalam kolom proses terdapat menu edit dan hapus

kn3-

pct/images/2.gif" \*

yang digunakan untuk mengedit dan menghapaus mata pelajaran yang ada di

MERGEFORMATINET

INCLUDEPICTURE

SMK NEGERI 3 PACITAN.

"http://localhost/sm

kn3-

pct/images/2.gif" \* MERGEFORMATINET HEADER INCLUDEPICTURE "http://localhost/sm Menu Edit kn3- INCLUDEPICTURE pct/images/2.gif" \* INPUT DATA JURUSAN "http://localhost/sm
pct/images/2.gif" \*
MERGEFORMATINET
HEADER
INCLUDEPICTURE
"http://localhost/sm
Menu Edit
kn3-
INCLUDEPICTURE pct/images/2.gif" \*
INPUT DATA JURUSAN
"http://localhost/sm MERGEFORMATINET
JurusanxxxxxKajurxxxxKeteranganxxxxx
pct/images/2.gif" INCLUDEPICTURE \*
MERGEFORMATINET "http://localhost/sm
kn3-
INCLUDEPICTURE pct/images/2.gif" \*
"http://localhost/sm MERGEFORMATINET
Simpan
Batal
pct/images/2.gif" INCLUDEPICTURE \*
MERGEFORMATINET "http://localhost/sm

INCLUDEPICTURE pct/images/2.gif" \*

"http://localhost/sm MERGEFORMATINET

k

3

"

"

MERGEFORMATINET "http://localhost/sm

INCLUDEPICTURE pct/images/2.gif" \*

"http://localhost/sm MERGEFORMATINET

100

pct/images/2.gif" INCLUDEPICTURE \*

MERGEFORMATINET "http://localhost/sm

INCLUDEPICTURE pct/images/2.gif" \*

"http://localhost/sm MERGEFORMATINET

pct/images/2.gif" \*

MERGEFORMATINET

INCLUDEPICTURE

"http://localhost/sm

kn3-

pct/images/2.gif" \*

Gambar 5.51 Rancangan Halaman Input Data Jurusan

MERGEFORMATINET

INCLUDEPICTURE

"http://localhost/sm

kn3-

pct/images/2.gif" \*

MERGEFORMATINET

INCLUDEPICTURE

"http://localhost/sm

kn3-

pct/images/2.gif" \*

MERGEFORMATINET

INCLUDEPICTURE

"http://localhost/sm

kn3-

pct/images/2.gif" \*

MERGEFORMATINET

INCLUDEPICTURE

"http://localhost/sm

kn3-

pct/images/2.gif" \*

MERGEFORMATINET

INCLUDEPICTURE

"http://localhost/sm

5.5 Implementasi

kn3-

pct/images/2.gif" \*

MERGEFORMATINET

kembangkan supaya nantinya sistem tersebut siap untuk di operasikan sesuai

dengan harapan. Salah satu yang termasuk dalam tahap ini adalah kegiatan

menulis kode program yang di gunakan. Adapun tujuan dari tahap implementasi

ini adalah menyiapakan semua kegiatan penerapan sistem sesuai dengan

rancangan yang telah ditentukan.

  • 5.5.1 Kegiatan Implementasi

101

Kegiatan implementasi dilakukan sesuai dengan rencana yang telah

dirancang dan di susun sebelumnya. Adapun kegiatan yang dilakukan dalam tahap

implementasi ini adalah sebagai berikut:

  • a. Pemilihan dan Pelatihan Personil

Pemilihan dan pelatihan personil dalam sistem informasi

merupakan salah satu faktor yang perlu diperhatikan, karena keberhasilan

dalam pelaksanaannya ditentukan oleh personil yang ada dalam sistem itu

sendiri, personil dalam sistem harus mempunyai pengetahuan yang cukup

tentang sistem yang ada juga posisi dan tugas-tugas mereka. Dalam

pemilihan ini dilakukan dengan cara Personil Input-output Data, yang

artinya adalah pemilihan yang dilakukan guna menangani pemasukan data

dan distribusi output dengan segala bagian yang berhubungan dengan

sistem Informasi yang baru. Syarat utama personil ini seperti: mampu

mengoperasikan komputer, mampu mengoperasikan database, mengerti

database.

Adapaun pendekatan yang digunakan untuk melakukan pelatihan

personil yang sudah terpilih pada sistem ini adalah sebagai berikut :

  • 1. Pelatihan Prosedural Pelatihan yang dilakukan dengan menyediakan kepada setiap personil berupa prosedur-prosedur tertulis yang dapat menjelaskan sistem maupun tugas-tugas yang harus dilakukan personil.

  • 2. Pelatihan Tutorial

102

Pelatihan ini merupakan tahap kelanjutan dari pelatihan secara

prosedural dengan memberikan bimbingan-bimbingan langsung

terhadap tugas-tugas setiap personil.

  • 3. Pelatihan Langsung di Pekerjaan Memberikan bimbingan atau pelatihan langsung kepada personil yang terpilih dan meletakkan pada posisi pekerjaannya dalam pengoperasiaan sistem serta bagaimana mempersiapakan input, memproses dan mengoperasikan sistem merawat dan menjaga

 

sistem.

b.

Instalasi Sistem

Kegiatan instalasi ini tidak sepenuhnya dilakukan oleh pihak pengembang

sistem. Pengembang sistem disini hanya bertugas mengupload file. Tujuan

kegiatan mempersiapkan instalasi ini sedemikian rupa agar memberikan

kenyamanan dan keamanan dalam bekerja.

  • 5.5.2 Pemograman dan Pengetesan Program

5.5.2.1 Pemograman

Pemograman merupakan tahap impelementasi dimana dilakukan

pengkodean berdasarkan hasil rancangan perangkat lunak yang telah dibuat

sehingga berbentuk sistem yang sedemikian rupa seperti yang telah direncanakan.

Pengkodean ini dilakukan dengan menggunakan bahasa pemograman PHP dan

HTML sedangkan databasenya adalah MySQL yang berjalam pada sistem operasi

Windows XP.

5.5.2.2 Pengetesan Program

103

Pengetesan program dilakukan untuk menemukan kesalahan-kesalahan.

Program dites untuk tiap-tiap form dan dilanjutkan dengan pengetesan untuk

semua form yang telah dirangkai. Kesalahan dari program yang mungkin terjadi

dapat diklasifikasikan dalam tiga bentuk kesalahan :

  • 1. Kesalahan bahasa (language errors) / kesalahan penulis (syntax errors) / kesalahan tata bahasa (grammatical errors) Yaitu kesalahan di dalam penulisan source program yang tidak sesuai dengan yang telah disyaratkan. Kesalahan ini relatif mudah ditemukan dan diperbaiki, karena kompiler akan memberitahukan letak dan sebab kesalahannya sewaktu program dikompilasi.

  • 2. Kesalahan sewaktu proses (run-time errors) Yaitu kesalahan yang terjadi sewaktu executable program dijalankan. Kesalahan ini akan menyebabkan proses program berhenti sebelum selesai pada saatnya, karena compiler menmukan kondisi-kondisi yang belum terpenuhi yang tidak bisa dikerjakan. Kesalahan ini juga akan ditunjukkan letak serta sebab kesalahannya.

  • 3. Kesalahan logika (logical errors) Yaitu kesalahan dari logika program yang dibuat. Kesalahan ini sulit ditemukan karena tidak ada pemberitahuan mengenai kesalahannya dan tetap akan didapatkan hasil dari proses program, tetapi hasilnya salah. Cara mencari kesalahan logika dapat dilakukan dengan test data, yaitu dengan menjalankan program menggunakan data tertentu dan

104

membandingkan hasil pengolahannya dengan hasil yang sudah diketahui.

Bila hasilnya berbeda berarti mengalami kesalahan dan harus dilacak serta

ditemukan sebab-sebab kesalahannya.

Langkah-langkah pengetesan program :

  • 1. Pengetesan form Pengetesan form merupkan pengetesan per form dapat berupa pengetesan program utama atau sub program. Setiap form yang dijalankan akan dicek apakah ada kesalahan atau tidak, baik itu kesalahan penulisan, kesalahan waktu poses atau kesalahan logika.

  • 2. Pengetesan program Pengetesan program merupakan pengetesan form-form yang sudah terintegrasi dan bertujuan untuk memasikan bahwa semua form dapat bekerja sebagaimana mestinya. Pada pengetesan ini yang dijalankan adalah form utama dalam hal ini adalah form login, apakah form login sudah diintegrasikan dengan form yang lain. Setelah dijalankan maka akan tampil menu login dimana di dalam menu ini bagian administrator harus login terlebih dahulu supaya form administrator bisa dipanggil. Setiap tombol dicoba dijalankan apakah sudah sesuai dan terhubung ke form-form yang berhubungan atau belum.

105

Pengetesan sistem dilakukan setelah pengetesan program, dilakukan ntuk

memeriksa kekompakan antar komponen sistem yang diimplementasi. Tujuan

utama dari pengetesan sistem ini adalah untuk memastikan bahwa elemen-elemen

komponen dari sistem telah berfungsi sesuai dengan yang diharapkan. Selain itu

tes sistem bertujuan untuk memastikan bagaimana mekanisme perlindungan yang

dibuat sistem terhadap hal-hal yang mungkin terjadi misalnya penggunaan dari

orang-orang yang tidak berkepentingan. Pengetesan perlu dilakukan untuk

mencari kesalahan-kesalahan atau kelemahan-kelemahan yang mungkin masih

terjadi. Pengetesan sistem termasuk pengetesan program secara keseluruhan,

artinya walaupun masing-masing program telah berjalan dengan benar dan baik

bukan berarti program tersebut juga akan dapat berjalan dengan program lainnya

dalam sistem dengan baik.

Kumpulan dari semua program yang telah diintegrasikan perlu dites kembali

untuk melihat apakah suatu program dapat menerima input data dengan baik,

dapat memposesnya dengan baik dan dapat memberikan output kepada program

yang lainnya.

5.6.4 Konversi Sistem

Konversi sistem merupakan Proses untuk meletakan sistem baru supaya

siap mulai untuk dapat digunakan. Ada beberapa metode dalam konversi sistem :

  • a. Konversi Langsung (Direct Conversion)

Konversi ini dilakukan dengan mengganti secara langsung sistem lama

dengan sistem yang baru.

  • b. Konversi Paralel (Parallel Conversion)

106

Di dalam konversi paralel ini sistem baru dan sistem lama dioperasikan

secara bersama-sama dalam jangka waktu tertentu. Kedua sistem ini

dioperasikan secara bersama-sama untuk meyakinkan bahwa sistem yang

baru telah benar-benar beroperasi dengan sukses sebelum sistem lama

dihentikan.

  • c. Konversi percontohan (Pilot Conversion)

Konversi percontohan dilakukan bila beberapa sistem yang sejenis akan

diterapkan pada beberapa area yang terpisah. Konversi ini dilakukan pada

sebuah unit organisasi terlebih dahulu dan dinilai operasinya. Jika sistem

yang baru telah dapat beroperasi dengan sukses maka sistem ini mulai

diterapkan ke semua bagian yang lain.

  • d. Konversi Bertahap (Phased Conversion)

Konversi ini dilakukan dengan menerapkan masing-masing form sistem

yang berbeda secara urut. Tiap-tiap form dioperasikan terlebih dahulu dan

jika telah sukses maka disusul oleh form lainnya dan seterusnya sampai

semua form berhasil dioperasikan.

Berdasarkan metode konversi yang ada, pendekatan yang lebih sesuai

dengan resiko kegagalan relatif kecil untuk melakukan konversi sistem, yaitu

dengan pendekatan Paralel, yaitu dengan mengoperasikan sistem yang baru

bersama-sama sistem yang lama sselama satu periode waktu tertentu. Sistem

Informasi berbasis web dioperasikan bersama dengan sistem yang berjalan untuk

meyakinkan bahwa sistem benar-benar beroperasi dengan sukses.

  • 5.6.5 Pemeliharaan Sistem

107

Maksud dan tujuan dari proses pemeliharaan sistem ini adalah untuk

mencegah dan memperbaiki, menjaga, mengoreksi kesalahan-kesalahan yang

sengaja maupun yang tidak disengaja dan agar sistem tetap berjalan serta tepat

guna sebagaimana mestinya.

Beberapa hal yang perlu diperhatikan dalam pemeliharaan sistem yaitu :

  • 1. Dari hasil implementasi sistem harus dilihat kembali apakah sudah sesuai dengan rancangan yang telah disusun sebelumnya, dan apakah telah mampu menghasilkan informasi-informasi yang dibutuhkan pemakai. Jika belum sesuai maka kita bisa mengoreksi atau memperbaiki program sehingga sesuai dengan kebutuhan.

  • 2. Menyiapkan backup dan keamanan software maupun hardware. Backup data ataupun backup program dilakukan untuk mengantisipasi terjadinya gangguan mekanisme sistem yang sedang berjalan, seperti hilangnya program karena hardware dalam kondisi rusak atau ada pemadaman listrik secara mendadak. Backup data dan backup program harus dijaga keamanannya dari orang-orang yang tidak berkepetingan.

    • 5.6 Manual Program

Manual program ini bertujuan untuk membantu pemakai website ini agar

dapat menjalankan sistem yang dibuat penulias sehingga memudahkan dalam

pengoperasiannya.

  • a. Tampilan Halaman Utama /Index

108

108 Pada menu ini disediakan beberapa sub menu diantaranya yaitu : - Home, digunakan untuk kembali

Pada menu ini disediakan beberapa sub menu diantaranya yaitu :

  • - Home, digunakan untuk kembali menu index

  • - Profile, digunakan untuk masuk kehalaman profil sekolah

  • - Buku tamu, digunakan untuk masuk kehalaman pengunjung website

  • - Staff , digunakan untuk masuk kehalaman staf

  • - Siswa, digunakan untuk masuk kehalaman siswa

  • - Informasi, digunakan untuk masuk kehalaman berita dan pengumuman

  • - Prestasi, digunakan untuk masuk kehalaman prestasi sekolah

  • - Fasilitas, digunakan untuk masuk kehalaman fasilitas sekolah

  • - Program Keahlian, untuk masuk kehalaman jurusan yang ditawarkan

  • - Ekstrakurikuler, digunakan untuk masuk ke halaman ekstrakurikuler

  • - Kelas, digunakan untuk masuk ke halaman kelas

  • b. Halaman Profil

109

109 Halaman ini berisi tentang profile sekolah profil singkat, visi dan misi sekolah. Untuk masuk kehalaman-halaman

Halaman ini berisi tentang profile sekolah profil singkat, visi dan misi

sekolah. Untuk masuk kehalaman-halaman tersebut tinggal klik saja pada

halaman yang diinginkan.

  • c. Halaman Buku tamu

110

110 Halaman ini memberikan form tersendiri untuk para pengunjung website untuk memberikan komentarnya maupun saran pada

Halaman ini memberikan form tersendiri untuk para pengunjung website

untuk memberikan komentarnya maupun saran pada pihak sekolah.

  • d. Halaman Program Keahlian

110 Halaman ini memberikan form tersendiri untuk para pengunjung website untuk memberikan komentarnya maupun saran pada

111

Halaman ini menampilkan informasi tentang program kehlian yang ada di

SMK NEGERI 3 PACITAN dimana jurusan-jurusan tersebut mempunyai

bidang-bidang keahlian-keahlian sendiri-sendiri.

  • e. Halaman Staf

111 Halaman ini menampilkan informasi tentang program kehlian yang ada di SMK NEGERI 3 PACITAN dimana

Halaman ini menampilkan informasi tentang staf-staf yang ada di SMK

NEGERI 3 PACITAN

  • f. Halaman Siswa

112

f. Halaman Siswa 112 Halaman ini menampilkan informasi tentang data-data siswa yang ada di SMK NEGERI

Halaman ini menampilkan informasi tentang data-data siswa yang ada di SMK

NEGERI 3 PACITAN berdasarkan kelas yang dipilih.

  • g. Halaman Fasilitas

f. Halaman Siswa 112 Halaman ini menampilkan informasi tentang data-data siswa yang ada di SMK NEGERI

113

Halaman ini menginformasikan tentang fasilitas-fasilitas yang ada di SMK

NEGERI 3 PACITAN yang dapat melengkapi kegitan belajar mengajar.

  • h. Halaman Utama Administrator

113 Halaman ini menginformasikan tentang fasilitas-fasilitas yang ada di SMK NEGERI 3 PACITAN yang dapat melengkapi

Halaman utama yang memiliki beberapa menu pilihan bagi administrator

untuk mengelola website ini.menu-menu tersebut adalah buku tamu,

informasi, staf, siswa, ekstrakurikuler, fasilitas, jurusan, iklan, mapel, prestasi

dan logout.

  • i. Halaman Input Data Staf

114

i. Halaman Input Data Staf 114 Halaman ini untuk mengelola halaman semua staf yang ada di

Halaman ini untuk mengelola halaman semua staf yang ada di SMK NEGERI

3 PACITAN. Halaman ini menyediakan pengelolaan guna menginputkan data

staf, mengedit data staf dan menghapus data staf.

  • j. Halaman Input Data Siswa

i. Halaman Input Data Staf 114 Halaman ini untuk mengelola halaman semua staf yang ada di

115

Halaman ini digunakan untuk mengelola data siswa, dari melakukan

penginputan data, pengeditan, dan penghapusan data siswa.

  • k. Halaman Input Informasi

115 Halaman ini digunakan untuk mengelola data siswa, dari melakukan penginputan data, pengeditan, dan penghapusan data

Halaman ini digunakan untuk menginputkan informasi yang berada diseputar

SMK NEGERI 3 PACITAN, pada halaman informasi terdapat nama dari penulis

informasi/berita, judul serta isi informasi.

  • l. Halaman Input Jurusan

116

l. Halaman Input Jurusan 116 Halaman ini digunakan untuk menginputkan jurusan-jurusan yang ada di SMK NEGERI

Halaman ini digunakan untuk menginputkan jurusan-jurusan yang ada di

SMK NEGERI 3 PACITAN, pada halaman jurusan terdapat jurusan, kajur

atau Kepala Jurusan serta keterangan dari jurusan tersebut, dan data yang

sudah ada bisa dihapus dan diedit.