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 komponenkomponen 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. eterangan simbol-simbol yang digunakan dalam !lowc"art #istem

$%

$-

5.1.1 !lowc"art #istem

Data pegawai

Data )urusan

Data #iswa

Data elas

Data *apel

Data Berita

Data Banner

Data Buku tamu

Data (restasi

Data !asilitas

Data ,kskul

'la" data (egawai

'la" data )urusan

'la" data #iswa

'la" data elas

'la" data *apel

'la" data Berita

'la" data Banner

'la" data Buku +amu

'la" data (restasi

'la" data !asilitas

'la" data ,kskul

(egawai

)urusan

#iswa

elas

*apel

Berita

Banner

Buku tamu

(restasi

!asilitas

,kskul

(embuatan +ampilan

(embuatan +ampilan

(embuatan +ampilan

(embuatan +ampilan

(embuatan +ampilan

(embuatan +ampilan

(embuatan +ampilan

(embuatan +ampilan

(embuatan +ampilan

(embuatan +ampilan

(embuatan +ampilan

+ampilan (egawai

+ampilan )urusan

+ampilan #iswa

+ampilan elas

+ampilan *apel

+ampilan Berita

+ampilan Banner

+ampilan Buku tamu

+ampilan (restasi

+ampilan !asilitas

+ampilan ,kskul

&ambar 5.1 !lowcart #istem

$5

5.1..

Logical Model (DFD) Logical Model digambarkan dengan diagram arus data (data flow

diagram). *odel ini menjelaskan kepada user bagaimana nantinya fungsi pada sistem informasi secara logika akan bekerja.
a (egawai / (roses egiatan #ekola" Data dai +0 c +ata 0sa"a b #iswa

Gam ar 5.! D"D Le#e$ %

(egawai

Data (egawai

1 (roses (egawai

#iswa
Data #iswa

Dokumen (egawai

% (roses #iswa
Dokumen siswa

*apel

Data *apel

(roses *epel

Dokumen *apel

. (roses egiatan #ekola"

Dokumen )urusan

5 (roses )urusan

Data )urusan

)urusan

Dokumen (embagian elas egiatan #ekola"

1 (roses (embagian elas

Data elas

elas

+ata 0sa"a

Gam ar 5.& D"D A'min Le#e$ 1

$1

(egawai
Data pegawai 1.1 'la" data pegawai Dok pegawai Data lama

)urusan
Data )urusan 5.1 'la" data )urusan Dok )urusan Data lama Dok elas Data kelas

elas

Berita
Data Berita

Banner
Data Banner $.1 'la" data Banner Dok Banner Data lama

(restasi
Data (restasi 3.1 'la" data (restasi Dok(restasi Data lama

..1 'la" data elas Data lama

1.1 'la" data Berita Dok Berita Data lama

(egawai
Dok pegawai 1.1 (embuatan laporan laporan pegawai Dok pegawai

)urusan
Dok )urusan 5.1 (embuatan laporan laporan )urusan Dok )urusan

elas
Dok elas ..1 (embuatan laporan laporan elas Dok elas

Berita
DokBerita 1.1 (embuatan laporan laporan Berita

Banner
Dok Banner $.1 (embuatan laporan laporan Banner

(restasi
Dok elas 3.1 (embuatan laporan laporan (restasi

*apel
Data mapel -.1 'la" data mapel Dok mapel Data lama

#iswa
Dok )urusan %.1 'la" data #iswa Dok #iswa Data lama Dok elas

!asilitas

,kskul
Data ,kskul

4.1 'la" data !asilitas Dok !asilitas Data lama

1/.1 'la" data ,kskul Dok ,kskul

*apel
Dok mapel -.1 (embuatan laporan 2aporan mapel

#iswa
Dok #iswa %.1 (embuatan laporan

!asilitas
Dok!asilitas 4.1 (embuatan laporan laporan !asilitas

,kskul

1/.1 (embuatan ,kskul laporan ,kskul

'perator

&ambar 5.- D!D 5dmin 2e6el 77

$$

5.!

Rancangan Data ase Database merupakan kumpulan dari data yang saling ber"ubungan satu

dengan yang lainnya8 tersimpan diperangkat keras komputer dan digunakan perangkat lunak untuk memanipulasinya. Database merupakan sala" satu komponen penting dalam sistem informasi8 karena merupakan basis dalam menyediakan informasi bagi pemakai. 5dapun rancangan database dalam sistem yang penulis angkat disini adala" sebagai berikut 9 5...1 N(rma$isasi Bentu) Pertama :ormalisasi bentuk pertama dilakukan dengan mengumpulkan semua field basis data8 dengan demikian semua field "anya memiliki satu nilai.
:ama !ield :ip :m;guru +tl #e< 5gama 5lamat golongan )abatan :is :m;siswa *apel d;mapel :m;ortu +elp d;kleas elas )urusan !asilitas (restasi +";masuk Berita )udul (enulis topik +anggal ,mail (esan

Ta e$ 5.5 Bentu) N(rma$ 1

$3

5....

N(rma$isasi Bentu) *e'ua :ormalisasi bentuk kedua memiliki syarat yaitu bentuk data suda"

memenu"i kriteria bentuk normal kesatu dan masing-masing field tela" dikelompokkan sesuai tabelnya tapi belum diberi kunci primer. Ta e$ 5.+ Bentu) n(rma$isasi !
#iswa :is :ama +mp;la"ir +gl;la"ir #e< 5gama 5lamat 5sal;sekola" +"n;masuk elas )urusan :ama;ortu (ekerjaan;ortu 5lamat;ortu :o;tlp ("oto )urusan 7d;jurusan :ama;jurusan eterangan 5dmin 7d;admin (asswor d Banner 7d;banner = &ambar !asilitas 7d;fas :ama;fasilitas keterangan ("oto 7nformasi 7d;info )udul +anggal )am 7si (engirim gambar ,kskul 7d;eks :ama;ekskul keterangan *apel 7d;mapel *apel (restasi 7d;prestasi :ama;prestasi ta"un #taf :ip :ama +mp;la"ir +gl;la"ir #e< 5lamat 5gama &olongan (endidikan )abatan +ugas 7d;mapel Buku;tamu 7d;buku :ama 5lamat ,mail +anggal )am omentar elas 7d;kls elas apasitas

$4

5...%

N(rma$isasi Bentu) *etiga *erupakan penyempurnaan dari bentuk normal kedua. 0ntuk normal

ketiga tela" diberi primary key dan secondary key. Ta e$ 5., Bentu) n(rma$isasi &
#iswa :is = :ama +mp;la"ir +gl;la"ir #e< 5gama 5lamat 5sal;sekola" +"n;masuk 7d; elas == 7d;)urusan == :ama;ortu (ekerjaan;ortu 5lamat;ortu :o;tlp ("oto )urusan 7d;jur == )urusan :7( == eterangan Banner 7d;banner = :ama &ambar !asilitas 7d;fas = !asilitas eterangan ("oto 7nformasi 7d;info )udul +anggal )am 7si (engirim gambar 7d;eks = ,kskul eterangan *apel 7d;mapel = *apel 5dmin 7d = :ama (asswor d ,kskul #taf :ip = :ama +mp;la"ir +gl;la"ir 5lamat #e< 5gama &olongan (endidikan )abatan +ugas !oto 7d;mapel == elas 7d;kls elas apasitas (restasi 7d;pres (restasi +a"un Buku;tamu 7d;buku = :ama 5lamat ,mail +anggal )am omentar

3/

5.!.-

.u ungan Antar "i$e *erupakan "ubungan antar tabel yang satu dengan tabel yang lain.

>ubungan ini berfungsi untuk menunjukkan relasi antar tabel se"ingga membentuk suatu jaringan data. 5dapun "ubungan antar tabelnya 9
Ta e$ 5./ Re$asi antar ta e$
#iswa :is = :ama;siswa +mp;la"ir +gl;la"ir #e< 5gama 5lamat 5sal;sekola" +"n;masuk 7d; kls == 7d;)urusan == :ama;ortu (ekerjaan;ortu 5lamat;ortu :o;tlp ("oto elas 7d;kls = elas kapasitas *apel 7d;mapel = *apel )urusan 7d;jur = )urusan :ip == eterangan #taf :ip = :ama +mp;la"ir +gl;la"ir 5lamat #e< 5gama &olongan (endidikan )abatan +ugas !oto 7d;*apel

5.!.5

Rancangan Stru)tur Ta e$ Rancangan struktur tabel bertujuan menentukan bentuk tipe data dan

ukuran dari masing-masing tabel8 se"ingga data dapat disimpan dengan ukuran dan tipenya. 5dapun perancangan struktur tabel yang dilakukan adala" sebagai berikut 9

31

1.

A'min A'min Ta e$ 5.0 A'min

N(. 1 . % !.

Nama "ie$' 7d :ama (assword Bu)u tamu

T12e integer 6arc"ar 6arc"ar

Si3e 5 3 1

*eterangan ode admin :ama pengguna (assword pengguna

Ta e$ 5.1% Bu)u tamu N(. 1 . % 5 1 $ &. Nama "ie$' 7d :ama 5lamat ,mail +anggal )am omentar In4(rmasi Ta e$ 5.11 In4(rmasi N(. 1 . % 5 1 $ Nama "ie$' 7d;info )udul +anggal )am 7si (engirim &ambar T12e 7nteger 6arc"ar 6arc"ar 6arc"ar longte<t 6arc"ar 6arc"ar Si3e 5 %/ 1/ 5 ./ ./ *eterangan ode informasi )udul informasi +anggal informasi dimuat )am informasi dimuat 7si informasi :ama pengirim informasi &ambar informasi T12e integer 6arc"ar te<t 6arc"ar 6arc"ar 6arc"ar longte<t Si3e 5 ./ ./ 1/ 5 *eterangan ode buku tamu :ama pengunjung 5lamat pengunjung ,mail pengunjung +anggal kunjung )am kunjung omentar pengunjung

-.

5urusan Ta e$ 5.1! 5urusan

N(. 1 .

Nama "ie$' 7d;jur )urusan

T12e integer 6arc"ar

Si3e 5 ./

*eterangan ode jurusan :ama jurusan

*apel !asilitas ,kskul d;mapel = 7d;fas == 7d;eks *apel :ama;fasilitas :ama;ekskul keterangan ("oto
% 5. :7( eterangan *e$as Ta e$ 5.1& *e$as N(. 1 . % +. Nama "ie$' 7d;kls elas apasitas Ma2e$ Ta e$ 5.1- Ma2e$ N(. 1 . ,. N(. 1 . % 5 $ 3 4 1/ 11 1. 1% 1/. Nama "ie$' 7d;mapel *apel Sis6a Nama "ie$' :is :ama +mp;la"ir +gl;la"ir 5gama 5lamat 5sal;sekola" +"nmasuk 7d;kelas 7d;jurusan :ama;ortu :otelp ("oto Sta4 Ta e$ 5.1+ Sta4 N(. 1 . % Nama "ie$' :ip :ama +mp;la"ir +gl;la"ir T12e 6arc"ar 6arc"ar 6arc"ar 6arc"ar Si3e 4 %/ %/ 1/ *eterangan :omor 7nduk #taf :ama staf +empat tanggal la"ir staf +anggal la"ir staf T12e integer ?arc"ar Si3e 5 %/ *eterangan 7d kelas :ama mata pelajaran T12e integer c"ar +e<t Si3e 5 % *eterangan ode kelas :ama kelas apasitas kelas 6arc"ar longte<t ./ :ama ketua jurusan eterangan jurusan

3.

Ta e$ 5.15 Sis6a T12e Si3e *eterangan ?arc"ar :omor induk siswa ?arc"ar ./ :ama siswa ?arc"ar 15 +empat la"ir siswa ?arc"ar 15 +anggal la"ir siswa ?arc"ar 15 5gama siswa +e<t 5lamat siswa ?arc"ar %/ 5sal sekola" siswa 6arc"ar +a"un masuk siswa ?arc"ar ode kelas ?arc"ar 1/ ode jurusan ?arc"ar .5 :ama orang tua siswa 6arc"ar 1% +elpon 6arc"ar 1/ ("oto siswa

3%

5 1 $ 3 4 1/ 11 11 0. N(. 1 . %

5lamat #e< 5gama &olongan (endidikan )abatan +ugas !oto 7d;mapel Prestasi

te<t ,num 6arc"ar 6arc"ar 6arc"ar 6arc"ar 6arc"ar 6arc"ar 6arc"ar

1/ 5 %/ ./ ./ %/ ./

5lamat staf )enis kelamin 5gama &olongan staf (endidikan staf )abatan staf +ugas staf !oto staf :ama mata pelajaran yang dipegang

Ta e$ 5.1, Prestasi Nama "ie$' 7d;pres (restasi +a"un T12e integer te<t 6arc"ar Si3e 5 *eterangan ode prestasi :ama prestasi +a"un penerimaan prsetasi

1%. N(. 1 . % 11. N(. 1 . %

"asi$itas Ta e$ 5.1/ "asi$itas Nama "ie$' 7d;fas !asilitas eterangan ("oto E)s)u$ Ta e$ 5.10 E)stra)uri)u$er Nama "ie$' 7d;eks ,kskul eterangan T12e integer ?arc"ar longte<t Si3e 5 %/ *eterangan ode ekstrakurikuler :ama ekstrakurikuler eterangan dari ekstrakurikuler T12e integer ?arc"ar longte<t ?arc"ar Si3e 5 ./ ./ *eterangan ode fasilitas :ama fasilitas eterangan dari fasilitas ("oto fasilitas

5.& Rancangan Sistem Secara Rinci (erancangan sistem secara rinci didasarkan pada rancangan umum yang tela" dibuat sebelumnya. omponen-komponen yang akan dirancang pada ta"ap

rancangan sistem secara rinci meliputi 9

3-

5.&.1

Perancangan M('e$ Secara Rinci (ada ta"ap ini alat sistem yang digunakan adala" >7(' (>ierarc"y (lus

7nput (rocess 'utput) dan 7(' (7nput (rocess 'utput). 5.&.1.1 .IP7 >7(' merupakan alat bantu yang digunakan untuk membuat spesifikasi program. >7(' digunakan untuk menggambarkan struktur program. >7(' dari sistem penggajian dapat digambarkan sebagai berikut 9

1. .IP7 Menu Utama

*enu 0tama

>ome

(rofil

Buku tamu

,kstrakurikuler

(egawai

#iswa

Berita

!asilitas

(restasi

)urusan

Gam ar 5.!% .IP7 Menu Utama

!.

.IP7 Pr(4i$
(rofil

#ejara"

(rofil

?isi *isi

Gam ar 5.!1 .IP7 Menu In2ut Data

&.

.IP7 Sta4
#taf

+amba"

#impan

Batal

>apus

35

Gam ar 5.!! .IP7 Sta4

-. Bu)u Tamu
Buku tamu

7si buku tamu

>apus

Gam ar. 5.!& Bu)u tamu

5. .IP7 Data Sis6a

#iswa

+amba"

#impan

Batal

>apus

Gam ar. 5.!- Sis6a

+. .IP7 Data *e$as

elas

+amba"

#impan

Batal

>apus

Gam ar. 5.!5 Data *e$as

,. .IP7 Data Ma2e$

31

*ata (elajaran

+amba"

#impan

Batal

>apus

Gam ar. 5.!+ Data Ma2e$

/. .IP7 Data Prestasi

(restasi

+amba"

#impan

#impan

>apus

Gam ar. 5.!, Data Prestasi

0. .IP7 5urusan
)urusan

+amba"

#impan

Batal

,dit

>apus

Gam ar 5.!/ Data 5urusan

1%. .IP7 "asi$itas

!asilitas

+amba"

#impan

Batal

,dit

>apus

Gam ar 5.!0 Data "asi$itas

11. .IP7 E)stra)uri)u$er

3$

,kskul

+amba"

#impan

Batal

,dit

>apus

Gam ar 5.&% Data "asi$itas 1!. .IP7 Pass6(r' A'min

(assword >alaman 5dmin

Gam ar 5.&1 .IP7 Pass6(r'

5.&.1.! IP7 C8art S1stem 7(' merupakan alat bantu yang berguna untuk menterjema"kan atau

memberi penjelasan terinci gambar-gambar yang ada pada >7('. #ecara garis besar 7(' merupakan peng"ubung antara seorang analis dengan programmer karena fungsinya menterjema"kan ba"asa pemrograman yang akan digunakan. 7(' juga untuk menjelaskan atau menjabarkan masukan8 proses dan keluaran yang terjadi pada form yang bersangkutan. 7(' sistem yang dibuat 9 1. IP7 L(gin A'min
7(' @"art #istem 9 Aebsite #* :,&,R7 % (5@7+5: Dipanggil dari +abel 5dmin 7nput 9 7d8 :ama8 (assword *emanggil 7d 'utput 9 *asuk ke"alaman 5dministrator

33

(roses 9 Buka file login admin Baca data admin yang dimasukkan (eriksa data login9 jika memasukkan data sala" atau kurang lengkap maka tampilkan pesan8 jika benar "alaman admin terbuka. +utup file

Gam ar 5.&! IP7 L(gin A'min

!. IP7 In2ut Sta4

7(' @"art #istem 9 Aebsite #* :,&,R7 % (5@7+5: Dipanggil 9 +able (egawai8 tabel mapel *emanggil 9 :7(8 id;mapel

7nput 9
:7(8nama8tmp;la"ir8 tgl;la"ir8 alamat8 se<8 agama8golongan8pendidikan8 jabatan8tugas8 p"oto id;mapel

'utput 9 >alaman pegawai8 "alaman jurusan

(roses 9 Buka file pegawai Baca data pegawai nip yang dimasukkan (eriksa data pegawai9 jika memasukkan data sala" atau kurang lengkap maka tampilkan pesan8 jika benar data tersimpan. *emanggil 9 Dipanggil 9 tersimpan :is87d;kelas8 7d;jur +able siswa8 tabel kelas8 tabel +utup file jurusan 7nput 9 :is8nama;siswa8tmp;la"ir8tgl;l a"ir8agama8alamat8asal;sekola" IP7 In2ut Sis6a 8t"nmasuk8id;kelas8id;jurusan8 nama;ortu8notelp8p"oto

Gam ar 5.&& IP7 In2ut Pega6ai

'utput 9 >alaman siswa

&.

7(' @"art #istem 9 Aebsite #* :,&,R7 % (5@7+5: (roses 9 Baca file siswa Baca data siswa yang dimasukkan (eriksa data siswa9 jika memasukkan data sala" atau kurang lengkap maka tampilkan pesan8 jika benar data tersimpan. +utup file

34

Gam ar 5.&- IP7 In2ut Sis6a &. IP7 In2ut Bu)u tamu
7(' @"art #istem 9 Aebsite #* :,&,R7 % (5@7+5: Dipanggil 9 +abel buku tamu 7nput 9 id;buku8 nama8alamat8email8tanggal8ja m8komentar *emanggil 9 7d;buku 'utput 9 >alaman buku tamu

(roses 9 Baca file buku tamu Baca data buku tamu yang dimasukkan (eriksa data buku tamu9 jika memasukkan data sala" *emanggil atau kurang9 lengkap Dipanggil 9 maka tampilkan pesan8 jika benar data tersimpan. 7d;kls tabel kelas +utup file 7nput 9 id;kls kelas 'utput 9 >alaman kelas8>alaman IP7 In2ut Sis6a siswa

Gam ar 5.&5

-. IP7 In2ut *e$as

(roses 9 Baca file kelas 7(' @"art Baca data siswa yang dimasukkan (eriksa data kelas9 jika memasukkan data sala" atau kurang lengkap maka tampilkan pesan8 jika benar data tersimpan +utup file

Gam ar 5.&+ IP7 In2ut *e$as

4/

#istem 9 Aebsite #* :,&,R7 % (5@7+5:

5. IP7 In2ut 5urusan

7(' @"art #istem 9 Aebsite #* :,&,R7 % (5@7+5: Dipanggil 9 +abel )urusan8 (egawai *emanggil 9 7d;jur8 :7(

7nput 9 7d;jur8 )urusan8 :7(8 keterangan8

'utput 9 >alaman )urusan8 "alaman siswa

(roses 9 Buka file jurusan (eriksa data jurusan9 jika memasukkan data sala" atau kurang lengkap maka tampilkan pesan8 jika benar data tersimpan +utup file *emanggil 9 Dipanggil 9 7d;mapel +abel *apel

Gam ar 5.&, IP7 In2ut 5urusan

+. IP7 In2ut 7nput 9 Mata Pe$a9aran

7d;mapel8 mapel 7(' @"art #istem 9 Aebsite #* :,&,R7 % (5@7+5:

'utput 9 >alaman staf

(roses 9 Buka file jurusan (eriksa data mapel9 jika memasukkan data sala" atau kurang lengkap maka tampilkan pesan8 jika benar data tersimpan. +utup file

41

Gam ar 5.&/ In2ut Mata Pe$a9aran

,. IP7 In2ut "asi$itas

7(' @"art #istem 9 Aebsite #* :,&,R7 % (5@7+5:

Dipanggil 9 +abel fasilitas

*emanggil 9 7d;fas

7nput 9 7d;fas8 fasilitas8 keterangan8 p"oto

'utput 9 >alaman fasilitas

(roses 9 Buka file fasilitas (eriksa data fasilitas9 jika memasukkan data sala" atau kurang lengkap maka tampilkan pesan8 jika benar data tersimpan. +utup file

Gam ar 5.&0 In2ut "as$itas

4.

/. IP7 In2ut Prestasi

7(' @"art #istem 9 Aebsite #* :,&,R7 % (5@7+5:

Dipanggil 9 +abel prestasi

*emanggil 9 7d;pres

7nput 9 7d;pres8 prestasi8 ta"un

'utput 9 >alaman prestasi

(roses 9 Buka file (restasi (eriksa data prestasi9 jika memasukkan data sala" atau kurang lengkap maka tampilkan pesan8 jika benar data tersimpan +utup file

Gam ar 5.-% In2ut Prestasi

0. IP7 In2ut In4(rmasi

7(' @"art #istem 9 Aebsite #* :,&,R7 % (5@7+5: Dipanggil 9 +able 7nformasi Dipanggil 9 7d;info8judul8tanggal8jam8 isi8pengirim8gambar *emanggil 9 7d;info

'utput 9 >alam 7nformasi

(roses 9 Buka *enu 2aporan (eriksa data informasi9 jika memasukkan data sala" atau kurang lengkap maka tampilkan pesan8 jika benar data tersimpan +utup file

Gam ar 5.-1 IP7 In2ut In4(rmasi

1%. IP7 In2ut E)stra)uri)u$er

4%

7(' @"art #istem 9 Aebsite #* :,&,R7 % (5@7+5: Dipanggil 9 +abel ,kstrakurikuler Dipanggil 9 7d;eks8 ekskul8 keterangan *emanggil 9 7d;ekskul

'utput 9 >alaman ekstrakurikuler

(roses 9 Buka *enu ekskul (eriksa data ekskul9 jika memasukkan data sala" atau kurang lengkap maka tampilkan pesan8 jika benar data tersimpan +utup file

Gam ar 5.-! IP7 In2ut Mata Pe$a9aran

11. IP7 In2ut Banner

7(' @"art #istem 9 Aebsite #* :,&,R7 % (5@7+5: Dipanggil 9 +abel Banner Dipanggil 9 7d;banner8 nama8 gambar *emanggil 9 7d;banner

'utput 9 >alaman banner

(roses 9 Buka *enu banner (eriksa data ekskul9 jika memasukkan data sala" maka tampilkan pesan8 jika benar data tersimpan +utup file

Gam ar 5.-& IP7 In2ut Mata Pe$a9aran

4-

5.- Rancangan sistem 1ang 'iusu$)an 5.-.1 Rancangan In2ut Secara Rinci

a. Rancangan Menu Utama:In'e; >alaman utama dari website ini adala" tampilan pertama kali yang keluar apabila membuka dari website #* :,&,R7 % (5@7+5:. !orm ini

terdapat beberapa menu pili"an lagi mengakses informasi yang lain seperti menu pili"an profil8 buku tamu8 ekstrakurikuler8 staf8 siswa8 informasi8 fasilitas8 prestasi.

>eader SM* NEGERI & PACITAN home |staf |siswa |buku |info | prestasi
(rofil #* % (acitan ,kskul

!'+' #,,#,#, +eks

(rogram kea"lian

*acam eksul

7klan

!asilitas

Gam ar 5.-- Rancangan .a$aman Menu Utama

45

. Rancangan "(rm L(gin A'min >eader SM* NEGERI & PACITAN

2ogin 5dmin
5dmin;id (assword <<<<<< ' Gam ar 5.-5 Rancangan .a$aman L(gin

!orm ini digunakan untuk masuk kedalam "alaman administrasi. +idak semua pengunjung website bole" masuk ke"alaman ini karena "alaman ini "anya diperuntukkan untuk seorang administrator.

c. Rancangan .a$aman In2ut Bu)u Tamu >eader SM* NEGERI & PACITAN home |staf |siswa |buku |info | prestasi
(rofil #* % (acitan
isi data diri dan komentar 5nda :ama 5lamat ,mail omentar

,kskul

(rogram kea"lian

7klan

!asilitas

irim

0lang

Daftar +amu yang #uda" Berkunjung

:ama eterangan

41

Gam ar 5.-+Rancangan .a$aman Bu)u tamu

'. Rancangan .a$aman In2ut Data Sta4 !orm ini di gunakan untuk menginputkan data guru dan staf sekola". *enu tamba" digunakan untuk menamba" data baru8 menu simpan untuk menyimpan data baru ataupun data yang suda" di edit dan menu batal untuk membatalkan data yang diisi. Dalam kolom proses terdapat menu edit dan "apus yang digunakan untuk mengedit apabila ada data yang sala" atau ada tamba"an data yang belum dimasukkan sedangkan menu "apus digunakan untuk meng"apus data-data guru dan staf yang suda" tidak lagi bekerja di #* :,&,R7 % (5@7+5:.

>,5D,R

INPUT DATA PEGA<AI

:7(<<<<<:ama<<<<<+mpla"ir <<<<<+gl;la"ir<<<<< (format xx-xx-xxxx)5lamat<<<<<#e< '

Menu Edit INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23sis2a$php" Data 4is2a INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho235u/usan$php" P/o"/am .ea INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' #impan Batal MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23%asilitas$php" )asilitas INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23mapel$php" Mata Pela5a/a INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET

e.

INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET 4$ ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23ekskul$php" Ekst/akulikul INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23in%o$php" 6e/ita / In%o INCLUDEPICTURE Gam ar 5.-, Rancangan .a$aman In2ut Data Sta4 "http://localhost/sm kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23p/estasi$php" P/estasi Rancangan .a$aman In2ut Data Sis6a INCLUDEPICTURE "http://localhost/sm kn ! !orm ini digunakan untuk menginputkan data siswa. *enu tamba" digunakan pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho237uku$php" 6uku Tamu untuk menamba" data baru8 menu simpan untuk menyimpan data baru INCLUDEPICTURE "http://localhost/sm kn ! ataupun data yang suda" diedit. Dalam kolom proses terdapat menu edit dan pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho237ane/$php" Iklan "apus yang digunakan untuk mengedit apabila ada data yang sala" atau ada INCLUDEPICTURE "http://localhost/sm tamba"an data yang belum dimasukkan sedangkan menu "apus digunakan kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET untuk meng"apus data-data siswa yang suda" keluar atau suda" tamat di #* ,-PERLIN. "http://localhost/smkn !pct/administ/ato//lo"out$php" Lo"*ut

:,&,R7 % (5@7+5:.

>,5D,R

INPUT DATA SIS<A

Menu Edit &ambar

:7(<<<<<:ama<<<<<+pla"ir<<<<<+gl;la"ir<<<<<5gama<<<< 5lamat<<<<<#e< <<<< 5sal;sekola"<<<<<7d;kelas<<<<<7d;jurusan<<<<<:ama;ortu<<<<<:otelp<<<<<("oto <<<<<

INCLUDEPICTURE SM* MU.AMMADI=A. CA<AS *LATEN "http://localhost/sm kn ! pct/ima"es/#$"i%" &' buku info staf siswa kelas ekstrakurikuler fasilitas jurusan Banner mapel prestasi logout MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23sis2a$php" Data 4is2a INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho235u/usan$php" P/o"/am INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' #impan Batal MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23%asilitas$php" )asilitas INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23mapel$php" Mata Pela5a INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &'

4.

INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' 43 MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23ekskul$php" Ekst/akulik INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23in%o$php" 6e/ita / In%o INCLUDEPICTURE "http://localhost/sm kn ! Gam ar 5.-/ Rancangan .a$aman In2ut Data Sis6a pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23p/estasi$php" P/estasi INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' Rancangan .a$aman In2ut Data *e$as MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho237uku$php" 6uku Tamu !orm INCLUDEPICTURE ini digunakan untuk menyimpan data kelas. *enu tamba" digunakan "http://localhost/sm kn ! untuk menamba" data pct/ima"es/#$"i%" &'baru8 menu simpan untuk menyimpan data baru atau MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho237ane/$php" Iklan pun data yang suda" diedit. Dalam kolom proses terdapat menu edit dan "apus INCLUDEPICTURE "http://localhost/sm kn ! yang digunakan untuk mengedit dan meng"apaus data kelas yang ada di #* pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//lo"out$php" Lo"*ut :,&,R7 % (5@7+5:.

>,5D,R

Menu Edit

)a2asitas DataSiswa &ambar >>>; ProgramKeahlian SM* MU.AMMADI=A. CA<AS *LATEN Fasilitas MataPelajaran #impan Batal prestasi logout buku info staf siswa kelas ekstrakurikuler fasilitas jurusan Banner mapel Kelas Ekstrakulikuler Berita/ Info Prestasi

INPUT DATA SIS<A )e$as >

Gam ar 5.-0 Rancangan .a$aman In2ut Data *e$as

g. Rancangan .a$aman In2ut Mata Pe$a9aran

44

!orm ini digunakan untuk menyimpan data mata pelajaran yang berisi tentang nama mata pelajaran. *enu tamba" digunakan untuk menamba" data baru8 menu simpan untuk menyimpan data baru atau pun data yang suda" diedit. Dalam kolom proses terdapat menu edit dan "apus yang digunakan untuk mengedit dan meng"apaus mata pelajaran yang ada di #* (5@7+5:. >,5D,R :,&,R7 %

8.

Menu Edit INCLUDEPICTURE INPUT DATA SIS<A "http://localhost/sm Mata Pe$a9aran;;;;; kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET Batal #impan ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23sis2a$php" Data 4is INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho235u/usan$php" P/o"/a INCLUDEPICTURE Gam ar 5.5% Rancangan .a$aman In2ut Data Mata Pe$a9aran "http://localhost/sm kn ! .a$aman In2ut 5urusan Rancangan pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23%asilitas$php" )asilit !orm ini digunakan untuk menyimpan data mata pelajaran yang berisi tentang INCLUDEPICTURE "http://localhost/sm kode mata kn ! pelajaran berikut nama mata pelajaran. *enu tamba" digunakan pct/ima"es/#$"i%" &' MER(E)*RM+TINET untuk menamba" baru8 menu simpan untuk menyimpan data baru atau ,-PERLIN. data "http://localhost/smkn !pct/administ/ato//inde0$php1sho23mapel$php" Mata Pe INCLUDEPICTURE "http://localhost/sm pun data yang suda" diedit. Dalam kolom proses terdapat menu edit dan "apus kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET yang digunakan untuk mengedit dan meng"apaus mata pelajaran yang ada di ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23kelas$php" .elas INCLUDEPICTURE "http://localhost/sm #* :,&,R7 % (5@7+5:. kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23ekskul$php" Ekst/ak >,5D,R INCLUDEPICTURE "http://localhost/sm Menu kn ! Edit INCLUDEPICTURE pct/ima"es/#$"i%" &' INPUT DATA 5URUSAN "http://localhost/sm MER(E)*RM+TINET 5urusan;;;;;*a9ur;;;;*eterangan;;;;; kn ,-PERLIN. ! "http://localhost/smkn !pct/administ/ato//inde0$php1sho23in%o$php" 6e/ita / In pct/ima"es/#$"i%" &' INCLUDEPICTURE MER(E)*RM+TINET "http://localhost/sm ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23sis2a$php" Data 4is2a kn ! INCLUDEPICTURE pct/ima"es/#$"i%" &' "http://localhost/sm MER(E)*RM+TINET #impan Batal kn ,-PERLIN. ! "http://localhost/smkn !pct/administ/ato//inde0$php1sho23p/estasi$php" P/esta pct/ima"es/#$"i%" &' INCLUDEPICTURE MER(E)*RM+TINET "http://localhost/sm ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho235u/usan$php" P/o"/am kn ! INCLUDEPICTURE pct/ima"es/#$"i%" &' "http://localhost/sm MER(E)*RM+TINET

5.5

MER(E)*RM+TINET "http://localhost/sm ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23%asilitas$php" )asilitas kn ! INCLUDEPICTURE pct/ima"es/#$"i%" &' "http://localhost/sm MER(E)*RM+TINET kn ,-PERLIN. ! 1// "http://localhost/smkn !pct/administ/ato//inde0$php1sho237ane/$php" Iklan pct/ima"es/#$"i%" &' INCLUDEPICTURE MER(E)*RM+TINET "http://localhost/sm ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23mapel$php" Mata Pela5 kn ! INCLUDEPICTURE pct/ima"es/#$"i%" &' "http://localhost/sm MER(E)*RM+TINET kn ,-PERLIN. ! "http://localhost/smkn !pct/administ/ato//lo"out$php" Lo"*ut pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23kelas$php" .elas INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' Gam ar 5.51 Rancangan .a$aman In2ut Data 5urusan MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23ekskul$php" Ekst/akuli INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23in%o$php" 6e/ita / In%o INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho23p/estasi$php" P/estasi INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho237uku$php" 6uku Tamu INCLUDEPICTURE "http://localhost/sm kn ! pct/ima"es/#$"i%" &' MER(E)*RM+TINET ,-PERLIN. "http://localhost/smkn !pct/administ/ato//inde0$php1sho237ane/$php" Iklan INCLUDEPICTURE "http://localhost/sm kn ! Im2$ementasi pct/ima"es/#$"i%" &' MER(E)*RM+TINET 7mplementasi sistem merupakan ta"ap meletakkan sistem yang Lo"*ut baru di ,-PERLIN. "http://localhost/smkn !pct/administ/ato//lo"out$php"

kembangkan supaya nantinya sistem tersebut siap untuk di operasikan sesuai dengan "arapan. #ala" satu yang termasuk dalam ta"ap ini adala" kegiatan menulis kode program yang di gunakan. 5dapun tujuan dari ta"ap implementasi ini adala" menyiapakan semua kegiatan penerapan sistem sesuai dengan rancangan yang tela" ditentukan.

5.5.1

*egiatan Im2$ementasi

1/1

egiatan implementasi dilakukan sesuai dengan rencana yang tela" dirancang dan di susun sebelumnya. 5dapun kegiatan yang dilakukan dalam ta"ap implementasi ini adala" sebagai berikut9 a. Pemi$i8an 'an Pe$ati8an Pers(ni$ (emili"an dan pelati"an personil dalam sistem informasi merupakan sala" satu faktor yang perlu diper"atikan8 karena keber"asilan dalam pelaksanaannya ditentukan ole" personil yang ada dalam sistem itu sendiri8 personil dalam sistem "arus mempunyai pengeta"uan yang cukup tentang sistem yang ada juga posisi dan tugas-tugas mereka. Dalam pemili"an ini dilakukan dengan cara (ersonil 7nput-output Data8 yang artinya adala" pemili"an yang dilakukan guna menangani pemasukan data dan distribusi output dengan segala bagian yang ber"ubungan dengan sistem 7nformasi yang baru. #yarat utama personil ini seperti9 mampu mengoperasikan komputer8 mampu mengoperasikan database8 mengerti database. 5dapaun pendekatan yang digunakan untuk melakukan pelati"an personil yang suda" terpili" pada sistem ini adala" sebagai berikut 9 1. (elati"an (rosedural (elati"an yang dilakukan dengan menyediakan kepada setiap personil berupa prosedur-prosedur tertulis yang dapat menjelaskan sistem maupun tugas-tugas yang "arus dilakukan personil. .. (elati"an +utorial

1/.

(elati"an ini merupakan ta"ap kelanjutan dari pelati"an secara prosedural dengan memberikan bimbingan-bimbingan langsung ter"adap tugas-tugas setiap personil. %. (elati"an 2angsung di (ekerjaan *emberikan bimbingan atau pelati"an langsung kepada personil yang terpili" dan meletakkan pada posisi pekerjaannya dalam pengoperasiaan sistem serta bagaimana mempersiapakan input8 memproses dan mengoperasikan sistem merawat dan menjaga sistem. . Insta$asi Sistem egiatan instalasi ini tidak sepenu"nya dilakukan ole" pi"ak pengembang sistem. (engembang sistem disini "anya bertugas mengupload file. +ujuan kegiatan mempersiapkan instalasi ini sedemikian rupa agar memberikan kenyamanan dan keamanan dalam bekerja. 5.5.! Pem(graman 'an Pengetesan Pr(gram

5.5.!.1 Pem(graman (emograman merupakan ta"ap impelementasi dimana dilakukan

pengkodean berdasarkan "asil rancangan perangkat lunak yang tela" dibuat se"ingga berbentuk sistem yang sedemikian rupa seperti yang tela" direncanakan. (engkodean ini dilakukan dengan menggunakan ba"asa pemograman (>( dan >+*2 sedangkan databasenya adala" *y#C2 yang berjalam pada sistem operasi Aindows D(.

1/%

5.5.!.! Pengetesan Pr(gram (engetesan program dilakukan untuk menemukan kesala"an-kesala"an. (rogram dites untuk tiap-tiap form dan dilanjutkan dengan pengetesan untuk semua form yang tela" dirangkai. esala"an dari program yang mungkin terjadi

dapat diklasifikasikan dalam tiga bentuk kesala"an 9 1. esala"an ba"asa (language errors) E kesala"an penulis (syntax errors) E kesala"an tata ba"asa (grammatical errors) Faitu kesala"an di dalam penulisan source program yang tidak sesuai dengan yang tela" disyaratkan. esala"an ini relatif muda" ditemukan dan diperbaiki8 karena kompiler akan memberita"ukan letak dan sebab kesala"annya sewaktu program dikompilasi. .. esala"an sewaktu proses (run-time errors) Faitu kesala"an yang terjadi sewaktu executable program dijalankan. esala"an ini akan menyebabkan proses program ber"enti sebelum selesai pada saatnya8 karena compiler menmukan kondisi-kondisi yang belum terpenu"i yang tidak bisa dikerjakan. letak serta sebab kesala"annya. %. esala"an logika (logical errors) Faitu kesala"an dari logika program yang dibuat. esala"an ini sulit esala"an ini juga akan ditunjukkan

ditemukan karena tidak ada pemberita"uan mengenai kesala"annya dan tetap akan didapatkan "asil dari proses program8 tetapi "asilnya sala". @ara mencari kesala"an logika dapat dilakukan dengan test data8 yaitu dengan menjalankan program menggunakan data tertentu dan

1/-

membandingkan "asil pengola"annya dengan "asil yang suda" diketa"ui. Bila "asilnya berbeda berarti mengalami kesala"an dan "arus dilacak serta ditemukan sebab-sebab kesala"annya. 2angka"-langka" pengetesan program 9 1. (engetesan form (engetesan form merupkan pengetesan per form dapat berupa pengetesan program utama atau sub program. #etiap form yang dijalankan akan dicek apaka" ada kesala"an atau tidak8 baik itu kesala"an penulisan8 kesala"an waktu poses atau kesala"an logika. .. (engetesan program (engetesan program merupakan pengetesan form-form yang suda" terintegrasi dan bertujuan untuk memasikan ba"wa semua form dapat bekerja sebagaimana mestinya. (ada pengetesan ini yang dijalankan adala" form utama dalam "al ini adala" form login8 apaka" form login suda" diintegrasikan dengan form yang lain. #etela" dijalankan maka akan tampil menu login dimana di dalam menu ini bagian administrator "arus login terlebi" da"ulu supaya form administrator bisa dipanggil. #etiap tombol dicoba dijalankan apaka" suda" sesuai dan ter"ubung ke form-form yang ber"ubungan atau belum.

5.5.&

U9i C( a Sistem

1/5

(engetesan sistem dilakukan setela" pengetesan program8 dilakukan ntuk memeriksa kekompakan antar komponen sistem yang diimplementasi. +ujuan utama dari pengetesan sistem ini adala" untuk memastikan ba"wa elemen-elemen komponen dari sistem tela" berfungsi sesuai dengan yang di"arapkan. #elain itu tes sistem bertujuan untuk memastikan bagaimana mekanisme perlindungan yang dibuat sistem ter"adap "al-"al yang mungkin terjadi misalnya penggunaan dari orang-orang yang tidak berkepentingan. (engetesan perlu dilakukan untuk mencari kesala"an-kesala"an atau kelema"an-kelema"an yang mungkin masi" terjadi. (engetesan sistem termasuk pengetesan program secara keseluru"an8 artinya walaupun masing-masing program tela" berjalan dengan benar dan baik bukan berarti program tersebut juga akan dapat berjalan dengan program lainnya dalam sistem dengan baik. umpulan dari semua program yang tela" diintegrasikan perlu dites kembali untuk meli"at apaka" suatu program dapat menerima input data dengan baik8 dapat memposesnya dengan baik dan dapat memberikan output kepada program yang lainnya.

5.+.- *(n#ersi Sistem on6ersi sistem merupakan (roses untuk meletakan sistem baru supaya siap mulai untuk dapat digunakan. 5da beberapa metode dalam kon6ersi sistem 9 a. on6ersi 2angsung (Direct on!ersion) on6ersi ini dilakukan dengan mengganti secara langsung sistem lama dengan sistem yang baru.

1/1

b.

on6ersi (aralel (Parallel on!ersion) Di dalam kon6ersi paralel ini sistem baru dan sistem lama dioperasikan secara bersama-sama dalam jangka waktu tertentu. edua sistem ini

dioperasikan secara bersama-sama untuk meyakinkan ba"wa sistem yang baru tela" benar-benar beroperasi dengan sukses sebelum sistem lama di"entikan. c. on6ersi perconto"an (Pilot on!ersion) on6ersi perconto"an dilakukan bila beberapa sistem yang sejenis akan diterapkan pada beberapa area yang terpisa". on6ersi ini dilakukan pada

sebua" unit organisasi terlebi" da"ulu dan dinilai operasinya. )ika sistem yang baru tela" dapat beroperasi dengan sukses maka sistem ini mulai diterapkan ke semua bagian yang lain. d. on6ersi Berta"ap (Phased on!ersion) on6ersi ini dilakukan dengan menerapkan masing-masing form sistem yang berbeda secara urut. +iap-tiap form dioperasikan terlebi" da"ulu dan jika tela" sukses maka disusul ole" form lainnya dan seterusnya sampai semua form ber"asil dioperasikan. Berdasarkan metode kon6ersi yang ada8 pendekatan yang lebi" sesuai dengan resiko kegagalan relatif kecil untuk melakukan kon6ersi sistem8 yaitu dengan pendekatan (aralel8 yaitu dengan mengoperasikan sistem yang baru bersama-sama sistem yang lama sselama satu periode waktu tertentu. #istem 7nformasi berbasis web dioperasikan bersama dengan sistem yang berjalan untuk meyakinkan ba"wa sistem benar-benar beroperasi dengan sukses.

1/$

5.+.5

Peme$i8araan Sistem *aksud dan tujuan dari proses pemeli"araan sistem ini adala" untuk

mencega" dan memperbaiki8 menjaga8 mengoreksi kesala"an-kesala"an yang sengaja maupun yang tidak disengaja dan agar sistem tetap berjalan serta tepat guna sebagaimana mestinya. Beberapa "al yang perlu diper"atikan dalam pemeli"araan sistem yaitu 9 1. Dari "asil implementasi sistem "arus dili"at kembali apaka" suda" sesuai dengan rancangan yang tela" disusun sebelumnya8 dan apaka" tela" mampu meng"asilkan informasi-informasi yang dibutu"kan pemakai. )ika belum sesuai maka kita bisa mengoreksi atau memperbaiki program se"ingga sesuai dengan kebutu"an. .. *enyiapkan bac"up dan keamanan software maupun hardware# $ac"up data ataupun bac"up program dilakukan untuk mengantisipasi terjadinya gangguan mekanisme sistem yang sedang berjalan8 seperti "ilangnya program karena "ardware dalam kondisi rusak atau ada pemadaman listrik secara mendadak. $ac"up data dan bac"up program "arus dijaga keamanannya dari orang-orang yang tidak berkepetingan.

5.+ Manua$ Pr(gram *anual program ini bertujuan untuk membantu pemakai website ini agar dapat menjalankan sistem yang dibuat penulias se"ingga memuda"kan dalam pengoperasiannya. a. +ampilan >alaman 0tama E7nde<

1/3

(ada menu ini disediakan beberapa sub menu diantaranya yaitu 9 >ome8 digunakan untuk kembali menu inde< (rofile8 digunakan untuk masuk ke"alaman profil sekola" Buku tamu8 digunakan untuk masuk ke"alaman pengunjung website #taff 8 digunakan untuk masuk ke"alaman staf #iswa8 digunakan untuk masuk ke"alaman siswa 7nformasi8 digunakan untuk masuk ke"alaman berita dan pengumuman (restasi8 digunakan untuk masuk ke"alaman prestasi sekola" !asilitas8 digunakan untuk masuk ke"alaman fasilitas sekola" (rogram ea"lian8 untuk masuk ke"alaman jurusan yang ditawarkan ,kstrakurikuler8 digunakan untuk masuk ke "alaman ekstrakurikuler elas8 digunakan untuk masuk ke "alaman kelas

b. >alaman (rofil

1/4

>alaman ini berisi tentang profile sekola" profil singkat8 6isi dan misi sekola". 0ntuk masuk ke"alaman-"alaman tersebut tinggal klik saja pada "alaman yang diinginkan.

c. >alaman Buku tamu

11/

>alaman ini memberikan form tersendiri untuk para pengunjung website untuk memberikan komentarnya maupun saran pada pi"ak sekola".

d. >alaman (rogram ea"lian

111

>alaman ini menampilkan informasi tentang program ke"lian yang ada di #* :,&,R7 % (5@7+5: dimana jurusan-jurusan tersebut mempunyai

bidang-bidang kea"lian-kea"lian sendiri-sendiri.

e. >alaman #taf

>alaman ini menampilkan informasi tentang staf-staf :,&,R7 % (5@7+5:

yang ada di #*

11.

f. >alaman #iswa

>alaman ini menampilkan informasi tentang data-data siswa yang ada di #* :,&,R7 % (5@7+5: berdasarkan kelas yang dipili".

g. >alaman !asilitas

11%

>alaman ini menginformasikan tentang fasilitas-fasilitas yang ada di #* :,&,R7 % (5@7+5: yang dapat melengkapi kegitan belajar mengajar.

". >alaman 0tama 5dministrator

>alaman utama yang memiliki beberapa menu pili"an bagi administrator untuk mengelola website ini.menu-menu tersebut adala" buku tamu8 informasi8 staf8 siswa8 ekstrakurikuler8 fasilitas8 jurusan8 iklan8 mapel8 prestasi dan logout.

11-

i. >alaman 7nput Data #taf

>alaman ini untuk mengelola "alaman semua staf yang ada di #*

:,&,R7

% (5@7+5:. >alaman ini menyediakan pengelolaan guna menginputkan data staf8 mengedit data staf dan meng"apus data staf.

j. >alaman 7nput Data #iswa

115

>alaman ini digunakan untuk mengelola data siswa8 dari melakukan penginputan data8 pengeditan8 dan peng"apusan data siswa.

k. >alaman 7nput 7nformasi

>alaman ini digunakan untuk menginputkan informasi yang berada diseputar #* :,&,R7 % (5@7+5:8 pada "alaman informasi terdapat nama dari penulis

informasiEberita8 judul serta isi informasi.

111

l. >alaman 7nput )urusan

>alaman ini digunakan untuk menginputkan jurusan-jurusan yang ada di #* atau :,&,R7 % (5@7+5:8 pada "alaman jurusan terdapat jurusan8 kajur epala )urusan serta keterangan dari jurusan tersebut8 dan data yang

suda" ada bisa di"apus dan diedit.