ONLINE STUDENT ACADEMIC INFORMATION SYSTEM

(1)

SISTEM INFORMASI AKADEMIK SISWA ONLINE

(Studi Kasus di SMP Negeri 1 Yogyakarta)

SKRIPSI

Untuk Memenuhi Salah Satu Syarat Kelulusan

Program Sarjana (S-1)

Teknik Informatika

Oleh :

Evangeline T F Wullur

005314083

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS SANATA DHARMA

YOGYAKARTA

2007

(2)

ONLINE STUDENT ACADEMIC INFORMATION SYSTEM

(Case Study at SMP Negeri 1 Yogyakarta)

FINAL PROJECT

Presented as Partial Fulfillment of the Requirement

To Obtain The Sarjana Teknik Degree

In Informatics Engineering

By :

005314083

INFORMATICS ENGINEERING STUDY PROGRAM

DEPARTMENT OF INFORMATICS ENGINEERING

FACULTY OF SCIENCE AND TECHNOLOGY

SANATA DHARMA UNIVERSITY

YOGYAKARTA

2007

(3)

(4)

(5)

Untuk Papa dan Mama

…

(6)

MOTTO

Kekuatan di hidupku kudapat dalam Yesus, Dia tak pernah tinggalkanku, setia

menopangku… Berseru, berharap dalam Yesus…

- Edward Chen

Do all the goods you can, All the best you can, In all times you can, In all

places you can, For all the creatures you can.

–

Anonim

Hal-hal besar tidak dicapai secara tiba-tiba, melainkan melalui perpaduan dari

serentetan hal-hal kecil yang dilakukan dengan baik dan sempurna

- Vincent Van Gogh

There are no secrets to success. It's the result of preparation, hard working, &

learning from failures

-

Collin Powell

"Kecerdasan tidak banyak berperan dalam proses penemuan. Ada suatu

lompatan dalam kesadaran, sebutlah itu intuisi atau apapun namanya, solusinya

muncul begitu saja dan kita tidak tahu bagaimana atau mengapa."

- Albert Einstein

