PERANCANGAN SISTEM INFORMASI PENGOLAHAN NILAI RAPORT SISWA PADA SD NEGERI JAMIN GINTING BERBASIS WEBSITE LAPORAN TUGAS AKHIR

PERANCANGAN SISTEM INFORMASI PENGOLAHAN NILAI RAPORT SISWA PADA SD NEGERI 060891 JAMIN GINTING BERBASIS WEBSITE. LAPORAN TUGAS AKHIR. NURZANNAH SIREGAR 152406090. PROGRAM STUDI TEKNIK INFORMATIKA D3 FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2018. UNIVERSITAS SUMATERA UTARA.

▸ Baca selengkapnya: halaman depan raport sd

PERANCANGAN SISTEM INFORMASI PENGOLAHAN NILAI RAPORT SISWA PADA SD NEGERI 060891 JAMIN GINTING BERBASIS WEBSITE. LAPORAN TUGAS AKHIR. Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh gelar Ahli Madya. NURZANNAH SIREGAR 152406090. PROGRAM STUDI TEKNIK INFORMATIKA D3 FAKULTAS MATEMATIKA DAN ILMU PENGEAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2018. UNIVERSITAS SUMATERA UTARA.

UNIVERSITAS SUMATERA UTARA.

UNIVERSITAS SUMATERA UTARA.

PERANCANGAN SISTEM INFORMASI PENGOLAHAN NILAI RAPORT SISWA PADA SD NEGERI 060891 JAMIN GINTING BERBASIS WEBSITE. ABSTRAK. Raport adalah salah satu dokumen penting bagi para siswa. Sehingga diperlukan ketelitian saat menyimpannya. Mengisi sebuah raport juga merupakan hal yang merepotkan untuk para guru. Guru harus mengisi nilai-nilai pelajaran sebanyak siswa yang ada di kelasnya. Tentu hal itu tidak efisien. Maka dibuatlah sebuah sistem informasi pengolahan nilai raport berbasis website. Sistem ini dikembangkan menggunakan perangkat lunak Sublime Text, PHP, XAMPP, dan basis data MySQL. Sistem ini diharapkan dapat mempermudah guru dalam pengisian data nilai dan siswa dalam pengecekan dan penyimpanan raport. Kata Kunci: Sistem Informasi Pengolahan Nilai, Rapot, PHP, XAMPP, MySQL.. ii UNIVERSITAS SUMATERA UTARA.

VALUE PROCESSING INFORMATION SYSTEM STUDENT OF SD NEGERI 060891 JAMIN GINTING USING WEBSITE. ABSTRACT. Report class is one of the important document for all students. So it takes precision when saving it. Filling report class is very troublesome for every teacher because they should make the report of all student’s value inside the class. Because it is not efficient choice so writer try to make value processing information system using website. The system is developed by Sublime text software, PHP, XAMPP, and MySQL. This system can make all teachers easy to fill student’s value with the simple working to use it for saving student’s report card. Keywords: Value Processing Information System, Value Report, PHP, XAMPP, MySQL.. iii UNIVERSITAS SUMATERA UTARA.

UNIVERSITAS SUMATERA UTARA.

DAFTAR ISI. Halaman PENGESAHAN TUGAS AKHIR. i. ABSTRAK. ii. ABSTRACT. iii. PENGHARGAAN. iv. DAFTAR ISI. v. DAFTAR GAMBAR. vii. DAFTAR LAMPIRAN. ix. BAB 1 PENDAHULUAN 1.1 Latar Belakang. 1. 1.2 Rumusan Masalah. 2. 1.3 Batasan Masalah. 2. 1.4 Tujuan Penulisan. 3. 1.5 Manfaat Penelitian. 3. 1.6 Metode Penelitian. 4. 1.7 Sistematika Penulisan. 4. BAB 2 LANDASAN TEORI 2.1 Landasan Teori. 6. BAB 3 ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisis Sistem. 10. 3.2 Manajemen Basis Data. 10. 3.3 Flowchart. 12. 3.4 Perancangan Antar Muka. 15. BAB 4 IMPLEMENTASI SISTEM 4.1 Pengertian Implementasi Sistem. 23. 4.2 Spesifikasi Perangkat Keras dan Lunak. 23. 4.3 Tampilan. 24. 4.3.1 Halaman Login Pengguna. 24. 4.3.2 Halaman Beranda. 24 v UNIVERSITAS SUMATERA UTARA.

4.3.3 Halaman Input Pelajaran. 26. 4.3.4 Halaman Input Kelas. 27. 4.3.6 Halaman Input Guru. 28. 4.3.7 Halaman Input Siswa. 29. 4.3.8 Halaman Pengaturan Ruang Kelas. 30. 4.3.9 Halaman Laporan Penilaian (Admin). 31. 4.3.10 Halaman Input Nilai (Admin). 34. 4.3.11 Halaman Input Nilai (Guru). 36. 4.3.12 Halaman Laporan (Guru). 38. 4.3.13 Halaman Laporan (Siswa). 39. BAB 5 KESIMPULAN DAN SARAN 5.1 Kesimpulan. 41. 5.2 Saran. 41. DAFTAR PUSTAKA LAMPIRAN. vi UNIVERSITAS SUMATERA UTARA.

DAFTAR GAMBAR. Nomor Gambar. Judul. Halaman. 3.1. Data Flow Diagram. 11. 3.2. Flowchart Admin. 12. 3.3. Flowchart Guru. 13. 3.4. Flowchart Siswa. 14. 3.5. Rancangan Halaman Utama. 15. 3.6. Rancangan Halaman Setup Mata Pelajaran. 16. 3.7. Rancangan Halaman Data Guru. 16. 3.8. Rancangan Halaman Data Siswa. 17. 3.9. Rancangan Halaman Mata Pelajaran. 17. 3.10. Rancangan Input Nilai. 18. 3.11. Perancangan Halaman Jadwal Ruang Kelas. 18. 3.12. Perancangan Halaman Jadwal Mata Pelajaran. 19. 3.13. Perancangan Laporan untuk Admin. 19. 3.14. Rancangan Pemilihan Mata Pelajaran. 20. 3.15. Rancangan Input Nilai. 20. 3.16. Rancangan Halaman Laporan Penilaian. 21. 3.17. Rancangan Halaman Hasil Nilai. 21. 3.18. Rancangan Halaman Laporan untuk Siswa. 22. 4.1. Halaman Login Pengguna. 24. 4.2. Beranda Admin. 25. 4.3. Beranda Guru. 25. 4.4. Beranda Siswa. 26. 4.5. Input Pelajaran. 27. 4.6. Input Kelas. 27. 4.7. Input Guru. 28. 4.8. Input Siswa. 29. 4.9. Pengaturan Ruang Kelas. 30 vii. UNIVERSITAS SUMATERA UTARA.

4.10. Pencarian Laporan Berdasarkan Semester. 31. 4.11. Hasil Pencarian Per Semester. 32. 4.12. Data Siswa untuk Cetak Laporan. 33. 4.13. Hasil Cetak Raport. 33. 4.14. Memilih Mata Pelajaran. 34. 4.15. Memilih Siswa. 35. 4.16. Kolom Input Nilai Siswa. 35. 4.17. Menampilkan Keseluruhan Nilai Siswa. 36. 4.18. Pemilihan Semester dan Kelas. 36. 4.19. Kolom Input Nilai. 37. 4.20. Tampilan Nilai yang Baru Diinput. 37. 4.21. Pemilihan Semester. 38. 4.22. Data yang Tampil Berdasarkan Semester. 39. 4.23. Pemilihan Semester Kelas. 40. 4.24. Hasil Pencarian Nilai Berdasarkan Kelas. 40. viii. UNIVERSITAS SUMATERA UTARA.

DAFTAR LAMPIRAN. NO LAMPIRAN 1 3 4 5. JUDUL Listing Program Surat Keterangan Uji Program Surat Keterangan Dosen Kartu Bimbingan. ix. UNIVERSITAS SUMATERA UTARA.

