WEB PROFIL SMP MUHAMMADIYAH 2 BAMBANGLIPURO DENGAN FRAMEWORK LARAVEL. Oleh

Transkripsi

1 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

2 1.1 Latar Belakang Masalah PENDAHULUAN 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.

3 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

4 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 Diagram Konteks Diagram konteks berikut ini akan memberikan gambaran aliran secara umum pada website SMP Muhammadiyah 2 Bambanglipuro pada gambar 3.1.

5 Gambar 3.1. Diagram Konteks DFD Level 0 Semua proses yang berjalan dalam program yang dibuat, digambarkan dalam DFD Level 0 yang dapat dapat dilihat dari Gambar DFD Level 1 Proses Buka Konten Pada level 1 Buka Konten, user mendapatkan hak akses hanya dapat melihat data yang telah diinputkan oleh admin Diagram Berjenjang Diagram berjenjang merupakan alat perancangan sistem yang dapat menampilkan seluruh proses yang terdapat pada suatu aplikasi dengan jelas dan terstruktur.

6 Gambar 3.2. DFD Level Desain 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 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

7 3.3 Implementasi Admin Menu Login Admin Gambar 3.6. Rancangan Menu Home 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

8 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 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 Menu Daftar Galeri Menu daftar galeri berfungsi untuk menambah, mengedit atau menghapus galeri. Secara lengkap, menu daftar galeri dapat dilihat pada gambar Menu Edit Profil Sekolah Menu edit profil sekolah disediakan untuk merubah profil perusahaan sesuai dengan gambar 3.12

9 Gambar 3.9. Tampilan halaman Admin Menu Informasi Gambar Tampilan Daftar Galeri

10 Gambar Tampilan Daftar Profil Sekolah 3.4 Implementasi User Menu Home Pada menu home ditonjolkan ucapan selamat datang dan disambut dengan gambar header yang dibuat tampilan slide show yang disajikan dalam gambar 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.

11 Gambar Tampilan Menu Home Gambar Tampilan Menu Profil 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.

12 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 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 Menu Kritik Dan Saran Menu kritik dan saran ditujukan bagi pengguna yang ingin memberikan saran dan kritik. Selengkapnya dapat dilihat pada gambar Gambar Tampilan Menu Galeri

13 Gambar 3,17. Tampilan Menu Informasi Menu Kegiatan Gambar Tampilan Menu Buku Tamu Menu kegiatan menampilkan daftar menu pada bagian sidebar kiri. Dan pada bagian konten menampilkan daftar kategori untuk kegiatan. seperti tampak pada gambar 3.20.

14 Gambar Tampilan Menu Kritik Dan Saran Gambar 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 Kesimpulan Berdasarkan dari semua proses penelitian yang telah dilakukan makadapat diambil kesimpulan :

15 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 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.