MEMBANGUN WEBSITE SEBAGAI MEDIA PEMBELAJARAN DAN
INFORMASI MENGGUNAKAN PHP DAN MYSQL
DI SMK NEGERI 1 PAJANGAN BANTUL
Naskah Publikasi
diajukan oleh
Wachid Fitrian Anjasmoro
08.11.2215
kepada
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIKOM
YOGYAKARTA
2012
ii
BUILDING WEBSITE AS A LEARNING AND INFORMATION USING PHP AND MYSQLIN SMK NEGERI 1 PAJANGAN BANTUL
MEMBANGUN WEBSITE SEBAGAI MEDIA PEMBELAJARAN DAN INFORMASI MENGGUNAKAN PHP DAN MYSQL DI SMK NEGERI 1 PAJANGAN BANTUL
Wachid Fitrian Anjasmoro Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA
ABSTRACT
Current development of Internet has been growing very rapidly, one part of the website can not be released. The many categories of websites one of which is the school website. In the SMK N 1 Pajangan Bantul a lot of information data that needs to be processed and delivered to students, teachers and the staff members or the general public. Among them are the data services as well as information about school facilities for their students' learning media.
Making the school website SMK N 1 Pajangan Bantul as a medium of information delivery is a method of delivery of any information that is poured into a website. With this website is expected to its users, especially teachers and students in the SMK N 1 Pajangan Bantul can easily access the information. Some facilities include the information about the school profiles, news and media schools and learning facilities that can boost the effectiveness of teachers and students in teaching and learning.
With the building of the website SMK N 1 Pajangan Bantul can provide information quickly, easily and up to date and the effectiveness of teaching and learning can be maximized.
iii
DAFTAR ISI HALAMAN PENGESAHAN ………. ABSTRACT ……… DAFTAR ISI ……… ii iii iii 1. Pendahuluan ………. 1 2. Landasan Teori ………. 1 2.1 Pengertian Website ………... 2.2 HTTP (Hyper Text Transfer Protocol) ………. 2.3 World Wide Web ………. 2.4 Homepage dan Browser ……… 2.5 Pengertian Informasi ……….. 2.6 Pengertian HTML ……… 2.7 Pengertian PHP ……….. 2.8 Konsep Basis Data ………. 2.9 Perangkat Lunak ………. 1 3 3 3 3 3 4 4 4 3. Analisis ……… 4 3.1 Analisis Sistem ……… 3.2 Analisis Kelemahan Sistem ………..4 5 3.2.1 Identifikasi Masalah ………. 3.2.2 Analisis Studi Kelayakan ……….
5 5 3.3 Analisis Kebutuhan Sistem ……… 5
3.3.1 Kebutuhan Perangkat Keras ……….. 3.3.2 Kebutuhan Perangkat Lunak ……….. 3.3.3 Kebutuhan Brainware ……….. 3.3.4 Kebutuhan Pengguna Sistem (User) ………
5 5 6 6 3.4 Perancangan Sistem ……….. 6 3.4.1 Flowchart Sistem ……….. 3.4.2 DFD (Data Flow Diagram) ………. 3.4.3 Normalisasi ……… 3.4.4 Perancangan Database ……….. 3.4.5 Perancangan Tampilan Website ………
6 6 6 6 7 3.4.5.1 Halaman Home / Index ………. 3.4.5.2 Halaman Panel Guru, Karyawan dan Siswa ………... 3.4.5.3 Halaman Admin (Dashboard) ………..
7 7 7 4. Implementasi dan Pembahasan ………. 8
iv
4.1 Implementasi Sistem ……….. 84.1.1 Implementasi Desain interface ……….. 8 4.1.1.1 Interface Panel Admin ………... 4.1.1.2 Interface Panel Guru dan Karyawan ………... 4.1.1.3 Interface Panel Siswa ……… 4.1.1.4 Interface Home / Halaman Index ……….
8 8 8 9 4.1.2 Implementasi Database ……….. 4.1.3 Uji Coba Sistem dan Program ……… 4.1.4 Manual Program ………... 4.1.5 Manual Instalasi ……… 4.1.6 Pemeliharaan Sistem ……….. 9 9 9 9 9 5. Kesimpulan ……… DAFTAR PUSTAKA ……….. 10 11
1
1. Pendahuluan
Teknologi informasi belakangan ini berkembang demikian sangat pesat dengan potensi penggunaan serta pemanfaatannya secara luas, telah membuka peluang bagi pengaksesan, pengelolaan, dan pendayagunaan informasi dalam volume yang besar secara cepat dan akurat sehingga menjadikan media internet sebagai faktor utama penunjangnya. Dan salah satu yang tidak bisa dilepaskan yaitu aplikasi web atau biasa disebut juga dengan perangkat lunak berbasis web yang telah berkembang dengan sangat baik dari segi penggunaan, ukuran, bahasa yang digunakan dan kompleksitasnya.
Pada mulanya aplikasi web hanya berupa situs web yang bersifat statis dan
navigated oriented kemudian saat ini aplikasi web telah banyak yang bersifat dinamis,
interaktif dan task oriented untuk digunakan dalam sistem informasi, telekomunikasi, perdagangan, perbankan dan lain-lain. Salah satu aplikasinya yaitu World Wide Web
(WWW).
Oleh karena itu dengan berkembangnya kemajuan teknologi ini, maka penulis akan membuat website SMK N 1 Pajangan Bantul, yang mana sebelumnya di sekolah tersebut belum mempunyai sebuah website. Melalui website ini, sekolah SMK N 1 Pajangan Bantul pun dapat mempromosikan dirinya kepada masyarakat luas dan diharapkan masyarakat dengan mudah mengakses dan mengetahui segala sesuatu yang bersangkutan dengan SMK NEGERI 1 PAJANGAN BANTUL dengan cepat tanpa memerlukan waktu yang banyak. Selain itu fasilitas e-learning yang tersedia juga dapat menunjang pendidikan dari para siswanya. Atas dasar pertimbangan itu, maka penulis tertarik membuat website pendidikan (sekolah) dengan judul :
“ MEMBANGUN WEBSITE SEBAGAI MEDIA PEMBELAJARAN DAN INFORMASI MENGGUNAKAN PHP DAN MYSQL DI SMK NEGERI 1 PAJANGAN BANTUL ”.
Penulis berharap semoga penulisan tugas akhir ini dapat memberikan kemudahan bagi seluruh masyarakat terutama siswa / siswi SMK N 1 Pajangan Bantul melalui sebuah website ini dan umumnya bagi siapa saja yang ingin mengetahui mengenai SMK N 1 Pajangan Bantul.
2. Landasan Teori 2.1 Pengertian website
Website adalah sejumlah halaman web yang memiliki topik saling terkait, terkadang disertai pula dengan berkas-berkas gambar, video, atau jenis-jenis berkas lainnya. Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan seperti internet, ataupun jaringan wilayah lokal (LAN)
2
melalui alamat internet yang dikenali sebagai URL. Gabungan atas semua situs yang dapat diakses publik di internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW.Dalam membangun sebuah website ada tahap-tahap yang harus dilewati, yaitu: 1. Planning (perencanaan web)
Adalah tahapan membuat rancangan awal sebuah website, merancang skema website seperti link, navigasi, dan peta situs serta menentukan layanan atau fitur-fitur yang akan disajikan kepada pengunjung. Dalam merencanakan website terbagi dalam ada 4 tahap:
a. Menentukan tema atau tujuan website.
b. Mengumpulkan data / bahan yang akan menjadi materi website. c. Membuat rancangan sistem.
d. Membuat kerangka situs / peta situs (sitemap). e. Membuat jadwal kerja.
2. Designing (mendesain web dan mengatur layout)
Designing merupakan tahap menentukan bentuk desain serta elemen-elemen
yang terdapat dalam website, layout (tata letak) konten website, kombinasi warna, dan bentuk karakter huruf (tipografi) yang sesuai dengan karakteristik website tersebut.
3. Coding (membuat kode-kode program untuk web)
Coding atau scripting dalam pemrograman website dibagi menjadi dua, yaitu Client Scripting dan Server Side Scripting. Client Side Scripting dapat
diartikan sebagai skrip yang berjalan disisi client/browser, contohnya (X)HTML, JavaScript, CSS dan VBScript. Sedangkan Server Side Scripting adalah skrip yang berjalan disisi server, contohnya ASP, PHP, JSP, PEARL dan ColdFusion.
4. Testing (pengujian)
Pengujian yang untuk memastikan website sudah siap untuk di publish dan benar-benar siap untuk diterapkan. Pengujian web meliputi kompabilitas
browser, memeriksa link tiap halaman, memeriksa kelengkapan data, dan
mencoba tiap fitur-fiturnya. 5. Promotion (Promosi web)
Mempromosikan website bertujuan agar web dikenal masyarakat. Promosi yang paling efektif adalah melalui media internet itu sendiri, Terutama dengan mendaftarkannya ke search engine seperti google dan yahoo.
6. Maintance (pemeliaharaan web)
3
dengan baik setiap harinya.2.2 HTTP (Hyper Text Transfer Protocol)
HTTP merupakan Protokol yang digunakan untuk mentransfer data dalam Word
Wide Web (WWW).
2.3 World Wide Web
WWW (World Wide Web) adalah sebuah metode baru yang berjalan di dunia
internet yang akhir - akhir ini berkembang dengan cepat (Bunafit Nugroho, 2004, h. 1).
2.4 Homepage dan Browser
Adalah halaman pembuka / pertama dari sekian banyaknya halaman yang ada di website, sedangkan browser merupakan suatu program aplikasi yang dirancang untuk mengambil informasi-informasi dari suatu server komputer pada jaringan internet.
2.5 Pengertian Informasi
Informasi adalah data yang dibentuk menjadi bentuk yang lebih berguna dan lebih berarti bagi penerimanya (Yogianto, 1989). Menurut George R. Terry, bahwa informasi adalah data yang memberikan pengetahuan yang berguna. Sedangkan menurut Gordon B. Davis informasi adalah suatu data yang lebih diolah menjadi sebuah bentuk yang penting bagi penerima dan mempunyai nilai yang nyata atau yang dapat dirasakan dalam keputusan-keputusan yang sekarang atau yang akan datang. Informasi akan memiliki arti manakala informasi tersebut memiliki unsur-unsur sebagai berikut :
1. Relavan artinya informasi yang diinginkan benar-benar ada relevansi dengan masalah yan dihadapi.
2. Kejelasan artinya terbebas dari istilah-istilah yang membingungkan.
3. Akurasi artinya bahwa informasi yang hendak disajikan harus secara teliti dan lengakp.
4. Tepat waktu artinya data yang disajikan adalah data terbaru dan mutakhir.
2.6 Pengertian HTML
Hypertext Markup Language merupakan kepanjangan dari kata HTML adalah
4
2.7 Pengertian PHP
PHP adalah kependekan dari PHP Hypertext Preprocessor, bahasa interpreter yang mempunyai kemiripan dengan bahasa C dan Perl yang mempunyai kesederhanaan dalam perintah, yang digunakan untuk pembuatan aplikasi web. (Sidik, 2004, h. 3).
2.8 Konsep Basis Data
Adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut. Perangkat lunak yang digunakan untuk mengelola dan memanggil kueri (query) basis data disebut sistem manajemen basis data (Database
Management System, DBMS).
2.9 Perangkat Lunak
Dalam proses pembuatan website, dibutuhkan beberapa perangkat lunak sebagai berikut.
3. Analisis
3.1 Analisis Sistem
Analisis dapat didefinisikan sebagai penguraian dari sebuah sistem informasi yang utuh ke dalam bagian atau komponen dengan maksud mengidentifikasi dan mengevaluasi permasalahan, kesempatan, hamabatan dan kebutuhan yang didapatkan sehingga dapat diusulkan untuk perbaikan.
Terdapat beberapa pendekatan untuk analisis sistem dan pada dasarnya mempunyai tujuan yang sama yaitu memahami sistem kemudian melakukan modifikasi dengan beberapa cara. Hasil modifikasi dapat berupa komponen baru atau serangkaian transformasi yang baru dan lain-lain, tujuanya adalah untuk memperbaiki beberapa fungsi dari sistem agar lebih efisien untuk mengubah sasaran sistem.
5
3.2 Analisis Kelemahan Sistem 3.2.1 Identifikasi Masalah
Mengidentifikasi masalah merupakan langkah pertama yang dilakukan dalam tahap analisis sistem dari masalah yang menyebabkan sasaran dari sistem yang tidak tercapai.
Mengkaji subjek permasalahan yang terjadi di SMK N 1 Pajangan Bantul adalah belum adanya sebuah sistem untuk penyampaian informasi dan media pembelajan secara online yang digunakan untuk menginformasikan info / berita, profil dan materi pelajaran dari sekolah untuk diakses oleh masyarakat dan pihak sekolah.
Dalam mengidentifikasi masalah, penulis menggunakan analisis PIECES (Performance, Information, Economy, Control, Efficiency, Service) dan ditambah dengan analisis lain.
3.2.2 Analisis Studi Kelayakan
Adalah studi yang digunakan untuk menentukan apakah proyek pembuatan sistem layak diterapkan atau tidak. Berikut macam kelayakan yang dapat digunakann sebagai pertimbangan. Diantaranya Kelayakan teknis (Technical Feasibility), Kelayakan Operasional (Operasional Feasibility), Kelayakan Hukum (Law Feasibility), Kelayakan Teknologi (Technology Feasibility) dan Kelayakan Ekonomi (Economic Feasibility).
3.3 Analisis Kebutuhan Sistem 3.3.1 Kebutuhan Perangkat Keras
Perangkat keras yang dibutuhkan dalam sistem ini berupa seperangkat komputer yang digunakan untuk pembuatan dan seperangkat komputer untuk implementasi administrator website dengan spesifikasi minimal untuk dapat mengakses website di internet.
3.3.2 Kebutuhan Perangkat Lunak
Perangkat lunak atau software yang digunakan dalam pembuatan website ini adalah:
1. Sistem Operasi : Windows 7 Ultimate 32 bit 2. Web Editor : Adobe Dreamweaver CS3
3. Web Server : Wamp Server dengan bahasa pemrograman PHP dan menggunakan database MySQL.
6
5. Software Pendukung : Adobe Photoshop CS2 dan CS3, Adobe Flash CS3,SmartDraw 2010 dan Corel Draw X3.
3.3.3 Kebutuhan Brainware
Programer Administrator User
3.3.4 Kebutuhan Pengguna Sistem (User)
Pengguna dari sistem tersebut adalah pihak administrator web yang bertugas untuk mengelola web, user yang diberikan control hak akses (Guru, Karyawan, dan Siswa) serta pengguna biasa yang mengakses web yang sudah di publish.
3.4 Perancangan Sistem
Perancangan sistem dimaksudkan untuk memberi gambaran secara umum mengenai sistem yang akan diusulkan. Rancangan ini mengidentifikasikan komponen sistem yang dirancang secara rinci. Adapun rancangan sistem yang dilakukan disini meliputi perancangan proses dan perancangan basis data.
3.4.1 Flowchart Sistem
Flowchart sistem adalah suatu model logika yang digunakan untuk menggambarkan sistem secara fisik dan menunjukkan arus suatu model dalam program.
3.4.2 DFD (Data Flow Diagram)
Data Flow Diagram (DFD) atau Diagram Alir Data dipergunakan untuk mendokumentasikan proses aliran data sistem.
3.4.3 Normalisasi
Merupakan proses pengelompokan data elemen menjadi tabel-tabel yang menunjukkan entity dan relasinya.
3.4.4 Perancangan Database
Adapun perancangan database website SMK N 1 Pajangan Bantul memerlukan 15 tabel yang terdiri dari table admin, beritaterbaru, bukutamu, download, infosekoah, jurusan, kalender, kelas, link, mading, matapelajaran, materi, profilsekolah, tahunajaran,
7
dan user.3.4.5 Perancangan Tampilan Website 3.4.5.1 Halaman Home / Index
Adalah halaman yang terlihat pertama kali ketika membuka website ini. Halama ini terdisi dari :
1. Kepala (Header)
Terdiri dari flash header untuk menampilkan program jurusan di SMK N 1 Pajangan Bantul. Form login untuk login Guru, Karyawan dan siswa serta menu navigasi website.
2. Tubuh (Body)
Sisi kiri bagian atas berisi berita content slider yang menampilkan secara acak semua berita dan dibagain bawahnya berisi 5 berita terbaru, 5 materi terbaru dan 5 mading terbaru.
Sisi kanan berisi info sekolah yang menampilkan 5 infosekolah terbaru dan dibagian bawahnya berisi kalender dan link.
3. Kaki (Footer)
Berisi copyright SMK N 1 Pajangan Bantul.
3.4.5.2 Halaman Panel Guru, Karyawan dan Siswa
Adalah halaman yang terlihat setelah user (Guru, Karyawan dan Siswa) melakukan login. Halama ini terdisi dari :
1. Kepala (Header)
Terdiri dari flash header untuk menampilkan program jurusan di SMK N 1 Pajangan Bantul. Di bagian kanan menampilkan foto dan nama user yang berhasil login serta menu dan logout.
2. Tubuh (Body)
Sisi kiri meampilkan menu yang berisi biodata, materi (untuk Guru dan Karyawan), mading, ubah kata sandi, dan log out .
Sisi kanan berisi info sekolah yang menampilkan 5 infosekolah terbaru dan dibagian bawahnya berisi kalender dan link.
3. Kaki (Footer)
Berisi copyright SMK N 1 Pajangan Bantul.
3.4.5.3 Halaman Admin (Dashboard)
8
1. Kepala (Header)Berisi logo SMK N 1 Pajangan Bantul dan di bagian kanan berisi informasi
login, akun dan logout.
2. Tubuh (Body)
Sisi kiri meampilkan menu navigasi dan kalender.
Sisi kanan berisi dashboard / menu navigasi yang sering dipakai. 3. Kaki (Footer)
Berisi copyright SMK N 1 Pajangan Bantul.
4. Implementasi dan Pembahasan 4.1 Implementasi Sistem
Implementasi sistem ini merupakan tahap memasang sistem baru yang nantinya sistem tersebut siap untuk dioperasikan sesuai dengan yang direncanakan. Tujuan dari tahap implementasi ini adalah menyiapkan semua kegiatan penerapan sistem sesuai dengan rencanan yang ditentukan. Adapun kegiatan yang dilakukan dalam tahap implementasi adalah sebagai berikut :
4.1.1 Implementasi Desain interface 4.1.1.1 Interface Panel Admin
Halaman Admin digunakan untuk mengolah semua data yang meliputi tambah, edit, dan hapus data yang tersusun dari Halaman Login Admin, Halaman Home / Dashboard Admin, Halaman Admin Info Sekolah, Halaman Admin Berita Terbaru, Halaman Admin Agenda, Halaman Admin Profil Sekolah, Halaman Admin Guru, Halaman Admin Karyawan, Halaman Admin Siswa, Halaman Admin Elearning, Halaman Admin Mading, Halaman Admin Download, Halaman Admin Link, Halaman Admin Buku Tamu, Halaman Akun Admin, dan Halaman Kelola Admin.
4.1.1.2 Interface Panel Guru dan Karyawan
Pada dasarnya halaman Guru dan karayawan sama. Yaitu halaman yang digunakan oleh Guru dan Karyawan untuk mengelola data Guru dan Karyawan dengan navigasi menu Biodata, Materi, Mading, Ubah Password, dan Log Out.
4.1.1.3 Interface Panel Siswa
Adalah halaman yang digunakan oleh Siswa untuk mengelola data Siswa dengan navigasi menu Biodata, Mading, Ubah Password, dan Log Out.
9
4.1.1.4 Interface Home / Halaman Index 4.1.2 Implementasi Database
Implementasi database menggunakan perangkat lunak phpMyAdmin 3.3.9. Langkah pertama membuat database dengan cara menuliskan pada form Create new
database kemudian klik tombol create. Setelah proses pembuatan database selesai,
makan akan mucul form pembuatan tabel dengan mengisikan pada kolom name dan kemudian isikan jumlah field dan isi fieldnya. Atau dengan cara lain yaitu import table di menu import. Pada sistem yang dibuat ini menggunakan 15 tabel yang terdiri dari table admin, beritaterbaru, bukutamu, download, infosekoah, jurusan, kalender, kelas, link, mading, matapelajaran, materi, profilsekolah, tahunajaran, dan user.
4.1.3 Uji Coba Sistem dan Program
Uji coba dilakukan sebagai dasar analisa kelayakan. Jika uji coba program memberikan hasil yang sesuai dengan tujuan pembuatan sistem, maka rancangan program bisa dikatakan layak dan dapat diimplementasikan ke dalam sistem. Pengujian dilakukan untuk menangkap adanya kesalahan yang terjadi pada sistem.
4.1.4 Manual Program
Manual program adalah suatu petunjuk bagi pemakai tentang bagaimana cara penggunaan program aplikasi yang dijalankan. Dengan perancangan manual form seperti ini diharapkan pengolahan pemasukan data akan lebih sempurna.
4.1.5 Manual Instalasi
Hal pertama yang perlu dilakukan yaitu telah mempunyai domain dan hosting untuk penempatan website. Langkah selanjutnya yaitu login cpanel untuk melakukan
upload file web ke hosting.
4.1.6 Pemeliharaan Sistem
Pemeliharan sistem dilakukan secara rutin untuk menjaga performa sistem supaya berjalan dengan baik. Yaitu dilakukan dengan cara melakukan back up data secara berkala dan menambah ataupun menyisakan space (hosting) untuk menghindari
10
5. Kesimpulan
Skripsi ini membahas tentang Pembuatan website SMK N 1 Pajangan Bantul Sebagai media informasi dan pembelajaran. Pembahasan dari keseluruhan kegiatan yang telah dijelaskan serta diuraikan pada bab-bab sebelumnya, maka penulis dapat mengambil kesimpulan bahwa:
1. Pembuatan website ini efktif untuk membantu proses kegiatan belajar mengajar antara siswa dan guru tanpa harus perlu bertatap muka langsung dengan guru untuk mendapatkan materi yang apat diakses tanpa batasan waktu dan tempat. 2. Dengan adanya sistem yang dibuat ini diharapkan dapat membantu pencari
informasi mengenai SMK N 1 Pajangan Bantul dengan cepat, mudah dan akurat.
Dari poin diatas dapat disimpulkan bahwa sistem yang dibangun ini telah memenuhi kebutuhan sekolah.
11
DAFTAR PUSTAKA
Abdul Kadir. 2002. Dasar Pemrograman Web Dinamis Menggunakan PHP. ANDI Yogyakarta, Yogyakarta.
Betha Sidik, Ir., (2004). Pemrograman Web dengan PHP. Informatika, Bandung.
Bunafit Nugroho. 2004. PHP dan MySQL dengan editor Dreamweaver MX. ANDI Yogyakarta, Yogyakarta.
Dwi Prasetyo. Didik. 2003. Tip dan Trik Kolaborasi PHP dan MySQL. PT. Elex Media Komputindo. Jakarta.
Fathansyah. 1999. Basis Data. Informatika. Bandung.
Hartono. Jogiyanto, 1989. Analisis & Desain Sistem Informasi. ANDI Yogyakarta, Yogyakarta.
