APLIKASI AKADEMIK SMK SINAR PERMATA BANGSA SRAGEN BERBASIS WEBSITE
Makalah Program Studi Informatika Fakultas Komunikasi dan Informatika
Diajukan oleh :
Yuwan Agus Marwiyanto Umi Fadlilah
PROGRAM STUDI INFORMATIKA FAKULTAS KOMUNIKASI DAN INFORMATIKA UNIVERSITAS MUHAMMADIYAH SURAKARTA JULI 2015
ii HALAMAN PENGESAHAN
Publikasi ilmiah dengan judul: 1. APLIKASI AKADEMIK SMK SINAR PERMATA BANGSA SRAGEN BERBASIS WEBSITE
Dipersiapkan dan disusun oleh: Yuwan Agus Marwiyanto L200110138
Telah disetujui pada : Hari
: Rabu
Tanggal : 1 Juli 2015 Pembimbing
Umi Fadlilah, S.T., MEng. NIP : 197803222005012002
Publikasi ilmiah ini telah diterima sebagai salah satu persyaratan untuk memperoleh gelar sarjana jenjang strata I program studi Informatika Tanggal
Juli 2015
Mengetahui, Ketua Program Studi Informatika
Dr. Heru Supriyono, S.T., M.Sc., Ph.D. NIK : 970
iii ACADEMIC APPLICATION VOCATIONAL HIGH SCHOOL SINAR PERMATA BANGSA SRAGEN BASED WEBSITE
[1]Yuwan [1]
Agus Marwiyanto,
[2]Umi
Fadlilah
Informatic Studies Program, Faculty of Communication and Information [2]
Departement of Electrical Engineering, Engineering Faculty Muhammadiyah University of Surakarta Email :
[email protected],
[email protected]
ABSTRACT Increasing of information technology in this era has already finished developing very fast, many facilities has begin that saved to fill all they need, one of them is website which is used in the education world that has a function as data process (data basic) web basic. Sinar Permata Bangsa Sragen vocational high school is a new builded school, as far as needs academic application to ease the process which is correlated with the school academic. Creating this academic application begins with spot interview of the teacher and the students in Sinar Permata Bangsa vocational high school, then continued with the necessaries analysis of system and design system. This academic application is designed using PHP programme language and MySQL as database. The research produce an academic application based website that used to make easier the process of data related to academic especially for the teacher and the students in Sinar Permata Bangsa Sragen vocational high school. The teacher and the students can see the schedule and the score that can be spoting downloaded.
Keywords : Academic, PHP, Information System, Website.
iv APLIKASI AKADEMIK SMK SINAR PERMATA BANGSA SRAGEN BERBASIS WEBSITE
[1]Yuwan
Agus Marwiyanto,
[2]Umi
Fadlilah
[1]
Program Studi Informatika, Fakultas Komunikasi dan Informatika [2]
Jurusan Teknik Elektro, Fakultas Teknik Universitas Muhammadiyah Surakarta
Email :
[email protected],
[email protected]
ABSTRAKSI Perkembangan teknologi informasi saat ini telah berkembang sangat pesat, muncul berbagai macam fasilitas yang disediakan untuk memenuhi semua kebutuhan salah satunya yaitu website yang digunakan di dunia pendidikan yang berfungsi sebagai pengelola data (basis data) berbasis web. SMK Sinar Permata Bangsa Sragen sendiri merupakan sekolah yang baru berdiri, sehingga dibutuhkan aplikasi akademik untuk mempermudah pengolahan yang berkaitan dengan akademik sekolah. Pembuatan Aplikasi akademik ini dimulai dengan wawancara langsung dengan guru dan siswa di SMK Sinar Permata Bangsa, kemudian dilanjutkan dengan analisa kebutuhan sistem dan perancangan sistem. Aplikasi akademik ini dirancang menggunakan bahasa pemrograman PHP dan MySQL sebagai database. Penelitian ini menghasilkan aplikasi akademik berbasis website yang digunakan untuk mempermudah pengolahan data yang berkaitan dengan akademik khususnya untuk guru dan siswa-siswi di SMK Sinar Permata Bangsa Sragen. Dimana guru dan siswa dapat melihat jadwal serta nilai yang dapat di download secara langsung.
Kata Kunci : Akademik, PHP, Sistem Informasi, Website.
1
menyampaikan
PENDAHULUAN Perkembangan
informasi
ke
teknologi
masyarakat tentang profil sekolah,
informasi telah berkembang sangat
pendidikan sekolah, fasilitas sekolah,
pesat. Salah satu aplikasi yang saat ini
organisasi sekolah dan lain-lain. SMK
marak
Sinar Permata Bangsa juga masih
digunakan
adalah
website.
Perkembangan website yang pesat
menggunakan
prosedur-prosedur
sudah merambah di berbagai aspek
manual
pengolahan
kehidupan,
akademik.
contohnya
di
bidang
dalam
ekonomi, bidang hiburan dan bidang
data
Berdasarkan permasalahan di
lainnya, tidak terkecuali dalam dunia
atas,
pendidikan.
informasi akademik berbasis website,
Saat
sistem
untuk mempermudah pengolahan data
hampir semua sekolah mulai dari
yang terorganisir dan penyampaian
tingkat SMP hingga Perguruan Tinggi
informasi.
memiliki
digunakan profil
dapat
merancang
dijumpai
telah
ini
penulis
website
untuk
sekolah
yang
memperkenalkan tersebut.
TINJAUAN PUSTAKA
Adanya
Menurut Dengen dan Marisa
website, maka sekarang ini masyarakat
(2009)
dapat dengan mudah mendapatkan
berjudul “Sistem Informasi Akademik
informasi
Berbasis
tentang
sekolah
yang
dalam
Web
penelitiannya
SMP
yang
Negeri
4
mereka minati secara cepat dan efisien
Samarinda”, menjelaskan bahwa dunia
dengan
menggunakan
teknologi
internet semakin berkembang kerena
internet.
Website
berfungsi
manusia selalu mencari terobosan
juga
sebagai pengelola data (basis data)
baru.
Aplikasi
akademik
tersebut
berbasis web.
memiliki fasilitas pelaporan nilai dan
SMK Sinar Permata Bangsa
absensi siswa dari pengajar kepada
adalah sebuah yayasan pendidikan Al
bagian administrasi secara langsung.
Alim yang berdiri tahun 2012 berada
SMP Negeri 4 Samarinda dirasa
di Sidoharjo, kabupaten Sragen. SMK
sangat memerluka sistem informasi
tersebut masih tergolong sekolah baru,
akademik
sehingga
memberikan kemudahan baik kepada
membutuhkan
sebuah
website akademik yang berguna untuk
pengajar
berbasis
dalam
web
guna
menginformasikan
2 pelaporan keaktifan siswa. Sistem
SMK tersebut masih menggunakan
informasi
dibangun
sistem manual dalam kegiatan proses
menggunakan bahasa pemrograman
belajar mengajar, seperti penilaian,
PHP, HTML dan MySQL sebagai
absensi, ataupun kegiatan administrasi,
databasenya. Software yang digunakan
sehingga dibutuhkan waktu yang lama
adalah sistem operasi windows XP,
untuk melakukan kegiatan-kegiatan
Web browser Mozilla, Macromedia
tersebut.
Dreamweaver MX, Adobe Photoshop
menggunakan bahasa pemrograman
CS. Dengan adanya Sistem Informasi
PHP, database MySQL, Xampp dan
Akademik Berbasis Web SMP Negeri
program yang lain seperti Notepad++,
4
dapat
PhotoshopCS. Metode yang digunakan
memberikan sarana informasi bagi
yaitu Rapid Application Development
siswa
(RAD) terdiri dari fase perancangan,
akademik
Samarinda
dan
ini
diharapkan
pengajar
mengenai
Aplikasi
konstruksi
siswa dengan memanfaatkan sistem
Tujuan penulis yaitu menganalisis
komputerisasi
masalah pengolahan data akademik di
diolah
secara
online. Aplikasi ini hanya dapat
dalam
Menurut Kurnia dkk. (2012) dalam penelitiannya yang berjudul
Menurut Rijal, Ahmad Khoirul (2010)
pelaksanaan.
MTS Al-Muawanah.
diakses oleh user tertentu yaitu siswa, pengajar dan administrasor.
fase
dibangun
pelaporan data nilai dan data keaktifan
yang
dan
ini
penelitiannya
yaitu
“Perancangan
Sistem
Informasi
Akademik Nilai Siswa Berbasis Web
“Sistem Informasi Akademik Berbasis
(Studi
Web
Al-Muawanah
Musaddadiyah Garut)”, menjelaskan
Kabupaten
bahwa SMK tersebut mendapatkan
pada
Kecamatan Tangerang”,
MTS Curug
menerangkan
kasus:
SMK Ciledug Al-
bahwa
informasi akademik sekolah masih
kebutuhan informasi dunia pendidikan
bersifat manual. Hal ini menghambat
sangat penting dalam menentukan
dan memperlambat guru dan siswa
kemajuan. Adanya pemanfaatan dan
dalam mendapatkan informasi. Untuk
penerapan
mengurangi
teknologi
informasi,
kelemahan
tersebut,
kumpulan data yang berhubungan
dibutuhkan sistem yang memudahkan
dapat diorganisasikan menjadi file
guru dan siswa dalam mendapatkan
basis data satu sana lain. Teknologi
dan memberikan informasi dengan
informasi belum dimanfaatkan sebaik
cepat yaitu secara online. Aplikasi
mungkin di MTS Al- Muawanah.
tersebut
dibangun
menggunakan
3 bahasa pemrograman PHP, HTML, Apache2triad dan MySQL sebagai databasenya. Metode yang digunakan Unified Approach (UA), yaitu metode yang digunakan sebagai metodologi untuk mendisain dan menganalisa aplikasi akademik nilai siswa. Dengan adanya sistem informasi akademik nilai tersebut diharapkan membantu guru dan staf yang bertugas untuk mengelola data nilai siswa dengan mudah melalui internet.
METODE PENELITIAN Penelitian dilakukan melalui beberapa tahapan,antara lain sebagai berikut: 1. Diagram Alir Penelitian
Gambar 1. Diagram Alir Penelitian Gambar 1
menunjukkan
langkah-
langkah pembuatan aplikasi akademik, yaitu sebagai berikut : a. Mulai:
penulis
memulai
membangun sistem. b. Analisis
kebutuhan:
menganalisi kebutuhan
penulis
kebutuhanapa
saja
yang
diperlukan, seperti menentukan alat-alat yang digunakan dalam membangun sebuah aplikasi
4 program
berupa
software
maupun hardware. c. Desain
kembali
keproses
pengumpulan data.
sistem:
setelah
g. Pengujian
menganalisa kebutuhan tahap
aplikasi
selanjutnya
menyusun
sistem:
setelah
dibuat
dilakukan
pengujian
untuk
perbaikan-
gambaran sistem, pada tahap
perbaikan
agar
mencapai
ini penulis mencari template
sistem
yang sesuai dengan gambaran
Pengujian dilakukan dengan
sistem
dengan
cara blackbox terlebih dahulu.
aplikasi
Aplikasi berjalan baik lalu
dan
kebutuhan
sesuai sistem
akademik tersebut. d. Pembuatan membuat
yang
tinggal
diharapkan.
diterapkan.
Namun
sistem:
setelah
apabila sistem gagal, maka
gambaran
sistem
perlu
tahap
selanjutnya
dilakukan
aplikasi
perbaikan
setelah
itu
menerjemahkan hasil desain ke
diimplementasikan langsung di
dalam
sekolah.
skrip-skrip
progam,
mulai dari membuat database
h. Implementasi: pada tahap ini
dan mengubah tamplate sesuai
penulis menampilkan aplikasi
dengan kebutuhan sistem.
yang
e. Pengumpulan
data:
setelah
dibuat
dengan
mengimplementasikan
melakukan pembuatan sistem,
langsung kepada user yaitu
penulis mengumpulkan data
guru dan siswa.
untuk melengkapi data sistem aplikasi
akademik
tersebut
i. Analisa:
setelah
diimplementasikan kepada user
melalui wawancara langsung di
dilakukan
sekolah.
tampilan aplikasi tersebut agar
f. Data
lengkap:
setelah
mendapatkan data dilakukan
analisa
hasil
sesuai dengan kebutuhan. j. Laporan:
setelah
selesai
pengecekan data-data, apabila
semuanya penulis melakukan
syarat yang ditentukan sudah
tahap terakhir yaitu membuat
terpenuhi, maka berlanjut ke
laporan penelitian.
lanhkah selanjutnya. Namun bila dirasa kurang cukup, maka
k. Selesai: penelitian selesai. 2. Proses perancangan sistem a. Instalasi XAMPP
5 Proses
perancangan
sistem
ke database nantinya. Setelah
yang pertama yaitu menginstal
membuat
tool
akan
penulis membuat script index
digunakan untuk perancangan,
(home) dan membuat coding
salah
untuk
yang
satu
nantinya
toolnya
adalan
XAMPP.
koneksi,
masing-masing
user
yaitu admin, guru dan siswa
b. Pembuatan Database Setelah
coding
proses
sesuai
penginstalan
kebutuhan
yang
diinginkan.
tool selesai selanjutnya yaitu proses
pembuatan
database
sesuai kebutuhan.
Sesuai
c. Pembuatan Coding Langsung Pertama coding
HASIL DAN PEMBAHASAN
penulis koneksi
membuat untuk
menyambungkan semua script
dengan
perancangan
interfacenya terdapat 3 (tiga) halaman user yaitu guru admin, dan siswa yang mempunyai hak akses sendiri-sendiri. 1. Halaman Utama Website
Gambar 2. Halaman Utama Website Halaman utama website ini berisi tentang tampilan awal Aplikasi Akademik SMK Sinar Permata Bangsa Sragen. Di halaman utama terdapat menu Home, Profil Sekolah, Visi dan misi, Forum dan Menu Login User. 2. Halaman Input Kelas
6
Gambar 3. Halaman Input Kelas Halaman kelas ini digunakan admin untuk menambah, menghapus dan mengubah kelas. 3. Halaman Input Nilai
Gambar 4. Halaman Input Nilai Halaman input nilai digunakan guru untuk memasukkan nilai-nilai siswa dan guru juga dapat mengubah nilai-nilai siswa. 4. Halaman Jadwal Guru
Gambar 5. Halaman Jadwal Guru Halaman jadwal digunakan guru untuk melihat jadwal mengajar dan guru dapat mencetak jadwal mengajar itu.
7 5. Halaman Cetak Jadwal Guru
Gambar 6. Halaman Cetak Jadwal Guru Halaman cetak jadwal guru digunakan guru untuk mencetak jadwal mengajarnya. 6. Halaman Nilai Siswa
Gambar 7. Halaman Nilai Siswa Halaman nilai siswa digunakan siswa untuk melihat nilai-nilai siswa yang sudah dimasukkan guru.
7. Halaman Cetak Nilai Siswa
8
Gambar 8. Halaman Cetak Nilai Siswa Halaman cetak nilai siswa ini digunakan siswa untuk mencetak nilai-nilai siswa. 8. Halaman Jadwal Siswa
Gambar 9. Halaman Jadwal Siswa Halaman jadwal siswa digunakan siswa untuk melihat jadwal siswa dan siswa dapat mencetaknya. yang terfokus pada kebutuhan
Hasil Pengujian Pengujian
aplikasi
akademik
ini
dilakukan dengan 4 tahap yaitu : 1. Pengujian
internal,
pengujian
fungsional dari software. 2. Pengujian web browser, pengujian ini menggunakan web browser
yang dilakukan dengan black-box
Mozilla
yaitu pengujian behavoiur testing
Chrome.
Firefox
dan
Google
9 3. Pengujian eksternal, pengujian ini dilakukan
praktek
membandingkan dengan sistem
langsung dan pengisian kuisioner.
yang hampir sama yang dilakukan
Kuisioner terdiri dari 9 soal yang
peneliti Ahmad Khoirul Rijal
dibagikan kepada 2 admin, 4 guru
berjudul
dan 10 siswa untuk mendapatkan
Akademik Berbasis Web Pada
hasil seberapa pentingnya aplikasi
Mts
akademik ini bagi SMK Sinar
Curug
Permata Bangsa Sragen.
Terdapat
Tabel 1. Tabel Hasil Kuisioner
yaitu sebagai berikut :
N Variabel yang o dinilai 1 Tampilan web akademik Jumlah jawaban 2 Mudah pengoperasian Jumlah jawaban 3 Penggantian sistem akademik manual dengan komputerisasi Jumlah jawaban 4 Perlukah web akademik Jumlah jawaban 5 Tanggapan sistem Jumlah jawaban 6 Pernah manjalakkan web akademik Jumlah jawaban 7 Membantu mempromosika n sekolah Jumlah jawaban 8 Membantu mendapatkan informasi akademik Jumlah jawaban 9 Tampilan keseluruhan Jumlah jawaban
dengan
4. Pengujian perbandingan, penulis
A Bagus
Jawaban B Cukup
C Kurang
13 Mudah
3 Sedang
0 Sulit
10 Sangat
6 Setuju
0 Tidak
6 Sangat
10 Perlu
0 Tidak
11 Mudah
5 Sedang
0 Sulit
10 Sering
6 Sekali
0 Belum
1 Sangat
5 Memba ntu
10 Tidak
14 Sangat
2 Perlu
0 Tidak
0 Cukup
0 Kurang
2
1
13
Informasi
Al-Muawanah
Kecamatan
Kabupaten
Tangerang”.
a. Penulis
beberapa
membangun
perbedaan
aplikasi
akademik ini dengan menambahkan menu
forum
yang
sebelumnya
belum ada. b. Penulis menambahkan menu cetak jadwal siswa, jadwal guru dan nilai siswa.
16 Bagus
“Sistem
10
Gambar 10. Grafik Kuesioner 4. Aplikasi
KESIMPULAN
akademik
ini
jga
Berdasarkan hasil pembahasan
sebagai media promosi untuk
dari Aplikasi Akademik SMK Sinar
mendapatkan akreditasi sekolah.
Permata
Bangsa
Sragen
Berbasis
Website,
maka
dapat
diambil
kesimpulan sebagai berikut : 1. Aplikasi
DAFTAR PUSTAKA Dengen, N. & Kh Marisa, D. (2009).
akademik
ini
Sistem
Innformasi
membantu siswa dan guru dalam
Akademik
memperoleh informasi akademik
SMP Negeri 4 Samarinda.
seperti nilai, jadwal mengajar
Diksi: Jurnal Informatika
dan pelajaran secara online dan
Mulawarman, 4(2) : 18-29.
efektif.
Kadir,
2. Aplikasi
akademik
ini
membantu mempercepat proses pengolahan
data
akademik
sekolah SMK Sinar Permata
Abdul.
Berbasis
(2009).
Web
Dasar
Perancangan
&
Implementasi
Database
Relasional.
Yogyakarta:
Andi Offset.
Bangsa Sragen. juga
Koswara, Eko. (2011). Manipulasi
sebagai media promosi untuk
Photo Dengan Photoshop
memperkenalkan
Secara Otodidak. Bekasi:
3. Aplikasi
akademik
ini
informasi
sekolah SMK Sinar Permata
Dunia Komputer.
Bangsa Sragen di masyarakat
Kristanto, Andri. (2003). Perancangan
dalam mendapatkan siswa yang
Sistem
lebih banyak lagi.
Aplikasinya.
Informasi
Gava Media.
dan
Yogyakarta:
11 Kurnia
dkk.
(2012).
Perancangan
Rijal, Ahmad Khoirul. (2010). Sistem
Sistem Informasi Akademik
Informasi
Nilai Siswa Berbasis Web
berbasis Web pada MTS
(Studi Kasus: SMK Ciledug
AL-Muawanah Kecamatan
Al-Musaddadiyah
Curug
Kabupaten
Jurnal Algoritma Sekolah
Tangerang.
Universitas
Tinggi
Islam
Teknologi
Garut).
Garut,
09(17) : 1-9.
Negeri
Hidayatullah
Syarif Jakarta:
Master’s Thesis.
Nugroho, Bunafit. (2004). Aplikasi Pemrograman Web Dinamis
Akademik
Riyan.
(2008).
Pengertian
CSS,
dengan PHP dan MySQL.
diakses
dari
Yogyakarta: Gava Media.
http://riyanwae.wordpress.c om/2008/08/21/ pengertiancss (tanggal 2 Januari 2015).
