pembuatan sistem informasi akademik berbasis...
Post on 08-Mar-2019
234 Views
Preview:
TRANSCRIPT
PEMBUATAN SISTEM INFORMASI AKADEMIK BERBASIS
WEB DI MTS AS-SALAM SAMBOJA
TUGAS AKHIR
M.BUSAIRI
140309249793
POLITEKNIK NEGERI BALIKPAPAN
JURUSAN TEKNIK ELEKTRONIKA
BALIKPAPAN
2017
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
ii
iii
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
v
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
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
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
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
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
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
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
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.
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.
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.
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.
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)
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
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.
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
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
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
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.
12
3.5.1 Halaman Login
3.5.2 Halaman Dashboard
Gambar 3.2 Halaman Login
Gambar 3.3 Halaman Dashboard
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
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.
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
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
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
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
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
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.
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.
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
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
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
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
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
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
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.
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
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"
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"
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{
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>
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>
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>
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
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'];
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>";}
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>
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">
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'>";
}
?>
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>
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>
44
<input type="radio" name="jenis_kelamin" value="L" <?php
if($data['jenis_kelamin'] == 'L') {echo "checked";} ?>> L    
</label>
<label>
<input type="radio" name="jenis_kelamin" value="P" <?php
if($data['jenis_kelamin'] == 'P') {echo "checked";} ?>> P    
</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>
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>
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.
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>
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
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">
50
<p class="copy">copyright 2017.mtsassalam.</p>
</div>
</body>
</html>
51
52
top related