RANCANG BANGUN APLIKASI BERBASIS WEB PADA SMK YAPEMDA 1 BERBAH SEBAGAI SARANA PEMBELAJARAN DAN INFORMASI NASKAH PUBLIKASI

Transkripsi

1 RANCANG BANGUN APLIKASI BERBASIS WEB PADA SMK YAPEMDA 1 BERBAH SEBAGAI SARANA PEMBELAJARAN DAN INFORMASI NASKAH PUBLIKASI disusun oleh Muhammad Barokah JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2012

2

3 DESIGN WEB-BASED APPLICATIONS ON SMK YAPEMDA BERBAH AS A MEANS OF LEARNING AND INFORMATION RANCANG BANGUN APLIKASI BERBASIS WEB PADA SMK YAPEMDA 1 BERBAH SEBAGAI SARANA PEMBELAJARAN DAN INFORMASI Muhammad Barokah Erik Hadi Saputra Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA ABSTRACT Learning and information is the two programs to work there has to be at a school, don't see whether the school is public and private schools, such as SMK YAPEMDA 1 Berbah which is a vocational high school In Berbah, Yogyakarta. If you want to known community-wide, not limited to just dilingkungan where the school is located, the information media should be more active and creative, that is, with how to add Media or means of learning and Information on vocational high school Web Yapemda 1 Berbah. In an era of technological developments such as today, is an advantage for SMK Yapemda 1, because the available media and Berbah Learning and information is freely usable and does not take into account the distance and the time in delivering, the media is "world wide web" (www) or known by the name of "website" on internet technologies. What is internet and website? The Internet is a global network of computer networks that are connected with each other and communicate, while the website is one of the diintenet facilities which can be used by anyone, anywhere and anytime. Thus, vocational high school Yapemda 1 very necessary utilizing website Berbah as a medium of instruction and information to better approximate the self to the community at large. With a website that can be accessed by anyone, anywhere and anytime, then the process of delivery information will be more effective, because the maximum and information created will be easily known by people outside the reach of vocational high school Yapemda 1 Berbah with do not require a lot of time to get the furthest regions though. Keywords: vocational high school, SMK Yapemda 1 Berbah learning and Information, School Website, website creation E-Learning.

4 1. Latar Belakang Masalah Dewasa ini ilmu pengetahuan dan teknologi berkembang dengan sangat pesat, terutama dalam bidang teknologi informatika dan salah satunya adalah internet. Saat ini perkembangan dalam dunia internet semakin maju dan internet sudah menjadi kebutuhan setiap perusahaan atau instansi pendidikan maupun yang lainnya. Hanya saja keberadaan internet saat ini di Indonesia masih belum seluruhnya merata. Di tengah perkembangan teknologi informasi (internet) yang begitu cepat dan telah menjadi bagian dari kehidupan, ternyata masih ada di daerah-daerah kecil di Indonesia yang belum mengerti tentang internet. Begitu pula dengan SMK Yapemda 1 Berbah, Sekolah Menengah Kejuruan ini seharusnya selalu meningkatkan mutu pendidikan dan memberikan fasilitas yang terbaik untuk para siswanya. Akan tetapi sekolah ini belum bisa mengaplikasikan internet dengan baik, sehingga mengalami kemunduran dalam segi pelayanan publik. Oleh karena itu dengan di bangunnya website sekolah dapat membantu mengatasi solusi dari masalah-masalah dalam menyampaikan informasi dan pembelajaran bagi siswa SMK Yapemda 1 Berbah. Karena sangat pentingnya internet di era sekarang ini, maka dalam skripsi ini penulis mengambil judul RANCANG BANGUN APLIKASI BERBASIS WEB PADA SMK YAPEMDA 1 BERBAH SEBAGAI SARANA PEMBELAJARAN DAN INFORMASI dengan harapan sekolah dapat lebih meningkatkan mutu dalam pelayanan publik dan pembelajaran bagi para siswa-siswanya. 2. Rumusan Masalah Agar skripsi ini dapat sesuai dengan tujuan yang hendak di capai, maka perlu adanya suatu rumusan masalah yang jelas dan terarah. Adapun perumusan masalah dalam skripsi ini adalah sebagai berikut:

