RANCANG BANGUN APLIKASI BERBASIS WEB PADA SMK …repository.amikom.ac.id/files/Publikasi_08.11.2377.pdf · skripsi “RANCANG BANGUN APLIKASI BERBASIS WEB PADA SMK YAPEMDA 1 BERBAH

RANCANG BANGUN APLIKASI BERBASIS WEB PADA

SMK YAPEMDA 1 BERBAH SEBAGAI SARANA

PEMBELAJARAN DAN INFORMASI

NASKAH PUBLIKASI

disusun oleh

Muhammad Barokah

08.11.2377

JURUSAN TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM

YOGYAKARTA

2012

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.

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:

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

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.

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.

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.

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.

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.

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

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

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

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

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.

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.

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.