NASKAH PUBLIKASI ILMIAH PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEBSITE MENGGUNAKAN BAHASA PEMROGRAMAN PHP dan MySQL (Studi kasus di SMA Muhammadiyah Imam Syuhodo, Sukoharjo).
NASKAH PUBLIKASI ILMIAH
PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEBSITE
MENGGUNAKAN BAHASA PEMROGRAMAN PHP dan MySQL
(Studi kasus di SMA Muhammadiyah Imam Syuhodo, Sukoharjo)
Diajukan Sebagai Syarat Memperoleh Gelar Sarjana Teknik
Jurusan Teknik Industri Fakultas Teknik
Universitas Muhammadiyah Surakarta
Diajukan oleh :
GUN PAMBAYUN
NIM : D 600 080 016
JURUSAN TEKNIK INDUSTRI FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2015
PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEBSITE MENGGUNAKAN BAHASA
PEMROGRAMAN PHP dan MySQL
(Studi kasus di SMA Muhammadiyah Imam Syuhodo, Sukoharjo)
1
Gun Pambayun
Much. Djunaidi, 3Mila Faila Sufa
1
Alumni Jurusan Teknik Industri, Fakultas Teknik, Universitas Muhammadiyah Surakarta
Jl. Ahmad Yani Tromol Pos 1 Pabelan Surakarta 57102 Telp. (0271) 717417
2,3
Staf Pengajar Jurusan Teknik Industri, Fakultas Teknik, Universitas Muhammadiyah Surakarta
Jl. Ahmad Yani Tromol Pos 1 Pabelan Surakarta 57102 Telp. (0271) 717417
Email: gp_gunpambayun@yahoo.co.id
2
ABSTRAKSI
Media online berupa website sebagai sumber informasi memudahkan setiap orang untuk mendapatkan
informasi. Melalui jaringan internet yang semakin berkembang, saat ini seseorang dapat menghemat waktu dan
biaya untuk mendapatkan informasi yang ia butuhkan. Pengelolaan informasi di suatu instansi sangatlah penting,
khususnya di sekolah. Dimana pihak sekolah akan lebih mudah mengelola sejumlah data yang ada untuk kemudian
dipublikasikan kepada khalayak ramai. Penelitian ini bertujuan untuk merancang sebuah sistem informasi akademik
berbasis website yang dilakukan di SMA Muhammadiyah Pondok Pesantren Imam Syuhodo Sukoharjo.
Dalam merancang sebuah sistem informasi diperlukan adanya sebuah identifikasi perancangan sistem, yang
berisikan context diagram, dekomposisi proses, data flow diagram dan entity relationship diagram. Tahapan
selanjutnya agar perancangan ini dapat berjalan dengan baik yaitu dengan melakukan perancangan database,
perancangan form, perancangan report, dan perancangan web serta melakukan simulasi. Perancangan sistem
informasi akademik berbasis website ini menggunakan PHP sebagai bahasa pemrogramannya dan MySQL sebagai
program pembuat database yang kemudian disimulasikan melalui localhost atau server lokal.
Berdasarkan hasil penelitian ini, dihasilkan sebuah sistem informasi akademik sekolah yang berbasis website.
Rancangan sistem informasi akademik ini memberikan informasi mengenai data guru, data siswa, profil sekolah,
agenda sekolah, data nilai siswa serta foto-foto kegiatan siswa. Rancangan sistem ini pula menghasilkan dua menu
utama yaitu menu admin sebagai pengelola sistem informasi, dan halaman user sebagai penerima informasi.
Kata kunci: MySQL,PHP,Sistem Informasi,Website
LATAR BELAKANG
Berkembangnya ilmu pengetahuan khususnya di bidang informasi dan telekomunikasi
sangat pesat sekali. Hal ini dikarenakan pengeruh era globalisasi dimana menuntut segala macam
hal tersedia secara instan, tidak terkecuali dalam hal penyampaian dan penerimaan informasi.
Pada saat ini kita mampu menerima berbagai macam informasi melalui banyak media, baik
media cetak, elektronik maupun yang bersifat digital di dunia maya. Tanpa mengeluarkan biaya
dan tenaga ekstra kita mudah sekali bertukar informasi melalui media tersebut. Misalkan saja
melalui pemanfaatan media digital berupa komputer dan beberapa software pendukung yang ada
di dalamnya. Dimana komputer tadi terintegrasi dengan baik untuk kemudian terkoneksi pada
jaringan internet untuk menyebarluaskan atau bertukar informasi kepada khalayak ramai sesuai
dengan kebutuhannya. Koneksi internet inilah yang saat ini juga dapat dikatakan sebagai
penunjang kegiatan sejumlah masyarakat baik secara pribadi maupun instansi.
Penelitian yang dilakukan di SMA Muhammadiyah Pondok Pesantren Imam Syuhodo ini
pula dilakukan untuk mengelola sejumlah informasi yang ada di lingkup sekolah. Untuk
kemudian informasi yang ada di sekolah tadi dimunculkan di dalam tampilan website agar bisa
diakses oleh orang banyak, tentunya dengan koneksi internet. selain sebagai untuk media
bertukar informasi, keberadaan website juga bisa dijadikan pembelajaran positif dalam
pengembangan teknologi informasi dan komunikasi, serta sebagai media untuk mengenalkan
sekolah kepada khalayak ramai
LANDASAN TEORI
Website
Situs Web atau lebih sering disingkat situs adalah sejumlah halaman web yang memiliki
topik yang saling terkait, terkadang disertai pula dengan berkas-berkas gambar, video, ataupun
berkas-berkas lainnya. Sebuah situs web atau website biasanya ditempatkan setidaknya pada
server web yang dapat diakses melalui jaringan internet ataupun jaringan wilayah lokal (LAN)
melalui alamat internet yang disebut URL Gabungan atas semua situs yang dapat diakses publik
di internet disebut pula sebagai World Wide Web atau disingkat WWW.
Sistem Informasi Manajemen
Sistem informasi manajemen atau lebih dikenal dengan nama SIM merubah suatu sistem
yang biasanya diterapkan dalam suatu organisasi untuk mendukung pengambilan keputusan dan
informasi yang dibutuhkan oleh semua tingkatan manajemen atau dengan kata lain teknik
pengelolaan informasi dalam suatu organisasi.
PHP
PHP merupakan bahasa satandar yang digunakan dalam dunia web site. PHP adalah bahasa
program yang berbentuk script yang diletakan dalam server web. Kegunaan PHP yang paling
utama ini yaitu untuk menghubungkan database dengan web. PHP sebenarnya merupakan
program yang berjalan pada platform LINUX sehingga membuat program ini menjadi Free
Ware. Selanjutnya PHP mengalami perkembangan yakni dibuat dalam versi Windows.
MySQL
MySQL adalah sebuah program pembuat database yang bersifat open source, artinya siapa
saja boleh menggunakannya. Saat kita mendengar open source, kita ingat dengan sistem operasi
handal keturunan Unix, yaitu Linux. MySQL sebenarnya produk yang berjalan pada platform
Linux. Karena sifatnya yang open source, dia dapat berjalan pada platform baik Windows
maupun Linux. Selain itu,mySQL juga merupakan program pengakses database yang bersifat
jaringan sehingga dapat digunakan untuk aplikasi multi user atau banyak pengguna. Saat ini
database MySQL telah digunakan hampir oleh semua programer database, apalagi dalam
pemrograman web.
METODOLOGI PENELITIAN
Obyek Penelitian
Obyek penelitian dalam penulisan tugas akhir ini adalah di SMA Pondok Pesantren Imam
Syuhodo dimana sasarannya yaitu meliputi para guru serta siswa dan juga para orang tua siswa
SMA Pondok Pesantren Imam Syuhodo.
Prosedur Penelitian
Dalam penelitian tugas akhir ini prosedur yang harus dilakukan untuk pelaksanaan
penelitian adalah dengan mengumpulkan data-data yang akan digunakan dalam penelitian
Perumusan Masalah
Perumusan masalah merupakan langkah pertama yang harus di lakukan dalam membuat sebuah
sistem. Perumusan masalah ini berfungsi untuk mengetahui masalah-masalah yang ada.
Batasan Masalah
Batasan masalah merupakan prosedur yang harus dilakukan untuk membatasi penelitian agar
terfokus pada tujuan yang nantinya ingin di capai.
Tujuan Penelitian
Tujuan penelitian ini merupakan hal terpenting. Tujuan penelitian ini merupakan gambaran
tentang apa yang ingin di capai
Teknik Pengumpulan Data
Dalam penelitian tugas akhir ini data yang didapat, menggunakan metode pengumpulan data
sebagai berikut :
1. Observasi.
Merupakan metode pengumpulan data dengan pengamatan serta pencacatan data yang
sekiranya nanti dibutuhkan dalam menunjang kegiatan penyelesaian Tugas Akhir
2. Wawancara
Merupakan suatu pengumpulan data dengan cara tanya jawab yang dilakukan penulis dengan
pihak terkait seperti manajemen perusahaan. Tanya jawab ini dimaksudkan supaya data yang
dibutuhkan lebih lengkap dan jelas. Pada bulan Sepember penulis telah bertemu dengan
Kepala Sekolah SMA Pondok Pesantren Imam Syuhodo untuk bertanya mengenai seputaran
permasalahan yang masih terjadi di lingkup sekolah SMA Pondok Pesantren Imam Syuhodo
3. Dokumentasi
Yaitu cara pengumpulan data dengan mengambil beberapa foto atau data lainnya dari pihak
sekolah SMA Pondok Pesantren Imam Syuhodo
4. Data Sekunder
Data sekunder diperoleh dari studi pustaka. Metode pengumpulan data yang dilakukan
dengan mencari data dari buku-buku, artikel-artikel dan juga penelitian sebelumnya.
Mulai
Mulai
1.1.Perumusan
PerumusanMasalah
Masalah
2.2.Batasan
BatasanMasalah
Masalah
3.3.Tujuan
TujuanPenelitian
Penelitian
Teknik
TeknikPengumpulan
PengumpulanData
Data
1.1.Observasi
Observasi
2.2.Wawancara
Wawancara
3.3.Dokumentasi
Dokumentasi
4.4.Studi
StudiPustaka
Pustaka
Identifikasi
IdentifikasiPerancangan
PerancanganSistem
Sistem
1.1.Context
ContextDiagram
Diagram
2.2.Dekomposisi
DekomposisiProses
Proses
3.3.Data
DataFlow
FlowDiagram
Diagram
4.4.Entity
EntityRelantionship
RelantionshipDiagram
Diagram
Perancangan
PerancanganSistem
Sistem
1.1.Perancangan
PerancanganDatabase
Database
2.2.Perancangan
PerancanganForm
Form
3.3.Perancangan
PerancanganReport
Report
4.4.Perancangan
PerancanganWeb
Web
Simulasi
SimulasiWeb
Web
Program
Program
Berhasil
Berhasil
TIDAK
YA
Kesimpulan
Kesimpulandan
danSaran
Saran
Selesai
Selesai
Kerangka Pemecahan Masalah
Gambar 1 Kerangka Pemecahan Masalah
PERANCANGAN SISTEM
Perancangan Context Diagram
Context Diagram ini memiliki fungsi untuk menghubungkan sejumlah informasi yang saling
terkait antara pihak sekolah dengan siswa dan juga orang tua siswa
Input, edit dan delete profil
sekolah, data guru, data siswa, data
nilai, daftar mapel, berita, galeri
dan kontak
Konfirmasi Publikasi
data
ADMIN
Laporan data buku tamu
Informasi profil sekolah, data guru,
data siswa, data nilai daftar mapel,
berita, galeri dan kontak
SISTEM INFORMASI
AKADEMIK
SMA PONPES
IMAM SYUHODO
Laporan konfirmasi publikasi data
Isi buku tamu
Informasi profil
sekolah, data guru, data
siswa, data nilai daftar
mapel, berita, galeri
dan kontak
Laporan konfirmasi publikasi data
GURU
ORANG TUA
SISWA
Konfirmasi Publikasi data
SISWA
Isi buku tamu
Input, edit dan delete data nilai
Gambar 2 Context Diagram
Perancangan Dekomposisi Proses
Pada tahapan ini berfungsi untuk mengelola input serta output yang akan dihasilkan dalam
suatu sistem yang akan dibuat nantinya. Pada gambar 3 yaitu dekomposisi proses dijelaskan
mengenai input serta output yang dirancang nantinya, dimana output yang dihasilkan diharapkan
mampu memberikan info yang akan dibutuhkan.
SISTEM
SISTEMINFORMASI
INFORMASIAKADEMIK
AKADEMIK
Info
InfoGuru
Guru
Info
InfoSiswa
Siswa
Info
InfoSekolah
Sekolah
Input
Input: :
--Nama
NamaGuru
Guru
--Nomor
NomorInduk
Induk
--Pendidikan
Pendidikan
--Jenis
Jenis
Kelamin
Kelamin
-Alamat
-Alamat
Input
Input: :
--Nama
NamaSiswa
Siswa
--Nomor
NomorInduk
Induk
--Tempat
Tempatdan
dan
Tanggal
Lahir
Tanggal Lahir
--Jenis
Jenis
Kelamin
Kelamin
-Alamat
-Alamat
Input
Input: :
--Sejarah
Sejarah
--Visi
Visi
--Misi
Misi
--Motto
Motto
-Alamat
-Alamat
--Nomor
Nomor
Telepon
Telepon
Output
Output
--Data
DataGuru
Guru
Output
Output
--Data
DataSiswa
Siswa
Output
Output
-Profil
-Profil
Sekolah
Sekolah
Gambar 3 Dekomposisi Proses
Info
InfoNilai
Nilai
Input
Input: :
--Nilai
NilaiSiswa
Siswa
--Mata
Mata
Pelajaran
Pelajaran
Output
Output
--Data
DataNilai
Nilai
Info
InfoBerita
Berita
Input
Input: :
--Data
DataPrestasi
Prestasi
Sekolah
Sekolah
--Foto
Foto
Kegiatan
Kegiatan
Output
Output
--Data
DataBerita
Berita
--Galeri
Galeri
Sekolah
Sekolah
Perancangan Data Flow Diagram
Data flow diagram ini nantinya berfungsi untuk mengetahui alur data apa saja yang
dibutuhkan untuk menunjang sistem informasi tersebut
Data Guru
Lihat
LihatData
DataGuru
Guru
Input
InputData
DataGuru
Guru
Edit
Data
Guru
Edit Data Guru
Hapus
HapusData
DataGuru
Guru
Lihat
LihatData
DataGuru
Guru
Input
Data
Input
DataGuru
Guru
1.0
Edit
Data
Guru
1.0
Edit Data Guru
Mengolah
Hapus
Data
Guru
Mengolah Hapus Data Guru
data
dataguru
guru
Lihat
LihatData
DataGuru
Guru
Data Siswa
Lihat
LihatData
DataSiswa
Siswa
Input
InputData
DataSiswa
Siswa
Edit
EditData
DataSiswa
Siswa
Hapus
HapusData
DataSiswa
Siswa
Lihat
LihatData
DataSiswa
Siswa
Input
2.0
InputData
DataSiswa
Siswa
2.0
Edit Data
Mengolah
DataSiswa
Siswa
Mengolah Edit
Hapus
HapusData
DataSiswa
Siswa
data
datasiswa
siswa
Lihat
LihatProfil
ProfilSekolah
Sekolah
Input
3.0
InputProfil
ProfilSekolah
Sekolah
3.0
Edit
Mengolah
EditProfil
ProfilSekolah
Sekolah
Mengolah
info
sekolah
Hapus
Profil
Sekolah
Hapus Profil Sekolah info sekolah
Lihat
LihatData
DataSiswa
Siswa
Profil
Sekolah
Lihat
LihatProfil
ProfilSekolah
Sekolah
Input
InputProfil
ProfilSekolah
Sekolah
Edit
Profil
Sekolah
Edit Profil Sekolah
Hapus
HapusProfil
ProfilSekolah
Sekolah
ADMIN
ADMIN
Lihat
LihatProfil
ProfilSekolah
Sekolah
Data Nilai
Lihat
LihatData
DataNilai
Nilai
Input
InputData
DataNilai
Nilai
Edit
EditData
DataNilai
Nilai
Hapus
HapusData
DataNilai
Nilai
Lihat
LihatData
DataNilai
Nilai
Input
4.0
InputData
DataNilai
Nilai
4.0
Mengolah
EditData
DataNilai
Nilai
Mengolah Edit
data
HapusData
DataNilai
Nilai
datanilai
nilai Hapus
Lihat
Lihatinfo
infoberita
berita
Input
Inputinfo
infoberita
berita
Edit
Editinfo
infoberita
berita
Hapus
info
berita
Hapus info berita
Lihat
LihatInfo
InfoBerita
Berita
5.0
5.0
Input
Inputinfo
infoberita
berita
Mengolah
Mengolah Edit
Editinfo
infoberita
berita
info
infoberita
berita Hapus
Hapusinfo
infoberita
berita
Lihat
LihatInfo
InfoBerita
Berita
Lihat
LihatData
DataNilai
Nilai
Info Berita
Lihat
LihatBuku
BukuTamu
Tamu
Input
data
Input databuku
bukutamu
tamu
Edit
Editdata
databuku
bukutamu
tamu
Hapus
data
buku
tamu
Hapus data buku tamu
Lihat
SISWA
LihatBuku
BukuTamu
Tamu
SISWA/ /ORANG
ORANGTUA
TUA
Input
6.0
Inputdata
data
SISWA
6.0
SISWA
Mengisi
MengisiBuku
Buku Input
Inputdata
databuku
bukutamu
tamu
Tamu
Edit
Tamu
Editdata
databuku
bukutamu
tamu
Hapus
data
buku
tamu
Hapus data buku tamu
Gambar 4 Data Flow Diagram
Siswa/
Orang Tua
SIswa
Perancangan Entity Relationship Diagram
Entity Relationship Diagram ini berfungsi untuk mengetahui hubungan antar entitas yang
ada pada suatu sistem
Visi
Visi
Misi
Misi
Motto
Motto
Alamat
Alamat
Nomor
Nomor
Telepon
Telepon
Sejarah
Sejarah
Alamat
Alamat
Pendidikan
Pendidikan
Prestasi
Prestasi
Sekolah
Sekolah
Info
InfoSekolah
Sekolah
Foto
Foto
Kegiatan
Kegiatan
GURU
GURU
Nama
Nama
BERITA
BERITA
Mengolah
Mengolah
Alamat
Alamat
Nama
Nama
Nomor
Nomor
Telepon
Telepon
Mengelola
MengelolaData
Data
ADMIN
ADMIN
Dikelola
Dikelola
Alamat
Alamat
Nomor
Nomor
Telepon
Telepon
ORANG
ORANGTUA
TUASISWA
SISWA
Nama
Nama
Siswa
Siswa
Kelas
Kelas
Siswa
Siswa
Mata
Mata
Pelajaran
Pelajaran
Mengisi
Mengisi
Kelas
Kelas
BUKU
BUKUTAMU
TAMU
Nama
Nama
Alamat
Alamat
Nomor
Nomor
Telepon
Telepon
Gambar 5 Entity Relationship Diagram
Alamat
Alamat
Tempat
Tempat
lahir
lahir
SISWA
SISWA
Nomor
Nomor
Induk
Induk
Nilai
Nilai
Nama
Nama
Nama
Nama
Nomor
Nomor
Induk
Induk
Tanggal
Tanggal
lahir
lahir
Kelas
Kelas
Hasil Rancangan Website
Adapun hasil rancangan sistem informasi berbasis website di SMA Muhammadiyah Pondok
Pesantren Imam Syuhodo adalah sebagai berikut :
1.
Tampilan pada halaman Admin, yang difungsikan untuk mengolah informasi yang ada,
mulai dari menambah, mengedit atau menghapus data yang nantinya akan ditampilkan pada
halaman User
Gambar 6 Tampilan Halaman Admin
2.
Tampilan halaman User, pada halaman ini berisikan informasi mengenai profil sekolah, guru
ataupun siswa serta beberapa informasi kegiatan sekolah yang bisa diakses oleh pengunjung
website nantinya
Gambar 7 Tampilan Halaman User
Kesimpulan dan Saran
Kesimpulan
Berdasarkan dari analisis dan perancangan sistem informasi di SMA Pondok Pesantren Imam
Syuhodo yang berbasis web maka dapat diambil kesimpulan sebagai berikut:
1. Penggunaan bahasa pemrograman PHP dan MySQL dalam perancangan sistem informasi
ini dipilih karena selain mudah dalam pengembangannya, bahasa pemrograman ini juga
lebih cepat serta bersifat Open Source.
2. Sistem informasi ini dirancang sebagai media untuk memberikan informasi mengenai
SMA Pondok Pesantren Imam Syuhodo, mulai dari profil sekolah, profil guru, profil
siswa, informasi nilai, kegiatan di dalam lingkungan sekolah, serta kontak dan alamat
sekolah.
3. Sistem informasi akademik berbasis web ini juga mempermudah pihak sekolah dalam
memberikan informasi, baik dalam lingkup internal sekolah, maupun diluar sekolah.
Saran
Berdasarkan perancangan sistem informasi di SMA Pondok Pesantren Imam Syohodo yang
berbasis web, maka penulis memberikan saran sebagai berikut:
1. Pengelola website atau admin hendaknya mengelola website ini dengan baik untuk
menjaga nama baik sekolah.
2. Pengelola website atau admin diharapkan melakukan update atau pembaruan terhadap
informasi yang ada sehingga pengunjung website tidak bosan untuk mengunjungi
halaman website ini.
3. Melakukan perbaruan tampilan website sehingga tampilan website tidak membosankan.
DAFTAR PUSTAKA
Anggi Diellisa Merinda Putri, Sumijan dan Erdisna, 2013, “Perancangan dan implementasi
sistem informasi manajemen sekolah pada SMAN 1 Padang Sago Kab.Padang Pariaman
dengan bahasa pemrograman java”, UPI YPTK Padang, diakses pada 25 September 2013.
Arifin, 2012, “Perancangan sistem informasi akademik sekolah berbasis web di SMA Negeri 1
Sibuhuan”, UPI YPTK Padang, di akses pada 25 September 2013.
Kristanto A, 2003, “Perancangan sistem informasi dan aplikasinya”, Edisi pertama, Penerbit
Gava Media, Yogyakarta.
Melian Lusi dan Bayu Meldy Pratama, 2010, “Sistem informasi akademik berbasis web di SMP
Negeri
44
Bandung”,
di
akses
pada
27
September
2013.
(http://elib.unikom.ac.id/files/disk1/442/jbptunikompp-gdl-bayumeildy-22059-9unikom_b-n.pdf)
Nugroho B, 2004, “PHP dan MySQL dengan editor dreamweaver mx”, Edisi Pertama, Penerbit
ANDI, Yogyakarta.
PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEBSITE
MENGGUNAKAN BAHASA PEMROGRAMAN PHP dan MySQL
(Studi kasus di SMA Muhammadiyah Imam Syuhodo, Sukoharjo)
Diajukan Sebagai Syarat Memperoleh Gelar Sarjana Teknik
Jurusan Teknik Industri Fakultas Teknik
Universitas Muhammadiyah Surakarta
Diajukan oleh :
GUN PAMBAYUN
NIM : D 600 080 016
JURUSAN TEKNIK INDUSTRI FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2015
PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEBSITE MENGGUNAKAN BAHASA
PEMROGRAMAN PHP dan MySQL
(Studi kasus di SMA Muhammadiyah Imam Syuhodo, Sukoharjo)
1
Gun Pambayun
Much. Djunaidi, 3Mila Faila Sufa
1
Alumni Jurusan Teknik Industri, Fakultas Teknik, Universitas Muhammadiyah Surakarta
Jl. Ahmad Yani Tromol Pos 1 Pabelan Surakarta 57102 Telp. (0271) 717417
2,3
Staf Pengajar Jurusan Teknik Industri, Fakultas Teknik, Universitas Muhammadiyah Surakarta
Jl. Ahmad Yani Tromol Pos 1 Pabelan Surakarta 57102 Telp. (0271) 717417
Email: gp_gunpambayun@yahoo.co.id
2
ABSTRAKSI
Media online berupa website sebagai sumber informasi memudahkan setiap orang untuk mendapatkan
informasi. Melalui jaringan internet yang semakin berkembang, saat ini seseorang dapat menghemat waktu dan
biaya untuk mendapatkan informasi yang ia butuhkan. Pengelolaan informasi di suatu instansi sangatlah penting,
khususnya di sekolah. Dimana pihak sekolah akan lebih mudah mengelola sejumlah data yang ada untuk kemudian
dipublikasikan kepada khalayak ramai. Penelitian ini bertujuan untuk merancang sebuah sistem informasi akademik
berbasis website yang dilakukan di SMA Muhammadiyah Pondok Pesantren Imam Syuhodo Sukoharjo.
Dalam merancang sebuah sistem informasi diperlukan adanya sebuah identifikasi perancangan sistem, yang
berisikan context diagram, dekomposisi proses, data flow diagram dan entity relationship diagram. Tahapan
selanjutnya agar perancangan ini dapat berjalan dengan baik yaitu dengan melakukan perancangan database,
perancangan form, perancangan report, dan perancangan web serta melakukan simulasi. Perancangan sistem
informasi akademik berbasis website ini menggunakan PHP sebagai bahasa pemrogramannya dan MySQL sebagai
program pembuat database yang kemudian disimulasikan melalui localhost atau server lokal.
Berdasarkan hasil penelitian ini, dihasilkan sebuah sistem informasi akademik sekolah yang berbasis website.
Rancangan sistem informasi akademik ini memberikan informasi mengenai data guru, data siswa, profil sekolah,
agenda sekolah, data nilai siswa serta foto-foto kegiatan siswa. Rancangan sistem ini pula menghasilkan dua menu
utama yaitu menu admin sebagai pengelola sistem informasi, dan halaman user sebagai penerima informasi.
Kata kunci: MySQL,PHP,Sistem Informasi,Website
LATAR BELAKANG
Berkembangnya ilmu pengetahuan khususnya di bidang informasi dan telekomunikasi
sangat pesat sekali. Hal ini dikarenakan pengeruh era globalisasi dimana menuntut segala macam
hal tersedia secara instan, tidak terkecuali dalam hal penyampaian dan penerimaan informasi.
Pada saat ini kita mampu menerima berbagai macam informasi melalui banyak media, baik
media cetak, elektronik maupun yang bersifat digital di dunia maya. Tanpa mengeluarkan biaya
dan tenaga ekstra kita mudah sekali bertukar informasi melalui media tersebut. Misalkan saja
melalui pemanfaatan media digital berupa komputer dan beberapa software pendukung yang ada
di dalamnya. Dimana komputer tadi terintegrasi dengan baik untuk kemudian terkoneksi pada
jaringan internet untuk menyebarluaskan atau bertukar informasi kepada khalayak ramai sesuai
dengan kebutuhannya. Koneksi internet inilah yang saat ini juga dapat dikatakan sebagai
penunjang kegiatan sejumlah masyarakat baik secara pribadi maupun instansi.
Penelitian yang dilakukan di SMA Muhammadiyah Pondok Pesantren Imam Syuhodo ini
pula dilakukan untuk mengelola sejumlah informasi yang ada di lingkup sekolah. Untuk
kemudian informasi yang ada di sekolah tadi dimunculkan di dalam tampilan website agar bisa
diakses oleh orang banyak, tentunya dengan koneksi internet. selain sebagai untuk media
bertukar informasi, keberadaan website juga bisa dijadikan pembelajaran positif dalam
pengembangan teknologi informasi dan komunikasi, serta sebagai media untuk mengenalkan
sekolah kepada khalayak ramai
LANDASAN TEORI
Website
Situs Web atau lebih sering disingkat situs adalah sejumlah halaman web yang memiliki
topik yang saling terkait, terkadang disertai pula dengan berkas-berkas gambar, video, ataupun
berkas-berkas lainnya. Sebuah situs web atau website biasanya ditempatkan setidaknya pada
server web yang dapat diakses melalui jaringan internet ataupun jaringan wilayah lokal (LAN)
melalui alamat internet yang disebut URL Gabungan atas semua situs yang dapat diakses publik
di internet disebut pula sebagai World Wide Web atau disingkat WWW.
Sistem Informasi Manajemen
Sistem informasi manajemen atau lebih dikenal dengan nama SIM merubah suatu sistem
yang biasanya diterapkan dalam suatu organisasi untuk mendukung pengambilan keputusan dan
informasi yang dibutuhkan oleh semua tingkatan manajemen atau dengan kata lain teknik
pengelolaan informasi dalam suatu organisasi.
PHP
PHP merupakan bahasa satandar yang digunakan dalam dunia web site. PHP adalah bahasa
program yang berbentuk script yang diletakan dalam server web. Kegunaan PHP yang paling
utama ini yaitu untuk menghubungkan database dengan web. PHP sebenarnya merupakan
program yang berjalan pada platform LINUX sehingga membuat program ini menjadi Free
Ware. Selanjutnya PHP mengalami perkembangan yakni dibuat dalam versi Windows.
MySQL
MySQL adalah sebuah program pembuat database yang bersifat open source, artinya siapa
saja boleh menggunakannya. Saat kita mendengar open source, kita ingat dengan sistem operasi
handal keturunan Unix, yaitu Linux. MySQL sebenarnya produk yang berjalan pada platform
Linux. Karena sifatnya yang open source, dia dapat berjalan pada platform baik Windows
maupun Linux. Selain itu,mySQL juga merupakan program pengakses database yang bersifat
jaringan sehingga dapat digunakan untuk aplikasi multi user atau banyak pengguna. Saat ini
database MySQL telah digunakan hampir oleh semua programer database, apalagi dalam
pemrograman web.
METODOLOGI PENELITIAN
Obyek Penelitian
Obyek penelitian dalam penulisan tugas akhir ini adalah di SMA Pondok Pesantren Imam
Syuhodo dimana sasarannya yaitu meliputi para guru serta siswa dan juga para orang tua siswa
SMA Pondok Pesantren Imam Syuhodo.
Prosedur Penelitian
Dalam penelitian tugas akhir ini prosedur yang harus dilakukan untuk pelaksanaan
penelitian adalah dengan mengumpulkan data-data yang akan digunakan dalam penelitian
Perumusan Masalah
Perumusan masalah merupakan langkah pertama yang harus di lakukan dalam membuat sebuah
sistem. Perumusan masalah ini berfungsi untuk mengetahui masalah-masalah yang ada.
Batasan Masalah
Batasan masalah merupakan prosedur yang harus dilakukan untuk membatasi penelitian agar
terfokus pada tujuan yang nantinya ingin di capai.
Tujuan Penelitian
Tujuan penelitian ini merupakan hal terpenting. Tujuan penelitian ini merupakan gambaran
tentang apa yang ingin di capai
Teknik Pengumpulan Data
Dalam penelitian tugas akhir ini data yang didapat, menggunakan metode pengumpulan data
sebagai berikut :
1. Observasi.
Merupakan metode pengumpulan data dengan pengamatan serta pencacatan data yang
sekiranya nanti dibutuhkan dalam menunjang kegiatan penyelesaian Tugas Akhir
2. Wawancara
Merupakan suatu pengumpulan data dengan cara tanya jawab yang dilakukan penulis dengan
pihak terkait seperti manajemen perusahaan. Tanya jawab ini dimaksudkan supaya data yang
dibutuhkan lebih lengkap dan jelas. Pada bulan Sepember penulis telah bertemu dengan
Kepala Sekolah SMA Pondok Pesantren Imam Syuhodo untuk bertanya mengenai seputaran
permasalahan yang masih terjadi di lingkup sekolah SMA Pondok Pesantren Imam Syuhodo
3. Dokumentasi
Yaitu cara pengumpulan data dengan mengambil beberapa foto atau data lainnya dari pihak
sekolah SMA Pondok Pesantren Imam Syuhodo
4. Data Sekunder
Data sekunder diperoleh dari studi pustaka. Metode pengumpulan data yang dilakukan
dengan mencari data dari buku-buku, artikel-artikel dan juga penelitian sebelumnya.
Mulai
Mulai
1.1.Perumusan
PerumusanMasalah
Masalah
2.2.Batasan
BatasanMasalah
Masalah
3.3.Tujuan
TujuanPenelitian
Penelitian
Teknik
TeknikPengumpulan
PengumpulanData
Data
1.1.Observasi
Observasi
2.2.Wawancara
Wawancara
3.3.Dokumentasi
Dokumentasi
4.4.Studi
StudiPustaka
Pustaka
Identifikasi
IdentifikasiPerancangan
PerancanganSistem
Sistem
1.1.Context
ContextDiagram
Diagram
2.2.Dekomposisi
DekomposisiProses
Proses
3.3.Data
DataFlow
FlowDiagram
Diagram
4.4.Entity
EntityRelantionship
RelantionshipDiagram
Diagram
Perancangan
PerancanganSistem
Sistem
1.1.Perancangan
PerancanganDatabase
Database
2.2.Perancangan
PerancanganForm
Form
3.3.Perancangan
PerancanganReport
Report
4.4.Perancangan
PerancanganWeb
Web
Simulasi
SimulasiWeb
Web
Program
Program
Berhasil
Berhasil
TIDAK
YA
Kesimpulan
Kesimpulandan
danSaran
Saran
Selesai
Selesai
Kerangka Pemecahan Masalah
Gambar 1 Kerangka Pemecahan Masalah
PERANCANGAN SISTEM
Perancangan Context Diagram
Context Diagram ini memiliki fungsi untuk menghubungkan sejumlah informasi yang saling
terkait antara pihak sekolah dengan siswa dan juga orang tua siswa
Input, edit dan delete profil
sekolah, data guru, data siswa, data
nilai, daftar mapel, berita, galeri
dan kontak
Konfirmasi Publikasi
data
ADMIN
Laporan data buku tamu
Informasi profil sekolah, data guru,
data siswa, data nilai daftar mapel,
berita, galeri dan kontak
SISTEM INFORMASI
AKADEMIK
SMA PONPES
IMAM SYUHODO
Laporan konfirmasi publikasi data
Isi buku tamu
Informasi profil
sekolah, data guru, data
siswa, data nilai daftar
mapel, berita, galeri
dan kontak
Laporan konfirmasi publikasi data
GURU
ORANG TUA
SISWA
Konfirmasi Publikasi data
SISWA
Isi buku tamu
Input, edit dan delete data nilai
Gambar 2 Context Diagram
Perancangan Dekomposisi Proses
Pada tahapan ini berfungsi untuk mengelola input serta output yang akan dihasilkan dalam
suatu sistem yang akan dibuat nantinya. Pada gambar 3 yaitu dekomposisi proses dijelaskan
mengenai input serta output yang dirancang nantinya, dimana output yang dihasilkan diharapkan
mampu memberikan info yang akan dibutuhkan.
SISTEM
SISTEMINFORMASI
INFORMASIAKADEMIK
AKADEMIK
Info
InfoGuru
Guru
Info
InfoSiswa
Siswa
Info
InfoSekolah
Sekolah
Input
Input: :
--Nama
NamaGuru
Guru
--Nomor
NomorInduk
Induk
--Pendidikan
Pendidikan
--Jenis
Jenis
Kelamin
Kelamin
-Alamat
-Alamat
Input
Input: :
--Nama
NamaSiswa
Siswa
--Nomor
NomorInduk
Induk
--Tempat
Tempatdan
dan
Tanggal
Lahir
Tanggal Lahir
--Jenis
Jenis
Kelamin
Kelamin
-Alamat
-Alamat
Input
Input: :
--Sejarah
Sejarah
--Visi
Visi
--Misi
Misi
--Motto
Motto
-Alamat
-Alamat
--Nomor
Nomor
Telepon
Telepon
Output
Output
--Data
DataGuru
Guru
Output
Output
--Data
DataSiswa
Siswa
Output
Output
-Profil
-Profil
Sekolah
Sekolah
Gambar 3 Dekomposisi Proses
Info
InfoNilai
Nilai
Input
Input: :
--Nilai
NilaiSiswa
Siswa
--Mata
Mata
Pelajaran
Pelajaran
Output
Output
--Data
DataNilai
Nilai
Info
InfoBerita
Berita
Input
Input: :
--Data
DataPrestasi
Prestasi
Sekolah
Sekolah
--Foto
Foto
Kegiatan
Kegiatan
Output
Output
--Data
DataBerita
Berita
--Galeri
Galeri
Sekolah
Sekolah
Perancangan Data Flow Diagram
Data flow diagram ini nantinya berfungsi untuk mengetahui alur data apa saja yang
dibutuhkan untuk menunjang sistem informasi tersebut
Data Guru
Lihat
LihatData
DataGuru
Guru
Input
InputData
DataGuru
Guru
Edit
Data
Guru
Edit Data Guru
Hapus
HapusData
DataGuru
Guru
Lihat
LihatData
DataGuru
Guru
Input
Data
Input
DataGuru
Guru
1.0
Edit
Data
Guru
1.0
Edit Data Guru
Mengolah
Hapus
Data
Guru
Mengolah Hapus Data Guru
data
dataguru
guru
Lihat
LihatData
DataGuru
Guru
Data Siswa
Lihat
LihatData
DataSiswa
Siswa
Input
InputData
DataSiswa
Siswa
Edit
EditData
DataSiswa
Siswa
Hapus
HapusData
DataSiswa
Siswa
Lihat
LihatData
DataSiswa
Siswa
Input
2.0
InputData
DataSiswa
Siswa
2.0
Edit Data
Mengolah
DataSiswa
Siswa
Mengolah Edit
Hapus
HapusData
DataSiswa
Siswa
data
datasiswa
siswa
Lihat
LihatProfil
ProfilSekolah
Sekolah
Input
3.0
InputProfil
ProfilSekolah
Sekolah
3.0
Edit
Mengolah
EditProfil
ProfilSekolah
Sekolah
Mengolah
info
sekolah
Hapus
Profil
Sekolah
Hapus Profil Sekolah info sekolah
Lihat
LihatData
DataSiswa
Siswa
Profil
Sekolah
Lihat
LihatProfil
ProfilSekolah
Sekolah
Input
InputProfil
ProfilSekolah
Sekolah
Edit
Profil
Sekolah
Edit Profil Sekolah
Hapus
HapusProfil
ProfilSekolah
Sekolah
ADMIN
ADMIN
Lihat
LihatProfil
ProfilSekolah
Sekolah
Data Nilai
Lihat
LihatData
DataNilai
Nilai
Input
InputData
DataNilai
Nilai
Edit
EditData
DataNilai
Nilai
Hapus
HapusData
DataNilai
Nilai
Lihat
LihatData
DataNilai
Nilai
Input
4.0
InputData
DataNilai
Nilai
4.0
Mengolah
EditData
DataNilai
Nilai
Mengolah Edit
data
HapusData
DataNilai
Nilai
datanilai
nilai Hapus
Lihat
Lihatinfo
infoberita
berita
Input
Inputinfo
infoberita
berita
Edit
Editinfo
infoberita
berita
Hapus
info
berita
Hapus info berita
Lihat
LihatInfo
InfoBerita
Berita
5.0
5.0
Input
Inputinfo
infoberita
berita
Mengolah
Mengolah Edit
Editinfo
infoberita
berita
info
infoberita
berita Hapus
Hapusinfo
infoberita
berita
Lihat
LihatInfo
InfoBerita
Berita
Lihat
LihatData
DataNilai
Nilai
Info Berita
Lihat
LihatBuku
BukuTamu
Tamu
Input
data
Input databuku
bukutamu
tamu
Edit
Editdata
databuku
bukutamu
tamu
Hapus
data
buku
tamu
Hapus data buku tamu
Lihat
SISWA
LihatBuku
BukuTamu
Tamu
SISWA/ /ORANG
ORANGTUA
TUA
Input
6.0
Inputdata
data
SISWA
6.0
SISWA
Mengisi
MengisiBuku
Buku Input
Inputdata
databuku
bukutamu
tamu
Tamu
Edit
Tamu
Editdata
databuku
bukutamu
tamu
Hapus
data
buku
tamu
Hapus data buku tamu
Gambar 4 Data Flow Diagram
Siswa/
Orang Tua
SIswa
Perancangan Entity Relationship Diagram
Entity Relationship Diagram ini berfungsi untuk mengetahui hubungan antar entitas yang
ada pada suatu sistem
Visi
Visi
Misi
Misi
Motto
Motto
Alamat
Alamat
Nomor
Nomor
Telepon
Telepon
Sejarah
Sejarah
Alamat
Alamat
Pendidikan
Pendidikan
Prestasi
Prestasi
Sekolah
Sekolah
Info
InfoSekolah
Sekolah
Foto
Foto
Kegiatan
Kegiatan
GURU
GURU
Nama
Nama
BERITA
BERITA
Mengolah
Mengolah
Alamat
Alamat
Nama
Nama
Nomor
Nomor
Telepon
Telepon
Mengelola
MengelolaData
Data
ADMIN
ADMIN
Dikelola
Dikelola
Alamat
Alamat
Nomor
Nomor
Telepon
Telepon
ORANG
ORANGTUA
TUASISWA
SISWA
Nama
Nama
Siswa
Siswa
Kelas
Kelas
Siswa
Siswa
Mata
Mata
Pelajaran
Pelajaran
Mengisi
Mengisi
Kelas
Kelas
BUKU
BUKUTAMU
TAMU
Nama
Nama
Alamat
Alamat
Nomor
Nomor
Telepon
Telepon
Gambar 5 Entity Relationship Diagram
Alamat
Alamat
Tempat
Tempat
lahir
lahir
SISWA
SISWA
Nomor
Nomor
Induk
Induk
Nilai
Nilai
Nama
Nama
Nama
Nama
Nomor
Nomor
Induk
Induk
Tanggal
Tanggal
lahir
lahir
Kelas
Kelas
Hasil Rancangan Website
Adapun hasil rancangan sistem informasi berbasis website di SMA Muhammadiyah Pondok
Pesantren Imam Syuhodo adalah sebagai berikut :
1.
Tampilan pada halaman Admin, yang difungsikan untuk mengolah informasi yang ada,
mulai dari menambah, mengedit atau menghapus data yang nantinya akan ditampilkan pada
halaman User
Gambar 6 Tampilan Halaman Admin
2.
Tampilan halaman User, pada halaman ini berisikan informasi mengenai profil sekolah, guru
ataupun siswa serta beberapa informasi kegiatan sekolah yang bisa diakses oleh pengunjung
website nantinya
Gambar 7 Tampilan Halaman User
Kesimpulan dan Saran
Kesimpulan
Berdasarkan dari analisis dan perancangan sistem informasi di SMA Pondok Pesantren Imam
Syuhodo yang berbasis web maka dapat diambil kesimpulan sebagai berikut:
1. Penggunaan bahasa pemrograman PHP dan MySQL dalam perancangan sistem informasi
ini dipilih karena selain mudah dalam pengembangannya, bahasa pemrograman ini juga
lebih cepat serta bersifat Open Source.
2. Sistem informasi ini dirancang sebagai media untuk memberikan informasi mengenai
SMA Pondok Pesantren Imam Syuhodo, mulai dari profil sekolah, profil guru, profil
siswa, informasi nilai, kegiatan di dalam lingkungan sekolah, serta kontak dan alamat
sekolah.
3. Sistem informasi akademik berbasis web ini juga mempermudah pihak sekolah dalam
memberikan informasi, baik dalam lingkup internal sekolah, maupun diluar sekolah.
Saran
Berdasarkan perancangan sistem informasi di SMA Pondok Pesantren Imam Syohodo yang
berbasis web, maka penulis memberikan saran sebagai berikut:
1. Pengelola website atau admin hendaknya mengelola website ini dengan baik untuk
menjaga nama baik sekolah.
2. Pengelola website atau admin diharapkan melakukan update atau pembaruan terhadap
informasi yang ada sehingga pengunjung website tidak bosan untuk mengunjungi
halaman website ini.
3. Melakukan perbaruan tampilan website sehingga tampilan website tidak membosankan.
DAFTAR PUSTAKA
Anggi Diellisa Merinda Putri, Sumijan dan Erdisna, 2013, “Perancangan dan implementasi
sistem informasi manajemen sekolah pada SMAN 1 Padang Sago Kab.Padang Pariaman
dengan bahasa pemrograman java”, UPI YPTK Padang, diakses pada 25 September 2013.
Arifin, 2012, “Perancangan sistem informasi akademik sekolah berbasis web di SMA Negeri 1
Sibuhuan”, UPI YPTK Padang, di akses pada 25 September 2013.
Kristanto A, 2003, “Perancangan sistem informasi dan aplikasinya”, Edisi pertama, Penerbit
Gava Media, Yogyakarta.
Melian Lusi dan Bayu Meldy Pratama, 2010, “Sistem informasi akademik berbasis web di SMP
Negeri
44
Bandung”,
di
akses
pada
27
September
2013.
(http://elib.unikom.ac.id/files/disk1/442/jbptunikompp-gdl-bayumeildy-22059-9unikom_b-n.pdf)
Nugroho B, 2004, “PHP dan MySQL dengan editor dreamweaver mx”, Edisi Pertama, Penerbit
ANDI, Yogyakarta.