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.