BAB 1 PENDAHULUAN. 1.1 Latar Belakang Perkembangan ilmu pengetahuan teknologi informasi dan komunikasi pada saat ini menunjukkan bahwa betapa pentingnya peranan informasi bagi suatu organisasi, apalagi dalam suatu organisasi yang membutuhkan informasi berskala besar secara tepat, cepat, dan akurat. Teknologi informasi berperan penting pada semua aspek kehidupan terutama bagi mereka yang menekuni dunia kerja. Komputer adalah salah satu alat alternatif teknologi yang dapat diandalkan sebagai alat pengolahan karena dapat meningkatkan kecepatan pekerjaan, sehingga dicapai efsiensi tenaga dan waktu dalam pengolahan data. Kemajuaan teknologi komputer yang dikembangkan oleh manusia sangat berperan penting terhadap kemajuan teknologi pendidikan yang dapat mempermudah setiap pekerjaan dan urusan terutama bagi guru untuk membuat kurikulum pengajaran, jadwal pelajaran, daftar nama siswa, daftar nilai siswa yang berperan penting terhadap kelancaran proses pengolahan data Kegiatan Belajar Mengajar (KBM). Sistem pengolahan nilai siswa pada media komputer sudah menempati peranan penting dalam dunia pendidikan. Oleh karena itu dibuatlah sebuah program yang kelak dapat mempermudah dalam melakukan pekerjaan dan tidak memakan waktu banyak untuk melakukannya. Sekolah merupakan tempat bagi para siswa untuk menuntut ilmu dan bersosialisasi dengan lingkungannya. Sekolah yang bermutu memerlukan sistem penilaian yang akurat dan efisien, sehingga dapat dipertanggungjawabkan. Oleh karena itu, diperlukan sistem penilaian yang terkomputerisasi agar data yang dihasilkan akurat dan efisien. Arsip yang dihasilkan tidak lagi merupakan data hardcopy melainkan data digital yang tidak memerlukan ruangan penyimpanan yang besar. Dengan adanya perkembangan teknologi komputer, penulis tertarik untuk membuat suatu sistem yang dapat menunjang pekerjaan guru dalam kegiatan belajar mengajar pada sekolah dasar khususnya di SD Negeri 060891 Jamin Ginting, yang selama ini aktifitas pengolahan data KBM masih belum terstruktur dan pengentrian. UNIVERSITAS SUMATERA UTARA.

2 nilai siswa dilakukan secara manual dengan cara mencatat setiap nilai siswa ke dalam buku penilaian siswa yang dipegang oleh setiap guru. Selain itu juga pembuatan jadwal dan pengentrian buku adminitrasi kelas juga masih dilakukan secara manual dan belum terstruktur. Dengan penyimpanan manual secara mengelompok dapat memungkinkan data hilang, rusak dan menyulitkan dalam melakukan pencarian data jika suatu waktu diperlukan. Ditinjau dari masalah diatas, maka dibutuhkan suatu sistem informasi yang dapat membantu dalam melakukan pengarsipan dokumen nilai siswa. Oleh karena itu penulis mengangkat masalah tersebut untuk menyusun tugas akhir dengan judul “Perancangan Sistem Informasi Pengolahan Nilai Raport Siswa Pada SD Negeri 060891 Jamin Ginting Berbasis Website”. 1.2 Rumusan Masalah Masalah yang dihadapi oleh pada SD Negeri 060891 Jamin Ginting adalah pengolahan nilai siswa yang masih dilakukan secara manual. Adapun permasalahan yang akan dibahas pada tugas akhir ini sebagai berikut: 1.. Bagaimana merancang suatu sistem informasi pengolahan nilai siswa yang sesuai dengan prosedur pengolahan nilai siswa pada SD Negeri 060891 Jamin Ginting.. 2.. Bagaimana membuat hasil laporan nilai siswa yang efisien dan akurat dari sistem informasi pengolahan nilai siswa pada SD Negeri 060891 Jamin Ginting.. 3.. Mempermudah dalam pembuatan laporan nilai siswa pada SD Negeri 060891 JaminGinting.. 4.. Bagaimana menerapkan sistem komputerisasi untuk mempermudah pengolahan nilai siswa pada SD Negeri 060891 Jamin Ginting.. 1.3 Batasan Masalah Dalam penelitian ini penulis memberikan batasan masalah dengan tujuan agar pembahasan yang dilakukan tidak menyimpang dari pembahasan, maka batasan masalah yang akan dibahas yaitu:. UNIVERSITAS SUMATERA UTARA.

3 1.. Penulis hanya membahas pengolahan nilai siswa yang menyangkut masalah data siswa, data guru, data mata pelajaran, dan data nilai siswa seperti nilai harian siswa, nilai ulangan tengah semester dan ulangan akhir semester.. 2.. Sistem hanya menghasilkan laporan data siswa, data guru, data mata pelajaran, dan data nilai siswa.. 1.4 Tujuan Penulisan Adapun tujuan penulisan dalam tugas akhir ini diharapkan dapat membantu SD Negeri 060891 Jamin Ginting untuk mendukung tercapainya tujuan sebagai berikut: 1.. Memahami prosedur pengolahan data khususnya pengolahan nilai siswa pada SD Negeri 060891 Jamin Ginting.. 2.. Membuat laporan siswa yang efisien dan akurat.. 3.. Memberikan informasi dan melatih kemampuan dalam mengelolah data nilai siswa dengan sistem komputerisasi.. 1.5 Manfaat Penelitian Manfaat yang diperoleh dari sistem pengolahan nilai siswa pada SD Negeri 060891 Jamin Ginting adalah: 1.. Sebagai modal dasar untuk membuat karya tulis di masa yang akan datang.. 2.. Dengan adanya sistem pengolahan nilai siswa berbasis website maka para siswa tidak perlu khawatir akan kerusakan atau kehilangan yang bisa saja terjadi jika pengolahan nilai masih menggunakan data fisik.. 3.. Pihak sekolah dapat menghemat biaya pembuatan raport fisik karena sistem ini menyediakan fasilitas secara digital untuk mengolah nilai siswa.. 4.. Sistem ini juga memudahkan siswa agar tidak perlu ke sekolah saat pengambilan raport sehingga dapat disimpulkan sistem pengolahan ini sangat efisien. UNIVERSITAS SUMATERA UTARA.

4. 1.6 Metode Penelitian Metodologi penelitian dalam mengumpulkan data dan menyelesaikan permasalahan yang terjadi antara lain: 1.. Wawancara Mempelajari dan menganalisis sistem yang sedang berjalan serta mendapatkan data langsung dari sumbernya dengan tanya jawab dan wawancara diharapkan informasi yang diperoleh benar-benar dapat dipertanggungjawabkan atas pernyataan yang diajukan.. 2.. Literatur Merupakan metode yang dilakukan penulis dengan mengunjungi website atau situs-situs yang berhubungan dengan penelitian.. 3.. Pengamatan (Observasi) Metode pengamatan ini digunakan untuk mengumpulkan semua data-data primer yang diperlukan. Kegiatan ini dilakukan untuk mengumpulkan data dengan cara mengamati langsung sistem yang ada di SD Negeri 060891 Jamin Ginting sebagai sasaran observasi.. 1.7 Sistematika Penulisan Agar dapat memberikan gambaran yang jelas pada penulisan tugas akhir ini, maka penulis membaginya dalam beberapa bab sebagai berikut: BAB 1: PENDAHULUAN Bab ini menguraikan tentang latar belakang pembangunan aplikasi, perumusan masalah, batasan masalah, tujuan penelitian, manfaat penelitian, hingga sistematika penulisan tugas akhir ini. BAB 2: LANDASAN TEORI Bab ini menguraikan tentang uraian teoritis mengenai pengertian-pengertian dan mengenai bahasa pemrograman yang digunakan. BAB 3: METODE PENILITIAN DAN PERANCANGAN SISTEM Bab ini menguraikan mengenai metode penelitian yang digunakan dan perancangan sistem mulai dari perancangan layout, diagram konteks sistem, hingga flowchart system.. UNIVERSITAS SUMATERA UTARA.

5. BAB 4: IMPLEMENTASI SISTEM Bab ini menguraikan tentang bagaimana proses lanjutan dari perancangan sistem. BAB 5: KESIMPULAN DAN SARAN Bab ini menguraikan tentang kesimpulan dan saran yang dikutip oleh penulis selama proses pembangunan aplikasi.. UNIVERSITAS SUMATERA UTARA.