A Champion is someone who always try to get up even when he/she can`t

- Anonim

hasta la victoria, siempre ! - Forever, until victory! (Keep fighting until victory!)

- Che Guevara

(7)

ABSTRAKSI

Pemantauan terhadap hasil belajar siswa merupakan tanggung jawab

bersama antara pihak sekolah dengan orang tua/wali siswa. Oleh karena itu,

sekolah harus membuat laporan hasil belajar siswa, agar orang tua dan pihak

sekolah yang berkepantingan mendapatkan laporan hasil belajar siswa dengan

mudah dan cepat.

Kendala yang dihadapi adalah kurang cepatnya pelayanan akademik yang ada di

sekolah, karena masih menggunakan cara manual.

Sistem Informasi Akademik Siswa Online dibangun untuk membantu

orang tua/wali siswa dalam pengaksesan informasi akademik siswa, khususnya

informasi nilai.

Aplikasi ini dikhususkan bagi guru dan pegawai Tata Usaha yang masih

aktif, serta siswa/wali siswa yang masih aktif.

Untuk dapat menggunakan aplikasi ini, pengguna memerlukan komputer yang

terhubung dengan jaringan internet.

Aplikasi ini dibangun menggunakan bahasa pemrograman PHP dan

MySQL sebagai pengolah basis datanya.

(8)

ABSTRACT

The observation of the student’s report was the responsibility between the

school and the parents. That is why the school have to make the student’s report,

so the parents and the related school subsection could gaining the informations

faster and easier.

One of the obstacle in the education service was the manual system that is make

everything goes slowly.

The Online Information System of Student’s Academic was developed to

help the parents to gained the student’s academic report, especially in their grade.

This application was developed for the active administrative officers, the

active teachers and the active students.

To use this application, the online connected computer was required.

This application was developed using PHP programming language and

OBDC MySQL as the database service.

(9)

PERNYATAAN KEASLIAN NASKAH

Saya menyatakan dengan sesungguhnya bahwa, skripsi yang saya tulis ini tidak

memuat karya atau bagian karya orang lain, kecuali yang telah disebutkan dalam

kutipan dan daftar pustaka, sebagaimana layaknya karya tulis ilmiah.

Yogyakarta, September 2007

Penulis

(10)

KATA PENGANTAR

Puji dan syukur penulis panjatkan kepada Tuhan Yesus Kristus atas berkat dan

karunia-Nya sehingga penulis dapat menyelesaikan skripsi dengan judul “Sistem

Informasi Akademik Siswa Online (Studi Kasus di SMP Negeri 1 Yogyakarta)”.

Skripsi ini disusun untuk memenuhi salah satu syarat guna menyelesaikan

program studi Strata-1 pada Program Studi Teknik Informatika Fakultas Sains dan

Teknologi Universitas Sanata Dharma Yogyakarta.

Dalam penyusunan dan penyelesaian skripsi ini penulis telah banyak

memperoleh bantuan dari berbagai pihak. Oleh karena itu, pada kesempatan ini

penulis ingin menyampaikan ucapan terima kasih yang sebesar-besarnya kepada :

1.

Ir. Gregorius Heliarko S.J.,S.S.,B.S.T,M.A.,M.Sc., selaku Dekan Fakultas

Sains dan Teknologi Universitas Sanata Dharma Yogyakarta.

2.

Agnes Maria Polina, S.Kom., M.Sc., selaku ketua Program Studi Teknik

Informatika, yang senantiasa memberikan masukan atas langkah-langkah yang

harus diambil oleh penulis dalam proses menuju Ujian Tugas Akhir.

3.

JB. Budi Darmawan, S.T., M.Sc., selaku dosen pembimbing pertama yang

telah banyak membantu penulis dalam proses penelitian dan penyusunan

naskah penelitian.

4.

Bernardinus Sri Widodo, S.T., selaku dosen pembimbing kedua yang telah

banyak membantu penulis dalam penyusunan usulan penelitian dan penelitian.

5.

Ridowati Gunawan, S.Kom., M.T., selaku ketua tim penguji atas saran serta

kritiknya.

(11)

6.

Drs. Stephanus Hari Suparwito, S.J., M.App.IT., selaku sekretaris tim penguji

atas saran dan kritiknya.

7.

Bapak Emanuel Bele Bau SPd, Sdr(i) Fatimah Sina dan Sdr Agus selaku

laboran Komputer Lanjut atas bantuan serta dukungan yang diberikan kepada

penulis.

8.

Staff Sekretariat Teknik yang telah membantu dalam penyediaan informasi

akademik yang diperlukan penulis.

9.

Kedua orang tua penulis, yang selalu memberikan dukungan doa, dukungan

moril dan bantuan finansial selama penulis menjalankan masa perkuliahan di

Universitas Sanata Dharma Yogyakarta.

10.

Bobby J. H, atas doa, dorongan, semangat, kepercayaan, kesabaran, cinta yang

selalu diberikan kepada penulis.

11.

Kakak dan Adik penulis, Nana, Jack dan Bayu atas doa dan dukungannya.

12.

Tante Ike, Rini dan Mas Totok, atas segala bantuan, dorongan, doa dan

semangat yang diberikan kepada penulis dan telah menyediakan tempat

tinggal bagi penulis selama menyelesaikan skripsi.

13.

Keluarga di Manado, Tante Eche, Ma Anne, Tante Ruth, Mama Ani Lies,

yang telah memberikan dukungan doa bagi penulis sewaktu akan menghadapi

Ujian Tugas Akhir.

14.

Keluarga di Surabaya, Tim Doa Bethany, Tante Dika, Tante Suzan, Tante

Yanti, Om Frans, Joddy, Stella, Cilya dan semua yang telah memberikan

dukungan doa bagi penulis sewaktu akan menghadapi Ujian Tugas Akhir.

(12)

15.

Teman-teman yang telah bersama-sama menempuh pendidikan di Prodi

Teknik Informatika Sanata Dharma Yogyakarta, khususnya angkatan 2000,

Gina, Linda, Lisan, Merry, Wiwin, Dion, Dewa, Danang, Gundul, Chandra,

Pande, Bowo, Yudhi, Dwi, Erwin dan lain-lain.

16.

Penghuni Pondok Morelia, Bapak Sutrisno, Ibu Endang, Mas Jarrot, Ellen,

Tari, Toro, Kopling, Pak Muhdi untuk kebersamaan selama di Morelia.

17.

Teman-teman Kost Canna, Isma, Ohaq, Yuli, Winda, Dewi, Cahya, Mitha,

Nita, Ayu untuk kebersamaan selama di Canna.

18.

Teman-teman di Surabaya, Nydda, Monic, Jean, Linda, Mia atas motivasi,

semangat, dukungan, dan doa yang telah diberikan kepada penulis.

19.

Teman-teman di Makassar, Olly, Bethy, Ipeh, Lena, Jeffry, Suri, Dian yang

telah menjadi motivator bagi penulis.

20.

Semua pihak yang telah membantu penulis dalam menyelesaikan skripsi.

Penulis menyadari bahwa skripsi ini masih jauh dari sempurna. Atas

keterbatasan dan kekurangan dalam penulisan skripsi ini, segala kritik dan saran

yang bersifat membangun sangat penulis harapkan. Semoga skripsi ini bermanfaat

dan memberikan sumbangan bagi perkembangan ilmu pengetahuan dan teknologi.

Yogyakarta, September 2007

Evangeline

T

F

Wullur

(13)

DAFTAR ISI

COVER

………. i

HALAMAN PERSETUJUAN

………... iii

HALAMAN PENGESAHAN

……… iv

HALAMAN PERSEMBAHAN

………. v

HALAMAN MOTTO

……… vi

ABSTRAKSI

……….. vii

HALAMAN PERNYATAAN

………... ix

KATA PENGANTAR

……….... x

DAFTAR ISI

………. xiii

DAFTAR TABEL

……….. xv

DAFTAR GAMBAR

………. xvi

BAB I PENDAHULUAN

1.1. Latar Belakang Masalah ……… 1

1.2. Rumusan Masalah ……….. 2

1.3. Batasan masalah ………. 3

1.4. Tujuan ……… 3

1.5. Metodologi Penelitian ……… 3

1.6. Sistematika Penulisan ……… 4

BAB II LANDASAN TEORI

2.1. Sistem Informasi ……… 6

2.2. Konsep E-R ……… 7

2.3. Website ……….. 9

2.3.1. HTML ………. 9

2.3.2. PHP ……….12

2.3.3. MySQL ………...13

(14)

BAB III ANALISA DAN PERANCANGAN

3.1. Analisa ……….. 16

3.1.1. Analisa Sistem Yang Sudah Ada ………... 16

3.1.2. Gambaran Umum Sistem Yang Baru ……… 16

3.1.3. Batasan Sistem ………... 18

3.1.4. Analisa Kebutuhan ………. 18

3.1.5. Data Flow Diagram (DFD) ……… 20

3.1.5.1. Context Diagram ………. 20

3.1.5.2. Diagram Berjenjang ……… 21

3.1.5.3. Overview Diagram ……….. 24

3.1.5.4. DFD Level 1 ……… 25

3.2. Perancangan ………...29

3.2.1. Perancangan Basis Data ………. 29

3.2.1.1. Diagram E-R (

Entity Relationship

) ………. 29

3.2.1.2. Relasi Antar Tabel ………... 30

3.2.1.3. Prototipe Tabel ……… 31

3.2.2. Perancangan

User Interface

………... 40

BAB IV IMPLEMENTASI

4.1. Persiapan Implementasi ……….... 72

4.1.1. Perangkat Keras ...………. 72

4.1.2. Perangkat Lunak ...………... 72

4.2. Implementasi User Interface ………. 73

BAB V ANALISA HASIL

5.1. Analisa manfaat ………... 141

5.2. Kelebihan dan Kekurangan Program ……….. 141

BAB VI PENUTUP

Kesimpulan dan Saran ……… 143

DAFTAR PUSTAKA

………... 144

(15)

DAFTAR TABEL

No Tabel

Keterangan

Halaman

1 2.1.

Simbol

E-R

7

2

2.2.

Daftar Atribut Tabel

11

3 2.3.

Fungsi

MySQL

13

4 3.2.1.

Tingkat

Kelas

31

5 3.2.2.

Kelas

31

6 3.2.3.

Mata

Pelajaran

32

7 3.2.4.

Tahun

Ajaran

32

8 3.2.5.

Tata

Usaha

33

9 3.2.6.

Guru

34

10 3.2.7.

Siswa

35

11 3.2.8.

Kelas

Aktif

36

12 3.2.9.

Tugas

Mengajar

37

13

3.2.10.

Siswa Kelas Aktif

38

14 3.2.11.

Nilai

39

(16)

DAFTAR GAMBAR

No

Gambar Keterangan Halaman

1 3.1.1.

Context

Diagram

20

2

3.1.2.

Diagram Berjenjang (Bagian 1)

21

3

3.1.3.

22

4

3.1.4.

23

5 3.1.5.

Overview

Diagram

24

6

3.1.6.

DFD Level 1 Proses 8

25

7

3.1.7.

25

8

3.1.8.

26

9

3.1.9.

27

10

3.1.10.

28

11 3.2.1. Diagram

E-R

29

12

3.2.2.

Relasi Antar Tabel

30

13 3.2.2.1. Rancangan

Halaman

Index

40

14

3.2.2.2.

Rancangan Halaman Login Tata Usaha

Admin

41

15

3.2.2.3.

Rancangan Halaman Login Tata Usaha

41

16

3.2.2.4.

Rancangan Halaman Login Siswa/Wali

42

17

3.2.2.5.

Rancangan Halaman Login Guru

42

18

3.2.2.6.

Rancangan Pesan Login Gagal

43

19

3.2.2.7.

Rancangan Halaman Utama Tata Usaha

Admin

44

Halaman

Kelas

45

21

3.2.2.9.

Rancangan Halaman Mata Pelajaran

46

22

3.2.2.10.

Rancangan Halaman Set Tahun Ajaran

47

23

3.2.2.11.

Rancangan Halaman Registrasi Siswa

48

24

3.2.2.12.

Rancangan Halaman Registrasi Guru

48

(17)

25

3.2.2.13.

Rancangan Halaman Registrasi Tata Usaha

49

26

3.2.2.14.

Rancangan Halaman Daftar Siswa Aktif

49

27

3.2.2.15.

Rancangan Halaman Data Lengkap Siswa

50

28

3.2.2.16.

Rancangan Halaman Daftar Guru Aktif

51

29

3.2.2.17.

Rancangan Halaman Data Lengkap Guru

51

30

3.2.2.18.

Rancangan Halaman Daftar Tata Usaha

Aktif

52

31

3.2.2.19.

Rancangan Halaman Data Lengkap Tata

Usaha

53

32

3.2.2.20.

Rancangan Halaman Kelas Aktif

53

33

3.2.2.21.

Rancangan Halaman Pengaturan Siswa

Kelas Aktif

55

34

3.2.2.22.

Rancangan Halaman Tugas Mengajar

55

Halaman

Konfirmasi Logout

56

36

3.2.2.24.

Rancangan Halaman Utama Tata Usaha

57

37

3.2.2.25.

Rancangan Halaman Daftar Kelas Aktif

58

38

3.2.2.26.

Rancangan Halaman Daftar Siswa Kelas

Aktif

58

39

3.2.2.27.

59

40

3.2.2.28.

Rancangan Halaman Daftar Tugas

Mengajar Guru

59

41

3.2.2.29.

Rancangan Halaman Data Lengkap Guru

60

Halaman

Nilai

60

43

3.2.2.31.

Rancangan Halaman Daftar Nilai

61

Form

Update

Nilai

61

45

3.2.2.33.

Rancangan Halaman Ubah Password Tata

Usaha

62

46

3.2.2.34.

Rancangan Halaman Utama Siswa/Wali

63

47

3.2.2.35.

Rancangan Halaman Daftar Kelas Siswa

64

(18)

48

3.2.2.36.

Rancangan Halaman Transkrip Nilai

64

49

3.2.2.37.

Rancangan Halaman Daftar Guru Aktif

65

50

3.2.2.38.

Rancangan Halaman Ubah Password Siswa

65

Halaman

Konfirmasi Logout

66

Halaman

Utama

Guru

67

54

3.2.2.41.

Rancangan Halaman Daftar Tugas

Mengajar User

68

55

3.2.2.42.

Rancangan Halaman Daftar Siswa Didik

68

56

3.2.2.43.

Didik

69

57

3.2.2.44.

Rancangan Halaman Daftar Nilai Siswa

Didik

70

58

3.2.2.45.

Rancangan Halaman Ubah Password Guru

70

Halaman Konfirmasi Logout

Guru

71

60

4.2.1.

Tampilan Halaman Index

73

61

4.2.2.

Tampilan Halaman Login Tata Usaha

Admin

76

62

4.2.3.

Tampilan Halaman Login Tata Usaha

80

63

4.2.4.

Tampilan Halaman Login Siswa/Wali

Siswa

84

64

4.2.5.

Tampilan Halaman Login Guru

87

65

4.2.6.

Tampilan Halaman Utama Tata Usaha

Admin

91

66

4.2.7.

Tampilan Halaman Tahun Ajaran

96

67

4.2.8.

Tampilan Halaman Kelas Aktif

101

68

4.2.9.

Tampilan Halaman Pengaturan Siswa Kelas

Aktif

107

69

4.2.10.

Tampilan Halaman Tugas Mengajar Guru

109

(19)

70

4.2.11.

Tampilan Halaman Awal Nilai

114

71

4.2.12.

Tampilan Halaman Daftar Nilai

116

72

4.2.13.

Tampilan Halaman Edit Nilai

120

73

4.2.14.

Tampilan Halaman Utama Siswa/Wali

Siswa

121

74

4.2.15.

Tampilan Halaman Daftar Kelas User

125

75

4.2.16.

Tampilan Halaman Transkrip Nilai

126

76

4.2.17.

Tampilan Halaman Daftar Guru

128

77

4.2.18.

Tampilan Halaman Utama Guru

129

78

4.2.19.

Tampilan Halaman Daftar Tugas Mengajar

Guru

132

79

4.2.20.

Tampilan Halaman Daftar Siswa Didik

133

80

4.2.21.

Tampilan Halaman Data Lengkap Siswa

Didik

135

81

4.2.22.

Tampilan Halaman Daftar Nilai Siswa

138

82

4.2.23.

Tampilan Halaman Konfirmasi Logout

140

(20)

BAB I

PENDAHULUAN

1.1.

Latar Belakang Masalah

Pemantauan terhadap hasil belajar siswa bukan hanya menjadi tanggung

jawab pihak sekolah, tetapi juga merupakan tanggung jawab orang tua/wali siswa.

Pemantauan perlu dilakukan untuk mengetahui perkembangan akademik siswa.

Untuk keperluan tersebut, sekolah harus membuat laporan hasil belajar siswa,

yang harus disajikan dalam bentuk sedemikian rupa, sehingga orang tua/wali

siswa dan pihak sekolah yang berkepentingan dapat membaca hasil belajar siswa

dengan mudah dan cepat.

Permasalahan yang terjadi adalah kurang cepatnya pelayanan akademik

dan sering terjadinya kesalahan pada pelayanan yang ada pada sekolah, karena

masih menggunakan cara manual, yang dirasakan lambat dan kurang akurat.

Seiring perkembangan teknologi informasi, teknologi internet semakin

dikenal dan menjadi media yang tepat untuk memperoleh informasi terbaru secara

cepat dan mudah. Internet dapat menjadi salah satu alternatif media pendidikan

dalam pengolahan data dan penyediaan informasi.

Oleh karena itu, penulis tertarik untuk membuat suatu aplikasi penyediaan

informasi akademik siswa berbasis web, sehingga dapat memberikan

kemudahan-kemudahan bagi pengguna, yaitu membantu pihak administrasi sekolah (dalam

hal ini pegawai Tata Usaha sekolah), sehingga proses pengolahan data menjadi

(21)

lebih cepat dan meminimalkan kesalahan-kesalahan dalam pencatatan data secara

manual.

Sedangkan bagi pihak sekolah yang berkepentingan dan orang tua/wali siswa,

membantu dalam mendapatkan informasi akademik siswa dengan cepat dan

mudah, dibanding prosedur manual.

Untuk pengembangan aplikasi berbasis web ini, digunakan bahasa

pemograman PHP dengan MySQL sebagai basis datanya.

Untuk dapat menggunakan aplikasi ini, user memerlukan komputer yang

terhubung dengan jaringan internet.

1.2.

Rumusan Masalah

Berdasarkan latar belakang permasalahan diatas, dapat dirumuskan :

1.

Bagaimana proses pengolahan data akademik dapat dilakukan dengan lebih

cepat dan akurat dibanding cara manual?

2.

Bagaimana orang tua/wali siswa dan pihak sekolah yang berkepentingan

mendapatkan laporan hasil belajar siswa dengan lebih mudah dan cepat

dibanding prosedur manual?

3.

Bagaimana disain aplikasi ini sehingga mudah digunakan?

(22)

1.3.

Batasan Masalah

Aplikasi yang dibuat membatasi masalah sebagai berikut :

1.

Program aplikasi ini mengabaikan masalah keamanan pada saat transmisi

data.

2.

Aplikasi ini dikhususkan untuk siswa/wali siswa dan pihak sekolah (dalam hal

ini guru dan pegawai tata usaha) yang masih aktif.

3.

Sistem ini dikhususkan untuk penyediaan informasi yang berhubungan dengan

siswa dalam hal pengaturan kelas siswa dan nilai siswa.

1.4.

Tujuan

Tujuan dibuatnya aplikasi ini adalah :

Untuk membantu dalam proses pengolahan data dan meminimalkan kesalahan

dalam pencatatan data.

Untuk membantu dalam pengaksesan informasi akademik siswa bagi pihak–

pihak yang berkepentingan.

1.5.

Metodologi Penelitian

Dengan melakukan pendekatan SDLC (

Software Development Life Cycle

), yaitu :

1.

Melakukan studi kasus, melalui wawancara dengan pihak sekolah dan melihat

contoh pencatatan data yang dilakukan secara manual.

(23)

2.

Melakukan studi pustaka dengan membaca bahan–bahan tentang sistem

informasi, basis data, PHP, dan MySQL melalui buku-buku, bahan kuliah dan

situs di internet.

3.

Mengidentifikasi dan mengevaluasi masalah yang dihadapi, dan menemukan

solusi untuk masalah tersebut, yang disesuaikan dengan kebutuhan user.

4.

Melakukan perancangan, yang meliputi gambaran umum sistem, perancangan

basis data dan perancangan user interface.

5.

Penulisan Program (

Coding

)

Mengimplementasikan rancangan–rancangan tersebut dengan membuat

implementasi basis data dengan MySQL dan membangun web dengan PHP.

6.

Pengujian (

Testing

)

Untuk menguji apakah program sudah dapat dijalankan dengan benar dan

apakah hasilnya sudah sesuai dengan rancangan yang diinginkan.

1.6.

Sistematika Penulisan

Untuk memudahkan penyusunan dan pemahaman isi dari Tugas Akhir ini,

maka sistematika yang digunakan adalah sebagai berikut :

Bab I : Pendahuluan

Merupakan gambaran umum penulisan, yang berisi Latar Belakang Masalah,

Rumusan Masalah, Batasan Masalah, Tujuan, Metodologi Penelitian, dan

keterangan mengenai Sistematika Penulisan.

(24)

Bab II : Landasan Teori

Berisi teori – teori yang dipakai dalam pengembangan sistem, yaitu definisi dan

konsep tentang sistem informasi, basis data, PHP dan MySQL.

Bab III : Analisa dan Perancangan Sistem.

Berisi analisa dan perancangan sistem yang akan dibuat.

Analisa berisi analisa sistem yang sudah ada, gambaran sistem yang baru, batasan

sistem, analisa kebutuhan ,

Data Flow Diagram

(DFD)

.

Perancangan meliputi perancangan basis data dan perancangan

user interface

.

Bab IV : Implementasi

Berisi persiapan implementasi dan implementasi antarmuka.

Persiapan implementasi berisi persiapan perangkat keras dan perangkat lunak

yang digunakan.

Implementasi antarmuka, yang berisi

capture user interface

, beserta potongan

listing programnya

.

Bab V : Analisa hasil

Berisi analisa manfaat, serta kelebihan dan kekurangan program.

Bab VI : Penutup

Berisi Kesimpulan dan saran.

Daftar Pustaka

Berisi referensi yang digunakan dalam mengerjakan Tugas Akhir.

(25)

BAB II

LANDASAN TEORI

2.1. Sistem Informasi

1

Sistem informasi adalah suatu sistem dalam suatu organisasi yang

mempertemukan kebutuhan pengolahan, transaksi harian, mendukung operasi,

bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan

laporan – laporan yang dibutuhkan oleh pihak luar tertentu.

Sistem informasi terdiri dari blok – blok sebagai berikut :

a.

Blok Masukan

Input mewakili data yang masuk kedalam sistem informasi. Input disini

termasuk metode–metode untuk menangkap data yang akan dimasukkan,

dapat berupa dokumen–dokumen dasar.

b.

Blok Model

Blok ini terdiri dari kombinasi prosedur , logika dan model matematik yang

akan memanipulasi data input dan data yang tersimpan di basis data dengan

cara tertentu untuk menghasilkan keluaran yang diinginkan.

c.

Blok Keluaran

Produk dari sistem informasi adalah keluaran yang merupakan informasi yang

berkualitas dan dokumentasi yang berguna untuk meningkatkan manajemen

dari semua pemakai sistem.

1

Jogiyanto, Analisis dan Desain Sistem Informasi : Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis, Yogyakarta : Penerbit Andi, 2002 hal 12-14.

(26)

d.

Blok Teknologi

Teknologi digunakan untuk menerima input, menjalankan model, menyimpan

dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu

pengendalian sistem secara keseluruhan.

Teknologi terdiri dari 3 bagian utama, yaitu

software

(perangkat lunak),

hardware

(perangkat keras) dan

brainware

(pemakai).

e.

Blok Basis Data

Basis data merupakan kumpulan data yang saling berhubungan satu dengan

yang lainnya, yang tersimpan di perangkat lunak untuk memanipulasinya.

f.

Blok Kendali

Beberapa pengendali perlu dirancang dan diterapkan untuk meyakinkan

bahwa hal–hal yang dapat merusak sistem dapat dicegah atau bila terlanjur

rusak, kesalahan–kesalahan dapat langsung diatasi.

2.2. Konsep E-R (

Entity Relationship

)

Dalam merancang tabel, hubungan antar tabel, mengidentifikasikan

primary key

dan

foreign key

dan aturannya, serta

domain

untuk basis data, perlu

dibuat suatu metode yang disebut diagram

Entity Relationship

(E-R).

Komponen yang digunakan dalam diagram E-R sebagai berikut :

Gambar Keterangan

Entitas

Relationship

Atribut

(27)

text

Cardinality

(tipe relationship)

Tabel 2.1 Simbol Konsep E-R

Relationship memiliki 3 tipe, yaitu :

1.

One to One

Yaitu hubungan satu ke satu. Sebagai contoh : satu siswa memiliki satu

nomor induk siswa. Relasi

One to One

tidak dapat diwujudkan dalam bentuk

sebuah tabel tersendiri, melainkan atribut relasi akan ditambahkan pada salah

satu entitas yang ada.

2.

One to Many

Yaitu hubungan satu ke banyak. Misalnya satu tingkat kelas memiliki

beberapa kelas, sebaliknya banyak kelas memiliki satu tingkat kelas. Relasi

One to Many

tidak diwujudkan ke dalam bentuk sebuah tabel tersendiri,

melainkan atribut relasi akan ditambahkan pada entitas yang bermuatan

many

.

3.

Many to many

Yaitu hubungan banyak ke banyak. Misalnya banyak siswa terdaftar dalam

banyak kelas aktif. Relasi

Many to Many

dapat diwujudkan ke dalam bentuk

sebuah tabel baru.

(28)

2.3.

Website

(web)

Website adalah sistem informasi dan komunikasi

hypertext

yang umum digunakan

pada jaringan internet, dengan komunikasi data mengggunakan model

client-server

.

Penggunaan database dalam web memungkinkan kemudahan–kemudahan dalam

proses

update

dan pemeliharaan data.

Platform

umum untuk aplikasi web yang menggunakan database adalah

kolaborasi

software

MySQL, PHP, dan

web server

Apache.

PHP dan MySQL merupakan kombinasi pasangan

tools

yang banyak dan umum

digunakan dalam pembangunan dan pengembangan situs web berbasis

database

.

2.3.1

HTML (

Hypertext Markup Language

)

HTML adalah suatu bahasa yang digunakan untuk menulis halaman web.

Ciri utama dokumen HTML adalah adanya tag dan elemen.

Untuk dapat menjalankan dokumen html, harus menggunakan

web browser

.

2.3.1.1

Link

Untuk membuat suatu

link

, digunakan elemen

anchor

yang dinyatakan dalam tag

<A> … , </A>. dalam

browser

.

Link

biasanya dinyatakan dalam teks dengan garis bawah. Untuk membuat

link

ke

dokumen HTML lain digunakan atribut HREF pada tag <A>.

Format penulisannya adalah :

<A HREF=” nama _dokumen”> teks pada browser </A>

(29)

Contoh :

1.

<A HREF=”pengumumansekolah.html”>Pengumuman Sekolah</A>

2.

<A

HREF=”infosekolah/pengumumansekolah.html”>pengumuman

Sekolah</A>

3.

2.3.1.2

Tabel

Dalam pembuatan

homepage

, tabel memiliki fungsi :

•

Untuk menampilkan informasi secara terstruktur, ringkas, dan mudah dibaca.

•

Untuk mengatur tampilan

homepage

agar lebih menarik.

Untuk membuat tabel, digunakan tag <TABLE>, dengan atribut–atribut sebagai

berikut

Atribut

Fungsi

BORDER

Menentukan ukuran border/garis tebal

WIDTH

Menentukan lebar tabel

HEIGHT

Menentukan tinggi tabel

BGCOLOR

Menentukan

background

tabel

BACKGROUND

Menentukan gambar yang digunakan sebagai

background

tabel

COLOR

Menentukan warna suatu sel dalam tabel

ALIGN

Mengatur bentuk perataan horinzontal

VALIGN

Mengatur bentuk perataan vertikal

ROWSPAN

Menggabungkan beberapa baris

(30)

COLSPAN

Menggabungkan beberapa kolom

CELLSPACING

DAN

CELLPADDING

Mengatur spasi antar sel dan spasi dalam sel

Tabel 2.2. Daftar Atribut Tabel

Untuk membuat baris, setelah menuliskan tag

<TABLE>

, digunakan tag

Table

Row<TR>

. dan untuk membuat kolom, digunakan tag

Table Data <TD>

.

Sedangkan untuk membuat judul tabel, digunakan tag

Table Header <TH>

.

Sebagian besar atribut dalam tag

<TABLE>

dapat digunakan dalam tag

<TR>

maupun

<TD>.

Standar penulisan tabel :

<table>

... .

</tr></td>

</table>

2.3.1.3

Form

Untuk melakukan interaksi dengan user, biasanya suatu situs menggunakan

form

untuk menerima masukan dari user , dan memproses hasil masukan tersebut di

server

.

(31)

User

menerima sejumlah informasi melalui sejumlah elemen yang disebut

control

.

Control

ini bisa berupa

textbox, checkbox, radio button, list menu

, dan

lainnya.

Standar penulisan form :

… . .

… .

</form>

Atribut

method

memiliki dua nilai, yaitu

post

dan

get

. Metode

get

mengirimkan

data ke server dengan cara meletakkan data pada bagian akhir URL yang ditunjuk.

Metode

post

mengirimkan datanya secara terpisah. Jika data masukan banyak,

lebih disarankan untuk menggunakan metode

post

. Atribut

action

berisi URL dari

program yang dipanggil oleh form tersebut.

2.3.2

PHP (

Hypertext Preprocessor

)

PHP adalah bahasa

server-side scripting

yang menyatu dengan HTML untuk

membuat halaman web yang dinamis.

Server-side scripting

maksudnya sintaks

dan perintah–perintah yang diberikan akan sepenuhnya dijalankan di

server

, tetapi

disertakan pada dokumen HTML.

PHP merupakan

software

yang

open source

(gratis) dan mampu lintas

platform

,

yaitu dapat digunakan dengan sistem operasi dan

web server

apapun. PHP mampu

berjalan di Windows dan beberapa versi linux.

(32)

2.3.3

MySQL

MySQL merupakan DBMS (

Database Management System

) yang digunakan

dalam membangun aplikasi web yang menggunakan database sebagai sumber dan

pengelola datanya.

Berikut adalah langkah–langkah yang digunakan dalam aplikasi untuk melakukan

akses kepada database MySQL dengan menggunakan PHP

•

Melakukan koneksi ke server

•

Memilih database yang akan diakses setelah koneksi ke server berhasil.

•

Melakukan proses query yang diinginkan kepada database apabila

pengaksesan database berhasil dilakukan.

•

Menutup database.

Untuk mengelola database MySQL, bisa melalui DOS Prompt, dan bisa juga

melalui

program utility

, seperti PHPmyAdmin.

Berikut daftar beberapa fungsi mysql

Koneksi dan Diskoneksi kepada Server MySQL

mysql_connect

Membuka koneksi kepada suatu

server

MySQL

mysql_pconnect

Membuka koneksi persisten kepada suatu

server

MySQL

mysql_select_db

Memilih database yang akan digunakan setelah

koneksi berhasil

mysql_close

Memutuskan koneksi database

mysql_change_user

Mengganti nama, pemakai dan password pada

(33)

koneksi yang sedang aktif

Membuat dan Menghapus Database

mysql_create_db

Membuat sebuah databaseMySQL

mysql_dropdb

Menghapus sebuah database

MySQL

mysql_usedb

Menggunakan database

Koneksi dan Diskoneksi kepada Server MySQL

mysql_db_query

Mengeksekusi perintah SQL untuk melakukan query

pada server yang disebutkan

mysql_query

Mengeksekusi perintah SQL untuk melakukan query

pada database yang telah dipilih

Penanganan Hasil Query

mysql_fetch_array

Mengambil sebuah baris hasil query sebagai sebuah

array asosiatif

mysql_result

Memberikan data hasil query

mysql_ fetch_row

Menghasilkan baris atau

record

dalam array

enumerated

mysql_ affetch_row

Memberikan informasi jumlah record yang diproses

oleh suatu query

mysql_fetch_field

Menghasilkan obyek dari informasi kolom suatu hasil

query

mysql_fetch_object

Menghasilkan sebuah baris sebagai objek

(34)

mysql_field_nama

Mengambil nama

field

dari suatu hasil

mysql_field_len

Menghasilkan panjang field

mysql_field_seek

Memposisikan

pointer

kepada

offset

suatu

field

yang

dinyatakan

mysql_field_flags

Menghasilkan

flag

berasosiasi dengan field yang

dispesifikasikan dalam hasil

mysql_insert_id

Menhasilkan id dari operasi

insert

sebelumnya

mysql_data_seek

Menggerakkan

pointer

hasil internal

mysql_free_result

Membersihkan/menghapus memori hasil.

Tabel 2.3 Daftar Beberapa Fungsi dalam MySQL

(35)

BAB III

ANALISA DAN PERANCANGAN

3.1. Analisa

3.1.1. Analisa Sistem yang Sudah Ada

Untuk mengetahui sistem dan prosedur yang telah diterapkan, maka dilakukan

wawancara singkat dengan pihak sekolah, serta melihat contoh pencatatan data

yang dilakukan secara manual.

3.1.2. Gambaran Umum Sistem yang Baru

Sistem penyediaan informasi akademik ini bekerja dalam sebuah

web server

jaringan internet.

Aplikasi ini dikhususkan untuk siswa/wali siswa, guru, dan pegawai Tata

Usaha yang masih aktif, karena user harus melakukan proses login terlebih

dahulu untuk dapat masuk ke sistem, dengan memasukkan status, ID, dan

password

user.

o

Untuk

user

dengan status Siswa/wali siswa, ID berupa NIS (Nomor Induk

siswa).

o

Untuk

user

dengan status Tata Usaha, ID berupa NIP (Nomor Induk

Pegawai). User juga diminta untuk memasukkan data tahun ajaran (dengan

(36)

default

tahun ajaran yang sedang aktif), dimana data akademik yang akan

ditampilkan merupakan data akademik pada tahun ajaran yang dipilih.

o

Untuk

user

dengan status Guru, ID berupa ID Guru. User juga diminta

untuk memasukkan data tahun ajaran (dengan

default

tahun ajaran yang

sedang aktif), dimana data akademik yang akan ditampilkan merupakan

data akademik pada tahun ajaran yang dipilih.

Setelah proses login berhasil, barulah user dapat menggunakan fasilitas yang

terdapat pada aplikasi, sesuai dengan hak masing-masing.

Informasi-informasi yang disediakan, yaitu sebagai berikut :

1.

Informasi Tahun Ajaran Aktif

Berisi data tahun ajaran aktif sewaktu penggunaan aplikasi.

2.

Data Guru

Berisi daftar guru dan data lengkap guru.

3.

Data Siswa

Berisi daftar siswa dan data lengkap siswa.

4.

Informasi Kelas Aktif

Berisi data kelas aktif dalam suatu tahun ajaran.

5.

Informasi Tugas Mengajar Guru

Berisi tugas mengajar guru dalam suatu tahun ajaran.

6.

Informasi Akademik Siswa

Berisi informasi tentang pengaturan kelas siswa dan daftar nilai siswa.

(37)

3.1.3. Batasan Sistem

Batasan yang terdapat dalam sistem ini, yaitu :

Sistem ini dikhususkan untuk penyediaan informasi yang berhubungan dengan

siswa, dalam hal tertentu saja, seperti yang telah disebutkan.

Data pribadi dan informasi akademik seorang siswa hanya dapat diakses oleh

siswa/wali siswa yang bersangkutan dan pihak sekolah yang berkepentingan,

tidak dapat diakses oleh siswa lain.

Guru hanya dapat mengakses data pribadi siswa didiknya dan data nilai dari

mata pelajaran yang diampunya.

3.1.4. Analisa Kebutuhan

User pengguna aplikasi ini terbagi menjadi 4 kelompok, yaitu :

1.

Tata Usaha Admin

Berhak mengolah dan melihat data-data sebagai berikut :

Data Kelas

Data Mata Pelajaran

Data Tahun Ajaran Aktif

Data Tata Usaha

Data Guru

Data Siswa

Data Kelas Aktif

(38)

Data Tugas Mengajar Guru

Data pengaturan siswa kelas aktif

2.

Tata Usaha

Berhak mengupdate nilai dan melihat data-data sebagai berikut :

•

Data Tata Usaha

•

Data Guru

•

Data Siswa

•

Data Kelas Aktif

•

Data Tugas Mengajar Guru

•

Data pengaturan siswa kelas aktif

3.

Guru

Berhak melihat data-data sebagai berikut :

Data pribadi guru yang bersangkutan.

Tugas Mengajar pribadi.

Daftar siswa didik.

Data lengkap siswa didik.

Nilai dari mata pelajaran yang diajar oleh guru yang bersangkutan.

4.

Siswa/Wali siswa

Berhak melihat data-data sebagai berikut :

Data pribadi dan informasi akademik siswa yang bersangkutan.

Daftar guru.

(39)

3.1.5. Data Flow Diagram (DFD)

3.1.5.1. Context Diagram

a. Siswa/Wali

Siswa

b. Guru

0

Sistem Informasi Akademik Siswa Online Status, ID, password, pilihan menu

data pribadi siswa, daftar kelas siswa, transkrip nilai siswa, daftar guru

c. Tata Usaha

Admin

Status, ID, password, pilihan menu, data kelas, data mata pelajaran, data tahun

ajaran aktif, data guru, data siswa, data tata usaha, data kelas aktif, data pengaturan siswa kelas aktif, data tugas

mengajar guru

data pribadi, daftar tugas mengajar pribadi, daftar siswa didik, data pribadi siswa didik, nilai

siswa didik

d. Tata Usaha

daftar kelas aktif, daftar pengaturan siswa kelas aktif, daftar tugas mengajar guru, daftar

nilai, data lengkap siswa, daftar guru, data lengkap guru

Status, ID, password, pilihan tahun ajaran, pilihan menu, data nilai

Status, ID, password, pilihan tahun ajaran, pilihan menu

Gambar 3.1.1. Context Diagram

(40)

3.1.5.2. Diagram Berjenjang

6

Pengolahan Data Guru 4

Pengaturan tahun ajaran

aktif 2

Pengolahan Data Kelas

3

Pengolahan Data Mata

Pelajaran 1

Login

0

Sistem Informasi Akademik Siswa Online

5

Pengolahan Data Tata

Usaha

7

Pengolahan Data Siswa

Gambar 3.1.2. Diagram Berjenjang (Bagian 1)

(41)

0

8.1

Update Data Kelas Aktif

8.2

Pengaturan Siswa Kelas

Aktif 8

Pengolahan Data Kelas

Aktif

9

Pengolahan data tugas mengajar guru

10

Pengolahan nilai

11

Lihat Guru

11.1

Lihat Daftar Guru

11.2

Lihat Data Lengkap Guru

Gambar 3.1.3. Diagram Berjenjang (Bagian 2)

(42)

14.2

Lihat nilai siswa 14

Lihat Data Akademik

Siswa

14.1

Lihat Pengaturan kelas siswa 13

Lihat Siswa 12

Lihat Tugas Mengajar Guru

15

Ubah Password 0

13.1

Lihat Daftar Siswa

13.2

Lihat Data Lengkap Siswa

15.3

Ubah Password Guru 15.2

Ubah Password Tata Usaha 15.1

Ubah Password Siswa

Gambar 3.1.4. Diagram Berjenjang (Bagian 3)

(43)

3.1.5.3. Overview Diagram

c. T ata U sah a

A d m in * _{S isw a/W ali}a.

S isw a *

statu s, ID , p assw o rd ₁

L o g in

2

P eng o lah an D ata K elas

4

P en ga tu ran T a hu n A ja ran

b. G uru *

3

P eng o lah an D ata M a ta P elajaran

v alid a si lo g in tata u sah a ad m in,

d ata k elas

M ata P elajaran

T ah u n A jaran K elas

D 6

D 3

D 1 D 2

statu s, ID , p assw o rd , tah u n ajaran statu s, ID , p a ssw o rd

d ata p rib ad i u ser d ata p rib ad i sisw a

7

P en g olah an D ata S isw a 6

P e ng o lah an D ata G u ru

v alid asi lo g in tata u sah a ad m in , d ata m ata p elajaran

G u ru S isw a

v alid asi lo g in tata u sah a ad m in , d ata sisw a

D 5 D 6

5

P en g o lah an D ata T ata U sah a

D 4 T ata U sah a

v alid asi lo g in tata u sah a ad m in , d ata

tata u sah a

v alid asi lo g in d ata ta ta u sah a ad m in, d ata tah u n ajaran

T ata U sah a G uru S isw a D 5 D 4

v alid a si lo g in tata u sah a ad m in, d ata g u ru

8

P en g olah an D ata K elas

A k tif

v alid asi lo g in ta ta u sah a ad m in , d ata k elas ak tif, d ata p en g atu ran sisw a

k elas ak tif

9

P en g o laha n D ata T u g as M e ng ajar

G u ru

v alid asi lo g in tata u sah a, d ata n ilai

v alid a si lo g in tata u sah a ad m in, d ata tu g a s

m en g ajar g u ru

1 0

P en go lah an N ilai

N ilai

T u g as M en g ajar K elas

A k tif

D 1 0

D 8 D 7 D 9 S isw a

K elas A k tif d .

T ata U sah a *

statu s, ID , p assw o rd , tah u n ajaran

d ata p rib ad i u ser

d ata p rib a d i u ser

d ata k elas y an g su d ah teru p d ate

d ata tata u sah a y an g su d ah teru p d ate

d a ta g u ru y an g su d a h teru p d ate

d ata sisw a y a n g su d ah teru p d ate

d ata k elas ak tif y an g su d ah

teru p d ate

d ata sisw a k elas a k tif y an g su d ah teru p d ate

d ata tu g as m en g ajar y an g su d ah te ru p d ate d ata tah u n ajaran

y an g su d ah teru p d ate d ata m ata p elaja ra n

y an g su d ah teru p d ate

d ata n ilai y an g su d ah teru p d ate

D 3 T ah u n A jaran

1 3

L ih at D ata S isw a

1 1

L iha t D ata G u ru

D 5

D 6

G u ru

S isw a

v alid asi lo g in , p ilih an sisw a

1 4

L ih at D ata A k ad em ik sisw a

1 2

L ih at T u g as M en g ajar G u ru

1 5

U b ah P assw o rd

v alid asi lo g in, p ilih a n m en u , p ilih an tu g as m en g ajar

d aftar tu g as m en g ajar g u ru D 8 _{M en g ajar}T u g as

n ilai S isw a k elas

ak tif D 1 0

D 9

d aftar p en g atu ran k e las u ser, tra n sk rip n ilai u ser

v alid asi lo g in sisw a, p assw o rd lam a,

p assw o rd b aru

a. S isw a /W ali

S isw a * *

b . G u ru * *

V alid asi lo g in tata u sah a, p assw o rd lam a, p assw o rd b aru

S isw a

G u ru T ata

U sah a

D 6 D 4 D 5

v alid asi lo g in tata u sah a, p ilih an m en u , p ilih an k elas a k tif, p ilih an

tu g as m en g ajar

v alid asi lo g in sisw a , p ilih an m en u

d a ta p assw o rd sisw a y an g su d ah d iu b ah

d a ta p assw o rd tata u sah a y an g su d ah

d iu b ah

d ata p a ssw o rd g u ru y an g su d ah

d iu b ah d ata len g k ap g u ru

v alid asi lo g in g u ru, p assw o rd lam a,

p assw o rd b aru

d . T ata U saha

* *

d a ftar sisw a k elas ak tif, d aftar n ilai

v alid asi lo g in g u ru , p ilih an m e n u

v alid asi lo g in tata u sah a, p ilih an m e n u d aftar tu g as m en g a jar u ser

v alid asi lo g in tata u sah a, p ilih an sisw a d ata len g k ap sisw a

d ata len g k a p sisw a

v alid asi lo g in sisw a, p ilih an

m e n u

d ata g u ru

Gambar 3.1.5. Overview Diagram

(44)

3.1.5.4. DFD Level 1

8.1

Update Data Kelas Aktif

8.2

Pengaturan Siswa Kelas

Aktif

Kelas Aktif D7

D9 Siswa Kelas Aktif

c. Tata Usaha

Admin

Validasi login tata usaha admin, data

kelas aktif

Validasi login tata usaha admin, data siswa kelas aktif

Data kelas aktif terupdate

Data siswa kelas aktif terupdate

Gambar 3.1.6. DFD Level 1 Proses 8

DFD Level 1 Proses 11

(45)

11.1 Lihat Daftar Guru 11.2 Lihat Data Lengkap Guru Guru D5 c. Tata Usaha

Admin Daftar guru

Data lengkap guru

d. Tata Usaha

Data lengkap guru

a. Siswa/ Wali Siswa Daftar guru

Validasi login tata usaha admin,

pilihan menu

Validasi login tata usaha admin, pilihan guru

Validasi login tata usaha, pilihan guru Validasi login siswa, pilihan menu

Validasi login tata usaha, pilihan

menu Daftar guru

Gambar 3.1.7. DFD Level 1 Proses 11

DFD Level 1 Proses 13

13.1 Lihat Daftar Siswa 13.2 Lihat Data Lengkap Siswa Siswa D6 c. Tata Usaha

Admin Daftar siswa

Data lengkap siswa Validasi login tata usaha

admin, pilihan menu

Validasi login tata usaha admin, pilihan siswa

Gambar 3.1.8. DFD Level 1 Proses 13

(46)

DFD Level 1 Proses 14

14.1 Lihat Pengaturan Kelas Siswa 14.1 Lihat Nilai Siswa Siswa Kelas Aktif D9 c. Tata Usaha Admin b. Guru

Daftar nilai siswa

a. Siswa/ Wali Siswa

Daftar kelas siswa

Transkrip nilai siswa D10 Nilai

d. Tata Usaha

Daftar siswa kelas aktif

validasi login siswa, pilihan menu

validasi login tata usaha, pilihan kelas

aktif validasi login tata usaha admin,

pilihan kelas aktif

Daftar siswa didik Daftar siswa

kelas aktif

validasi login guru, pilihan tugas

mengajar

validasi login tata usaha, pilihan tugas mengajar Daftar nilai siswa

validasi login siswa, pilihan menu validasi login guru,

pilihan tugas mengajar

Gambar 3.1.9. DFD Level 1 Proses 14

(47)

DFD Level 1 Proses 15

15.1

Ubah Password

Siswa

15.2

Ubah Password Tata Usaha

Siswa D6

d. Tata Usaha

b. Guru 15.3

Ubah Password Guru

Tata Usaha

Guru D5

D4

a. Siswa/ Wali Siswa

Validasi login tata usaha, Password lama,

password baru

Validasi login siswa, Password lama, password

baru

Validasi login guru, Password lama, password baru Data password siswa yang terupdate

Data password tata usaha terupdate

Data password guru terupdate

Gambar 3.1.10. DFD Level 1 Proses 15

(48)

3.2. Perancangan

3.2.1. Perancangan Basis Data

3.2.1.1 Diagram E R

Siswa nis terdaftar pglan_ siswa status _studi nama siswa thn_msk _siswa nip nama_ tu status ID_kls_aktif_ta Id_ta nama_ ta Kelas Aktif Memiliki Nilai Mengupdate Tata Usaha semester nilai ID_nilai Mengajar Kelas Tahun Ajaran Mata Pelajaran Tingkat kelas Wali Guru memiliki memiliki untuk pada status _guru nama_ guru ID_guru tingkat_ kls kode_ mp nama_ mp status _mp kurikulu m nama_kls kode_kls thn_ms k_tu status _tu thn_ms k_guru pend_ guru N 1 1 N 1 N 1 N 1 N 1 N N N 1 1 1 1 N 1 N MP Kelas Aktif untuk N N untuk ID_mp_kls_ aktif_ta untuk N

Gambar 3.2.1 Diagram E-R

(49)

3.2.1.2 Relasi Antar Tabel

Siswa nis * nama_siswa pglan_siswa status_studi thn_msk_siswa t4_lhr_siswa tgl_lhr_siswa sex_siswa agama_siswa alamat_siswa telp_siswa asal_sekolah gol_drh nama_wali alamat_wali telp_wali psword_siswa Guru ID_guru * nama_guru pglan_guru status_guru kepeg_guru thn_msk_guru sex_guru t4_lhr_guru tgl_lhr_guru alamat_guru status_nkh_guru telp_guru agama_Guru pend_Guru psword_guru Kelas kode_kls * nama_kls tingkat_kls ** Mata Pelajaran Kode_mp * Nama_mp kurikulum status_mp tingkat_kls ** mp_kelas_aktif_ta ID_mp_kelas_aktif_ta * ID_kls_aktif_ta ** ID_Guru_ngajar ** Kode_mp ** Nilai ID_nilai * nis ** ID_mp_kelas_aktif_ta ** semester nilai NIP ** siswa_kelas_aktif_ta ID_siswa_kls_aktif * nis ** ID_kls_aktif_ta ** TA id_ta * nama_ta status Tata Usaha NIP * nama_tu pglan_tu status_tu thn_msk_tu jabatan sex_tu t4_lhr_tu tgl_lhr_tu status_nkh_tu alamat_tu telp_tu agama_tu pend_tu psword_tu kelas_aktif_ta ID_kls_aktif_ta * id_ta ** kode_kls ** ID_Guru_wali** tingkat kelas tingkat_kls *

Gambar 3.2.2 Relasi Antar Tabel

(50)

3.2.1.3. Prototipe Tabel

1. Tabel Tingkat Kelas

Merupakan tabel yang berisi data tingkat kelas yang ada.

Nama Field

Tipe Data

Lebar

Keterangan

tingkat_kls tinyint

Tingkat

kelas

(Merupakan Primary Key)

Tabel 3.2. 1 Tabel Tingkat Kelas

2. Tabel kelas

Tabel ini berisi data kelas yang ada.

Nama Field

Tipe Data

Lebar

Keterangan

kode_kls varchar

6

Kode

Kelas

Merupakan primary key

nama_kls

varchar

6

Nama Kelas

(Unique)

tingkat_kls tinyint

Tingkat

Kelas

Merupakan foreign key

Tabel 3.2. 2 Tabel Kelas

(51)

3. Tabel mp

Tabel ini berisi data mata pelajaran yang ada.

Nama Field

Tipe Data

Lebar

Keterangan

kode_mp

varchar

5

Kode Mata Pelajaran

nama_mp

varchar

30

Nama Mata Pelajaran

(Unique)

kurikulum varchar

kurikulum

status_mp

varchar

10

Status mata pelajaran

tingkat_kls tinyint Tingkat

Kelas

Merupakan foreign key

Tabel 3.2. 3 Tabel Mata Pelajaran

4. Tabel ta

Tabel ini berisi data tahun ajaran.

Nama Field

Tipe Data

Lebar

Keterangan

id_ta

tinyint

Kode Tahun Ajaran

(Autoincreement)

nama_ta

varchar

12

Nama Tahun Ajaran

(52)

(Unique)

status

tinyint

Status tahun ajaran

Untuk tahun ajaran aktif,

status=1

Tabel 3.2. 4 Tabel Tahun Ajaran

5. Tabel tata_usaha

Tabel ini berisi data pegawai tata usaha.

Nama Field

Tipe Data

Lebar

Keterangan

nip

int

Nomor Induk Pegawai Tata Usaha

nama_tu

varchar

30

Nama Pegawai Tata Usaha

pglan_tu

varchar

10

Panggilan Tata Usaha

status_tu

varchar

10

Status Keaktifan Tata Usaha

thn_msk_tu

varchar

12

Tahun Masuk Tata Usaha

jabatan

varchar

6

Jabatan Tata Usaha

sex_tu

varchar

6

Jenis kelamin Tata Usaha

t4_lhr_tu

varchar

20

Tempat Lahir Tata Usaha

tgl_lhr_tu

varchar

20

Tanggal Lahir Tata Usaha

status_nkh_tu

varchar

10

Status Pernikahan Tata Usaha

alamat_tu

varchar

30

Alamat Tata Usaha

telp_tu

varchar

15

Telepon Tata Usaha

(53)

agama_tu

varchar

7

Agama Tata Usaha

pend_tu varchar

8

Pendidikan

Tata

Usaha

psword_tu

varchar

40

Password Tata Usaha

Tabel 3.2. 5 Tabel Tata Usaha

6. Tabel Guru

Tabel ini berisi data pribadi guru.

Nama Field

Tipe Data

Lebar Keterangan

ID_guru varchar

15

ID

Guru

(Merupakan primary key)

nama_guru

varchar

30

Nama Lengkap Guru

pglan_guru

varchar

10

Nama Panggilan Guru

kepeg_guru

varchar

10

Status kepegawaian Guru

status_guru

varchar

10

Status keaktifan guru

thn_msk

varchar

12

Tahun Masuk Guru

sex_guru

varchar

6

Jenis kelamin Guru

t4_lhr_guru

varchar

20

Tempat Lahir Guru

tgl_lhr_guru

varchar

20

Tanggal Lahir Guru

status_nkh_guru

varchar

10

Status pernikahan guru

alamat_Guru varchar

30

Alamat

Guru

telp_guru varchar

15

Telepon/HP

Guru

(54)

agama_guru varchar

7

Agama

Guru

pend_guru varchar

8

Pendidikan

Guru

psword_guru varchar

40

Password

guru

Tabel 3.2. 6 Tabel Guru

7. Tabel Siswa

Tabel ini berisi data pribadi siswa.

Nama Field

Tipe Data

Lebar

Keterangan

nis

int

Nomor Induk Siswa

(Merupakan primary key)

nama_siswa

varchar

30

Nama Lengkap Siswa

pglan_siswa

varchar

10

Nama Panggilan Siswa

thn_msk_siswa

varchar

12

Tahun Masuk Siswa

status_studi varchar

10

Status

Studi

Siswa

sex_siswa

varchar

6

Jenis Kelamin Siswa

t4_lhr_siswa

varchar

20

Tempat Lahir Siswa

tgl_lhr_siswa

varchar

20

Tanggal Lahir Siswa

alamat_siswa varchar

30

Alamat

Siswa

telp_siswa varchar

15

Telepon/HP

Siswa

agama_siswa varchar

7 Agama

Siswa

asal_sekolah varchar

25

Asal

Sekolah

(55)

gol_darah varchar

2

Golongan

Darah

nama_wali

varchar

30

Nama wali siswa

alamat_wali

varchar

50

Alamat wali siswa

telp_wali

varchar

15

Telepon wali siswa

psword_siswa varchar 40

Password

siswa

Tabel 3.2. 7 Tabel Siswa

8. Tabel kelas_aktif_ta

Tabel ini berisi data kelas yang aktif pada suatu tahun ajaran.

Nama Field

Tipe

Data

Lebar Keterangan

ID_kls_aktif_ta

tinyint

ID Kelas Aktif

Merupakan Primary Key

(Autoincreement)

kode_kls varchar

6

Kode

Kelas

id_ta

tinyint

ID Tahun Ajaran

ID_guru_wali int

ID

Guru

Tabel 3.2. 8 Tabel Kelas Aktif

(56)

Pada tabel ini ditambahkan 2 constraint unique, yaitu :

-

Constraint Unique (kode_kls, id_ta)

Agar tidak terdapat lebih dari satu data kelas aktif yang memiliki kode_kls dan

id_ta yang sama.

-

Constraint Unique (id_ta,ID_guru_wali)

Agar dalam satu tahun ajaran aktif seorang guru tidak menjadi wali kelas pada

lebih dari satu kelas aktif.

9. Tabel mp_kelas_aktif_ta

Tabel ini berisi data tugas mengajar guru.

Nama Field

Tipe Data

Lebar

Keterangan

ID_mp_kelas_aktif_ta tinyint

ID

mengajar

(Autoincreement)

ID_kls_aktif_ta

tinyint

ID Kelas Aktif

kode_mp

varchar

5

Kode Mata Pelajaran

Merupakan foreign key

ID_guru_ajar int

ID

Guru

Tabel 3.2. 9 Tabel mp_kelas_aktif_ta (Tugas Mengajar Guru)

(57)

Pada tabel ini ditambahkan

Constraint Unique (ID_kls_aktif_ta,

kode_mp)

agar tidak terdapat lebih dari satu data mp_kelas_aktif_ta yang

memiliki ID_kls_aktif_ta dan kode_mp yang sama.

10. Tabel siswa_kelas_aktif_ta

Tabel ini berisi data pengaturan siswa ke dalam suatu kelas aktif.

Nama Field

Tipe Data

Lebar

Keterangan

ID_siswa_kls_aktif int

ID

menempati

kelas

(Autoincreement)

nis

int

Nomor Induk Siswa

ID_kls_aktif_ta

tinyint

ID Kelas Aktif

Tabel 3.2. 10 Tabel siswa_kelas_aktif

Pada tabel ini ditambahkan

Constraint Unique (ID_kls_aktif_ta,

nis)

agar tidak terdapat lebih dari satu data siswa_kelas_aktif_ta yang memiliki

ID_kls_aktif_ta dan nis yang sama.

(58)

11. Tabel Nilai

Tabel ini berisi data nilai siswa.

Nama Field

Tipe Data

Lebar

Keterangan

ID_nilai int

ID_nilai

(Autoincreement)

ID_mp_kelas_aktif_ta tinyint

ID

mengajar

semester tinyint

semester

nis

int

Nomor Induk Siswa

nilai

tinyint

Nilai mata pelajaran

NIP

int

NIP tata usaha yang

mengupdate nilai

Tabel 3.2. 11 Tabel Nilai

Pada tabel ini ditambahkan

Constraint Unique

(ID_mp_kelas_aktif_ta, semester, nis)

agar tidak terdapat lebih dari

satu data nilai yang memiliki ID_mp_kelas_aktif_ta, semester dan nis yang sama.

(59)

3.2.2. Perancangan

User Interface

Index merupakan halaman awal yang akan ditampilkan sewaktu

user

mengakses

aplikasi, seperti yang ditunjukkan pada Gambar 3.2.2.1.

Logo

Teks berjalan berisi data tahun ajaran aktif

Gambar

Sistem Informasi Akademik Siswa

SMPN 1 Yogyakarta

Pilih Status User

Tata Usaha

Siswa/Wali Siswa

Guru

Tata Usaha Admin

Gambar 3.2.2 1 Halaman Index

Pada halaman ini,

user

diminta untuk memilih status

user

.

Status

user

terdiri dari 4 pilihan, yaitu Tata Usaha Admin, Tata Usaha,

Siswa/Wali Siswa serta Guru. Status

user

inilah yang nantinya akan membedakan

tampilan menu antar

user

.

Setelah

user

memilih status, selanjutnya

user

akan dibawa ke halaman login,

sesuai dengan status yang dipilih.

(60)

Jika

user

memilih status Tata Usaha Admin, maka akan dibawa ke halaman login

Tata Usaha Admin, seperti yang ditunjukkan pada Gambar 3.2.2.2.

Logo

Tahun Ajaran Aktif

Form Login Tata Usaha Admin

ID

Password

Login

Gambar 3.2.2 2 Halaman Login Tata Usaha Admin

Jika

user

memilih status Tata Usaha, maka akan dibawa ke halaman login Tata

Usaha, seperti yang ditunjukkan pada Gambar 3.2.2.3.

Logo

Tahun Ajaran Aktif

Form Login Tata Usaha

ID

Password

Login

XXXXXX Pilih Tahun Ajaran

Gambar 3.2.2.3. Halaman Login Tata Usaha

(61)

Jika

user

memilih status Siswa/Wali Siswa, maka akan dibawa ke halaman login

Siswa/Wali Siswa, seperti yang ditunjukkan pada Gambar 3.2.2.4

Logo

Tahun Ajaran Aktif

Form Login Wali Siswa

Login ID

Password

Gambar 3.2.2 4 Halaman Login Siswa/Wali Siswa

Jika

user

memilih status Guru, maka akan dibawa ke halaman login Guru, seperti

yang ditunjukkan pada Gambar 3.2.2.5.

Logo

Tahun Ajaran Aktif

Form Login Guru

Login ID

Password

Pilih Tahun Ajaran XXXXXX

Gambar 3.2.2 5 Halaman Login Guru

(62)

Pada halaman login Tata Usaha dan Login Guru, selain diminta untuk

memasukkan ID dan

password

,

user

juga diminta untuk memilih tahun ajaran

(dengan

default

tahun ajaran yang sedang aktif), sehingga in

form

asi akademik

yang akan ditampilkan pada halaman-halaman selanjutnya merupakan in

form

asi

akademik pada tahun ajaran yang dipilih sewaktu login.

Data-data yang dimasukkan sewaktu login akan dicocokkan dengan data yang ada

pada tabel sesuai status yang dipilih

user

.

Jika proses login gagal, maka akan ditampilkan pesan seperti yang ditunjukkan

pada Gambar 3.2.2.6.

Logo

Tahun Ajaran Aktif

Silahkan Periksa Status, ID dan Password Anda Login Kembali atau Ke Halaman Index

Gambar 3.2.2 6 Pesan Login Gagal

(63)

3.2.2.1. Login Sebagai Tata Usaha Admin

Jika proses login sebagai Tata Usaha Admin sukses, maka akan ditampilkan

halaman awal Tata Usaha Admin, seperti yang ditunjukkan pada Gambar 3.2.2.7.

Kolom sebelah kiri merupakan daftar menu yang dapat diakses oleh Tata Usaha

Admin. Dan kolom sebelah kanan merupakan tampilan data pribadi

user

.

Logo

Login ID : XXXXXXX

Registrasi Update Data

Ubah Password

NIP : XXXXX Nama : XXXX Status Peg : XXXX Jns Kelamin : XXXX Tempat, tgl lhr : XXXX

Alamat : XXXX Telepon : XXXX

Agama : XXXX

Logout - Siswa - Guru - Tata Usaha

- Kelas - Mata Pelajaran

Data Pribadi Tata Usaha Menu Tata Usaha

Tugas Mengajar Kelas Aktif Set Thn Ajaran

Tahun Ajaran Aktif

Gambar 3.2.2 7 Halaman Utama Tata Usaha Admin

Jika

user

memilih menu Update Data Kelas, maka akan ditampilkan halaman

Kelas, seperti yang ditunjukkan pada Gambar 3.2.2.8.

Untuk menambah kelas baru,

user

harus memasukkan melalui

form

tambah kelas.

(64)

Pada halaman ini akan ditampilkan juga daftar kelas yang ada. Jadi data kelas

baru yang dimasukkan melalui

form

Tambah Kelas, nantinya akan ditampilkan di

daftar Kelas.

User

juga dapat mengedit data kelas dengan mengklik

link

Edit pada data kelas

yang ingin diedit, serta dapat menghapus data kelas dengan mengklik

link

Hapus

pada data kelas yang ingin dihapus.

Logo Tahun Ajaran Aktif

No

Edit Hapus Edit Hapus Edit Hapus Tingkat Kelas

Nama Kelas Kode Kelas

[Kembali]

Gambar 3.2.2 8 Halaman Kelas

Jika

user