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
i
BUILDING WEBSITE AS A LEARNING AND INFORMATION USING PHP AND MYSQL IN 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.
Keywords: Website, School, Internet, Information, Learning Media
ii
DAFTAR ISI
HALAMAN PENGESAHAN ……………………………………………………………………………….
ii
ABSTRACT …………………………………………………………………………………………………
iii
DAFTAR ISI …………………………………………………………………………………………………
iii
1. Pendahuluan …………………………………………………………………………………………….
1
2. Landasan Teori ………………………………………………………………………………………….
1
2.1 Pengertian Website ……………………………………………………………………………...
1
2.2 HTTP (Hyper Text Transfer Protocol) ………………………………………………………….
3
2.3 World Wide Web ………………………………………………………………………………….
3
2.4 Homepage dan Browser …………………………………………………………………………
3
2.5 Pengertian Informasi ……………………………………………………………………………..
3
2.6 Pengertian HTML …………………………………………………………………………………
3
2.7 Pengertian PHP …………………………………………………………………………………..
4
2.8 Konsep Basis Data ……………………………………………………………………………….
4
2.9 Perangkat Lunak ………………………………………………………………………………….
4
3. Analisis ……………………………………………………………………………………………………
4
3.1 Analisis Sistem ……………………………………………………………………………………
4
3.2 Analisis Kelemahan Sistem ……………………………………………………………………..
5
3.2.1 Identifikasi Masalah ……………………………………………………………………….
5
3.2.2 Analisis Studi Kelayakan ………………………………………………………………….
5
3.3 Analisis Kebutuhan Sistem ………………………………………………………………………
5
3.3.1 Kebutuhan Perangkat Keras ……………………………………………………………..
5
3.3.2 Kebutuhan Perangkat Lunak ……………………………………………………………..
5
3.3.3 Kebutuhan Brainware ……………………………………………………………………..
6
3.3.4 Kebutuhan Pengguna Sistem (User) ……………………………………………………
6
3.4 Perancangan Sistem ……………………………………………………………………………..
6
3.4.1 Flowchart Sistem …………………………………………………………………………..
6
3.4.2 DFD (Data Flow Diagram) ……………………………………………………………….
6
3.4.3 Normalisasi …………………………………………………………………………………
6
3.4.4 Perancangan Database …………………………………………………………………..
6
3.4.5 Perancangan Tampilan Website …………………………………………………………
7
3.4.5.1 Halaman Home / Index …………………………………………………………….
7
3.4.5.2 Halaman Panel Guru, Karyawan dan Siswa ………………………………….....
7
3.4.5.3 Halaman Admin (Dashboard) ……………………………………………………..
7
4. Implementasi dan Pembahasan ……………………………………………………………………….
8
iii
4.1 Implementasi Sistem ……………………………………………………………………………..
8
4.1.1 Implementasi Desain interface …………………………………………………………..
8
4.1.1.1 Interface Panel Admin ……………………………………………………………...
8
4.1.1.2 Interface Panel Guru dan Karyawan ……………………………………………...
8
4.1.1.3 Interface Panel Siswa ………………………………………………………………
8
4.1.1.4 Interface Home / Halaman Index ………………………………………………….
9
4.1.2 Implementasi Database …………………………………………………………………..
9
4.1.3 Uji Coba Sistem dan Program ……………………………………………………………
9
4.1.4 Manual Program …………………………………………………………………………...
9
4.1.5 Manual Instalasi ……………………………………………………………………………
9
4.1.6 Pemeliharaan Sistem ……………………………………………………………………..
9
5. Kesimpulan ………………………………………………………………………………………………
10
DAFTAR PUSTAKA ………………………………………………………………………………………..
11
iv
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)
1
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) Pemeliaharan web berfungsi untuk memastikan bahwa website dapat berjalan
2
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
skrip dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet.
3
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.
4
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. 4. Web browser : Mozilla Firefox (tampilan terbaik)
5
5. Software Pendukung : Adobe Photoshop CS2 dan CS3, Adobe Flash CS3, SmartDraw 2010 dan Corel Draw X3.
3.3.3
3.3.4
Kebutuhan Brainware
Programer
Administrator
User
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,
6
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) Halaman administrator ini terdisi dari :
7
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.
8
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 server down.
9
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.
10
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.
11
