65
PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS WEB DI MTS AS-SALAM SAMBOJA TUGAS AKHIR M.BUSAIRI 140309249793 POLITEKNIK NEGERI BALIKPAPAN JURUSAN TEKNIK ELEKTRONIKA BALIKPAPAN 2017

PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

  • Upload
    lamtu

  • View
    234

  • Download
    0

Embed Size (px)

Citation preview

Page 1: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS

WEB DI MTS AS-SALAM SAMBOJA

TUGAS AKHIR

M.BUSAIRI

140309249793

POLITEKNIK NEGERI BALIKPAPAN

JURUSAN TEKNIK ELEKTRONIKA

BALIKPAPAN

2017

Page 2: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

i

PEMBUATAN SISTEM INFORMASI BERBASIS WEB DI MTS

AS ASALAM SAMBOJA

TUGAS AKHIR

KARYA TULIS INI DIAJUKAN SEBAGAI SALAH SATU SYARAT

UNTUK MEMPEROLEH GELAR AHLI MADYA DARI POLITEKNIK

NEGERI BALIKPAPAN

M.BUSAIRI

140309250093

POLITEKNIK NEGERI BALIKPAPAN

JURUSAN TEKNIK ELEKTRONIKA

BALIKPAPAN

Page 3: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

ii

Page 4: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

iii

Page 5: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

iv

Karya ilmiah ini kupersembahkan kepada

Ayahanda dan Ibunda tercinta

Ahmad husaini dan Junaidah,

Saudariku yang kusayangi

Arbani & Julaiha

Salmah & M.Yunus

Arpiah

Siti Khadijah & M.Raup

Anak kost yang berjuang bersama selama ini

Eti Susanti

Santia Lois Pundu

Soimah

Suryansah

Dwi Sampurno

Zul Khoiri

Agung Aditiasyah

Aditia Syahputra

Depangga

UKM Paduan Suara Politeknik Balikpapan

Pembimbing 1 dan Pembimbing 2

Erick sorongan S.T. M.Eng.

Hadiyanto S.T. M.Eng.

Teman-Teman Seperjuangan 3TE2

Meteor Garden

Muhammad abdul aziz R

Lukman Agus Taminong

Adi septiyan N

Muhamadin Nur Rahman

Renoval Oklahoma J

Page 6: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

v

Page 7: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

vi

ABSTRACT

The development of information and communication technologies is very

fast there, is no exception to the information Mts AS Salam Samboja. So it is

necessary that the realciry of a system information to facilitate the delivery of

information and communication .From these conditions, the authors created an

Academic information system of Mts AS Salam Samboja .Website development is

done by using the PHP programming language and its database by using the

domain MYSQL.Website sch.id and upload the script by using a domain server.By

using the website Academic information system can be expected to help Mts AS

Salam in order to provide more accurate information and better

Keyword:website

Page 8: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

vii

ABSTRAK

Perkembangan Teknologi informasi dan komunikasi sudah sangat

cepat,tidak terkecuali pada informasi Mts AS Salam.Maka dari itu diperlukan

pembuatan sebuah sistem informasi untuk memudahkan penyampaian informasi

dan komunikasi.Dari hal tersebut maka penulis membuat website Sistem

informasi akademik Mts AS Salam Samboja. Pembangunan website ini dilakukan

dengan menggunakan bahasa pemrograman PHP dan database nya

MYSQL.Website ini menggunakan domain sch.id dan mengupload script dengan

menggunakan domain server. Dengan menggunakan website Sistem informasi

akademik ini dapat diharapkan mampu membantu Mts AS Salam agar dapat

memberikan informasi yang lebih akurat dan lebih baik.

Kata kunci: website

Page 9: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

viii

KATA PENGANTAR

Puji syukur saya panjatkan kepada Tuhan Yang Maha Esa yang telah

memberikan rahmat dan karunianya, sehingga penulis dapat menyelesaikan

Proposal Tugas Akhir ini. Pembuatan proposal tugas akhir merupakan sebuah

rencana dari pembuatan Tugas Akhir yang akan menjadi syarat kelulusan pada

program D3 atau sebuah pengajuan judul untuk Tugas Akhir yang akan di buat.

Dengan selesainya proposal Tugas Akhir ini tidak terlepas dari bantuan

banyak pihak. Untuk itu penulis mengucapkan banyak terima kasih, kepada:

1. Ramli, SE., M.M. selaku Direktur Politeknik Negeri Balikpapan.

2. Drs. Suhaedi, M.T. selaku Kaprodi Jurusan Teknik Elektronika.

3. Erick Sorongan, S.T. M.Eng. selaku Dosen Pembimbing 1 atas bimbingan dan

saran-sarannya.

4. Hadiyanto, S.T. M.Eng. selaku Dosen Pembimbing 2 atas bimbingan dan

saran-sarannya.

5. Seluruh Dosen, staff, dan karyawan di Politeknik Negeri Balikpapan atas

seluruh bantuannya.

6. Seluruh Mahasiswa Politeknik Negeri Balikpapan terutama Jurusan Teknik

Elektronika konsentrasi Teknik Komputer dan Jaringan atas seluruh

bantaunnya.

7. Kedua Orang Tua dan Saudara-Sudara ku Tercinta atas doa dan motivasi.

Penulis menyadari bahwa masih banyak kekurangan dari proposal ini, baik

dari materi maupun teknik penyajiannya. Mengingat kurangnya pengetahuan dan

pengalaman penulis, oleh karena itu, kritik dan saran yang membangun sangat

penulis harapkan.

Balikpapan, 9 April 2016

Mahasiswa

M.Busairi

Page 10: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

ix

DAFTAR ISI

JUDUL ........................................................................................................... i

LEMBAR PERSETUJUAN .......................................................................... ii

LEMBAR PENGESAHAN ........................................................................... iii

SURAT PERNYATAAN ............................................................................... iv

LEMBAR PERSEMBAHAN ........................................................................ v

PERSETUJUAN PUBLIKASI TUGAS AKHIR ........................................ vi

ABSTRACT .................................................................................................... vii

ABSTRAK ...................................................................................................... viii

KATA PENGANTAR .................................................................................... ix

DAFTAR ISI ................................................................................................... x

DAFTAR GAMBAR ...................................................................................... xiii

DAFTAR TABEL .......................................................................................... xiv

BAB I PENDAHULUAN ............................................................................... 1

1.1 Latar Belakang Masalah ........................................................................... 1

1.2 Rumusan Masalah .................................................................................... 1

1.3 Batasan Masalah ....................................................................................... 2

1.4 Tujuan Penelitian ...................................................................................... 2

1.5 Manfaat Penelitian .................................................................................... 2

BAB II LANDASAN TEORI ........................................................................ 3

2.1 Sistem ....................................................................................................... 3

2.2 Sistem Informasi Akademik ..................................................................... 3

2.3 Website ..................................................................................................... 3

2.4 Database MySQL ..................................................................................... 4

2.5 HTML ....................................................................................................... 5

2.6 Notepad++ ................................................................................................ 5

2.7 PHP ........................................................................................................... 5

BAB III METODOLOGI PENELITIAN .................................................... 7

3.1 Tempat ..................................................................................................... 7

3.2 Peralatan dan bahan yang digunakan ....................................................... 7

3.2.1 Perangkat Keras (Hardware) ................................................................... 7

3.2.2 Perangkat Lunak (software) ................................................................... 7

3.3 Proses Perancangan ................................................................................ 8

3.4 Metode Pengumpulan data ..................................................................... 9

3.4.1 Analisa Kebutuhan User ........................................................................ 9

3.4.2 Studi Pustaka .......................................................................................... 9

3.4.3 Membuat rancangan Sistem ................................................................... 9

3.4.4 Penulisan Proposal ................................................................................. 9

3.4.5 Pengumpulan Data ................................................................................. 10

3.4.6 Instalasi program .................................................................................... 10

3.4.7 Membuat Web Dan Database ................................................................ 10

3.4.8 Uji Coba ................................................................................................. 10

3.5 Desain Program ...................................................................................... 10