BAB 2 LANDASAN TEORI. 2.1 Landasan Teori Sistem adalah susunan yang teratur dari kegiatan yang saling berhubungan dengan prosedur yang melaksanakan dan mempermudah pelaksanaan kegiatan utama dari suatu organisasi. Sistem adalah sebagai suatu kumpulan atau himpunan, unsur, komponen, dan variabel yang terorganisasi dan dan saling ketergantungan satu sama lain (Alter.S, 2002 : 2). Sedangkan Informasi dapat diartikan “Sebagai hasil pengolah data yang dibutuhkan dan berguna yang mempunyai kondisi serta kebutuhan akan informasi tersebut. Informasi juga merupakan salah satu cara untuk menghubungkan dan mengembangkan data-data yang dibutuhkan untuk menghasilkan suatu informasi yang berguna dalam melaksanakan suatu tujuan pengembangan organisasi”. Informasi adalah data yang telah diklasifikasikan atau diolah untuk digunakan dalam proses pengambilan keputusan (Sutabri.T, 2004 : 18). Sistem informasi merupakan sejumlah komponen (manusia, komputer, teknologi informasi dan prosedur kerja), adanya sesuatu yang diproses data menjadi informasi dan dimaksudkan untuk mencapai sasaran dan tujuan (Kadir.A, 2003 : 10). Dalam membuat website ada banyak jenis software dan bahasa pemrograman yang dibutuhkan. Website sistem informasi yang penulis gunakan yaitu website dinamis yang menggunakan beberapa software dan bahasa pemrograman. Aplikasi yang penulis gunakan untuk membuat website ”Perancangan Sistem Informasi Pengolahan Nilai Raport Siswa Pada SD Negeri 060891 Jamin Ginting Berbasis Website” ini yaitu sublime text 2 dan xampp. Dalam pembuatan website ”Perancangan Sistem Informasi Pengolahan Nilai Raport Siswa Pada SD Negeri 060891 Jamin Ginting Berbasis Website” penulis menggunakan bahasa pemrograman seperti php, html, css, dan java script. Penulis juga menggunakan database dalam pembuatan website tersebut. Menurut Yuhefizar (2008:2) menjelaskan bahwa “Database diartikan sebuah koleksi atau kumpulan data yang saling berhubungan (relation), disusun menurut aturan tertentu secara logis, sehingga menghasilkan informasi”. Secara prinsip, dalam suatu database mencakup. UNIVERSITAS SUMATERA UTARA.

7 dua komponen penting yaitu data dan informasi. Data adalah fakta, baik berupa sebuah objek, orang, dan lain-lain yang dapat dinyatakan dengan suatu nilai tertentu seperti (angka, simbol, dan karakter). Sedangkan informasi adalah data yang telah diolah sehingga bernilai dan dapat dijadikan bahan dalam pengambil keputusan. Database yang penulis pakai yaitu phpmyadmin dan untuk mengakses website ini, maka user/pengguna diharapkan mempunyai chrome atau mozilla firefox. Adapun penjelasan dari software, bahasa pemrograman, database dan tulisan yang penulis gunakan akan dijelaskan sebagai berikut: 1. Sublime Text Sublime Text adalah teks editor berbagai jenis bahasa pemrograman diantaranya adalah php sublime text editor merupakan editor text lintas-platform dengan python application programming interface (API). Sublime text ini mendukung berbagai macam system operasi seperti mac os, linux, dan windows. Banyak sekali fitur yang disediakan oleh editor ini seperti minimap, membuka script secara side by side, bracket highlight sehingga tidak bingung mencari pasangannya, kode snippets, drag and drop terasa mirip dengan textmate untuk mac os. 2. XAMPP Nama xampp merupakan singkatan dari X (empat sistem operasi), apache, mysql, php dan perl. Program ini tersedia di bawah general public license dan bebas, adalah mudah untuk menggunakan web server yang dapat melayani tampilan halaman web yang dinamis. Jika ingin mendapatkan xampp dapat mendownload langsung dari situs resminya. XAMPP adalah perangkat lunak bebas yang mendukung banyak sistem operasi, merupakan campuran dari beberapa program yang mempunyai fungsi sebagai server yang berdiri sendiri (localhost), yang terdiri dari program mysql database, apache http server, dan penerjemah yang ditulis dalam bahasa pemrograman php dan perl. 3. PHP PHP adalah singkatan dari hypertext preprocessor, sebuah kepanjangan rekursif, yakni permainan kata dimana kepanjangannya terdiri dari singkatan itu sendiri. PHP dapat digunakan dengan gratis (free) dan bersifat open source. PHP dirilis dalam lisensi PHP license, sedikit berbeda dengan lisensi GNU General Public License (GPL) yang biasa digunakan untuk proyek open source. Sebagai perbandingan, website dinamis yang bisa dibuat menggunakan PHP adalah situs. UNIVERSITAS SUMATERA UTARA.

8 web yang bisa menyesuaikan tampilan konten tergantung situasi. Website dinamis juga bisa menyimpan data ke dalam database, membuat halaman yang berubahubah sesuai input dari user, memproses form, dan lain-lain. 4. HTML HTML adalah kepanjangan atau singkatan dari hyper text markup language. Setiap kita menjelajah di internet dan membuka website apapun, kita pasti akan bertemu dengan HTML. Hal ini dikarenakan semua website yang ada di internet dibuat dengan menggunakan bahasa markup HTML. Tapi mengetahui singkatannya saja tidak akan cukup. Karena itu penulis akan menyajikan arti dari kata kata tersebut. a. Hyper Text adalah metode dimana kita berpindah disekeliling web, dengan mengklik sebuah teks yang bernama hyperlink. Hyperlink adalah sebuah teks khusus di internet, dimana saat teks tersebut diklik, akan membawa kita kehalaman web selanjutnya atau halaman web lain yang telah ditentukan. b. Mark up adalah hal yang dilakukan oleh tag HTML kepada teks yang ada didalamnya. HTML menandai teks yang berada didalamnya sebagai tipe teks tertentu. Misalnya saja jika kita menandai sebuah teks dengan tag html <i>, maka teks tersebut akan berubah menjadi italic (huruf yang miring). Sedangkan jika kita menandainya dengan <b>, maka teks tersebut akan berubah menjadi bold (huruf tebal). c. Language yang berarti bahasa. HTML adalah sebuah bahasa, yang memiliki kata-kata berupa kode dan syntax seperti bahasa yang lain. 5. CSS CSS adalah kependekan dari Cascading Style Sheet. CSS merupakan salah satu kode pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik. CSS digunakan oleh web programmer dan juga blogger untuk menentukan warna, tata letak font, dan semua aspek lain dari presentasi dokumen di situs mereka. Saat ini, hampir tidak ada situs web yang dibangun tanpa kode css. 6. Java Script Java Script adalah bahasa pemrograman web yang bersifat Client Side Programming Language. Client Side Programming Language adalah tipe bahasa pemrograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang. UNIVERSITAS SUMATERA UTARA.

9 dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox. Bahasa pemrograman client side berbeda dengan bahasa pemrograman server side seperti PHP, dimana untuk server side seluruh kode program dijalankan di sisi server. 7. PhpMyAdmin PhpMyAdmin adalah perangkat lunak bebas yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi MySQL melalui Jejaring Jagat Jembar (world wide web). PhpMyAdmin mendukung berbagai operasi MySQL, diantaranya mengelola basis data, tabel-tabel, bidang (fields), relasi (relations), indeks, pengguna (user), perizinan (permissions), dan lain-lain.. UNIVERSITAS SUMATERA UTARA.

BAB 3 ANALISIS DAN PERANCANGAN SISTEM. 3.1 Analisis Sistem Perancangan sistem pengolahan nilai raport siswa yang dibuat terdiri dari admin, guru, dan siswa. Penjelasan mengenai aplikasi tersebut akan dijelaskan pada pembahasan bab ini. Aplikasi login admin adalah aplikasi yang memliki kemampuan mengolah data mata pelajaran, guru, siswa, nilai, ruang kelas, jadwal pengajar, dan melihat laporan penilaian siswa. Aplikasi login guru adalah aplikasi yang memiliki kemampuan mengolah data nilai siswa. Aplikasi login siswa adalah aplikasi yang hanya memiliki kemampuan melihat hasil dan laporan belajar. Seorang admin memiliki hak akses tertinggi dalam menggunakan fungsi-fungsi yang dibuat dari aplikasi nilai raport siswa. Database nilai raport yang dibuat merupakan sebuah aplikasi sistem database sekolah sebagai tempat penyimpanan data. Database ini terdiri dari beberapa tabel yaitu admin, guru, siswa, pelajaran, kelas, jadwal pelajaran, nilai, dan ruangan. Dengan menggunakan aplikasi nilai raport ini, seorang siswa akan lebih mudah untuk melihat nilai hasil belajar selama sekolah. Selain itu dengan aplikasi ini wali kelas tidak perlu repot menulis nilai berulang-ulang di dalam raport siswa-siswi yang diwakilinya. 3.2 Manajemen Basis Data Data. Flow. Diagram. (DFD). adalah. sebuah. teknis. grafis. yang. menggambarkan aliran formasi dan transformasi yang diaplikasikan saat data bergerak dari input menjadi output. DFD dapat digunakan untuk menyajikan sebuah sistem atau perangkat lunak pada setiap tingkat abstraksi. DFD level 0 disebut juga dengan model sistem fundamental atau model konteks yang mempresentasikan seluruh elemen sistem sebagai sebuah lingkaran tunggal dengan data input dan output yang ditunjukkan oleh anak panah yang masuk dan keluar secara berurutan. Pada DFD ini dijelaskan proses yang dilakukan oleh admin, guru, dan siswa. Berikut adalah DFD level 0 untuk sistem penilaian raport.. UNIVERSITAS SUMATERA UTARA.