5 1. Bagaimana membuat suatu sistem informasi siswa dan guru pada SMK Yapemda 1 Berbah berbasis web sehingga dapat menunjang efektivitas dalam proses belajar mengajar di sekolah? 2. Bagaimana merancang sebuah website e-learning yang mampu menghasilkan metode pembelajaran yang efektif, efisien dan modern untuk meningkatkan mutu sekolah dengan PHP dan database MySQL? 3. Batasan Masalah Dalam skripsi ini penulis perlu memberikan batasan masalah yang tepat mengacu pada pokok permasalahan yang di rumuskan, yaitu: 1. Data Siswa Data siswa disini mencakup diantaranya profil siswa, nilai siswa dan data kelas siswa. 2. Data Guru Data guru disini mencakup diantanyanya profil guru, input nilai siswa, input materi pembelajaran dan jadwal mengajar guru. 3. Data Pelajaran Data pelajaran disini mencakup diantaranya jadwal pelajaran siswa dan materi pelajaran 4. User User yang bisa mengakses website ini diantaranya yaitu: a. Admin Sebagai administrator website yang dapat melakukan semua perintah yaitu select, edit, insert dan delete data. b. Siswa Dapat mengakses berita, data guru, data siswa, merubah profil siswa yang bersangkutan serta download materi

6 c. Guru Dapat mengakses berita, data siswa, data guru, dan dapat merubah profil guru yang bersangkutan serta upload materi sesuai mata pelajaran yang diampu. d. User Biasa Dapat mengakses berita, melihat daftar guru serta agenda sekolah dan gallery. 5. Menu Menu dalam website ini akan ada diantaranya Profil Sekolah, Berita, Siswa, Guru, kontak dan Galeri Foto. 6. Keamanan Keamanan dalam website ini hanya penggunaan password pada semua user. Adapun software yang digunakan untuk membuat web SMK Yapemda 1 Berbah ini adalah Notepad ++, Xampp, Photoshop CS3, PHPMyAdmin, Mozilla Firefox, Adobe Dreamweaver CS3 4. Pembahasan 4.1 DFD (Data Flow Diagram) DFD merupakan alat perancangan sistem yang berorientasi pada alur data yang digunakan untuk menggambarkan hasil analisa maupun hasil perancangan sistem yang mudah dikomunikasikan oleh sistem kepada pemakai ataupun programmer.

7 4.1.1 DFD Level 0 Admin - User Gambar 4.1 DFD Level 0 Admin User Keterangan gambar: Admin memasukkan data-data seperti profil, berita, album foto, agenda yang nantinya akan diproses oleh sistem informasi. Kemudian dari sistem informasi akan dibuat output untuk di tampilkan dihalaman depan website SMK Yapemda 1 Berbah agar data-data inputan admin dapat dilihat user.

8 4.1.2 Level 0 Pengajar Siswa Gambar 4.2 DFD Level 0 Pengajar Siswa Keterangan gambar: Pengajar dapat menginputkan materi, tugas dan profil. Kemudian data tersebut diolah oleh sistem e-learning sehingga didapat output yang dapat dibaca oleh siswa. Dalam hal ini siswa perlu melakukan login ke dalam sistem e- learning.

9 4.1.3 DFD Level 1 Admin User Gambar 4.3 DFD Level 1 Admin User Keterangan gambar: Dalam gambar DFD Level 1 antara admin dengan user, dijelaskan ada beberapa data yang dapat di inputkan admin seperti data berita, data profil, data gallery, dan data agenda. Kemudian data tersebut dapat dilakukan manipulasi seperti menambah atau insert, menghapus atau delete dan mengubah atau edit. Lalu oleh sistem informasi diolah sehingga dapat ditampilkan dan dilihat oleh user.

10 4.1.4 DFD Level 1 Pengajar - Siswa Gambar 4.4 DFD Level 1 Pengajar - Siswa Keterangan Gambar: Pada gambar diatas dijelaskan bahwa pengajar dapat mengolah beberapa data yaitu data materi pelajaran, data profil, data tugas, dan data kelas. Dalam mengolah data tersebut pengajar dapat menambah, menghapus dan mengubah data. Kemudian data tersebut diolah oleh system e-learning sehingga dapat diakses oleh siswa.

11 4.2 Tabel Relasi Antar Tabel Database Gambar 4.5 Relasi Antar Database Diatas adalah gambar untuk relasi antar database. Diatas merupakan hubungan antar table yang merupakan primary key dan foreign key. 4.3 Implementasi Program Implementasi sistem merupakan bentuk program yang dijalankan pada sistem yang dibuat. a. Halaman Beranda/index Halaman beranda dari website SMK Yapemda 1 Berbah berisi informasi berita terbaru dan di sidebar website SMK Yapemda 1 Berbah sebelah kiri terdapat informasi agenda terbaru, kalender dan