3.5.1 Halaman Login ....................................................................................... 11

3.5.1 Halaman Dashboard .............................................................................. 11

BAB IVHASIL PENELITIAN ...................................................................... 12

4.1 Use Case ..................................................................................................... 12

Halaman

Page 11: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

x

4.2 Spesifikasi Kebutuhan Fungsionalitas ....................................................... 12

4.2.1 Use Case Spesification : Login..................................................... 12

4.3 Entitas Relationship Diagram (ERD) ......................................................... 14

4.4 Kamus Data ................................................................................................ 14

4.4.1 Data Guru ..................................................................................... 14

4.4.2 Data Siswa .................................................................................... 16

4.4.3 Data Mata Pelajaran ..................................................................... 18

4.5 Pembuatan Database .................................................................................. 19

4.6 Halaman Administrator .............................................................................. 21

4.6.1 Halaman Login Admin ................................................................. 21

4.6.2 Halaman Home Admin ................................................................. 22

4.6.3 Halaman Data Guru ...................................................................... 22

4.6.4 Halaman Data Siswa..................................................................... 23

4.6.5 Halaman Data jadwal ................................................................... 23

4.7 Halaman Guru ............................................................................................ 24

4.7.1 Halaman Login Guru .................................................................... 24

4.7.2 Halaman Home Guru .................................................................... 25

4.7.3 Halaman Data jadwal Guru .......................................................... 25

4.8 Halaman Siswa ........................................................................................... 26

4.8.1 Halaman Login Siswa................................................................... 26

4.8.2 Halaman Home Siswa .................................................................. 27

4.8.3 Halaman Pilihan kelas Jadwal Siswa ........................................... 27

4.8.4 Halaman Data jadwal Siswa ......................................................... 28

BAB V KESIMPULAN DAN SARAN ......................................................... 29

5.1 Kesimpulan ................................................................................................ 29

5.2 Saran .......................................................................................................... 29

DAFTAR PUSTAKA ..................................................................................... 30

Page 12: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

xi

DAFTAR GAMBAR

Gambar 3.1. Flowchat Rancangan ................................................................... 8

Gambar 3.2. Halaman Login ............................................................................ 11

Gambar 3.3 Halaman Dashboard ..................................................................... 11

Gambar 4.1 Use Case Aplikasi SIAO Mts AS Salam ..................................... 12

Gambar 4.2 ERD Aplikasi SIAO Mts AS Salam ............................................ 14

Gambar 4.3 Halaman Membuat Database MTS AS Salam. ........................... 19

Gambar 4.4 Halaman Membuat Database Admin MTS AS Salam. ............... 19

Gambar 4.5 Halaman Membuat Database Guru MTS AS Salam. .................. 20

Gambar 4.6 Halaman Membuat Database Siswa MTS AS Salam. ................. 20

Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam. .. 20

Gambar 4.8 Halaman Login Admin ................................................................. 21

Gambar 4.9 Halaman Tampilan Admin ........................................................... 22

Gambar 4.10 Halaman Tampilan data Guru .................................................... 22

Gambar 4.11 Halaman Tampilan data Siswa ................................................... 23

Gambar 4.12 Halaman Tampilan data Jadwal .................................................. 23

Gambar 4.13 Halaman Tampilan Login Guru.................................................. 24

Gambar 4.14 Halaman Tampilan Guru ............................................................ 25

Gambar 4.15 Halaman Tampilan Jadwal Pelajaran ......................................... 25

Gambar 4.16 Halaman Login siswa ................................................................. 26

Gambar 4.17 Tampilan Halaman Siswa .......................................................... 27

Gambar 4.18 Tampilan Halaman pilih jadwal kelas ....................................... 27

Gambar 4.19 Tampilan Halaman Jadwal ........................................................ 27

Gambar 4.21 Tampilan Halaman Siswa .......................................................... 28

Gambar 4.22 Tampilan Halaman Jadwal ........................................................ 29

Gambar 4.23 Tampilan Halaman Absen ......................................................... 29

Gambar 4.24 Tampilan Halaman Nilai ........................................................... 30

Page 13: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

xii

DAFTAR TABEL

Tabel 3.1. Perangkat Lunak ............................................................................. 7

Tabel 4.1 Elemen Data NIP .............................................................................. 14

Tabel 4.2 Elemen Tanggal Lahir ...................................................................... 14

Tabel 4.3 Elemen Data Email .......................................................................... 15

Tabel 4.4 Elemen Data Jenis Kelamin ............................................................. 15

Tabel 4.5 Elemen Data Jabatan ........................................................................ 15

Tabel 4.6 Elemen Data Nama .......................................................................... 15

Tabel 4.7 Elemen Data Alamat ........................................................................ 15

Tabel 4.8 Elemen Data Tanggal Lahir .............................................................. 16

Tabel 4.9 Elemen Data Nama Bapak ............................................................... 16

Tabel 4.10 Elemen Data Nama ........................................................................ 16

Tabel 4.11 Elemen Data Tempat Lahir ............................................................. 16

Tabel 4.12 Elemen Data Tempat NIS ............................................................... 17

Tabel 4.13 Elemen Data Tempat Tahun Masuk ............................................... 17

Tabel 4.14 Elemen Data Alamat ...................................................................... 17

Tabel 4.15 Elemen Data Jenis Kelamin ........................................................... 17

Tabel 4.16 Elemen Data Nama Mata Pelajaran ............................................... 18

Tabel 4.17 Elemen Data Kode Mata Pelajaran ................................................ 18

Page 14: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

1

BAB I

PENDAHULUAN

1.1 Latar belakang

MTS As-Salam samboja merupakan sekolah yang bekerja untuk

menciptakan murid-murid yang berahlakul karimah dan berprestasi

berdasarkan iman dan takwa. Untuk saat ini fasilitas yang disediakan oleh

pihak sekolah sangat membantu siswa dalam proses belajar mereka.

Namun disamping fasilitas yang lengkap, MTS As-Salam samboja masih

memiliki kelemahan yang cukup kompleks dalam pengelolaan data,

khususnya pengelolaan informasi nilai siswa.

Sampai saat ini, di MTS As-Salam samboja untuk mendapatkan

informasi mengenai jadwal pelajaran, nilai hasil ujian dan tugas masih

bersifat manual. Hal ini dapat memperlambat dan menghambat informasi-

informasi bagi siswa dan guru, karena selama ini pengelolaan akademik

yang dilakukan dan penyajian informasi berada di sekolah.

Untuk mengurangi kelemahan tersebut, MTS As-Salam samboja

perlu memiliki sebuah sistem yang dapat memudahkan guru dan siswa

dalam memberikan dan mendapatkan informasi secara mudah dan cepat.

Karena alasan itulah memutuskan tujuan dalam penelitian tugas akhir ini

untuk merancang sistem informasi akademik berbasis website di MTS As-

Salam samboja yang nantinya akan digunakan sebagai alat bantu dalam

pengelolaan informasi.

Berdasarkan uraian di atas maka dapat diambil kesimpulan bahwa

sistem informasi sangat diperlukan dalam dunia pendidikan khususnya

yang menyangkut akademik kesiswaan. Sebagai contoh dengan adanya

sistem informasi akademik berbasis web pada MTS As-Salam samboja ini

sebagai sarana informasi bagi siswa dan pengajar mengenai pelaporan data

nilai dan data keaktifan siswa dengan memanfaatkan sistem komputerisasi

yang diolah dengan menggunakan bahasa pemrograman web PHP serta

database MySQL.

Page 15: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

2

1.2 Rumusan masalah

Selama ini pengelolaan akademik di MTS AS-Salam samboja masih di

lakukan Secara manual, sehingga memperlambat peroses belajar mengajar.

1.3 Batasan Masalah

1. Penelitian dilakukan Fokus pada penjadwalan mata pelajaran di

Sekolah MTS AS-Salam samboja

2. Pembuatan sistem informasi penjadwalan menggunakan bahasa

pemrograman PHP dan database MySQL.

3. Sistem dibangun berbasis web.

4. Penelitian Tugas Akhir dilakukan dalam lingkup lingkungan sekolah.

