PERANCANGAN WEBSITE SMA NEGERI 1 KOKAP KULONPROGO
Naskah Publikasi
Diajukan oleh: Wayan Landep 06.11.1182
Kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2011
WEBSITE DESIGN HIGH SCHOOL SMA NEGERI 1 KOKAP KULONPROGO PERANCANGAN WEBSITE SMA NEGERI 1 KOKAP KULONPROGO Wayan Landep Teknik Informatika 06.11.1182
ABSTRACT Currently, the development of technology increasingly help people to achieve maximum results in all areas. One is the role of the media computer with various software applications to improve delivery of information. Information is a resource that is needed in managing the business. Almost all jobs can be helped by technology created by humans, so people can have power and appropriate in order to encourage the progress of a field or business. Advances in information technology, access to the data or information available can take place quickly, efficiently and accurately. With the implementation or utilization of the Internet media in SMA Negeri 1 KOKAP, the public can obtain information about SMA Negeri 1 KOKAP quickly and easily. By means of new information using a website system to improve the quality of delivery and the wider dissemination of information. School information will be more easily and quickly accessible from anywhere and anytime without any restriction of time and place after applying a new system that utilizes the Internet media. To create a website that is always up to date, the website connected with the database whose function is to store data - data to be displayed site. These data can be changed quickly with the Access database and uses MySQL database. To be easily recognized sites should be registered in the commercial hosting that provides additional facilities on site. Keywords: website, Media Information, SMA Negeri 1 Kokap.
1.
1.1
PENDAHULUAN
Latar Belakang Masalah Teknologi sangat membantu manusia untuk mencapai hasil maksimal dalam segala
bidang. Salah satunya adalah peranan media komputer dengan berbagai software aplikasinya untuk meningkatkan penyampaian suatu informasi. Informasi adalah suatu sumber daya yang dibutuhkan dalam mengelola bisnis. Hampir semua pekerjaan dapat dibantu dengan teknologi yang diciptakan oleh manusia, sehingga manusia dapat mempunyai daya guna dan tepat guna yang mampu mendorong kemajuan suatu bidang atau usaha. Mengingat besarnya manfaat yang diperoleh dari penggunaan internet terutama dalam bidang pendidikan, maka perlu adanya penerapan yang nyata mengenai teknologi internet ini di seluruh aspek pendidikan khususnya di SMA Negeri 1 Kokap. Dengan sarana informasi menggunakan sistem website ini diharapkan dapat meningkatkan kualitas penyampaian dan penyebaran informasi yang lebih luas. Informasi sekolah akan lebih mudah dan cepat diakses dimana saja dan kapan saja tanpa ada batasan waktu dan tempat setelah diterapkannya sistem baru yang memanfaatkan media internet. 1.2
Perumusan Masalah Berdasarkan latar belakang masalah yang ada, maka diperoleh sebuah rumusan
masalah “Bagaimana merancang sebuah website dinamis pada SMA
Negeri 1 Kokap
Kulonprogo sehingga dapat meningkatkan kualitas penyampaian dan penyebaran informasi yang lebih luas ?” 1.3
Batasan Masalah Mengingat begitu luasnya permasalahan maka batasan masalah dari penelitian ini
adalah : 1. Dalam website ini user guru hanya dapat mengupload file-file digital yang sudah dikonversi dalam bentuk file Portable Document Format (PDF), file Document (DOC), Power Point Template (PPT), Compressed File (ZIP dan RAR). 2. Sistem yang dibangun berbasis web. 3. Software yang digunakan adalah Macromedia Dreamweaver MX, Adobe Photoshop CS3, XAMPP, MySQL,Web Browser Firefox, PHP, HTML.
4. Fasilitas yang tersedia yaitu: a.
Halaman
User,
halaman
ini
berisi
berita,
profil
sekolah,
dan
pengumuman yang ada di SMA N 1 KOKAP. b. Halaman admin, berisi menu untuk manajemen situs, yaitu insert, delete, dan update informasi. c. Halaman guru, halaman ini berisi menu upload materi oleh
guru.
2. LANDASAN TEORI 2.1. Konsep Dasar Sistem Informasi Sebelum membahas konsep sistem informasi lebih lanjut, berikut ini akan diberikan definisi ringkas dan formal dari sistem informasi yaitu serangkaian sub-sistem informasi yang menyeluruh dan terkoordinasi yang secara rasional mampu mentransformasikan data sehingga menjadi informasi dengan berbagai cara guna meningkatkan produktivitas yang sesuai. 2.1.1
Pengertian Sistem Kata sistem berasal dari kata sistem yang berarti susunan atau cara. Pendefinisian
sistem dikelompokkan dalam dua pendekatan, yaitu pendefinisian yang menekankan pada prosedurnya dan yang menekankan pada komponen atau elemennya. Menurut Richard F. Neuschel, prosedur adalah suatu urutan tulis menulis, biasanya melibatkan beberapa orang di dalam satu atau lebih departemen, yang diterapkan untuk menjamin penanganan yang seragam dari transaksi-transaksi bisnis yang terjadi. Jadi pengertian sistem yang menekankan pada prosedurnya adalah sebagai berikut : “ Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan kegiatan atau untuk menyelesaikan suatu sasaran tertentu”.1 Secara umum, sistem didefinisikan sebagai kumpulan elemen-elemen yang saling berkaitan dan bertanggung jawab memproses masukan ( input ) sehingga menghasilkan 1
Jogiyanto. HM, Analisis dan Desain Sistem Informasi : Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis, Andi Offset, Yogyakarta, 2003.
keluaran (Output )”.2 Suatu sistem mempunyai maksud tertentu, ada yang menyebutkan dari suatu sistem untuk mencapai suatu tujuan ( goal ) dan ada juga yang menyebutkan untuk mencapai suatu sasaran ( objectives ). 2.1.2
Karakteristik Sistem Menurut Jogiyanto, HM, suatu sistem mempunyai karakteristik atau sifat-sifat
tertentu yaitu : 1.
Komponen (Component)
2.
Batasan Sistem (boundary)
3.
Lingkungan Luar Sistem (environment)
4.
Penghubung (Interface)
5.
Masukan (Input)
6.
Keluaran (Output)
7.
Pengolah (Process)
8.
Sasaran atau Tujuan (Objective)
2.2
Konsep Sistem Berbasis Web
2.2.1
Pengertian Web Secara teknis web adalah sebuah sistem dimana informasi dalam bentuk web teks,
gambar, suara, dan lain-lain. yang tersimpang dalam sebuah internet web server dipresentasikan dalam bentuk Hypertext. Informasi di web dalam bentuk teks umumnya ditulis dalam format HTML (hypertext markup language).Informasi lain disajikan dalam bentuk grafis (dalam format GIF, JPG, PNG, dan lain-lain) suara (dalam format AU, WAV, dan lain-lain) dan objek multimedia lainnya (seperti MIDI, Shockwave, Quicktime, Movie, 3D World). 2.2.2
Pengertian Sistem Berbasis Web
Sistem berbasis web adalah aplikasi atau layanan yang berada dalam server dan dapat diakses dengan menggunakan web atau web browser melalui internet.Karena aplikasi ini berjalan di internet sehingga 2
pemakai dapat mengakses layanan ini darimana saja
Tavri D. Mahyuzir, Analisis dan Perancangan Sistem Pengolahan Data, PT. Elex Media Komputindo, Jakarta, 1997.
seluruh dunia selama terhubung dengan internet.Satu-satunya perangkat lunak sisi client yang dibutuhkan untuk mengakses dan menjalankan aplikasi berbasis web adalah web browser, salah satunya contoh web browser yang sangat popular adalah Mozilla firefox dan Internet Explorer. 2.3
Informasi Informasi adalah hasil dari pengolahan data-data tertentu sehingga menghasilkan
sesuatu yang bermakna dan dapat dimanfaatkan sebagai landasan dalam pengambilan keputusan sesuai dengan kepentingan. Komponen terpenting dari informasi adalah data. Data adalah fakta atau kejadian yang belum memiliki nilai manfaat, oleh karena itu harus mengalami proses pengolahan terlebih dahulu. Pengertian informasi dalam pemakaiannya di dalam sistem informasi didefinisikan sebagai berikut: “ Informasi adalah data yang telah diolah menjadi bentuk yang berarti bagi penerima dan bermanfaat dalam pengambilan keputsan saat ini atau pada masa yang akan datang”.
3
Informasi yang berkualitas harus memenuhi tiga kriteria, yaitu: 1. Akurat 2. Aktual 3. Relevan 4. Lengkap 5. Jelas dan lugas 2.4
Sistem Informasi Sistem informasi didefinisikan sebagai berikut : “Sistem
informasi
adalah
suatu
sistem
di
dalam
suatu
organisasi
yang
mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategis dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan “. 3
Jogiyanto. HM, Analisis dan Desain Sistem Informasi : Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis, Andi Offset, Yogyakarta, 2003.
Menurut John Burch dan Gary Grudnitski, sistem informasi terdiri dari komponenkomponen yang disebut dengan istilah blok bangunan, yaitu : 1. Blok Masukan 2. Blok Model. 3. Blok Keluaran 4. Blok Teknologi 5. Blok Basis Data 6. Blok Kendali 3.
ANALISIS DAN PERANCANGAN SISTEM
3.1.
Identifikasi Masalah Dalam mengetahui masalah demi masalah dimana nantinya ia dijadikan panduan
kemana arah ia akan berakhir dalam mencapai suatu tujuan yang diharapkan. Langkah pertama yang harus dilakukan adalah mengidentifikasi setiap masalah yang terkait pada sistem informasi yang nanti akan dioperasikan sesuai dengan judul laporan skripsi ini, maka penelitian dan analisa difokuskan pada website yang akan dibangun, sehingga masalahmasalah yang menjadi penyebab tidak tercapainya target dari sebuah website harus ditemukan dengan menggunakan beberapa metode analisa untuk mendapatkan informasi yang valid. Berdasarkan ilustrasi diatas, minimal ada tiga alasan mengapa website menjadi penting untuk kita perhatikan: 1. Metode penyampaian yang sebelumnya dianggap sudah tidak relevan lagi untuk tetap diterapkan pada kondisi sekarang ini. 2. Dinamika teknologi saat ini telah mencapai tingkat eksplorasi yang menunjukkan angka luar biasa tinggi, sehingga menuntut SMA Negeri 1 Kokap untuk menyediakan fasilitas-fasilitas untuk mempermudah sistem informasi bagi masyarakat dengan mudah, cepat dan efisien serta efektif. 3. Dengan sistem website masyarakat dimanapun dan kapanpun mereka berada dapat memperoleh informasi tentang SMA Negeri 1 Kokap. 3.2.
Analisis Kelemahan Sistem Sistem informasi website yang sudah berkembang, dapat dijadikan sebagai bahan
dasar nanti dalam melakukan sebuah analisa dengan menggunakan metode atau cara kerja pieces untuk mendapatkan pokok-pokok permasalahan yang lebih jelas dan lebih spesifik.
Kemudian berdasarkan hasil analisa ini, nantinya dapat dirancang usulan-usulan untuk ditetapkan dalam sistem yang akan dibangun nantinya di dalam website sebagai media informasi. 3.3.
Analisis PIECES Untuk mengidentifikasi masalah, maka perlu melakukan analisis terhadap kinerja,
informasi, ekonomi, keamanan aplikasi, efisiensi, dan pelayanan. Panduan ini dikenal dengan PIECES Analysis (Performance, Information, Economy, Control, Efficiency, Services). Dari analisa ini kita dapatkan beberapa masalah dan akhirnya dapat menemukan masalah utama. 3.4.
Solusi Permasalahan Solusi permasalahan dari analisa di atas adalah perlu adanya suatu sistem baru
yang dapat menunjang jalannya promosi sekaligus bisa menjadi media promosi yang efektif, akurat, dan efisien yaitu dengan membuat sistem berbasis web. 3.5.
Analisa Kebutuhan Sistem
3.5.1
Fungsional Kebutuhan fungsional merupakan fungsi-fungsi yang harus dimiliki sistem yang di
butuhkan oleh pengguna sistem. Untuk masalah ini maka dibagi menjadi kebutuhan halaman pengunjung dan kebutuhan halaman administrator. 3.5.2
Non Fungsional •
Usability Usability adalah sebuah pendekatan untuk membuat situs yang mudah digunakan oleh pengunjung tanpa memerlukan orang untuk pelatihan khusus.
•
Accesibility Web Accessibility adalah kemampuan untuk membuat website agar dapat diakses oleh siapapun, dan dimanapun.
•
Security Web security merujuk pada keamanan data yang ada situs SMA Negeri 1 Kokap. Dalam keamanan situs ini kami sudah memberikan beberapa metode untuk keamanan web seperti memberikan nama yang unik untuk folder admin, menghalau spam dengan captcha, mencegah browsing langsung ke folder, validasi data menggunakan javascript dan lain-lain
4.
IMPLEMENTASI DAN PEMBAHASAN
4.1
Implementasi Rancangan Interface Form yang terimplementasi antara lain adalah halaman menu utama, halaman profil,
halaman admin lihat data guru, halaman admin edit data guru, halaman admin lihat data siswa, halaman admin edit data siswa, halaman admin lihat data konten sekolah, halaman admin edit data konten sekolah, halaman admin lihat data berita, halaman admin edit data berita, halaman admin lihat data prestasi, halaman admin edit data prestasi, halaman admin lihat data buku tamu.
4.1.1. Halaman Menu Utama Dalam Halaman Utama terdapat pilihan menu yang akan digunakan sesuai data yang akan diproses.
Gambar 4.1 Rancangan Halaman Utama Penggalan program pada menu utama dapat dilihat pada modul program 4.1
} $no=0; $q=mysql_query("select * from berita order by tanggal desc limit 0,5"); if(mysql_num_rows($q)>0){
while($h=mysql_fetch_array($q)){ $no++; $result_berita
Modul Program 4.1 Halaman Menu Utama 4.2
Implementasi Rancangan Database Rancangan database yang terimplementasi adalah tabel admin, tabel artikel, tabel
berita, tabel bukutamu, tabel guru, tabel konten sekolah, tabel materi, tabel pengumuman, tabel prestasi, dan tabel siswa. pengumuman, tabel prestasi, dan tabel siswa. 1. Tabel Admin Tabel ini berfungsi menyimpan data-data admin. Query untuk membuat tabel ini adalah : CREATE TABLE `admin` ( `username` varchar(10) collate latin1_general_ci NOT NULL, `password` varchar(50) collate latin1_general_ci NOT NULL, `nama` varchar(50) collate latin1_general_ci NOT NULL, PRIMARY KEY
(`username`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;
Gambar 4.2 Hasil Rancangan Tabel Admin 1. Tabel Siswa Tabel ini berfungsi menyimpan data-data diri para siswa. Query untuk membuat tabel siswa adalah sebagai berikut : CREATE TABLE `siswa` ( `nis` varchar(10) collate latin1_general_ci NOT NULL,
`nama` varchar(50) collate latin1_general_ci NOT NULL, `gender` enum('L','P') collate latin1_general_ci NOT NULL, `tempat_lahir` varchar(50) collate latin1_general_ci NOT NULL, `tanggal_lahir` date NOT NULL, `alamat` varchar(100) collate latin1_general_ci NOT NULL, PRIMARY KEY
(`nis`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;
Gambar 4.3 Hasil Rancangan Tabel Siswa 4.3
Pengujian Program Dalam proses uji coba untuk berbagai aplikasi pasti sering terjadi kesalahan atau
yang sering disebut dengan Error. Dalam pembuatan sistem ini terdapat tiga jenis kesalahan yang sering dijumpai, yaitu : Connection Error, Syntax Error, dan Logical Error.
4.3.1
Connection Error
Gambar 4.4 Connection Error Gambar di atas menunjukkan adanya kesalahan yang disebabkan oleh penggunaan parameter koneksi yang salah atau tidak sesuai sehingga mengakibatkan proses koneksi ke
server database mengalami kegagalan. Parameter untuk membuat sebuah koneksi antara lain adalah hostname, username, password, dan database_name. Berikut ini adalah penggalan program untuk membuat sebuah koneksi ke server database
$hostdb='localhost'; $userdb='root'; $passworddb='a'; $db='db_sekolah_wayan'; $WEB->wwwroot='http://localhost/wayan/'; $WEB->dirroot = 'C:/AppServ/www/wayan/'; $link=mysql_connect($hostdb,$userdb,$passworddb); mysql_select_db($db); Modul Program 4.1 Koneksi ke Server Database
4
Syntax Error
Gambar 4.5 Syntax Error Pesan error pada gambar di atas muncul karena telah terjadi kesalahan dalam penggunaan fungsi php yaitu tepatnya pada penggunaan syntax fungsi mysql_num_rows.
Berikut ini adalah dua gambar penggalan program yang menunjukkan penggunan fungsi php yang salah dan yang benar.
Gambar 4.6 Penggunaan Fungsi PHP yang Salah
Gambar 4.7 Penggunaan Fungsi PHP yang Benar 5
Logical Error
Gambar 4.8 Logical Error
Gambar di atas menunjukkan adanya kesalahan penerapan logika pada proses login guru. Berikut ini adalah gambar penggalan program yang menunjukkan kesalahan logika.
Gambar 4.9 Penggalan Program Logical Error Berikut ini gambar penggalan program setelah diperbaiki.
Gambar 4.10 Penggalan Program Logical Error Diperbaiki
Gambar 4.11 Logical Error Setelah Diperbaiki 4.4
Manual Instalasi
Setelah aplikasi berhasil berjalan di server lokal langkah selanjutnya adalah bagaimana cara mengimplementasikannya pada sebuah ruang publik agar aplikasi ini dapat diakses oleh pengguna secara umum. 1. Menyiapkan Nama Domain dan Hosting 2. Memulai Menggunakan Control Panel Setelah domain dan hosting sudah siap tahap selanjutnya adalah masuk ke halaman control panel web. Halaman control panel ini yang nantinya digunakan untuk mengelola web ini dn dapat diakses melalui alamat website http://www.sman1kokap.com/cpanel/. Sebelum masuk ke halaman control panel kita akan diminta untuk memasukkan sebuah username dan password sebagai identifikasi.
Gambar 4.12 Login Control Panel
Gambar 4.13 Halaman Control Panel Dari gambar di atas dapat kita liat banyak sekali fitur-fitur atau fasilitas yang dapat dimanfaatkan untuk mengelola web. 3. Membuat Database Database dapat kita buat menggunakan salah satu menu pada halaman control panel tersebut yakni menu MySQL Databases.
Gambar 4.14 Menu MySQL Database 4. Import Database Setelah database berhasil dibuat, selanjutnya kita perlu mengisi database tersebut dengan tabel-tabel yang dibutuhkan. Menu yang digunakan adalah phpMyAdmin yang terdapat di halaman control panel. Pada halaman phpMyAdmin telah disediakan fasilitas Import, melalui fasilitas ini kita dapat memanfaatkannya untuk membuat tabel-tabel yang dibutuhkan dengan waktu yang lebih cepat. Tetapi sebelumnya kita sudah harus menyiapkan file yang berisi query-query untuk membuat tabel-tabel tersebut.
Gambar 4.15 Import Database
5. Upload File Ini merupakan bagian paling penting dalam proses implementasi yakni proses upload file-file source code dan pendukung untuk aplikasi ini. Proses upload dapat dimulai dengan mengklik menu File Manager pada group menu Files sehingga sebuah halaman yang tampak seperti windows explorer tampil.
Gambar 4.16 Menu File Manager
Gambar 4.17 Halaman File Manager Pada halaman file manager tesebut kita bisa mulai dengan masuk pada folder public_html. Semua file pendukung nantinya akan diuploadkan ke folder tersebut melalui menu Upload yang ada di bagian atas. Semua file pendukung sebaiknya dicompress ke dalam file berekstensi zip terlebih dahulu untuk memudahkan proses upload.
Gambar 4.18 Halaman Upload File
Gambar 4.19 Proses Extract
Gambar 4.20 Daftar File Setelah Extract 6. Edit File Konfigurasi Setelah semua source code kita copy ke dalam folder tersebut, langkah selanjutnya adalah melakukan pengaturan koneksi ke server. Semua pengaturan yang dibutuhkan ada di dalam file config.php. 5.
KESIMPULAN
5.1
KESIMPULAN Berdasarkan uraian penjelasan dan pembahasan pada keseluruhan bab pada
skripsi “PERANCANGAN WEBSITE SMA NEGERI 1 KOKAP KULONPROGO” maka dapat ditarik kesimpulan : 1.
Dengan adanya web ini semua user termasuk alumni dan wali murid SMA N 1 Kokap bisa mengetahui profil kepala sekolah yang sekarang, daftar guru dan daftar siswa-siswi.
2.
Dengan adanya sistem informasi berbentuk web, informasi akan lebih cepat sampai kepada user.
3.
Dengan adanya website ini para guru SMA N 1 KOKAP dapat mengunggah materi pelajaran dan siswa dapat mengunduh sehingga siswa untuk memperoleh materi pelajaran.
mempermudah
DAFTAR PUSTAKA
Fathansyah. 2004. Buku Teks Komputer Basis Data. Bandung: Informatika. Kristanto. 2004. Konsep dan Perancangan Database. Yogyakarta: Andi Offset. Madcoms. 2005. Aplikasi Menajemen Database Pendidikan Berbasis Web dengan PHP dan MySQL. Yogyakarta: Andi Offset. Nugroho, Bunafit. 2004. Php dan Mysql Dengan Editor Dreamweaver Mx. Yogyakarta: Andi Offset. Sidik, Bertha, 2005. MySQL Untuk Pengguna, Administrator, dan Pengembang Aplikasi Web. Bandung: Informatika. Sunarfrihantono, Bimo. 2002. PHP dan MySQL Untuk Web. Yogyakarta: Andi. Supriyanto, Aji. 2000. Pengantar Teknologi Informasi. Jakarta: Salemba Infotek. Tavri D, Mahyuzir. 1997. Analisis dan Perancangan Sistem Pengolahan Data. Jakarta: Elex Media Komputindo. Wahyono,Teguh. 2004. Sistem Informasi Konsep Dasar, Analisis Desain dan Implementasi. Yogyakarta: Graha Ilmu.