11. Gambar 3.1 Data Flow Diagram. UNIVERSITAS SUMATERA UTARA.

12. 3.3 Flowchart Berikut. adalah. flowchart. untuk. aplikasi. yang. dibangun. beserta. penjelasannya. a. Flowchart Admin. Gambar 3.2 Flowchart Admin. UNIVERSITAS SUMATERA UTARA.

13 b. Flowchart Guru. Gambar 3.3 Flowchart Guru. UNIVERSITAS SUMATERA UTARA.

14 c. Flowchart Siswa. Gambar 3.4 Flowchart Siswa Keterangan: :. Jika ya. :. Jika tidak. UNIVERSITAS SUMATERA UTARA.

15 Dari bagan flowchart tersebut dapat dilihat bahwa untuk memulai menggunakan sistem maka user terlebih dahulu diberikan pilihan apabila user ingin login sebagai admin, guru, atau siswa. User yang login sebagai admin dapat menambahkan data mata pelajaran, guru, siswa, nilai, ruang kelas, jadwal pengajar, dan melihat laporan penilaian siswa. User yang login sebagai guru dapat mengolah data nilai siswa. Sedangkan user yang login sebagai siswa hanya dapat melihat hasil dan laporan belajar. 3.4 Perancangan Antar Muka Perancangan antarmuka merupakan tampilan program aplikasi yang akan digunakan untuk dapat berkomunikasi dengan komputer. Tahapan ini sangat penting karena antarmuka yang baik akan membuat pengguna merasakan kenyamanan dalam menggunakan sebuah sistem komputer. Untuk lebih memudahkan pembuatan antarmuka suatu sistem, perlu dilakukan perancangan struktur menu program dari sistem yang akan dibangun. Berikut tampilan yang akan dirancang pada sistem nilai raport ini. 1. Rancangan Halaman Utama Rancangan halanam utama aplikasi ini terdiri atas kolom username dan password yang berfungsi untuk login. Dihalaman ini juga terdapat 3 login option untuk menentukan sebagai apa user login.. Username Password Akses. Username Guru Siswa. V. Submit. Gambar 3.5 Rancangan Halaman Utama. UNIVERSITAS SUMATERA UTARA.

16 2. Rancangan Halaman Setup Mata Pelajaran Menu ini akan muncul jika user login sebagai admin. Pada halaman ini, admin dapat menambah, menghapus, dan mengedit mata pelajaran yang tersedia di SD Negeri 060891 Jamin Ginting. Dashboard. Setup. Data Induk. Penjadwalan. Nama Mata Pelajaran. Nomor. Laporan. Submit. Nama Mata Pelajaran. My Account. Logout. Reset. Aksi. Gambar 3.6 Rancangan Halaman Setup Mata Pelajaran 3. Rancangan Halaman Data Guru Halaman data guru berfungsi sebagai pengolahan data guru. Pada form ini, admin dapat menambahkan, mengedit, dan menghapus guru dari daftar guru. Dashboard. Setup. Data Induk. Penjadwalan. Laporan. My Account. Logout. Nama Guru NIP Kelamin Alamat. Telepon. Username Password Submit. Reset Tabel Data Guru. Gambar 3.7 Rancangan Halaman Data Guru. UNIVERSITAS SUMATERA UTARA.

17 4. Rancangan Halaman Data Siswa Halaman data siswa berfungsi sebagai pengolahan data siswa. Pada form ini, admin dapat menambahkan, mengedit, dan menghapus siswa dari daftar siswa. Dashboard. Setup. Data Induk. Penjadwalan. Laporan. My Account. Logout. Nama Siswa NIS Kelamin Alamat. Telepon Username Password Submit. Reset Tabel Data Siswa. Gambar 3.8 Rancangan Halaman Data 5. Rancangan Halaman Input Nilai Halaman nilai berfungsi sebagai halaman input nilai untuk admin. Pada halaman input nilai ini, terdapat 2 langkah untuk menambahkan nilai pada laporan. a. Pilih mata pelajaran Dashboard. Nomor. Setup. Data Induk. Mata Pelajaran. Penjadwalan. Laporan. My Account. Logout. Kelas. 1. Bahasa Indonesia. 6A. 2. Matematika. 6A. 3. Ilmu Pengetahuan Alam. 6A. 4. Ilmu Pengetahuan Sosial. 6A. Gambar 3.9 Rancangan Pemilihan Mata Pelajaran. UNIVERSITAS SUMATERA UTARA.

18 6. Tambahkan atau Perbaharui Nilai Siswa Dashboard. Setup. Data Induk. Penjadwalan. Laporan. My Account. Logout. Nama Guru. Pelajaran Kelas Nomor. Nama Siswa. NIS. Nilai. 1. Adi Kurnia. 50406043. 70. 2. Athi Septianti. 50406046. 60. 3. Bobby Aditiya. 50406045. 80. Update. Gambar 3.10 Rancangan Input Nilai 7. Rancangan Halaman Jadwal Ruang Kelas Halaman ini berfungsi untuk menempatkan siswa sesuai dengan kelasnya. Satu siswa hanya boleh menempati satu kelas. Dashboard. Setup. Data Induk. Penjadwalan. Laporan. My Account. Logout. Siswa Kelas Submit. Reset. Tabel Jadwal Ruang Kelas. Gambar 3.11 Perancangan Halaman Jadwal Ruang Kelas. UNIVERSITAS SUMATERA UTARA.

19 8. Perancangan Halaman Jadwal Pengajaran Halaman ini berfungsi untuk mengolah jadwal mengajar guru-guru di SD Negeri 060891 Jamin Ginting. Dashboard. Setup. Data Induk. Penjadwalan. Laporan. My Account. Logout. Guru Pelajaran Kelas Submit. Reset. Tabel Jadwal Mengajar. Gambar 3.12 Perancangan Halaman Jadwal Pengajaran 9. Perancangan Halaman Laporan untuk Admin Fungsi halaman laporan ini adalah untuk memberikan informasi nilai-nilai siswa kepada admin. Admin dapat melihat nilai siswa berdasarkan kategori tertentu. Dashboard. Setup. Data Induk. Penjadwalan. Laporan. My Account. Logout. Guru Siswa Pelajaran. Kelas Filter. Tabel Nilai Siswa. Gambar 3.13 Perancangan Laporan untuk Admin. UNIVERSITAS SUMATERA UTARA.

20 10. Perancangan Halaman Input Nilai untuk Guru Sama halnya dengan perancangan input nilai pada admin. Input nilai pada guru juga memiliki langkah untuk menyimpan nilai baru ke dalam laporan. a. Pilih mata pelajaran. Dashboard. Nomor. Activity. Laporan. Mata Pelajaran. My Account. Logout. Kelas. 1. Bahasa Indonesia. 6A. 2. Matematika. 6A. 3. Ilmu Pengetahuan Alam. 6A. 4. Ilmu Pengetahuan Sosial. 6A. Gambar 3.14 Rancangan Pemilihan Mata Pelajaran b. Tambahkan atau Perbaharui Nilai Siswa Dashboard. Activity. Laporan. My Account. Logout. Nama Guru Pelajaran Kelas Nomor. Nama Siswa. NIS. Nilai. 1. Adi Kurnia. 50406043. 70. 2. Athi Septianti. 50406046. 60. 3. Bobby Aditiya. 50406045. 80. Update. Gambar 3.15 Rancangan Input Nilai. UNIVERSITAS SUMATERA UTARA.

21 11. Perancangan Halaman Laporan Penilaian Pada halaman laporan penilaian untun guru ini tidak banyak aksi yang bisa dilakukan. Halaman ini hanya berfungsi sebagai output laporan. Dashboard. Activity. Laporan. My Account. Logout. Tabel Laporan Penilaian. Gambar 3.16 Rancangan Halaman Laporan Penilaian 12. Perancangan Halaman Hasil Nilai Pada halaman hasil nilai ini, siswa dapat melihat laporan nilai hasil belajar pada saat semester terakhir yang dilaluinya. Dashboard. Activity. Nama Siswa. Ibnu Siena. Nis. 50406041. Kelas. 3IA02. Nomor. Laporan. Nama Pelajaran. My Account. Nilai. 1. Matematika. 70. 2. Bahasa Indonesia. 60. Total Nilai. Logout. 130. Gambar 3.17 Rancangan Halaman Hasil Nilai. UNIVERSITAS SUMATERA UTARA.

