PENDAHULUAN
1.1 Latar Belakang
Proses penyebaran serta kemajuan pada bidang teknologi dan ilmu
pengetahuan berkembang secara luas dan tak terbatas. Hampir di segala
sendi kehidupan teknologi informasi memegang peranan yang penting.
Dengan demikian perpaduan bidang teknologi dan pendidikan dirasa
sangat perlu untuk mempermudah masyarakat dalam mencari sumber
informasi dan komunikasi dalam dunia pendidikan, salah satunya adalah
sistem informasi berbasis web pada sekolah.
Madrasah Ibtidaiyah. Madrasah Ibtidaiyah sendiri adalah salah satu
bentuk satuan pendidikan formal yang menyelenggarakan pendidikan
umum dengan kekhasan agama islam pada jenjang pendidikan dasar
didalam pembinaan menteri Agama.
Belum adanya Sistem informasi akademik kepada siswa, orang
tua / wali yang dilakukan di madrasah ibtidaiyah. Hal ini dikarenakan
penyampaian akademik masih manual secara lisan, tertulis melalui telepon
atau SMS satu per satu. Dampak dari proses tersebut adalah lambatnya
proses penyampaian informasi akademik dan besarnya pengeluaran dalam
penyampaian informasi. Untuk mengatasi permasalahan tersebut, maka
dibangunlah sistem untuk menghasilkan informasi akademik berupa
informasi dan prestasi siswa di sekolah berbasis web yang dapat
dimanfaatkan oleh staf akademik untuk mempermudah dalam
menyampaikan informasi akademik kepada siswa, Untuk itu sistem
informasi berbasis web yang dapat menjadi sarana prasarana dalam
mempermudah dan mendukung interaksi antar guru dan murid dalam
berkomunikasi serta dapat membantu orang tua wali murid dalam
monitoring apa yang terjadi di sekolah. Oleh karena itu, sudah seharusnya
sekolah dasar seperti Madrasah Ibtidaiyah menerapkan kemudahan
tersebut dalam membangun sistem informasi akademik berbasis web.
1.2 Rumusan Masalah
Berdasarkan latar belakang yang telah dijelaskan di atas, maka
dapat di rumuskan permasalahan sebagai berikut :
1.4 Manfaat
Dalam pelaksanaan penelitian ini terdapat beberapa manfaat dari
penggunaan sistem tersebut ialah:
1. Mempermudah pihak sekolah dalam memberikan informasi kepada
Orang Tua wali murid terkait dengan Akademik Sekolah
2. Memudahkan Publik dalam hal ini adalah Orang Tua Wali Murid
dalam mendapatkan informasi akademik sekolah.
e) Bahasa Arab
berikut:
VISI :
MISI :
MI MAARIF LEGOKLANGKIR
KOMITE KEPALA
SEKOLAH SEKOLAH
N.FAUZI ISMAWATI
GURU KLS I GURU KLS GURU KLS GURU GURU KLS V GURU KLS
II III KLS IV VI
ISMAWATI, SUKIRWAN,
S.Pd N.FAUZI, S.Pd TRI N, S.Pd
ARI W, S.Pd
S.Pd
PENJAGA
Gambar 2.3 Struktur Organisasi MI MAARIF legoklangkir.
3. Unit Perpustakaan
Tugas :
a) menulis surat
b) membaca
c) menyalin (menggandakan)
d) menghitung
e) memeriksa
Tugas :
a) Menjaga, mengontrol, dan melindungi anak didik secara lahiriah
maupun batiniah selama proses pendidikan dan pelatihan, agar
terhindar dari berbagai macam gangunaan.
b) Menuangkan ilmu
c) Menjelaskan secara bijak (hikmah) apa . apa yang ditanyakan
oleh anak didiknya tentang persoalan . persoalan yang belum
dipahaminya.
d) Menyediakan tempat dan waktu khusus bagi anak didik agar
dapat menunjang kesuksesan proses pendidikan sebagaimana
diharapkan.
Fungsi : kemampuan mendidik, membimbing, mengajar, dan
melatih.
7. Guru penjas
Tugas : membantu siswa berkembang secara fisik di berbagai bidang
seperti fleksibilitas, kekuatan, daya tahan, dan koordinasi. ini bisa
menjadi salah satu bagian pekerjaan yang lebih menantang karena
setiap siswa akan berada pada tingkat kebugaran yang berbeda
Fungsi :
a) Memandu siswa dalam berbagai macam jenis olahraga seperti
atletik, permainan bola, dan berenang.
b) Menyusun kurikulum pembelajaran.Menyediakan bahan ajar
yang inovatif untuk membangkitkan motivasi belajar siswa.
c) Membuat materi ujian sebagai bahan evaluasi pembelajaran.
praktek.
Pengumpulan data : Observasi, wawancara dan dokumentasi.
data.
dilakukan.
1. Communication
Langkah ini merupakan analisis terhadap kebutuhan software, dan
tahap untuk mengadakan pengumpulan data dengan melakukan
pertemuan dengan customer, maupun mengumpulkan data-data
tambahan baik yang ada di jurnal, artikel, maupun dari internet.
2. Planning
Proses planning merupakan lanjutan dari proses
communication (analysis requirement). Tahapan ini akan
menghasilkan dokumen user requirement atau bisa dikatakan
sebagai data yang berhubungan dengan keinginan user dalam
pembuatan software, termasuk rencana yang akan dilakukan.
3. Modeling
Proses modeling ini akan menerjemahkan syarat kebutuhan ke
sebuah perancangan software yang dapat diperkirakan sebelum
dibuat codding. Proses ini berfokus pada rancangan struktur
data, arsitektur software, representasi interface, dan detail
(algoritma) prosedural. Tahapan ini akan menghasilkan
dokumen yang disebut software requirement.
4. Construction
Construction merupakan proses membuat kode. Codding atau
pengkodean merupakan penerjemahan desain dalam bahasa
yang bisa dikenali oleh komputer. Programmer akan
menerjemahkan transaksi yang diminta oleh user. Tahapan
inilah yang merupakan tahapan secara nyata dalam
mengerjakan suatu software, artinya penggunaan komputer
akan dimaksimalkan dalam tahapan ini. Setelah pengkodean
selesai maka akan dilakukan testing terhadap sistem yang telah
dibuat tadi. Tujuan testing adalah menemukan kesalahan-
kesalahan terhadap sistem tersebut untuk kemudian bisa
diperbaiki.
5. Deployment
Tahapan ini bisa dikatakan final dalam pembuatan sebuah
software atau sistem. Setelah melakukan analisis, desain dan
pengkodean maka sistem yang sudah jadi akan digunakan oleh
user. Kemudian software yang telah dibuat harus dilakukan
pemeliharaan secara berkala.
2.7 Tinjauan Pustaka-
2.7.1 Pengertian Sistem Informasi
Menurut Hutahaean (2015:2) mengemukakan bahwa
“sistem adalah suatu jaringan kerja dari prosedur-prosedur
yang saling berhubungan, berkumpul bersama-sama untuk
melakukan kegiatan atau untuk melakukan sasaran yang
tertentu”.
3.7.2 Kegiatan Sistem Informasi
1. Input
Kegiatan untuk memasukan data untuk diproses.
2. Proses
Memproses suatu data untuk menghasilkan suatu
informasi.
3. Output
Menghasilkan/ menampilkan sebuah laporan dari data
yang telah diproses.
4. Penyimpanan
Memelihara dan menyimpan data.
5. Kontrol
Aktifitas untuk menjamin bahwa sistem informasi tersebut
berjalan sesuai dengan yang diharapkan.
1. Entitas
Entitas adalah suatu objek yang diidentifikasikan dalam
lingkungan pemakai,sesuatu yang penting bagi pemakai
dalam konteks sistem yang akan dibuat. Entitas digambar
kan dalam bentuk persegi empat.
3.7.9 Flowchart
Flowchart adalah sebuah diagram yang menjelaskan alur
proses dari sebuah program. Dalam, membangun program
flowchart berperan penting untuk menerjemahkan proses
berjalannya sebuah program agar lebih mudah dipahami.
3.7.10 Website
Website adalah sebuah kumpulan halaman web yang dapat
diakses public dan saling terkait yang berbagi satu nama
domain. Website dapat dibuat dan dikelola oleh
individu,grup,bisnis,atau organisasi untuk melayani berbagai
tujuan. Bersama-sama, semua website yang dapat diakses
public membentuk World Wide Web.
3.7.11 PHP
PHP (Hypertext Preprocessor) adalah sebuah bahasa
pemograman server side scripting yang bersifat open source
dan juga bekerja dalam sebuah web server. Supono dan
Putratama (2016:3) mengemukakan bahwa ”PHP (PHP:
Hypertext Preprocessor) adalah suatu bahasa pemrograman
yang digunakan untuk menerjemahkan baris kode program
menjadi kode mesin yang dapat dimengerti oleh komputer
yang berbasis server-side yang dapat ditambahkan ke dalam
HTML”.
1. Bersifat Open-Source
Dapat diakses oleh siapa saja dan kapan saja. Karena
memiliki dua lisensi, yaitu Free Software dan Shareware.
Selain itu juga termasuk dalam sistem manajemen database
yang disediakan secara gratis.Serta, memiliki banyak
komunitas dan dokumentasi untuk membantu dalam
mengembangkan aplikasi menggunakan database server.
2. Memiliki Data Tipe Variasi
Tipe data yang tersedia di MySQL juga sangat bervariasi.
Bebrapa tipe data yang ditawarkan oleh MySQL adalah
integer, float, double, char, text, date, timestamp dan masih
banyak lagi. Dengan beragam tipe data yang didukung oleh
MySQL, maka software ini merupakan salah satu jenis
software yang sangat berguna untuk kebutuhan DBMS.
3.7.13 XAMPP
Xampp fungsinya adalah sebagai server yang berdiri sendiri
(local house), yang terdiri atas program Apache HTTP
Server,My SQL database, dan penerjemah Bahasa yang ditulis
dengan Bahasa pemrograman PHP dan Perl. Nama XAMPP
merupakan singkatan dari X (tempat sistem operasi
apapun),Apache,MySQL,PHP,dan Perl. Program ini tersedia
dalam GNU General Public License dan bebas, meupakan web
server yang mudah digunakan dan dapat melayani tampilan
halaman web yang dinamis
3.7.14 HTML
HTML adalah singkatan dari Hypertext Markup
Language, yaitu bahasa markup standar untuk membuat
dan menyusun halaman dan aplikasi web. Anda bisa
menggunakan bahasa markup ini untuk bagian paragraf,
heading, maupun link pada suatu web page. File HTML
diakhiri dengan ekstensi. html atau .htm. Ekstensi file ini
bisa dilihat dengan mengunakan web browser apa pun
(seperti Google Chrome, Safari, atau Mozila Firefox).
Browser tersebut membaca file HTML dan merender
kontennya sehingga user internet bisa melihat dan
membacanya.
3.7.15 CSS
CSS adalah kepanjangaan dari Cascading Style Sheets yang
berguna untuk menyederhanakan proses pembuatan website
dengan mengatur elemen yang tertulis di bahasa markup. CSS
dipakai untuk mendesain halaman depan atau tampilan website
(front end). CSS menangani tampilan dan rasa dari halaman
website.
Ada banyak hal yang dapat Anda lakukan menggunakan CSS
dibandingkan dengan bahasa pemrograman inti seperti HTML
dan PHP. Ketika menggunakan CSS, Anda dapat mengatur
warna teks, jenis font, baris antar paragraf, ukuran kolom, dan
jenis background yang dipakai. Tidak hanya itu CSS juga bisa
untuk mendesain layout, variasi tampilan di berbagai
perangkat yang berbeda, dan berbagai efek yang dipakai di
dalam website.
CSS sangat mudah dipelajari, tapi juga powerful karena dapat
mengontrol penyajian tampilan dari dokumen HTML. Mulai
dari yang simpel sampai kompleks. Tidak heran jika saat ini
CSS hampir dipakai di berbagai website untuk dikombinasikan
dengan HTML.
3.7.16 JAVASCRIPT
JavaScript atau kita singkat menjadi JS merupakan bahasa
pemrograman jenis interpreter, sehingga kamu tidak
memerlukan compiler untuk menjalankannya. JavaScript
memiliki fitur-fitur seperti berorientasi objek, client-
side, high-level programming, dan loosely typed.
JavaScript adalah bahasa pemrograman yang digunakan dalam
pengembangan website agar lebih dinamis dan interaktif.
Kalau sebelumnya kamu hanya mengenal HTML dan CSS, nah
sekarang kamu jadi tahu bahwa JavaScript dapat
meningkatkan fungsionalitas pada halaman web. Bahkan
dengan JavaScript ini kamu bisa membuat aplikasi, tools, atau
bahkan game pada web.
BAB IV
HASIL DAN PEMBAHASAN
-info profil
-info tugas
Sistem
-info mapel Informas
i
-dashboard
Admin
Akademi Guru
k
Sekolah
konfirmasi login
login 1. admin
data
ADMIN user
konfirmasi login login data admin
2.
input data pribadi Data pribadi DPS
pengolahan
data pribadi Data pribadi
siswa
mapel
nama mapel
Data Jadwal
Data jadwal 3.
Jadwal
Data Jadwal Data Jadwal
Id_kelas
kelas
Info pengumuman 5.
Pengumuman
pengumuman
kode_siswa* Id_kelas*
kode_kelas** Kode_kelas*
nis
Kode_siswa** Tahun_ajar
nama_siswa
Kelas
Jenis_kelamin
Nama_Kelas
Tempat_tanggal tbl_admin
_lahir tbl_Guru
kode_admin*
alamat
nama_admin*
foto username_admin Kode_guru*
nip
nama_guru
kelamin
tbl_Pelajaran
alamat
kode_pelajaran*
nama_pelajaran
tbl_pengumuman
keterangan
kode_pengumuman
info
kode_admin**
4.2 Kamus Data
Kamus data merupakan rancangan tabel yang akan dibuat pada
database untuk memenuhi kebutuhan, berikut struktur kamus data
yang di usulkan pada Sistem Informasi Akademik sekolah di MI
MAARIF LEGOKLANGKIR:
1. Tabel User
Tabel field ini yang berfungsi untuk menyimpan data user dari sistem
informasi akademik sekolah yang sudah di bangun
2 Password Varchar
3 Level Varchar
4 Photo Varchar
2. Tabel Siswa
Tabel ini terdiri dari 7 field yang berfungsi untuk menyimpan data siswa
dari sistem informasi akademik sekolah yang telah di buat
Tabel 4.3 Tabel Siswa
No Field name Type/size constraint keterangan
2 Nama Varchar
3 Jk enum
4 Ttl Varchar
5 Id_kelas Int
Tabel 4.4 Tabel Siswa (lanjutan)
6 Thn_ajaran Varchar
7 Alamat Varchar
3. Tabel Guru
Tabel ini terdiri dari 8 field yang berfungsi untuk menyimpan data guru
dari sistem iformasi akademik sekolah yang telah dibuat
2 Nama varchar
3 Ttl varchar
4 Jabatan varchar
5 Jk enum
6 Agama varchar
7 Nope varchar
8 Alamat varchar
2 Id_mapel Int
3 Hari Int
4 Jam Int
5 nip varchar
6. Tabel Kelas
Tabel kelas ini berfungsi untuk menyimpan data nilai dari sistem
informasi akademik sekolah yang telah di buat
2 Nama_ruangan Varchar
3 Jumlah_siswa int
3. perancangan ERD (Entity Relationship Diagram)
nama_sisw jenis
TT a kelami nama_
L n mapel
id_kela
s alama
t id_map
el
nis
Siswa mata
mengamb pelajaran
il
membimbing digunak
an
untuk
jabata Nama_ruan
n ni g
p
jumlah_sisw
alama
t
T a
T
nam
a L
Halaman ini menunjukan informasi data diri user siswa berisikan Nama
siswa, NIS, Tahun masuk, Tempat tanggal lahir, No Handphone.
4.6 HALAMAN PENGUMUMAN
Halaman ini memuat jadwal yang di sediakan oleh admin. siswa dapat
mengetahui jadwal apa saja yang ada di kelasnya setiap hari
BAB V
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Dari uraian diatas dapat disimpulkan bahwa dengan dirancangnya
sebuah sistem informasi akademik sekolah berbasis web dapat
mempermudah guru dan staff dalam mengakses sekolah pada bidang
akademik. Serta mempermudah pihak sekolah dalam memberikan
informasi kepada orang tua wali murid terkait kegiatan akademik sekolah.
5.2 Saran
Saran oleh peneliti yang dapat disampaikan untuk digunakan sebagai bahan
pertimbangan adalah sebagai berikut :