Eva Alfian Sidik Nur Zaman, Muchamad Asror, Riyadi Abdul Azis

WEB PROFIL SMP MUHAMMADIYAH 2 BAMBANGLIPURO
DENGAN FRAMEWORK LARAVEL
Oleh
Eva Alfian Sidik Nur Zaman, Muchamad Asror, Riyadi Abdul Azis, Rohmatika Tri Daniswari,
Suryani
STMIK ELRAHMA
Abstrak : Internet merupakan sarana yang paling efektif dalam mempublikasikan suatu institusi
seperti sekolah melalui internet dengan memanfaatkan website. Website dalam
perkembangannya telah banyak menghiasi dunia pendidikan, sementara pada Sekolah Menengah
Pertama Muhammadiyah 2 Bambanglipuro untuk penyebaran informasi dilakukan dengan cara
mendatangi langsung ke sekolah atau menanyakan informasi kepada siswa yang bersekolah pada
sekolah yang dimaksud. Untuk menyikapi hal tersebut maka penulis merasa sangat tertarik
membuat web sekolah dengan menggunakan bahasa pemrograman PHP Framework Laravel
serta memanfaatkan database MySQL. Manfaat dari pembangunan website ini pihak sekolah
dapat memberikan informasi – informasi yang berhubungan dengan Sekolah Menengah Pertama
Muhammadiyah 2 Bambanglipuro kepada masyarakat pada umumnya maupun warga sekolah
pada khususnya secara efektif dan efisien dapat diakses dimana, kapan dan oleh siapa saja.
Penelitian ini menggunakan metode pendataan yang meliputi : kepustakaan, observasi,
wawancara dan metode pendekatan masalah yang meliputi: analisis, perancangan, pembangunan
website, uji coba, implementasi. Hasil penelitian ini adalah terbangunnya web profil Sekolah
Menengah Pertama Muhammadiyah 2 Bambanglipuro.
Kata kunci
: Website profil, Laravel, SMP Muhammadiyah 2 Bambanglipuro
Abstract : Internet is the most effective means in the publicize an institution such as schools
through the Internet by using the website. The website has many adorned in its development of
education, while in Junior High School Muhammadiyah 2 Bambanglipuro for the dissemination
of information carried by approaching directly to the school or ask for more information to
students who attend the school in question. To address these conditions, the authors were very
interested in making the school web using the programming language PHP Laravel Framework
and utilizing MySQL database. The benefits of the development of the school's website to
provide information - information relating to the Junior High School Muhammadiyah 2
Bambanglipuro to society in general and schools in particular citizens effectively and efficiently
can be accessed anywhere, anytime and by anyone. This study used data collection methods
include: literature, observation, interviews and approach problems that include: analysis, design,
website development, testing, implementation. The results of this research is the establishment of
a web profile Junior High School Muhammadiyah 2 Bambanglipuro.
Keywords: Website Profiles, Laravel, Junior High School (SMP) SMP Muhammadiyah 2
Bambanglipuro
PENDAHULUAN
1.1 Latar Belakang Masalah
SMP Muhamadiyah 2 Bambanglipuro merupakan salah satu instansi pendidikan di
Bantul yang masih memiliki kendala dalam informasi tentang profil sekolah karena belum
memiliki website resmi. Dengan demikian perlu adanya pembuatan website ini sebagai sarana
untuk memberikan infornasi dan promosi. Diharapkan dengan adanya pembuatan website ini
sebagai sarana meberikan informasi, mempermudah dan memperlancar arus informasi
masyarakat luas sehingga informasi lebih cepat diterima dan dapat diakses dari manapun.
1.2 Rumusan Masalah
Dalam penulisan laporan Kerja Praktek ini, maka penulis membatasi pembahasan
masalah yang ada yaitu:
1. Belum mempunyai websites sebagai media informasi dan sarana promosi
2. Ingin mempublikasikan prestasi anak didik dan informasi perkembangan sekolah
1.3 Batasan Masalah
Untuk menghindari meluasnya permasalahan yang dibahas, maka perlu dibatasi pokok
permasalahan, yaitu:
1. membuat interface halaman website yang terdiri dari halaman utama website,
halaman control panel admin, dan halaman control panel guru.
2. Tidak membahas masalah database
3. Tidak membahas bagian controller dan model. Tidak membahas masalah keamanan
website.
1.4 Tujuan Penelitian
Adapun tujuan dari kerja praktek ini antara lain:
1. Menghasilkan website profil SMP Muhamadiyah 2 Bambanglipuro berbasis
website agar masyarakat luas dapat memperoleh informasi dengan mudah
terperinci tanpa harus dating ke instansi.
2. Sebagai salah satu syarat untuk memenuhi Kerja Praktek.
1.5 Manfaat Penelitian
Dengan adanya penelitian ini diharapkan dapat memberikan manfaat bagi pihak SMP
Muhammadiyah 2 Bambanglipuro antara lain dapat membantu mempromosikan sekolah kepada
masyarakat luas.
Metode Pengumpulan Data
Metode yang akan digunakan dalam penelitian ini terdiri dari langkah-langkah berikut :
Metode Observasi
Metode yang dilakukan dengan mengumpulkan data dengan cara pengamatan langsung
terhadap semua kebutuhan yang diperlukan pada objek penelitian.
Metode Wawancara
Wawancara langsung kepada Kepala SMP Muhammadiyah 2 Bambanglipuro
sehingga ditemukan data-data yang diperlukan dari narasumber, kemudian dicatat diolah
menjadi sebuah informasi yang lebih akurat demi suksesnya website yang akan dibuat.
Metode Kearsipan
Metode yang dilakukan untuk mendapatkan data dan informasi dengan cara
mengumpulkan dokumen-dokumen yang ada untuk dianalisa.
LANDASAN TEORI
2.1
Website
Website adalah keseluruhan halaman-halaman website yang terdapat dalam
sebuah domain yang mengandung informasi. Sebuah website biasanya dibangun atas
banyak halaman website yang saling berhubungan. Hubungan antara satu halaman
website dengan halaman website yang lain disebut dengan hypertext (Yuhefizar, 2009).
Sedangkan situs website merupakan kumpulan dari halaman website yang sudah
dipublikasikan di jaringan internet dan memiliki domain atau URL (Uniform Resource
Locator) yang dapat diakses semua pengguna internet dengan cara mengetikkan
alamatnya (Arief, 2011). World Wide Web merupakan jaringan dokumentasi yang sangat
besar yang saling berhubungan satu dan yang lainnya.
2.2
Domain
Yuhefizar (2009) menyatakan domain adalah nama unik yang dimiliki oleh institusi sehingga
bisa diakses melalui internet, misalnya lintau.com, yahoo.com, google.com dan lain-lain. Untuk
mendapatkan sebuah domain kita harus melakukan register pada register-register yang
ditentukan.
2.3
PHP (Hypertext Protocol)
Zainal (2008) menyatakan PHP (Hypertext Preprocessor) adalah sebuah bahasa pemrograman
scripting untuk membuat halaman website yang dinamis. Walaupun dikenal sebagai bahasa
untuk membuat halaman web, tapi PHP (Hypertext Preprocessor) sebenarnya juga dapat
digunakan untuk membuat aplikasi command line dan juga GUI (Graphical User Interface).
Website yang dibuat menggunakan PHP (Hypertext Preprocessor) menggunakan software
bernama web server tempat pemrosesan kode PHP dilakukan. Server website yang memiliki
software PHP Parser akan memproses input berupa kode PHP (Hypertext Preprocessor) dan
menghasilkan output berupa halama website.
2.4
My SQL
Menurut Miftakhul (2010) MySQL adalah sebuah perangkat lunak sistem manajemen basis sata
SQL atau yang dikenal dengan DBMS (Database Management Sistem), database ini multithread,
multi-user. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah
lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi
komersial untuk kasus-kasus yang bersifat khusus. Sedangkan menurut Antonius (2010) MySQL
adalah suatu sistem manajemen basis data relasional (RDBMS-Relational Database
Management System) yang mampu bekerja dengan cepat, kokoh dan mudah dipergunakan .
2.5
Basis Data
Kusrini (2007) menyatakan basis data adalah kumpulan data yang saling berelasi. Data sendiri
merupaan fakta mengenai obyek, orang dan lain– lain. Data bertujuan dengan nilai (angka,
deretan karakter atau simbol). Basis data bertjuan untuk mengatur data sehingga diperoleh
kemudahan, ketepatan dan kecepatan pengembalian kembali. Untuk mencapai tujuannya, syarat
sebuah baris data yang baik adalah sebagai berikut :
Tidak adanya redudansi terjadi jika suat informasi disimpan di beberapa tempat. Sedang
akibat dari redudansi adalah inkonsistensi data atau data yang tidak konsisten.
b) Kesulitan mengakses data, basis data memberikan solusi terhadap permasalahan-permasalahan
pengaksesan atau pencarian data.
c) Multiple user, dengan meletakkan basis data bagian server yang bisa diakses dari banyak
client, kita sudah menyediakan akses ke semua penggunaa dari komputer client ke sumber
informasi yaitu basis data.
HASIL ANALISIS DAN PEMBAHASAN
3.1
Diagram Alir Data (DAD)
Data Flow Diagram (DFD) atau Diagram Aliran Data (DAD) digunakan untuk
menggambarkan arus data didalam sistem secara terstruktur dan jelas, menggambarkan
arus data dari suatu sistem yang telah ada atau sistem baru yang akan dikembangkan
secara logika, tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir
atau lingkungan fisik dimana data tersebut akan disimpan. DFD terdiri atas beberapa
level yaitu context diagram, level 0, dan level 1. Pada dasarnya Data Flow Diagram
(DFD) merupakan perangkat yang digunakan pada metodologi pengembangan sistem
yang terstruktur.
3.1.1 Diagram Konteks
Diagram konteks berikut ini akan memberikan gambaran aliran secara umum
pada website SMP Muhammadiyah 2 Bambanglipuro pada gambar 3.1.
Gambar 3.1. Diagram Konteks
3.1.2 DFD Level 0
Semua proses yang berjalan dalam program yang dibuat, digambarkan dalam DFD Level 0 yang
dapat dapat dilihat dari Gambar 3.2.
3.1.3 DFD Level 1 Proses Buka Konten
Pada level 1 Buka Konten, user mendapatkan hak akses hanya dapat melihat data yang telah
diinputkan oleh admin.
3.1.4 Diagram Berjenjang
Diagram berjenjang merupakan alat perancangan sistem yang dapat menampilkan seluruh proses
yang terdapat pada suatu aplikasi dengan jelas dan terstruktur .
Gambar 3.2. DFD Level 0
3.2
Desain
3.2.1 Login Admin
Perancangan tampilan yang pertama dibuat adalah halaman login bagi admin sebagai proses
autentikasi. Langkah ini memudahkan programmer dalam merancang menu login bagi admin
sebelum memperoleh hak akses sepenuhnya dalam mengelola website. Rancangan tampilan yang
dibuat tertuang dalam gambar 3.5.
3.2.1 Menu Home User
Rancangan menu beranda dibuat untuk menonjolkan sekolah. Secara rinci, rancangan tampilan
menu home disajikan dalam gambar 3.6.
Gambar 3.5. Rancangan Login bagi Admin
Gambar 3.6. Rancangan Menu Home
3.3
Implementasi Admin
3.3.1 Menu Login Admin
Masuk pada menu admin maka akan disambut dengan halaman login yang dapat
dilihat pada gambar 3.7 dan muncul ucapan selamat datang seperti yang tampak pada
gambar 3.8
Gambar 3.7. Tampilan Login Admin
3.3.2 Menu Beranda
Pada halaman beranda ini merupakan ucapan selamat datang kepada admin. Secara lebih
jelas dapat dilihat pada gambar 3.8.
Gambar 3.8. Tampilan Menu Beranda di Halaman Admin
3.3.3. Menu Informasi
Admin dapat melakukan update informasi sekolah di halaman ini. Pada pilihan
aksi seorang admin dapat melakukan edit atau hapus file yang disajikan dalam gambar
3.10.
3.3.4. Menu Daftar Galeri
Menu daftar galeri berfungsi untuk menambah, mengedit atau menghapus galeri. Secara
lengkap, menu daftar galeri dapat dilihat pada gambar 3.11.
3.3.5. Menu Edit Profil Sekolah
Menu edit profil sekolah disediakan untuk merubah profil perusahaan sesuai dengan
gambar 3.12
Gambar 3.9. Tampilan halaman Admin Menu Informasi
Gambar 3.10. Tampilan Daftar Galeri
Gambar 3.11. Tampilan Daftar Profil Sekolah
3.4
Implementasi User
3.4.1 Menu Home
Pada menu home ditonjolkan ucapan selamat datang dan disambut dengan gambar
header yang dibuat tampilan slide show yang disajikan dalam gambar 3.14.
3.4.2. Menu Profile
Menu profil disediakan bagi pengunjung yang ingin mengetahui SMP
Muhammadiyah 2 Bambanglipuro. Secara lebih jelas, gambar tampilan profil disajikan
dalam gmabar 3.15.
Gambar 3.14. Tampilan Menu Home
Gambar 3.15. Tampilan Menu Profil
3.4.3. Menu Galeri
Menu galeri disediakan sebagai media untuk mengupload foto-foto dokumentasi
kegiatan-kegiatan yang ada di SMP Muhammadiyah 2 Bambanglipuro dan sebagainya seperti
pada gambar 3.16.
3.4.4. Menu Informasi
Menu informasi disediakan sebagai wadah untuk menampilkan daftar semua informasi
yang dipublikasikan oleh SMP Muhammadiyah 2 Bambanglipuro. Setiap informasi
menampilkan judul informasi dan sedikit cuplikan tentang isi dari informasi.. Tampilan menu
informasi dapat dilihat pada gambar 3.17.
3.4.5. Menu Buku Tamu
Menu buku tamu merupakan menu yang ditujukan bagi pengunjung. Dibawahnya
terdapat form buku tamu yang dapat digunakan pengunjung untuk meninggalkan pesan. Untuk
bagian sidebar kanan berisi tentang daftar informasi terbaru.. Tampilan menu buku tamu
disajikan dalam gambar 3.18.
3.4.6. Menu Kritik Dan Saran
Menu kritik dan saran ditujukan bagi pengguna yang ingin memberikan saran dan
kritik. Selengkapnya dapat dilihat pada gambar 3.19.
Gambar 3.16. Tampilan Menu Galeri
Gambar 3,17. Tampilan Menu Informasi
Gambar 3.18. Tampilan Menu Buku Tamu
3.4.7. Menu Kegiatan
Menu kegiatan menampilkan daftar menu pada bagian sidebar kiri. Dan pada bagian
konten menampilkan daftar kategori untuk kegiatan. seperti tampak pada gambar 3.20.
Gambar 3.19. Tampilan Menu Kritik Dan Saran
Gambar 3.20. Tampilan Menu Kegiatan
KESIMPULAN
Berdasarkan dari hasil penelitian yang telah dilakukan, maka dapat ditarik kesimpulan dan saran
yang berhubungan dengan pembahasan yang telah dilakukan pada bab-bab sebelumnya.
4.1. Kesimpulan
Berdasarkan dari semua proses penelitian yang telah dilakukan makadapat diambil
kesimpulan :
a. Dengan membuat Website Profil SMP Muhammadiyah 2 Bambanglipuro dapat
mempermudah pihak sekolah untuk mempromosikan sekolahnya sehingga lebih dikenal
masyarakat luas.
b. Website ini dibuat user friendly sehingga mudah diakses oleh semua pihak.
c. Website yang dibuat memudahkan pengunjung untuk mengetahui prestasi, kegiatan dan
berbagi informasi tentang SMP Muhammadiyah 2 Bambanglipuro.
4.2. Saran
Pengembangan yang disarankan berupa menambah fitur pendaftaran online sehingga
memudahkan dalam melaksanakan pendaftaran siswa baru, e-learning dan Sistem Informasi
Akademik. Bagi pihak SMP Muhammadiyah 2 Bambanglipuro perlu dilakukan pengembangan
dan pelatihan tentang pemeliharaan website secara berkala agar penggunaan website dapat terus
dimaksimalkan secara mandiri oleh admin sekolah.
DAFTAR PUSTAKA
Jogiyanto, 2005, Analisa & Desain Sistem Informasi : pendekatan terstruktur teori dan praktik
aplikasi bisnis, Edisi III, Andi, Yogyakarta.
Jogiyanto, 2010, Analisa & Desain Sistem Informasi : Edisi V, Andi, Yogyakarta.
Kristanto, Andri, 2008, Perancangan Sistem Informasi dan Aplikasinya, Penerbit Gava Media,
Yogyakarta.
Kusrini, 2007 , Pemrograman Basis Data Firebird, Informatika, Bandung.
McLeod, 2004, Pengantar Sistem Informasi, Andi, Yogyakarta.
Meliono, Anton M., 1990, Informasi Aplikasi Sistem, Andi Offset, Yogyakarta.
Sutabri, Tata, 2012, Analisis Sistem Informasi, Erlangga, Jakarta.
Wahyudi, Bambang, 2008, Konsep Sistem Informasi dari BIT sampai ke Database, Andi Offset,
Yogyakarta.
Widianti, Sri, 2000, Perancangan Sistem Informasi dan Aplikasinya, Penerbit Gava Media,
Yogyakarta.