22 13. Rancangan Halaman Laporan untuk Siswa Pada halaman ini, siswa dapat melihat laporan nilai hasil belajar pada seluruh semester yang telah dilaluinya. Dashboard. Activity. Laporan. My Account. Logout. Tabel Laporan Penilaian. Gambar 3.18 Rancangan Halaman Laporan untuk Siswa. UNIVERSITAS SUMATERA UTARA.

23. BAB 4 IMPLEMENTASI SISTEM. 4.1 Pengertian Impelentasi Sistem Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain sistem yang ada dalam dokumen dan disetujui yang menguji, meng-install dan memulai menggunakan sistem yang baru atau sistem yang diperbaiki. 4.2 Spesifikasi Perangkat Keras dan Lunak Dalam menerapkan rancangan yang telah dibuat, tentunya ada beberapa hal yang akan dibutuhkan. Dua komponen utama yang dibutuhkan ketika melakukan implementasi yakni perangkat keras dan perangkat lunak. a. Perangkat Keras Dalam menerapkan rancangan yang telah dijelaskan sebelumnya, tentunya dibutuhkan perangkat keras untuk menyajikan aplikasi ini. Berikut ini adalah alatalat yang dibutuhkan: 1. Satu unit CPU (Central Processing Unit) atau notebook. 2. RAM minimal 1 GB atau lebih besar. 3. Harddisk, mouse, dan keyboard. b. Perangkat Lunak Selain membutuhkan perangkat keras, perangkat lunak pun juga tidak kalah pentingnya dalam menerapkan implementasi sistem ketika menyajikan aplikasi ini. Berikut adalah perangkat lunak yang dibutuhkan: 1. Sistem operasi Microsoft Windows 7 atau lebih. 2. MySQL sebagai penampung data (database). 3. Java dan php sebagai bahasa pemrograman. 4. Sublime Text. 5. XAMPP.. UNIVERSITAS SUMATERA UTARA.

24. 4.3 Tampilan Tampilan pada aplikasi sistem informasi raport berbasis web merupakan gambaran dari semua bagian yang terdapat pada sistem yang dirancang. Berikut merupakan gambar dari setiap tampilan yang terdapat pada sistem penilaian raport. 4.3.1. Halaman Login Pengguna Halaman login pengguna merupakan halaman awal dari web ini. Jika. pengguna ingin mengakses isi web, maka harus melakukan login terlebih daulu. Hanya satu form login, namun terdapat pilihan menu akses yang berbeda pada form login tersebut.. Gambar 4.1 Halaman Login Pengguna 4.3.2. Halaman Beranda Tampilan pada seluruh beranda pengguna memiliki tampilan yang sama. yang membedakan hanyalah toolbar pada tiap-tiap jenis pengguna.. UNIVERSITAS SUMATERA UTARA.

25. Gambar 4.2 Beranda Admin. Gambar 4.3 Beranda Guru. UNIVERSITAS SUMATERA UTARA.

26. Gambar 4.4 Beranda Siswa 4.3.3. Halaman Input Pelajaran Di halaman ini, admin dapat menambah pelajaran serta menyunting dan. menghapus mata pelajaran yang sudah ada.. UNIVERSITAS SUMATERA UTARA.

27. Gambar 4.5 Input Pelajaran 4.3.4. Halaman Input Kelas Di halaman ini, admin dapat menambah kelas serta menyunting dan. menghapus data kelas yang sudah ada.. Gambar 4.6 Input Kelas. UNIVERSITAS SUMATERA UTARA.

28. 4.3.5. Halaman Input Guru Di halaman ini, admin dapat menambah data guru serta menyunting dan. menghapus data guru yang sudah ada.. Gambar 4.7 Input Guru. UNIVERSITAS SUMATERA UTARA.

29. 4.3.6. Halaman Input Siswa Di halaman ini, admin dapat menambah data siswa serta menyunting dan. menghapus data siswa yang sudah ada.. Gambar 4.8 Input Siswa. UNIVERSITAS SUMATERA UTARA.

30. 4.3.7. Halaman Pengaturan Ruang Kelas Di halaman ini admin dapat mengatur kelas setiap siswa-siswi yang. dimasukkan ke dalam golongan dari kelas I-VI.. Gambar 4.9 Pengaturan Ruang Kelas. UNIVERSITAS SUMATERA UTARA.

31. 4.3.8. Halaman Laporan Penilaian (Admin) Pada halaman ini, admin dapat melihat seluruh nilai siswa. Ada tiga tahapan untuk melihat nilai siswa. Pertama harus input semester yang datanya ingin dilihat. Setelah itu muncul beberapa data. Kemudian tersedia kolom pencarian data dengan memasukkan nama, NIS, mata pelajaran, atau kelas siswa. Langkah ketiga adalah mencetak hasil laporan yang sudah ditemukan. Caranya, admin harus menekan tombol bergambar printer disebelah kanan nama siswa.. Gambar 4.10 Pencarian Laporan Berdasar Semester. UNIVERSITAS SUMATERA UTARA.

32. Gambar 4.11 Hasil Pencarian Per Semester dan Kolom Pencarian. UNIVERSITAS SUMATERA UTARA.

33. Gambar 4.12 Data Siswa Untuk Cetak Laporan. Gambar 4.13 Hasil Cetak Raport. UNIVERSITAS SUMATERA UTARA.

34. 4.3.9. Halaman Input Nilai (Admin) Admin juga dapan menambahkan nilai siswa. Langkah pertama adalah memilih mata pelajaran yang nilainya akan diinput. Kemudian admin memilih nama siswa yang nilainya akan diinput. Lalu kolom input nilai akan muncul. Maka setelah itu akan muncul data nilai-nilai siswa yang baru saja diinput nilainya.. Gambar 4.14 Memilih Mata Pelajaran. UNIVERSITAS SUMATERA UTARA.

35. Gambar 4.15 Memilih Siswa. Gambar 4.16 Kolom Input Nilai Siswa. UNIVERSITAS SUMATERA UTARA.

36. Gambar 4.17 Menampilkan Keseluruhan Nilai Siswa 4.3.10 Halaman Input Nilai (Guru) Saat akan menginput nilai, yang dilakukan guru pertama kali adalah memilih semester dan kelas. Maka akan muncul nama-nama siswa yang masuk kedalam kelasnya dan guru bisa langsung memberikan nilai pada halaman ini. Setelah nilai selesai diinput, maka akan muncul nilai yang baru diinput. Saat input nilai, guru tidak perlu memilih mata pelajaran lagi. Karena akan otomatis berdasarkan dengan mata pelajaran yang diajarkannya yang tersimpan di database.. Gambar 4.18 Pemilihan Semester dan Kelas. UNIVERSITAS SUMATERA UTARA.

37. Gambar 4.19 Kolom Input Nilai. Gambar 4.20 Tampilan Nilai yang Baru Diinput. UNIVERSITAS SUMATERA UTARA.

38. 4.3.11 Halaman Laporan (Guru) Di halaman ini guru bisa melihat laporan penilaian hanya dengan memilih semesternya. Kemudian akan muncul data siswa yang ada pada semester tersebut. Pada langkah kedua, guru bisa memilih pencarian berdasarkan nama, NIS, mata pelajaran, dan kelas.. Gambar 4.21 Pemilihan Semester. UNIVERSITAS SUMATERA UTARA.

39. Gambar 4.22 Data yang Tampil Berdasarkan Semester yang Dipilih 4.3.12 Halaman Laporan (Siswa) Ini adalah halaman kedua setelah beranda pada pengguna siswa. Jika ingin melihat laporan penilaian, maka hal pertama yang dilakukan siswa adalah memilih semester dan kelas. Kemudian akan muncul nilai-nilai yang terdaftar pada semester dan kelas yang dipilih sebelumnya. Setelah itu, laporan dapat dicetak.. UNIVERSITAS SUMATERA UTARA.

40. Gambar 4.23 Pemilihan Semester dan Kelas. Gambar 4.24 Hasil Pencarian Nilai Berdasarkan Semester dan Kelas. UNIVERSITAS SUMATERA UTARA.