5. Integrasi dengan localhost.

6. Sistem yang di bangun saat ini hanya dalam ruang lingkup jadwal

pelajaran di Mts AS Salam.

1.4 Tujuan penelitian

Berdasarkan rumusan masalah di atas, maka tujuan penelitian ini

adalah membangun sistem informasi akademik berbasis web yang dapat

digunakan sebagai salah satu fasilitas di MTS As-Salam samboja untuk

penyajian informasi kepada siswa mengenai data nilai, data absensi daftar

kelas serta daftar jadwal mata pelajaran.

1.5 Manfaat Penelitian

Manfaat yang sekiranya di peroleh dari penelitian ini adalah sebagai

berikut :

1. Bagi penulis

a. Sebagai sarana untuk menerapkan ilmu yang telah diperoleh selama

berada di bangku perkuliahan terutama tentang perancangan sistem

informasi.

b.Sebagai pembelajaran serta menambah wawasan tentang dunia kerja

khususnya mengenai Sistem Informasi Berbasis Web, yang telah

didapatkan selama perkuliahan.

Page 16: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

3

2. Bagi sekolah

a. Penyimpanan data yang terstruktur sehingga memudahkan untuk

membuat laporan sekolah.

b.Memudahkan pihak sekolah dalam memperoleh informasi yang di

butuhkan untuk pengambilan data akademik yang lebih tepat dan

akurat.

Page 17: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

4

BAB II

LANDASAN TEORI

2.1 Sistem

Suatu sistem dibuat untuk menangani sesuatu yang berulang kali atau yang

secara rutin terjadi. Pendekatan sistem merupakan suatu filsafat atau persepsii

tentang struktur yang mengkoordinasikan kegiatankegitan dan operasi-operasi

dalam suatu organisasi dengan cara yang efisien dan yang lebih baik.( Tata

Sutabri, 2004:15)

Informasi adalah sesuatu yang nyata atau setengah nyata yang dapat

mengurangi derajat ketidakpastian tentang suatu keadaan atau kejadian.

Sebagai contoh, informasi yang menyatakan bahwa cuaca besok akan bagus,

akan mengurangi ketidakpastian kita mengenai jadi tidaknya pertandingan

sepak bola diselenggarakan. (Henry C. Lucas, 1993 4).

2.2 Sistem Informasi Akademik

Sistem informasi akademik merupakan sistem informasi yang dibangun

untuk menangani pengelolaan dan penyajian data-data akademik dengan lebih

mudah. Penggunanya adalah seluruh elemen sekolah diantaranya kepala

sekolah, guru, staff, siswa, dan wali siswa. (Ulin, 2010).

2.3 Website

Menurut Arief (2011a:7) “Web adalah salah satu aplikasi yang berisikan

dokumen-dokumen multimedia (teks, gambar, animasi, video) didalamnya

yang menggunakan protokol HTTP (Hypertext Transfer Protocol) dan untuk

mengaksesnya menggunakan perangkat lunak yang di sebut browser”. Sebuah