12 navigasi, sedangkan sidebar website SMK Yapemda 1 Berbah sebelah kanan terdapat informasi partner dan mesin pencari. Gambar 4.6 Halaman beranda/index b. Halaman Profil Halaman profil berisi tentang deskripsi SMK Yapemda 1 Berbah. Dalam menu profil terdapat sub-menu pengajar, agenda sekolah dan visi dan misi. Gambar 4.7 Halaman profil

13 c. Halaman Berita Halaman berita berisi tentang arsip berita SMK Yapemda 1 Berbah. Gambar 4.8 Halaman berita d. Halaman Gallery Halaman gallery berisi tentang album foto kegiatan SMK Yapemda 1 Berbah. Gambar 4.9 Halaman Gallery

14 e. Halaman Kontak Halaman kontak berisi tentang informasi alamat dan kontak untuk menghubungi SMK Yapemda 1 Berbah. Gambar 4.10 Halaman kontak f. Halaman E-Learning Halaman berita berisi tentang materi pelajaran yang bisa diunduh oleh siswa-siswi SMK Yapemda 1 Berbah. Untuk bisa mengunduh materi pelajaran harus melakukan login terlebih dahulu. Gambar 4.11 Halaman e-learning

15 5. Kesimpulan Berdasarkan uraian penjelasan dan pembahasan pada keseluruhan bab pada skripsi RANCANG BANGUN APLIKASI BERBASIS WEB PADA SMK YAPEMDA 1 BERBAH SEBAGAI SARANA PEMBELAJARAN DAN INFORMASI maka dapat di tarik kesimpulan sebagai berikut: a. Situs yang dibuat menggunakan bahasa PHP dan database MySQL, sehingga situs tersebut lebih mudah dalam memangupdate informasi didalam situs karena ada content management system. b. Situs yang isinya up to date, dapat meningkatkan citra SMK Yapemda 1 Berbah di kanca nasional. c. Situs yang dibuat dengan animasi minim, sehingga dapat mempercepat akses. d. Dengan adanya sistem informasi berbentuk web, informasi akan lebih cepat sampai kepada user. e. Siswa menjadi lebih mengenal dunia IT. f. Dengan adanya website ini dapat meningkatkan metode pembelajaran yang efektif, efisien dan modern untuk meningkatkan mutu sekolah. g. Adanya fasilitas e-learning mempermudah pengajar dalam menyampaikan materi atau quis kepada siswa. h. Dari hasil analisi SDLC (Systems development life-cycle) dapat disimpulkan bahwa website ini layak untuk digunakan guna meningkatkan mutu SMK Yapemda 1 Berbah. i. Dari rancangan DFD dan ERD dihasilkan sebuah mekanisme rancangan e- learning yang dapat meningkatkan mutu sekolah dengan adanya akses khusus guru dan siswa. Siswa juga dapat mengetahui secara online nilai tugas yang dikerjakan secara online juga.

16 6. Saran Mengingat dalam pembuatan skripsi ini masih banyak kekurangan dan tidak ada yang sempurna di dunia ini kecuali Sang Pencipta, maka dari itu kritik dan saran sangat diharapkan demi membangun dan memperbaiki sistem dalam pembuatan website SMK Yapemda 1 Berbah. Kiranya skripsi ini dengan segala manfaat, kelebihan dan kekurangan dapat diterima serta memberikan manfaat bagi masyarakat luas. Adapun saran dari penulis untuk instansi terkait dan masyarakat luas dalam pembuatan website sekolah ini diantaranya: 1. Dengan adanya sistem yang baru ini pihak instansi supaya lebih memperhatikan website untuk selalu untuk mengupdate data dan informasi yang akan disampaikan kepada masyarakat luas bermanfaat, berkualitas dan mengikuti arus dalam dunia teknologi informasi. 2. pengembangan dan pelatihan sumber daya manusia dalam mengenal dan memanfaatkan teknologi perlu ditingkatkan. 3. Dalam penyusunan skripsi ini, penulis tidak mencantumkan atau membuat validasi umur saat registrasi e-learning dan tidak menyertakan jadwal pelajaran tiap kelas untuk siswa yang login ke halaman e-learning.

17 DAFTAR PUSTAKA Al Fatta Hanif, 2007, Analisis dan Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern, Yogyakarta: Andi Offset. Jogiyanto H.M, 1989, Analisis & Disain Sistem Informasi: Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis, Yogyakarta: Andi Offset. Soekarwati, 2003, Prinsip Dasar E-Learning: Teori dan Aplikasinya di Indonesia, Jurnal Teknodik.