BAB 5 KESIMPULAN DAN SARAN. 5.1 Kesimpulan Dari hasil pengujian sistem yang telah dilakukan, maka dapat diambil beberapa kesimpulan diantaranya sebagai berikut: 1. Memberikan kemudahan untuk para guru mengisi nilai-nilai siswa tanpa harus repot menulis nilai-nilai ke dalam rapot satu per satu sesuai dengan banyaknya siswa di kelas. 2. Mempermudah para siswa agar tidak kesulitan menyimpan rapot mengingat rapot adalah salah satu benda penting dan tidak perlu pergi ke sekolah lagi saat pembagian rapot telah tiba. 3. Aplikasi ini hanya dapat digunakan oleh staff dan murid SD Negeri 060891 Jamin Ginting yang didaftarkan langsung oleh admin. Dikarenakan tidak bisa mendaftar melalui aplikasi demi menjaga kebenaran data. 5.2 Saran Berdasarkan hasil penelitian, ada beberapa saran yang sebaiknya dilakukan guna pengembangan sistem ini menjadi lebih baik, diantaranya sebagai berikut: 1. Diharapkan kedepannya sistem ini dapat digunakan dalam cakupan wilayah yang lebih luas lagi. 2. Penyimpanan dan pemeliharaan database laporan nilai, masih perlu dievaluasi kembali secara berkesinambungan agar tetap tersedia saat berkas itu diperlukan dan dapat diamankan dari bahaya yang tidak kita inginkan. 3. Besar harapan agar sistem dapat dibangun lebih lagi mengingat masih banyak kekurangan yang menempel pada sistem.. UNIVERSITAS SUMATERA UTARA.

DAFTAR PUSTAKA. Jogiyanto,H.M.2000.Sistem Informasi Berbasis Komputer.ANDI.Yogyakarta Peranginangin, Kasim. 2006. Aplikasi Web dengan PHP dan MySQL. Andi.Yogyakarta Yuswanto & Subari. 2005. Mengelola Database Dengan SQL Server 2000.Prestasi Pustaka. Jakarta Hakim, L, dan Musalini, U. 2004. Cara Mudah Memadukan Web Design dan Web Programming. Jakarta: PT Elex Media Komputindo.Daihani, Dadan Uma. 2001. Komputerisasi pengambilan keputusan: panduan langkah demi langkah mengembangkan sistem pendukung keputusan berbasis computer.Jakarta: Elex Media Komputindo Prasetyo, D.D. 2006. 101 Tip dan Trik Pemrograman PHP. Jakarta: PT Elex Media Komputindo. Syafii, M. 2004. Membangun Aplikasi Berbasis PHP dan MySQL. Yogyakarta: Andi. Abdullah. 2003. Tip & Trik Desain Web Dinamis dengan CSS dan JavaScript. Jakarta: Elex Media Komputindo. Sidik,B. 2001. Pemrograman Web dengan PHP. Bandung:Informatika Sugiri dan Kurniawan, B. 2007. Desain Web Mwnggunakan HTML + CSS. Andi. Yogyakarta. UNIVERSITAS SUMATERA UTARA.

43 1. Home.php <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta. name="viewport". content="width=device-width,. initial- scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Home</title> <!-- Bootstrap --> <link. href="assets/css/bootstrap.min.css". rel="stylesheet"> <link href="assets/css/style1.css" rel="stylesheet"> <link. rel="shortcut. icon". href="favicon.ico". type="image/x-icon"> </head> <?php session_start(); if (empty($_SESSION['username'])) { header("location:login.php");. //. jika. belum. login,. maka dikembalikan ke file form_login.php } else { } ?> <body> <div class="wrapper"> <div class="header"></div> <div class="conte"> <nav class="navbar-inverse navbar-fixed-top" role="navigation"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display -->. UNIVERSITAS SUMATERA UTARA.

44 <div class="navbar-header"> <button. type="button". data-toggle="collapse". class="navbar-toggle. collapsed". data-target="#bs-example-navbar-. collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> class="navbar-brand". <a. href="home.php">S.R.S.N. 06081</a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div. class="collapse. navbar-collapse". id="bs-example-. navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="home.php">Home<span class="sronly">(current)</span></a></li> <li class="dropdown"> <a. href="". class="dropdown-toggle". data-. toggle="dropdown" ="button" aria-haspopup="true" ariaexpanded="false">Setup <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="pelajaran.php">Pelajaran</a></li> <li><a href="kelas.php">Kelas</a></li> </ul> </li> <li class="dropdown"> <a href="" class="dropdown-toggle" datatoggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Data Induk <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="guru.php">Guru</a></li> <li><a href="siswa.php">Siswa</a></li>. UNIVERSITAS SUMATERA UTARA.

45 </ul> </li> <li class="dropdown"> <a href="" class="dropdown-toggle" datatoggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Penjadwalan <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="ruang_kelas.php">Ruang Kelas</a></li> <li><a href="Pengajaran.php">Pengajaran</a></li> </ul> </li> <li class="dropdown"> <a href="" class="dropdown-toggle" datatoggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Laporan <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="Penilaian.php">Penilaian</a></li> <li><a href="Input_nilai.php">Input Nilai</a></li> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=""><span class="glyphicon glyphiconuser"></span>&nbsp;&nbsp;<?php echo $_SESSION['username'] ?></a></li> <li class="dropdown"> <a href="" class="dropdown-toggle" datatoggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphiconcog"></span> <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="profil.php">Profile</a></li> <li><a href="akun.php">Akun</a></li> <li><a href="about.php">About</a></li>. UNIVERSITAS SUMATERA UTARA.

46 <li role="separator" class="divider"></li> <li><a href="Logout.php">Logout</a></li> </ul> </li> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> <p><br/><br/><br/></p> <div class="container"> <div class="row"> <div class="col-md-8" > <table. width="100%". cellpadding="0". cellspacing="0". border="0"> <tbody><tr> <td. class="green-left">Selamat. Informasi. Nilai. Online.. Datang. Waktu. di. web. Sistem. [. <?php. Akses. $tgl=date('l, d-m-Y');echo $tgl; ?> ]</td> <td class="green-right"></td> </tr> </tbody></table> <p. style="font-family:. times. new. roman;font-size:. 16px;line-height: 28px;"> <br><br> img style="height: 189px;float: left;" src="img/logo2.jpg"> Sistem. adalah. susunan. yang. teratur. dari. kegiatan yang saling berhubungan dengan prosedur yang melaksanakan dari. suatu. dan. memudah. organisasi.. pelaksanaan. Sistem. adalah. kegiatan. utama. sebagai. suatu. kumpulan atau himpunan, unsur, komponen dan variable yang. terorganisasi. saling. berinteraksi. dan. bertergantungan satu sama lain dan terpadu (Alter.S, 2002 : 2). Sedangkan Informasi dapat diartikan “Sebagai hasil. pengolah. data. yang. dibutuhkan. dan. berguna,. UNIVERSITAS SUMATERA UTARA.

47 mempunyai. kondisi. serta. tersebut.. Informasi. juga. untuk. menghubungkan. dibutuhkan berguna. untuk. dalam. organisasi.”. dan. kebutuhan merupakan. menghasilkan. Informasi atau. suatu. suatu. adalah diolah. informasi. salah. satu. cara. data-data. yang. informasi. yang. mengembangkan. melaksanakan. diklasifikasikan. akan. tujuan. pengembangan. data. yang. untuk. telah. digunakan. dalam. proses pengambilan keputusan (Sutabri.T, 2004 : 18). <br> Sistem (manusia,. informasi komputer,. merupakan. teknologi. sejumlah. informasi. komponen. dan. prosedur. kerja), ada suatu yang diproses data menjadi infromasi dan. dimaksudkan. untuk. mencapai. sasaran. dan. tujuan. (Kadir.A, 2003 : 10). Dalam membuat website ada banyak jenis software dan bahasa pemrograman yang dibutuhkan. Website. sistem. informasi. yang. penulis. gunakan. yaitu. website dinamis yang menggunakan beberapa software dan bahasa pemrograman. Aplikasi yang penulis gunakan untuk membuat. website. Pengolahan. Nilai. ”. Perancangan. Raport. Siswa. Sistem. Pada. SD. Informasi. Negeri. 060891. Jamin Ginting Berbasis Website” ini yaitu sublime text 2 dan xampp. <br> Dalam. pembuatan. website. ”. Perancangan. Sistem. Informasi Pengolahan Nilai Raport Siswa Pada SD Negeri 060891. Jamin. Ginting. Berbasis. Website”. penulis. menggunakan Bahasa pemrograman seperti php, html, css, dan java script. Penulis juga </p> </div> <div class="col-md-4"> <p> </p> <ul. class="nav. family:. times. nav-pills new. nav-stacked". roman;font-size:. style="font-. 15px;line-height:. 21px;"> <li role="presentation" class="active"><a href="">PENGUMUMAN :</a></li>. UNIVERSITAS SUMATERA UTARA.