Web page adalah dokumen yang ditulis dalam format HTML (Hyper Text

Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu

protokol yang menyampaikan informasi dari server website untuk ditampilkan

kepada para pemakai melalui web browser. Semua publikasi dari website-

website tersebut dapat membentuk sebuah jaringan informasi yang sangat

besar. Web page layaknya sebuah buku yang dapat menampung berbagai

informasi tentang banyak hal baik bersifat komersil maupun non komersil.

Melalui media web inilah seseorang dapat memberikan informasi tertentu

kepada orang lain yang berada di seluruh dunia.

Page 18: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

5

Fungsi Web :

Secara umum situs web mempunyai fungsi sebagai berikut:

1. Fungsi komunikasi

Situs web yang mempunyai fungsi komunikasi pada umumnya adalah

situs web dinamis. Karena dibuat menggunakan pemograman web (server

side) maka dilengkapi fasilitas yang memberikan fungsi-fungsi

komunikasi, seperti web mail, form contact, chatting form, dan yang

lainnya. Menurut Arief (2011a:7)

2. Fungsi informasi

Situs web yang memiliki fungsi informasi pada umumnya lebih

menekankan pada kualitas bagian kontennya, karena tujuan situs tersebut

adalah menyampaikan isisnya. Situs ini sebaiknya berisi teks dan grafik

yang dapat di download dengan cepat. Pembatasan penggunaan animasi

gambar dan elemen bergerak sepertio shockwave dan java diyakini sebagai

langkah yang tepat, diganti dengan fasilitas yang memberikan fungsi

informasi seperti news, profile company, library, reference,dll. Menurut

Arief (2011a:7)

3. Fungsi entertainment

Situs web juga dapat memiliki fungsi entertainment/hiburan. Bila situs

web kita berfungsi sebagai sarana hiburan maka penggunaan animasi

gambar dan elemen bergerak dapat meningkatkan mutu presentasi

desainnya, meski tetap harus mempertimbangkan kecepatan downloadnya.

Beberapa fasilitas yang memberikan fungsi hiburan adalah game online,

film online, music online, dan sebagainya. Menurut Arief (2011a:7)

4. Fungsi transaksi

Situs web dapat dijadikan sarana transaksi biisnis, baik barang, jasa,

atau lainnya. Situs web ini menghubungkan perusahaan, konsumen, dan

komunitas tertentu melalui transaksi elektronik. Pembayarannya bisa

menggunakan kartu kredit, transfer, atau dengan membayar secara

langsung. Menurut Arief (2011a:7)

Page 19: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

6

2.4 Database MySQL

Menurut Sibero (2011e:376) “PhpMyAdmin adalah aplikasi web yang

dibuat oleh phpMyAdmin.net.phpMyAdmin digunakan untuk administrasi database

MySQL”. Program ini digunakan untuk mrngakses database MySQL. Perintah

untuk membuat tabel dapat menggunakan form yang sudah tersedia

pada PhpMyAdmin atau dapat langsung menuliskan script pada menu

SQL.PhpMyAdmin dijalankan dengan cara menetik menuliskan script pada menu

SQL.PhpMyAdmin dijalankan dengan cara menetik http://localhost/phpmyadmi

pada browser.

MySQL dan PHP merupakan sistem yang saling terintegrasi. Maksudnya

adalah pembuatan database dengan menggunakan sintak PHP dapat di buat.

Sedangkan input yang di masukkan melalui aplikasi web yang menggunakan

script serverside seperti PHP dapat langsung dimasukkan ke database MySQL

yang ada di server dan tentunya web tersebut berada di sebuah web server.

Menurut Sibero (2011e:376)

2.5 HTML

HTML, singkatan dari Hypertext Markup Language, merupakan bahasa

pemprograman berbasis script yang berguna untuk komunikasi data melalui

halaman web dan dapat diakses browser. Halaman HTML terdiri dari 3 bagian,

yang pertama adalah bagian keseluruhan yang diapit oleh tag , kedua adalah

bagian dalam tag dan disebut head karena diapit oleh tag , yang berguna antara

lain untuk memberikan judul bagi halaman web yang sedang dibuat. Bagian

ketiga disebut body karena diapit oleh tag merupakan tempat untuk menuliskan

informasi yang akan ditampilkan di halaman web. (Betha, 2006).

2.6 Notepad++

Menurut Putra ( diakses pada tanggal 18 mei 2014) Notepad++ adalah

standar programmer editor. Sebenarnya selain notepad++, juga masih banyak

editor yang lain. Anda boleh saja menggunakan sembarang editor, namun

Page 20: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

7

disarankan editor yang dipakai adalah editor yang mempunyai 3 fitur utama

yaitu Syntax Higlighting, Code folding, dan Line numbering. Notepad++ dipakai

untuk editing file secara cepat (misal Bugfix) atau mengedit satu dua baris

yang error.

2.7 PHP

Menurut Nugroho (2006b:61) “PHP atau singkatan dari Personal Home

Page merupakan bahasa skrip yang tertanam dalam HTML untuk dieksekusi

bersifat server side”. PHP termasuk dalam open source product, sehingga source

code PHP dapat diubah dan didistribusikan secara bebas. Versi

terbaru PHP dapat diunduh secara gratis melalui situs resmi PHP :

http://www.php.net.

PHP juga dapat berjalan pada berbagai web server seperti IIS (Internet

Information Server), PWS (Personal Web Server), Apache, Xitami. PHP juga

mampu berjalan di banyak sistem operasi yang beredar saat ini, diantaranya :

Sistem Operasi Microsoft Windows (semua versi), Linux, Mac Os,

Solaris. PHP dapat dibangun sebagai modul web server Apache dan sebagai

binary yang dapat berjalan sebagai CGI (Common Gateway

Interface). PHP dapat mengirim HTTP header, dapat mengatur cookies ,

mengatur authentication dan redirect user.

Salah satu keunggulan yang dimiliki PHP adalah kemampuannya untuk

melakukan koneksi ke berbagai macam software sistem manajemen basis data

atau Database Management Sistem (DBMS), sehingga dapat menciptakan suatu

halaman web dinamis. PHP mempunyai koneksitas yang baik dengan beberapa

DBMS seperti Oracle, Sybase, mSQL, MySQL, Microsoft SQL Server, Solid,

PostgreSQL, Adabas, FilePro,Velocis, dBase, Unix dbm, dan tidak terkecuali

semua database ber-interface ODBC.

Hampir seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun

kekuatan utama adalah konektivitas basis data dengan web. Dengan kemampuan

ini kita akan mempunyai suatu sistem basis data yang dapat diakses.

Page 21: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

8

BAB III

PERANCANGAN

3.1. Tempat

Tempat penelitan TA di MTS AS-Salam Samboja jalan soekarno-hatta Km.45,

Bukit Merdeka Samboja Kutai Kartanegara.

3.2 Peralatan dan Bahan yang digunakan

Penelitan Pembuatan sistem informasi akademik berbasis Web di MTS AS-

Salam samboja ini membutuhkan peralatan dan bahan sebagai berikut :

3.2.1 Perangkat Keras (Hardware)

Hardware atau perangkat keras adalah salah satu komponen dari sebuah

komponen yang sifat alatnya bisa di lihat dan diraba oleh manusia secara langsung

atau yang berbentuk nyata, yang berfungsi untuk mendukung proses komputerisasi.

Hardware yang digunakan dalam pembuatan Tugas akhir adalah Laptop

Acer Aspire E1 -431 Intel (R) 1000M (1.8 GHz, 2MB L3 cache) RAM 2 GB DDR3

Memory, 32-bit

3.2.2 Perangkat Lunak (Software)

Tabel : 3.1 : Perangkat Lunak

No Perangkat lunak Versi

1. Xampp 1.8.3

2. HTML 4.01

3. Notepad++ 5.9

4. PHP dan MySQL 5.5.0

5. Web Browser Mozzila Firefox 11.0

Page 22: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

9

3.3 Proses Perancangan

Adapun Proses perancangan penelitian tugas akhir yang dilakukan dalam

proses pembuatan tugas akhir adalah sebagai berikut :

Gambar 3.1 : Flowchat Rancangan

Page 23: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

10

3.4 Metode Pengumpulan Data

3.4.1 Analisa Kebutuhan User

Sebelum melakukan penelitian maka penulis melakukan analisa ke sekolah

terkait,dalam hal ini maka penulis melakukan penelitian di MTS AS SALAM

Samboja.Setelah penulis mengetahui kebutuhan yang diperlukan di sekolah

tersebut maka penulis meminta izin kepada sekolah untuk melakukan penelitian

disana.Dalam hal ini dibutuhkan surat keterangan dari sekolah tersebut.(Surat

Keterangan Terlampir)

3.4.2 Studi Pustaka

Studi Pustaka merupakan bagian dalam pengadaan penelitian dengan cara

mempelajari dan membaca literatur-literaturyang ada hubungannya dengan

permasalahan yang menjadi objek penelitian. Pada saat ini penulis mengambil

tema web programing. Penulis banyak membaca literatur dari buku-buku dan juga

internet dalam merancang dan mengembangkan tugas akhir.

3.4.3 Membuat Rancangan sistem

Setelah melakukan studi pustaka maka penulis membuat rancangan sistem

web programing yang akan penulis buat. Penulis merancang isi dan menu-menu

apa saja yang terdapat di database yang akan ada di dalam website.

3.4.4 Penulisan Proposal

Setelah tema dan rancangan telah direncanakan, maka penulis melanjutkan

dengan membuat judul proposal untuk diajukan kepada Dosen pembimbing,

Dosen pembimbing akan mempertimbangkan untuk menyetujui atau menolak

judul usulan tersebut sesuai kapasitas dan kapabilitas mahasiswa. Setelah disetujui

dilanjutkan dengan penulisan proposal, penulis melakukan beberapa bimbingan

kepada dosen pembimbing 1 dan dosen pembimbing 2 untuk mempersiapkan

proposal yang akan diseminarkan pada tanggal yang telah ditentukan oleh admin

prodi.

3.4.5 Pengumpulan Data

Page 24: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

11

Sebelum melakukan persiapan hardware dan software beserta penginstalan

program-program yang di butuhkan, penulis melakukan pengumpulan data yang

akan di input pada database.Data-data tersebut seperti data siswa, informasi

sekolah yang akan ditampilkan pada web informasi akademik.

3.4.6 Instalasi Program

Setelah data terkumpul dan proposal telah disetujui maka penulis memulai

dengan mempersiapkan hardware dan software serta menginstal program seperti

notepad++ dan xammp yang akan digunakan untuk pengembangan web informasi

akademik.

3.4.7 Membuat Web dan Database

Setelah pengumpulan data dan penginstallan aplikasi telah selesai maka

tahap selanjutnya adalah melakukan pembuatan web dan database.

3.4.8 Uji Coba

Setelah website selesai maka website tersebut akan di uji cobadalam

localhostapakah terdapat kesalahan atau tidak sebelum diimplementasikan pada

web server, Jika web terdapat kekurangan maka web tersebut akan diperbaiki

kembali pada proses sebelumnya.

3.5 Desain Program

Pada penelitian ini, penulis memiliki beberapa konsep gambar untuk

mempermudah user pada saat login, maupun pada saat setelah login atau masuk

pada bagian dashboard.

Page 25: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

12

3.5.1 Halaman Login

3.5.2 Halaman Dashboard

Gambar 3.2 Halaman Login

Gambar 3.3 Halaman Dashboard

Page 26: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

13

BAB IV

HASIL PENELITIAN

4.1 Use Case

4.2 Spesifikasi Kebutuhan Fungsionalitas

4.2.1 Use Case Spesification : Login

1. Brief Description

Use Case ini digunakan oleh admin guru dan siswa untuk memperoleh akses ke

sistem. Login didasarkan pada sebuah id unik yaitu id untuk admin, NIP untuk

Guru dan NIS untuk Siswa dari user dan password yang berupa rangkaian

karakter.

Gambar 4.1 Use Case Aplikasi SIAO Mts AS Salam

Page 27: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

14

2. Primary Actor

Admin

guru

siswa

3. Basic Flow

1. Use case ini dimulai ketika actor memilih untuk melakukan login

2. Sistem menampilkan interface halaman login

3. Actor memasukkan id dan password

4. Sistem memeriksa id dan password yang diinputkan aktor

E-1. id atau password tidak sesuai

5. Sistem memberikan akses

6. Use case selesai

4. Alternative Flow

None

5. Error Flow

E-1. id atau password tidak sesuai

1. Sistem memberi peringatan bahwa id dan password tidak sesuai atau

belum terdaftar

2. Kembali ke basic flow langkah 3

6. PostConditions

None

7. PostConditions

Aktor memasuki sistem dan data menggunakan fungsi-fungsi pada

sistem.

Page 28: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

15

4.3 Entitas Relationship Diagram (ERD)

4.4 Kamus Data

4.4.1 Data Guru

1. Elemen NIP

Representasi Domain Format Struktur Data

Untuk ID dari

user Guru

text - Varchar(50)

2. Elemen Data Tanggal Lahir

Representasi Domain Format Struktur Data

Untuk data

tanggal lahir dari

user Guru

date dd/mm/yyyy Date

Gambar 4.2 ERD Aplikasi SIAO MTS AS Salam

Tabel 4.1 Elemen Data NIP

Tabel 4.2 Elemen Tanggal Lahir

Page 29: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

16

1. Elemen Data No Telepon

Representasi Domain Format Struktur Data

Untuk data no

Telepon dari Guru

text 08xxxxxxxx int (20)

2. Elemen Data Jenis Kelamin

Representasi Domain Format Struktur Data

Untuk data Jenis

Kelamin user

Guru

text - Varchar(20)

3. Elemen Data Jabatan

Representasi Domain Format Struktur Data

Untuk data

Jabatan

text - Varchar(50)

4. Elemen Data Nama

Representasi Domain Format Struktur Data

Untuk data Nama

User Guru

text - Varchar(100)

5. Elemen Data Alamat

Representasi Domain Format Struktur Data

Untuk data alamat

User Guru

text - Varchar(100)

Tabel 4.3 Elemen Data No telepon

Tabel 4.4 Elemen Data Jenis Kelamin

Tabel 4.5 Elemen Data Jabatan

Tabel 4.6 Elemen Data Nama

Tabel 4.7 Elemen Data Alamat

Page 30: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

17

4.4.2 Data Siswa

1. Elemen Data Tanggal Lahir

Representasi Domain Format Struktur Data

Untuk data

tanggal lahir dari

user siswa

date dd/mm/yyyy Date

2. Elemen Data Nama Bapak

Representasi Domain Format Struktur Data

Untuk data Nama

bapak dari user

Siswa

Text - Varchar(60)

3. Elemen Data Nama

Representasi Domain Format Struktur Data

Untuk data Nama

User Siswa

text - Varchar(100)

4. Elemen Data Tempat Lahir

Representasi Domain Format Struktur Data

Untuk Tempat

Lahir dari user

siswa

Text - Varchar(60)

Tabel 4.8 Elemen Data Tanggal Lahir

Tabel 4.9 Elemen Data Nama Bapak

Tabel 4.10 Elemen Data Nama

Tabel 4.11 Elemen Data Tempat Lahir

Page 31: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

18

1. Elemen Data NIS

Representasi Domain Format Struktur Data

Untuk ID dari

user Siswa

text - int(50)

2. Elemen Data Tahun masuk

Representasi Domain Format Struktur Data

Untuk data Tahun

masuk dari user

Siswa

Text - int(50)

3. Elemen Data Alamat

Representasi Domain Format Struktur Data

Untuk data alamat

dari user Siswa

text - Text

4. Elemen Data Jenis Kelamin

Representasi Domain Format Struktur Data

Untuk data Jenis

Kelamin user

Siswa

text - Varchar(20)

Tabel 4.12 Elemen Data Tempat NIS

Tabel 4.13 Elemen Data Tempat Tahun Masuk

Tabel 4.14 Elemen Data Alamat

Tabel 4.15 Elemen Data Jenis Kelamin

Page 32: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

19

4.4.3 Data Mata Pelajaran

1. Elemen Data Nama Mata Pelajaran

Representasi Domain Format Struktur Data

Untuk data nama

mata pelajaran

dari mata

pelajaran

Text - Varchar(50)

2. Elemen Data Kode Mata Pelajaran

Representasi Domain Format Struktur Data

Untuk data kode

mata pelajaran

dari mata

pelajaran

Text - int(50)

4.5 Pembuatan Database

Pada pembhasan kali ini, pembuatan database menggunkan MySQL yang

di buat dengan phpmyadmin yang terdapat dalam perangkat lunak xampp.

Melalui phpmyadmin ini dapat dilakukan pembuatan dan perubahan terhadap

tabel – tabel yang ada pada database dengan lebih mudah karna tampilannya

yang lebih mudah di mengerti.

Langkah awal adalah membuat database dengan masuk ke halaman

loclhost/phpmyadmin dan masukan nama database dan pilih create database

di sini penulis membuat database mts_as_salam.

Tabel 4.16 Elemen Data Nama Mata Pelajaran

Tabel 4.17 Elemen Data Kode Mata Pelajaran

Page 33: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

20

Gambar di atas adalah cara membuat database pada halaman

phpmyadmin. Setelah database di buat langkah selanjutnya adalah membuat tabel.

1. Tabel Admin

Tabel berfungsi untuk menyimpan admin yang di tambahkan.

2. Tabel Guru

Tabel berfungsi untuk menyimpan data guru yang di tambahkan dan

menampilkan guru yang ada.

Gambar 4.3 Halaman Membuat Database MTS AS Salam.

Gambar 4.4 Halaman Membuat Database Admin MTS AS Salam.

Gambar 4.5 Halaman Membuat Database Guru MTS AS Salam.

Page 34: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

21

3. Tabel Siswa

Tabel berfungsi untuk menyimpan data Siswa yang di tambahkan dan

menampilkan Siswa yang ada.

4. Tabel Mata Pelajaran

Tabel Mata Pelajaran yang berfungsi untuk menyimpan Mata Pelajaran

yang di tambahkan oleh admin.

4.6 Halaman Administrator

Administrator adalah orang yang bertanggung jawab mengelola,

menjalankan dan merawat program aplikasi. Administrator bertanggung

jawab dalam setiap transaksi yang di lakukan, misalnya menambah,

mengurangi, dan mengganti data – data yang ada dalam database.

4.6.1 Halaman Login Admin

Halaman login admin untuk konfirmasi data admin sebagai keamanan data

agar tidak semua orang dapat masuk ke dalam sistem program, bagian – bagian

nya ialah username dan password yang hanya di ketahui oleh administrator

yang memiliki akun.

Gambar 4.6 Halaman Membuat Database Siswa MTS AS Salam.

Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam.

Page 35: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

22

4.6.2 Halaman Home Admin

Halaman Home adalah halaman utama yang tampil jika user yang

login adalah admin.

Gambar 4.8 Halaman Login Admin

Gambar 4.9 Halaman Tampilan Admin

Page 36: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

23

4.6.3 Halaman Data Guru

Halaman Data guru ini menampilkan data-data guru yang dapat di

edit,tambah dan di hapus oleh admin.

4.6.4 Halaman Data Siswa

Halaman Data Siswa ini menampilkan data-data siswa ya ng dapat

di edit,tambah dan di hapus oleh admin.

Gambar 4.10 Halaman Tampilan data Guru

Gambar 4.11 Halaman Tampilan data Siswa

Page 37: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

24

4.6.5 Halaman Data Jadwal

Halaman Data Siswa ini menampilkan data-data siswa yang dapat

di edit,tambah dan di hapus oleh admin dan dapat di tampilkan di tampilan

siswa.

4.7 Halaman Guru

Halaman Guru adalah salah satu pengguna web memiliki wewenang

menambah dan mengedit Nilai. Namun Guru tidak berhak mengola semua

bagian aplikasi web seperti administrator. Guru hanya dapat menambah dan

mengedit berita yang di tambahkan oleh user itu sendiri

4.7.1 Halaman Login Guru

Halaman login user untuk konfirmasi data Guru sebagai kemanan data

agar tidak semua orang dapat masuk ke dalam sistem program, bagian – bagian

nya ialah username dan password yang hanya di ketahui oleh Guru yang memiliki

akun. Di bawah adalah contoh halaman dan coding yang di gunakan.

Gambar 4.12 Halaman Tampilan data Jadwal

Gambar 4.13 Halaman Tampilan Login Guru

Page 38: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

25

4.7.2 Halaman Home Guru

Halaman Home adalah halaman utama yang tampil jika Guru yang login

adalah Guru, dalam halaman ini banyak link – link halaman yang bisa di akses

oleh Guru seperti Home, Jadwal, Masukan Nilai. Pada hal ini halaman home

Guru, dan admin tidak jauh berbeda.

4.7.3 Halaman Data Jadwal Guru

Halaman Data Jadwal guru ini menampilkan data-data jadwal

Pelajaran, yang hanya dapat di lihat oleh guru.

Gambar 4.14 Halaman Tampilan Guru

Gambar 4.15 Halaman Tampilan Jadwal Pelajaran

Page 39: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

26

4.8 Halaman Siswa

Halaman Siswa hanya dapat melihat tampilan yang telah di buat

oleh admin.

4.8.1 Halaman Login Siswa

Halaman login Siswa untuk konfirmasi data Siswa sebagai keamanan

data agar tidak semua orang dapat masuk ke dalam sistem program, bagian –

bagian nya ialah NIS dan password yang hanya di ketahui oleh siswa yang

memiliki akun.

4.8.2 Halaman Home Siswa

Halaman Home adalah halaman utama yang tampil jika siswa yang login

adalah siswa, dalam halaman ini banyak link – link halaman yang bisa di akses

oleh siswa seperti Home, Jadwal, Absen dan Nilai. Pada hal ini halaman home

Siswa,Guru dan admin tidak jauh berbeda.

Gambar 4.16 Halaman Login siswa

Gambar 4.17 Tampilan Halaman Siswa

Page 40: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

27

4.8.3 Halaman Pilihan kelas Jadwal Siswa

Halaman pilihan jadwal kelas siswa ini menampilkan pilihan

jadwal perkelas, yang hanya dapat di lihat oleh siswa.

4.8.4 Halaman Data Jadwal Siswa

Halaman Data Jadwal siswa ini menampilkan data-data jadwal

Pelajaran, yang hanya dapat di lihat oleh siswa.

Gambar 4.19 Tampilan Halaman Jadwal

Gambar 4.18 Tampilan Halaman pilih jadwal kelas

Page 41: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

28

BAB V

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Setelah membangun sistem informasi Penjadwalan pelajaran

berbasis web, dapat disimpulkan bahwa:

1. Sistem informasi penjadawalan mata pelajaran berbasis web pada Mts

AS Salam ini menggunakan PHP sebagai bahasa pemogramanya dan

MySQL sebagai databasenya.

2. Di dalam sistem informasi penjadwalan mata pelajaran ini terdapat 3

user yaitu admin, Guru dan siswa yang mendapatkan hak akses

berbeda-beda dengan menggunakan sistem login sesuai hak akses,

sehingga user satu sama lain tidak dapat mengakses halaman yang

tidak sesuai hak aksesnya.

3. Memudahkan admin dalam melakukan pengimputan data siswa,guru

dan jadwal.

4. Tampilan web cukup sederhana sehingga memudahkan admin, guru

dan siswa.

5.2 Saran

Dalam tugas akhir ini masih memiliki kekurangan.Oleh karena itu

penulis berharap adanya pengembangan di dalam web agar dapat

menjadi lebih baik meningkatkan kemajuan teknologi pada saat ini

yang berkembang pesat.

Page 42: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

29

DAFTAR PUSTAKA

Betha Sidik,Ir.2007.Jurnal : Pemograman WEB dengan

HTML.Bandung.Informatika Bandung .

Hery Setyawan.M.2013.Tugas Akhir : Sistem Informasi akademik berbasis

WEB SMA Negeri 1 Bandar Menggunakan PHP dan MySQL.

Henry C. Lucas, 1993.Jurnal: IMPLEMENTASI METODE SIMPLE

ADDITIVE WEIGHTING (SAW) DALAM SISTEM INFORMASI

LOWONGAN KERJA BERBASIS WEB UNTUK REKOMENDASI

PENCARI KERJA TERBAIK

Natalia Dengen Dyna Marisa Kh.2 juni 2009.Jurnal Informasi

Mulawarman : Sistem Informasi Akademik Berbasis Web SMP Negeri 4

Samarinda.

Nugroho.2006.Aplikasi program PHP & MySQL untuk membuat website

interaktif Yogyakarta: Madcoms

Penerbit CV Andi Offset,2008,Madiun,Teknik Mudah Membangun

Website dengan HTML,PHP,dan MySQL

Shofianingtyas Lety.2016.Tugas Akhir:Pengembangan website jurusan

elektronika di politeknik Negeri Balikpapan berbasis PHP dan MySQL.

Tata Sutabri.2004.Skripsi : SISTEM INFORMASI AKADEMIK

BERBASIS WEB PADA SEKOLAH MENENGAH PERTAMA (SMP)

NEGERI 3 PRINGKUKU

Page 43: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

30

DAFTAR LAMPIRAN

koneksi.php

<?php

// nama host, username mysql, dan password mysql database

$host = "localhost";

$user = "root";

$pass = "";

// nama database yang terhubung

$dbname = "mts_as_salam";

$koneksi=new mysqli($host,$user,$pass,$dbname);

if (mysqli_connect_error()) {

trigger_error('Koneksi ke database gagal: ' . mysqli_connect_error(),

E_USER_ERROR);

}

?>

admin.php

<html lang="en">

<body class="page-body bg" data-url="http://neon.dev">

<div class="reg">

<div class="page-container">

<div class="main-content">

<h1>mata pelajaran</h1>

<br />

<div class="panel panel-primary">

<div class="panel-heading">

<div class="panel-title">*Isi data dengan baik dan benar</div>

</div>

<div class="panel-body">

<form action="admin-proses.php" method="post">

<div class="form-group">

<label class="control-label">ID :</label>

<input type="text" class="form-control" name="id" placeholder="ID" required>

</div>

<div class="form-group">

<label class="control-label">Username:</label>

<input type="text" class="form-control" name="username"

placeholder="Username" required>

<div class="form-group">

<label class="control-label">Password:</label>

<input type="password" class="form-control" name="password"

Page 44: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

31

placeholder="Password" required>

</div>

<br>

<div class="form-group">

<input type="submit" name="submit" class="btn btn-primary" value="Submit">

</div>

</form>

</div>

</div>

<!-- Footer -->

</div>

</div>

</div>

</body>

</html>

Halaman-login-guru.php

<?php

session_start();

?>

<html>

<head>

<title> LOGIN </title>

<link href="stylelogin.css" rel="stylesheet" type="text/css" >

</head>

<body>

<div id="utama">

<div class="header">

<div class="header_isi">

<div class="gambar">

<form action="login-proses.php" method="POST">

<img src="img/logo.png" ><br /><br />

<input type="text" name="username" placeholder="Username" id="NIP"

Page 45: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

32

class="login_regis" required> <br />

<input type="password" name="password" placeholder="Password"

id="password" class="login_regis" required> <br />

<div class="chexbox">

<input type="Submit" name="submit" value="LOGIN" class="tombol_login">

</form>

</div>

</div>

</div>

</body>

</html>

Admin-proses.php

<?php

if(isset($_POST['submit'])){

include('koneksi.php');

$id = $_POST['id'];

$password = $_POST['password'];

$username = $_POST['username'];

$input = mysqli_query($koneksi, "INSERT INTO admin

VALUES(

'$id',

'$password',

'$username')") or die(mysql_error());

if($input){

echo 'Data berhasil di tambahkan! ';

echo '<a href="login.php">Kembali</a>';

}else{

echo 'Gagal menambahkan data! ';

echo '<a href="login.php">Kembali</a>';

}

}else{

Page 46: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

33

echo '<script>window.history.back()</script>';

}

?>

guru.php

<html lang="en">

<head>

<title>Registrasi Guru</title>

</head>

<div class="reg">

<div class="page-container">

<div class="main-content">

<h1>Form Registrasi Guru</h1>

<br />

<div class="panel panel-primary">

<div class="panel-body">

<form action="guru-proses.php" method="post">

<div class="form-group">

<label class="control-label">NUPTK:</label>

<input type="text" class="form-control" name="NIP" placeholder="NUPTK"

required>

</div>

<div class="form-group">

<label class="control-label">Nama:</label>

<input type="text" class="form-control" name="nama" placeholder="Nama"

required>

</div>

<div class="form-group">

<label class="control-label">Password:</label>

Page 47: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

34

<input type="password" class="form-control" name="password"

placeholder="Password" required>

</div>

<div class="form-group">

<label class="control-label">Confirm Password:</label>

<input type="password" class="form-control" name="password2"

placeholder="Confirm Password" required>

</div>

<div class="form-group">

<label class="control-label">Alamat:</label>

<input type="text" class="form-control" name="alamat" placeholder="Alamat"

required>

</div>

<div class="form-group">

<label class="control-label">Jenis Kelamin:</label>

<div>

<label>

<input type="radio" name="jenis_kelamin" value="L"> L

</label>

</div>

<div>

<label>

<input type="radio" name="jenis_kelamin" value="P"> P

</label>

</div>

</div>

<div class="form-group">

<label class="control-label">Jabatan:</label>

<input type="text" class="form-control" name="jabatan" placeholder="Jabatan"

required>

<div class="form-group">

<label class="control-label">Tanggal Lahir:</label>

Page 48: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

35

<input type="date" class="form-control" name="tgl_lahir" placeholder="Tanggal

Lahir" required>

</div>

<div class="form-group">

<label class="control-label">Nomor Telpon:</label>

<input type="text" class="form-control" name="no_telpon" placeholder="Nomor

Telpon" required>

</div>

<div class="form-group">

<label class="control-label">Role:</label>

<div>

<label>

<input type="radio" name="role" value="Guru"> Guru

</label>

</div>

<div>

<label>

<input type="radio" name="role" value="Siswa"> Siswa

</label>

</div>

</div>

<br>

<div class="form-group">

<input type="submit" name="submit" class="btn btn-primary" value="Submit">

</div>

</form>

</div>

</div>

</div>

</div>

</div>

</div>

Page 49: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

36

</body>

</html>

Guru-jadwal.php

<html>

<head>

<title>Tampil jadwal</title>

<link rel="stylesheet" href="header.css">

</head>

</head>

<body>

<center><a href="index_guru.php" class="menu"><font color="Darkturquoise"

size="5"><big>Kembali</big></a>

<br>

<br>

<table border="2" cellspacing="0" cellpadding="4" style="text-

align:center;background-color:#b0e0e6">

<tr style="text-align:center;background-color:#ffff00">

<td>NO</td>

<td>Kode Pelajaran</td>

<td>Hari</td>

<td>Jam</td>

<td>Nama Pelajaran</td>

<td>Kelas</td>

<td>Guru</td>

</tr>

<?php

$no=1;

include "koneksi.php";

$query = mysqli_query($koneksi, "SELECT * FROM mata_pelajaran ") or die

Page 50: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

37

(mysqli_error());

while($data = mysqli_fetch_array($query)): ?>

<tr style="text-align:center">

<!-- menampilkan isi field dari database -->

<td><?php echo $no;?></td>

<td><?php echo $data['kd_mp'];?></td>

<td><?php echo $data['hari'];?></td>

<td><?php echo $data['jam'];?></td>

<td><?php echo $data['nm_mp'];?></td>

<td><?php echo $data['kelas'];?></td>

<td><?php echo $data['guru'];?></td>

</tr>

<?php

$no++; ?>

<?php

endwhile;

?>

</table>

</center>

</form>

</body>

</html>

Guru-proses.php

<?php

if(isset($_POST['submit'])){

include('koneksi.php');

$NIP = $_POST['NIP'];

$nama = $_POST['nama'];

Page 51: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

38

$password = ($_POST['password']);

$password2 = ($_POST['password2']);

$alamat = $_POST['alamat'];

$jenis_kelamin = $_POST['jenis_kelamin'];

$jabatan = $_POST['jabatan'];

$tgl_lahir = $_POST['tgl_lahir'];

$no_telpon = $_POST['no_telpon'];

$role = $_POST['role'];

if ($password==$password2) {

$input = mysqli_query($koneksi, "INSERT INTO guru

VALUES(

'$NIP',

'$nama',

'$password',

'$alamat',

'$jenis_kelamin',

'$jabatan',

'$tgl_lahir',

'$no_telpon',

'$role')") or die(mysqli_error());

if($input){

echo 'Data berhasil di tambahkan! ';

echo '<a href="tampil.php">Kembali</a>';

}else{

echo 'Data Sudah Ada ';

echo '<a href="tampil.php">Kembali</a>';

}

}

else {echo "<script>alert('Password yang Anda Masukan Tidak

Sama');history.go(-1)</script>";}

Page 52: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

39

}else{

echo '<script>window.history.back()</script>';

}

?>

Tampil-siswa.php

<html>

<head>

<title>Tampil Siswa</title>

<link rel="stylesheet" href="header.css">

</head>

<body>

<a href="index.html" class="menu">BERANDA</a> ||

<a href="siswa.php" class="menu">TAMBAH DATA</a>

<br>

<br>

<table border="1" cellspacing="0" cellpadding="4">

<tr style="text-align:center;background-color:#cd853f">

<td>NO</td>

<td>NIS</td>

<td>Nama</td>

<td>Tanggal Lahir</td>

<td>Tempat Lahir</td>

<td>Jenis Kelamin</td>

<td>Alamat</td>

<td>Tahun Masuk</td>

<td>Nama Bapak</td>

<td>password</td>

<td>Action</td>

</tr>

<?php

$no=1;

include "koneksi.php";

$query = mysqli_query($koneksi, "SELECT * FROM siswa") or die

(mysqli_error());

while($data = mysqli_fetch_array($query)): ?>

<tr style="text-align:center">

<!-- menampilkan isi field dari database -->

<td><?php echo $no;?></td>

<td><?php echo $data['NIS'];?></td>

<td><?php echo $data['nama'];?></td>

<td><?php echo $data['tgl_lahir'];?></td>

<td><?php echo $data['tp_lahir'];?></td>

Page 53: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

40

<td><?php echo $data['jenis_kelamin'];?></td>

<td><?php echo $data['alamat'];?></td>

<td><?php echo $data['thn_masuk'];?></td>

<td><?php echo $data['nm_bapak'];?></td>

<td><?php echo $data['password'];?></td>

<td>

<a href="home-kegiataneditsiswa.php?id=<?php echo

$data['NIS'];?>">Edit</a> ||

<a href="hapus-siswa.php?id=<?php echo $data['NIS'];?>" onClick='return

confirm("Apakah Ada yakin menghapus?")'>Hapus</a>

</td>

</tr>

<?php

$no++; ?>

<?php

endwhile;

?>

</table>

</form>

</body>

</html>

Halaman-login-guru.php

<?php

session_start();

?>

<html>

<head>

<title> LOGIN </title>

<link href="stylelogin.css" rel="stylesheet" type="text/css" >

</head>

<body>

<div id="utama">

<div class="header">

<div class="header_isi">

<div class="gambar">

Page 54: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

41

<form action="login-proses.php" method="POST">

<img src="img/logo.png" ><br /><br />

<input type="text" name="username" placeholder="Username" id="NIP"

class="login_regis" required> <br />

<input type="password" name="password" placeholder="Password"

id="password" class="login_regis" required> <br />

<div class="chexbox">

<input type="Submit" name="submit" value="LOGIN" class="tombol_login">

</form>

</div>

</div>

</div>

</body>

</html>

Hapus-guru.php

<html>

<head>

<title></title>

</head>

<body>

<?php

$NIP=$_GET['id'];

include "koneksi.php";

$del=mysqli_query($koneksi, "DELETE FROM guru where NIP=$NIP");

if ($del){

echo "<script>alert('Data sudah Terhapus')</script>";

echo "<meta http-equiv='refresh' content='1 url=tampil.php'>";

}else{

echo "<script>alert('Data Gagal Terhapus')</script>";

echo "<meta http-equiv='refresh' content='1 url=guru.php'>";

}

?>

Page 55: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

42

</body>

</html>

Hapus-jadwal.php

<html>

<head>

<title>Hapus jadwal</title>

</head>

<body>

<?php

$kd_mp=$_GET['id'];

include "koneksi.php";

$del=mysqli_query($koneksi, "DELETE FROM mata_pelajaran where

kd_mp=$kd_mp");

if ($del){

echo "<script>alert('Data sudah Terhapus')</script>";

echo "<meta http-equiv='refresh' content='1 url=tampil-jadwal.php'>";

}else{

echo "<script>alert('Data Gagal Terhapus')</script>";

echo "<meta http-equiv='refresh' content='1 url=jadwal.php'>";

}

?>

</body>

</html>

Home-kegiatanedit.php

<?php

session_start();

include "koneksi.php";

?>

<h2>Edit data guru</h2>

<div class="panel-heading">

<section>

Page 56: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

43

<?php

$NIP = $_GET['id'];

$query = mysqli_query($koneksi, "SELECT * FROM guru WHERE NIP

='$NIP'");

$data = mysqli_fetch_array($query); ?>

<div class="panel-body">

<form action="home-kegiatanedit-proses.php" method="post">

<div class="form-group">

<input type="hidden" class="form-control" name="id" value="<?php echo

$data['id'] ?>">

</div>

<div class="form-group">

<label class="control-label">NIP:</label>

<input type="text" class="form-control" name="NIP" value="<?php echo

$data['NIP'] ?>" disabled>

<input type="hidden" class="form-control" name="NIP" value="<?php echo

$data['NIP'] ?>">

</div>

<div class="form-group">

<label class="control-label">Nama:</label>

<input type="text" class="form-control" name="nama" placeholder="Nama"

value="<?php echo $data['nama'] ?>" required>

</div>

<div class="form-group">

<label class="control-label">Alamat:</label>

<input type="text" class="form-control" name="alamat" placeholder="Alamat"

value="<?php echo $data['alamat'] ?>" required>

</div>

<div class="form-group">

<label class="control-label">Jenis Kelamin:</label><br/>

<div>

<label>

Page 57: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

44

<input type="radio" name="jenis_kelamin" value="L" <?php

if($data['jenis_kelamin'] == 'L') {echo "checked";} ?>> L &nbsp &nbsp

</label>

<label>

<input type="radio" name="jenis_kelamin" value="P" <?php

if($data['jenis_kelamin'] == 'P') {echo "checked";} ?>> P &nbsp &nbsp

</label>

</div>

</div>

<div class="form-group">

<label class="control-label">Jabatan:</label>

<input type="text" class="form-control" name="jabatan" placeholder="jabatan"

value="<?php echo $data['jabatan'] ?>" required>

</div>

<div class="form-group">

<label class="control-label">Tanggal Lahir:</label>

<input type="text" class="form-control" name="tgl_lahir" placeholder="tgl_lahir"

value="<?php echo $data['tgl_lahir'] ?>" required>

</div>

<div class="form-group">

<label class="control-label">NO Telepon:</label>

<input type="text" class="form-control" name="no_telpon"

placeholder="no_telpon" value="<?php echo $data['no_telpon'] ?>" required>

</div>

</div>

<br>

<div class="form-group">

<input type="submit" name="submit" class="btn btn-primary" value="Submit">

</div>

</form>

</div>

</section>

Page 58: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

45

</div>

<br />

\<!-- Footer -->

<footer class="main">

</footer>

</div>

</div>

</body>

</html>

Index_admin.php

<?php

session_start();

?>

<html>

<head>

<title>tampilan admin</title>

<link rel="stylesheet" href="style.css"

</head>

<body background="13.png">

<body>

<div class="container">

<div class="header">

<div class="judul">

<h1><center></center></h1>

<img src="header.png" style="width:944px;height:104px;">

</div>

<nav>

<ul>

<li><a href="index_admin.php">Home</a></li>

<li>

<a href="#">DATA</a>

<ul>

Page 59: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

46

<li><a href="tampil.php">data guru</a></li>

<li><a href="tampil-siswa.php">data siswa</a></li>

<li><a href="tampil-jadwal.php">jadwal</a></li>

</ul>

<li><a href="logout.php">LOGOUT</a></li>

</ul>

</nav>

<div class="content"><br>

<h2><center>VISI dan MISI</center></h2>

<br>

<h5>VISI SEKOLAH

<br>Terwujudnya lulusan MTs As Salam Samboja yang bertaqwa kepada Allah

SWT

<br>berakhlak mulia, memiliki kepribadian, berilmu, terampil dan mampu

<br> mengaktulisasikan diri dalam kehidupan bermasyarakat.

<br>

<br>MISI SEKOLAH

<br>1. Melaksanakan pembelajaran yang bernuansa Islam dengan

<br> mengutamakan pengalaman untuk mewujudkan peserta didik yang

berakhlak mulia

<br>2. Melaksanakan proses pembelajaran yang menginternalisasikan nilai-nilai

keislaman

<br> ( Jujur, bertanggung jawab, peduli, adil, dan rahmatan lil alamin) dalam

setiap proses pembelajaran )

<br> 3. Melaksanakan proses pembelajaran yang mengacu pada kurikulum

berstandar nasional

<br> dengan memfokuskan pada proses pembelajaran aktif, inovatif, kreatif,

efektif dan menyenangkan ( PAIKEM )

<br>4. Melaksanakan pelatihan secara berkesinambungan kepada seluruh SDM

madrasah

<br> untuk mengembangkan kecakapan yang berkaitan dengan bidang studi,

<br> keterampilan mengajar, soft skill, manajemen dan kepemimpinan.

Page 60: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

47

<br>

</h5>

</div>

<div class="footer">

<p class="copy">copyright 2017.mtsassalam.</p>

</div>

</body>

</body>

</html>

Index_tampilanjadwal.php

<?php

session_start();

?>

<html>

<head>

<title>tampilan JADWAL</title>

<link rel="stylesheet" href="style.css">

</head>

<body background="13.png">

<div class="container">

<div class="header">

<div class="judul"

<h1><center></center></h1>

<img src="header.png" style="width:944px;height:104px;">

</div>

<nav>

<ul>

<li><a href="index_guru.php">Home</a></li>

<li><a href="index_tampiljadwal.php">JADWAL</a></li>

<li><a href="logout.php">LOGOUT</a></li>

Page 61: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

48

</ul>

</nav>

<div class="content">

<br>

<h2><center>JADWAL MENGAJAR</center></h2>

<h5><center>

<br>

<form action="index_tampiljadwal.php" method="post">

<select name="kelas">

<option value="senin">senin</option>

<option value="selasa">selasa</option>

<option value="rabu">rabu</option>

<option value="kamis">kamis</option>

<option value="jumat">jumat</option>

<option value="sabtu">sabtu</option>

</select>

<input type="submit" value="Pilih"/>

<br>

<br>

<table border="1" style="text-align:center;background-color:#b0e0e6">

<tr style="text-align:center;background-color:#ffff00">

<td>NO</td>

<td>Kode Pelajaran</td>

<td>Hari</td>

<td>Jam</td>

<td>Nama Pelajaran</td>

<td>Kelas</td>

<td>Guru</td>

</tr>

<?php

Page 62: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

49

$hari = @$_POST["kelas"];

$guru = $_SESSION["guru_nama"];

$no=1;

include "koneksi.php";

$query = mysqli_query($koneksi, "SELECT * FROM mata_pelajaran WHERE

guru='$guru' && hari='$hari'") or die (mysqli_error());

while($data = mysqli_fetch_array($query)): ?>

<tr style="text-align:center">

<!-- menampilkan isi field dari database -->

<td><?php echo $no;?></td>

<td><?php echo $data['kd_mp'];?></td>

<td><?php echo $data['hari'];?></td>

<td><?php echo $data['jam'];?></td>

<td><?php echo $data['nm_mp'];?></td>

<td><?php echo $data['kelas'];?></td>

<td><?php echo $data['guru'];?></td>

</tr>

<?php

$no++; ?>

<?php

endwhile;

?>

</table>

</center>

</form>

</center></h5>

</div>

<div class="footer">

Page 63: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

50

<p class="copy">copyright 2017.mtsassalam.</p>

</div>

</body>

</html>

Page 64: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

51

Page 65: PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS …spmi.poltekba.ac.id/spmi/fileTA/140309249793_2017.pdf · Gambar 4.7 Halaman Membuat Database Mata Pelajaran MTS AS Salam ... mendapatkan

52