48 <br> Sistem (manusia,. informasi. komputer,. merupakan. teknologi. sejumlah. informasi. komponen. dan. prosedur. kerja), ada suatu yang diproses data menjadi infromasi dan. dimaksudkan. untuk. mencapai. sasaran. dan. tujuan. (Kadir.A, 2003 : 10). Dalam membuat website ada banyak jenis software dan bahasa pemrograman yang dibutuhkan. Website. sistem. informasi. yang. penulis. gunakan. yaitu. website dinamis yang menggunakan beberapa software dan bahasa pemrograman. Aplikasi yang penulis gunakan untuk membuat. website. Pengolahan. Nilai. ”. Perancangan. Raport. Siswa. Sistem. Pada. SD. Informasi. Negeri. 060891. Jamin Ginting Berbasis Website” ini yaitu sublime text 2 dan xampp. <br><br> <li role="presentation"><a style="color: #fff;background-color: rebeccapurple;" href="">Pengumuman Lomba 17 Agustus</a></li> <li role="presentation"><a style="color: #fff;background-color: rebeccapurple;" href="">Pentas Seni Akan Segera Dimulai</a></li> </ul> <br/> <div class="list-group"> <a href="" class="list-group-item active"> Soal Try Out </a> <a href="" class="list-group-item">Matematika</a> <a href="" class="list-group-item">Bahasa Indonesia</a> <a href="" class="list-group-item">Bahasa Inggris</a> <a href="" class="list-group-item">Seni Lukis</a> </div> </div> </div> </div><div id="footer"> <div id="footer-left">. UNIVERSITAS SUMATERA UTARA.

49 Admin Skin by <span id="spanYear"></span> <a href="http://www.sdnegrijamingintinng. .co.uk". target="_blank">www.raportjaminginting.co.uk</a> S.R.S.N 06081 © Copyright <a href="http://sdnegri.wordpress.com" target="_blank">Jaminginting Network Project.</a> All rights reserved.</div> <div class="clear">&nbsp;</div> </div> </div> <!--. jQuery. (necessary. for. Bootstrap's. JavaScript. plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11. 3/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="assets/js/bootstrap.min.js"></script> </body> </html> 2. Input_nilai.php <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta. name="viewport". content="width=device-width,. initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Input Nilai</title> <link. rel="shortcut. icon". href="favicon.ico". type="image/x-icon"> <!-- Bootstrap -->. UNIVERSITAS SUMATERA UTARA.

50 <link href="assets/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/css/style1.css" rel="stylesheet"> <script type="text/javascript" src="https://cdn.datatables.net/1.10.11/js/jquery.dataT ables.min.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/1.10.11/js/dataTables.b ootstrap.min.js"></script> <style type="text/css"> .step-dark-left { float:left; background: url(images/forms/step_dark_left.gif) norepeat; height:27px; padding:13px 15px 26px 25px; font-size: 13px; color:#fff; font-weight: bold; } .step-dark-left a{ font-size: 13px; color:#fff; font-weight: bold; } .step-dark-right { float:left; width:12px; background: url(images/forms/step_dark_right.gif) norepeat; height:39px; } .step-dark-round { float:left;. UNIVERSITAS SUMATERA UTARA.

51 width:8px; height:39px; background: url(images/forms/step_dark_round.gif) norepeat; } .step-light-left { float:left; height:27px; padding:13px 15px 0 25px; font-size: 13px; background: url(images/forms/step_light_left.gif) norepeat; height:39px; color:#cbcbcb; font-weight: bold; } .step-light-left a{ font-size: 13px; color:#cbcbcb; font-weight: bold; } .step-light-right { float:left; width:12px; background: url(images/forms/step_light_right.gif) norepeat; height:39px; } .step-light-round { float:left; width:8px; height:39px; background: url(images/forms/step_light_round.gif) norepeat; } .table-header-repeat {. UNIVERSITAS SUMATERA UTARA.

52 background: url(images/table/table_header_repeat.jpg) repeat-x; border: none; font-size: 0px; line-height: 0; padding: 0px 0 0 0; } </style> </head> <body> <?php session_start(); if (empty($_SESSION['username'])) { header("location:login.php"); // jika belum login, maka dikembalikan ke file form_login.php } else { } ?> <nav class="navbar-inverse navbar-fixed-top" role="navigation"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbarcollapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="home.php">S.R.S.N 06081</a> </div>. UNIVERSITAS SUMATERA UTARA.

53 <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-examplenavbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="home.php">Home<span class="sronly">(current)</span></a></li> <li class="dropdown"> <a href="" class="dropdown-toggle" datatoggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Setup <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="pelajaran.php">Pelajaran</a></li> <li><a href="kelas.php">Kelas</a></li> </ul> </li> <li class="dropdown"> <a href="" class="dropdown-toggle" datatoggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Data Induk <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="guru.php">Guru</a></li> <li><a href="siswa.php">Siswa</a></li> </ul> </li> <li class="dropdown"> <a href="" class="dropdown-toggle" datatoggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Penjadwalan <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="ruang_kelas.php">Ruang Kelas</a></li> <li><a href="Pengajaran.php">Pengajaran</a></li> </ul>. UNIVERSITAS SUMATERA UTARA.

54 </li> <li class="dropdown"> <a href="" class="dropdown-toggle" datatoggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Laporan <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="Penilaian.php">Penilaian</a></li> <li><a href="Input_nilai.php">Input Nilai</a></li> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=""><span class="glyphicon glyphiconuser"></span>&nbsp;&nbsp;<?php echo $_SESSION['username'] ?></a></li> <li class="dropdown"> <a href="" class="dropdown-toggle" datatoggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphiconcog"></span> <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="Profil.php">Profile</a></li> <li><a href="Akun.php">Akun</a></li> <li><a href="About.php">About</a></li> <li role="separator" class="divider"></li> <li><a href="Logout.php">Logout</a></li> </ul> </li> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> <p><br/><br/><br/></p> <div class="container"> <div class="row">. UNIVERSITAS SUMATERA UTARA.

55 <div class="col-md-8"> <div class="step-no">1</div> <div class="step-dark-left">Pilih Mata Pelajaran</div> <div class="step-dark-right". >&nbsp;</div>. <div class="step-no-off">2</div> <div class="step-light-left" >Pilih Siswa</div> <div class="step-light-right">&nbsp;</div> <div class="step-no-off">3</div> <div class="step-light-left">Input Nilai Siswa</div> <div class="step-light-right">&nbsp;</div> <div class="step-no-off">4</div> <div class="step-light-left">Selesai</div> <div class="step-light-round">&nbsp;</div> <div class="clear"></div> <br><br><br><br><br> <table. class="table table-striped table-bordered". cellspacing="0" style="width: 91%;"> <thead> <tr> <th class="table-header-repeat" width="1%"><a class="header-repeat" href="">No.</a></th> <th class="table-header-repeat" width="60%"><a class="header-repeat" href="">Nama Pelajaran</a></th> </tr> </thead> <tbody> <?php include "conn.php"; $q="SELECT * FROM `setup_pelajaran` "; $qe=mysql_query($q); $no=0; while ($row =mysql_fetch_array($qe)) { ?> <tr> <td><?php echo $no=$no+1;?></td>. UNIVERSITAS SUMATERA UTARA.

56 <td><a class="plajaran" href="Input_nilai_data.php?id_pelajaran=<?php echo $row['id_pelajaran']; ?>"><?php echo $row['nama_pelajaran']; ?></a></td> </div> </tr> <?php } ?> </tbody> </table> </div> </div> </div> <div id="footer"> <div id="footer-left"> Admin Skin by <span id="spanYear"></span> <a href="http://www.sdnegrijamingintinng. .co.uk". target="_blank">www.raportjaminginting.co.uk</a> S.R.S.N 06081 © Copyright <a href="http://sdnegri.wordpress.com" target="_blank">Jaminginting Network Project.</a> All rights reserved.</div> <div class="clear">&nbsp;</div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3 /jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="assets/js/bootstrap.min.js"></script> </body> </html>. UNIVERSITAS SUMATERA UTARA.

57 3. Login.php <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Halaman Login</title> <link href="assets/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet"> </head> <body> <div class="col-md-4 col-md-offset-4 form-login"> <?php /* handle error */ if (isset($_GET['error'])) : ?> <div style="position: absolute;bottom: 373px;paddingright: 115px!important;". class="alert alert-warning. alert-dismissible" role="alert"> <button type="button" class="close" datadismiss="alert" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> <strong>Warning!</strong> <?php $error=$_GET['error']; echo $error;?> </div> <?php endif;?> <div class="outter-form-login"> <div class="logo-login"> <em class="glyphicon glyphicon-user"></em> <img src="img/logo.png" style="width: 51%;"> </div> <form action="proses_login.php" class="inner-login" method="post">. UNIVERSITAS SUMATERA UTARA.

58 <h3 class="text-center title-login">Login</h3> <div class="form-group"> <input type="text" class="form-control" name="username" placeholder="Username"> </div> <div class="form-group"> <input type="password" class="form-control" name="password" placeholder="Password"> </div> <div class="form-group"> <th>Akses :</th> <td> <select name="domain" class="styledselect" > <option value="ADMIN"> ADMIN </option> <option value="GURU"> GURU </option> <option value="SISWA"> SISWA </option> </select> </td></div> <input type="submit" class="btn btn-block btn-customgreen" value="LOGIN" /> <div class="text-center forget"> <p>Forgot Password ?</p> </div> </form> </div> </div> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/bootstrap.min.js"></script> </body> </html> 4. Pelajaran.php <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">. UNIVERSITAS SUMATERA UTARA.

59 <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Pelajaran</title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <!-- Bootstrap --> <link href="assets/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/css/style1.css" rel="stylesheet"> <script type="text/javascript" src="https://cdn.datatables.net/1.10.11/js/jquery.dataT ables.min.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/1.10.11/js/dataTables.b ootstrap.min.js"></script> </head> <body> <?php session_start(); if (empty($_SESSION['username'])) { header("location:login.php"); // jika belum login, maka dikembalikan ke file form_login.php } else { } ?> <nav class="navbar-inverse navbar-fixed-top" role="navigation"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbarcollapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span>. UNIVERSITAS SUMATERA UTARA.

60 <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="home.php">S.R.S.N 06081</a> </div> <tr> <td><?php echo $row['id_pelajaran']; ?></td> <td><?php echo $row['nama_pelajaran']; ?></td> <td> <a class="btn btn-warning btn-sm" data-toggle="modal" data-target="#myModal<?php echo $row['id_pelajaran']; ?>"><span class="glyphicon glyphicon-pencil" ariahidden="true"></span></a> <a class="btn btn-danger btn-sm" onclick="return confirm('Are you sure?')" href="delete.php?id=<?php echo $row['id_pelajaran']; ?>"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a> <!-- Modal --> <div class="modal fade" id="myModal<?php echo $row['id_pelajaran']; ?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel<?php echo $row['id_pelajaran']; ?>" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" datadismiss="modal" aria-label="Close"><span ariahidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel<?php echo $row['id_pelajaran']; ?>">Edit Data</h4> </div> <div class="modal-body"> <form action="edit.php" method="post"> <div class="form-group">. UNIVERSITAS SUMATERA UTARA.

61 <label for="nm">Nomor</label> <input name="nomor" type="text" class="form-control" id="nm<?php echo $row['id_pelajaran']; ?>" value="<?php echo $row['id_pelajaran']; ?>"> </div> <div class="form-group"> <label for="gd">Nama Pelajaran</label> <input name="nama" type="text" class="form-control" id="gd<?php echo $row['nama_pelajaran']; ?>" value="<?php echo $row['nama_pelajaran']; ?>"> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" datadismiss="modal">Close</button> <button type="submit" class="btn btn-primary" >Save changes</button> </form></div> </div></div> </div> </td> </tr> <?php } ?> </tbody> </table> </div></div> <div id="footer"> <div id="footer-left"> Admin Skin by <span id="spanYear"></span> <a href="http://www.sdnegrijamingintinng. .co.uk". target="_blank">www.raportjaminginting.co.uk</a> S.R.S.N 06081 © Copyright <a href="http://sdnegri.wordpress.com" target="_blank">Jaminginting Network Project.</a> All rights reserved.</div>. UNIVERSITAS SUMATERA UTARA.

62 <div class="clear">&nbsp;</div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11. 3/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="assets/js/bootstrap.min.js"></script> </body> </html> 5. Penilaian.php <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Input Nilai</title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <!-- Bootstrap --> <link href="assets/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/css/style1.css" rel="stylesheet"> <script type="text/javascript" src="https://cdn.datatables.net/1.10.11/js/jquery.dataT ables.min.js"></script>. UNIVERSITAS SUMATERA UTARA.

63 <script type="text/javascript" src="https://cdn.datatables.net/1.10.11/js/dataTables.b ootstrap.min.js"></script> <ul class="nav navbar-nav navbar-right"> <li><a href=""><span class="glyphicon glyphiconuser"></span>&nbsp;&nbsp;<?php echo $_SESSION['username'] ?></a></li> <li class="dropdown"> <a href="" class="dropdown-toggle" datatoggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphiconcog"></span> <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="profil.php">Profile</a></li> <li><a href="Akun.php">Akun</a></li> <li><a href="About.php">About</a></li> <li role="separator" class="divider"></li> <li><a href="Logout.php">Logout</a></li> </ul></li> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> <p><br/><br/><br/></p> <div class="container"> <div class="row"> <div class="col-md-8"> <div class="step-no">1</div> <div class="step-dark-left">Pilih Semester</div> <div class="step-dark-right". >&nbsp;</div>. <div class="step-no-off">2</div> <div class="step-light-left" >Laporan Penilaian</div> <div class="step-light-right">&nbsp;</div> <div class="step-no-off">3</div> <div class="step-light-left">Cetak Raport Siswa</div> <div class="step-light-right">&nbsp;</div>. UNIVERSITAS SUMATERA UTARA.

64. <div class="clear"></div> <br><br><br><br><br> <form style="background-color: #ffff;border: 1px solid #e3e3e3;" class="well form-horizontal" action="Laporan_penilaian.php" method="GET" id="contact_form"> <legend>Pilih Semester</legend> <label class="col-md-4 control-label">Semester</label> <div class="form-group"> <div class="col-md-4 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> <select name="Semester" class="form-control"> <option value="1">I</option> <option value="2">II</option> </select> </div></div> </div> <div class="form-group"> <label class="col-md-4 control-label"></label> <div class="col-md-4">&nbsp; <button type="submit" class="btn btn-warning" >Pilih <span class="glyphicon glyphicon-send"></span></button> </div></div> </form> </div></div> </div> <div id="footer"> <div id="footer-left"> Admin Skin by <span id="spanYear"></span> <a href="http://www.sdnegrijamingintinng. .co.uk". target="_blank">www.raportjaminginting.co.uk</a> S.R.S.N 06081 © Copyright <a href="http://sdnegri.wordpress.com". UNIVERSITAS SUMATERA UTARA.

65 target="_blank">Jaminginting Network Project.</a> All rights reserved.</div> <div class="clear">&nbsp;</div> </div></div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11. 3/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="assets/js/bootstrap.min.js"></script> </body> </html> 6. Ruang_kelas.php <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Pelajaran</title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <!-- Bootstrap --> <link href="assets/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/css/style1.css" rel="stylesheet"> <script type="text/javascript" src="https://cdn.datatables.net/1.10.11/js/jquery.dataT ables.min.js"></script>. UNIVERSITAS SUMATERA UTARA.

66 <script type="text/javascript" src="https://cdn.datatables.net/1.10.11/js/dataTables.b ootstrap.min.js"></script> <tr> <th>Nomor</th> <th>Nama Siswa</th> <th>Action</th> </tr> </thead> <tbody> <?php include "conn.php"; $q="SELECT * FROM `data_siswa` where kelas ='VI' "; $qe=mysql_query($q); while ($row =mysql_fetch_array($qe)) { ?> <tr> <td><?php echo $row['id_siswa']; ?></td> <td><?php echo $row['nama_siswa']; ?></td> <td> <a class="btn btn-danger btn-sm" href="delete_kelas.php?id=<?php echo $row['id_siswa']; ?>#lol"><span class="glyphicon glyphicon-trash" ariahidden="true"></span></a> </td> </tr> <?php } ?> </tbody> </table> </div></div> </td></tr> </table> </div></div> <div id="footer">. UNIVERSITAS SUMATERA UTARA.

67 <div id="footer-left"> Admin Skin by <span id="spanYear"></span> <a href="http://www.sdnegrijamingintinng. .co.uk". target="_blank">www.raportjaminginting.co.uk</a> S.R.S.N 06081 © Copyright <a href="http://sdnegri.wordpress.com" target="_blank">Jaminginting Network Project.</a> All rights reserved.</div> <div class="clear">&nbsp;</div> </div></div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/ jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="assets/js/bootstrap.min.js"></script> </body> </html> 7. Siswa.php <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Data siswa</title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <!-- Bootstrap -->. UNIVERSITAS SUMATERA UTARA.