IJNS – Indonesian Journal on Networking and Security - Volume 3 No 1 – Januari 2014 – http://ijns.org
Pembuatan Website Profil Sekolah Menengah Pertama Negeri 2 Karangmalang Sragen Suparni, Tri Irianto Tjendrowaseno
[email protected] ABSTRACT: With the development of information technology, especially the Internet, which makes it easy to get information in a short time, make everyone interested to use it. The development of the internet is very fast, the Internet not only serves to get information, but also to provide information. Junior High School 2 Karangmalang not have a school profile website. They still use bulletin boards and brochures in the delivery of information. Submission of such information it is still a lot of weakness, such as the delivery of information that is less efficient in terms of time, effort and cost. Thus the school profile website needs to be made. The aim of this study is to produce a website profile of Junior High School 2 Karangmalang Sragen used to promote Junior High School 2 Karangmalang to the general public. The method used in this study include : literature, observations, interviews, analysis and design, website creation and implementation. The results of the this research is to produce a website profile Junior High School 2 Karangmalang Sragen used to promote Junior High School 2 Karangmalang Sragen to the general public. Keywords : Website profile, SMP N 2 Karangmalang. ABSTRAKSI: Dengan semakin berkembangnya teknologi informasi khususnya internet, yang memberikan kemudahan untuk mendapatkan informasi dalam waktu singkat, membuat semua orang tertarik untuk menggunakannya. Perkembangan internet saat ini sangat pesat, internet tidak hanya berfungsi untuk mendapatkan informasi saja, tetapi juga untuk memberikan informasi. Sekolah Menengah Pertama Negeri 2 Karangmalang merupakan Sekolah Menengah Pertama Negeri 2 Karangmalang belum memiliki website profil sekolah. Mereka masih menggunakan papan pengumuman dan brosur dalam penyampaian informasi. Penyampaian informasi yang demikian dirasa masih banyak memiliki kekurangan, antara lain penyampaian informasi yang kurang efisien dalam segi waktu, tenaga dan biaya. Maka dari itu perlu dibuatkan website profil Sekolah. Tujuan diadakan penelitian ini adalah menghasilkan website profil SMP N 2 Karangmalang Sragen yang digunakan untuk mempromosikan Sekolah Menengah Pertama Negeri 2 Karangmalang kepada masyarakat luas. Metode yang di gunakan dalam penelitian ini antara lain : Kepustakaan, Observasi, Wawancara, analisis dan perancangan, pembuatan website dan Implementasi. Hasil dari penelitian ini adalah website profil SMP Negeri 2 Karangmalang Sragen yang digunakan untuk mempromosikan Sekolah Menengah Pertama Negeri 2 Karangmalang kepada masyarakat luas. Kata Kunci : Website Profil, SMP N 2 Karangmalang 1.1 Latar Belakang Masalah Dengan semakin berkembangnya teknologi informasi khususnya internet, yang memberikan kemudahan untuk mendapatkan informasi dalam waktu singkat, membuat semua orang tertarik untuk menggunakannya. Perkembangan internet saat ini sangat pesat, internet tidak hanya berfungsi untuk mendapatkan informasi saja, tetapi juga untuk memberikan informasi. Sekolah Menengah Pertama Negeri 2 Karangmalang merupakan salah satu sekolah Negeri yang berada di Kecamatan Karangmalang di wilayah Kabupaten Sragen yang perlu memberikan informasi kepada masyarakat mengenai Sekolahnya agar lebih dikenal oleh masyarakat. Sekolah Menengah Pertama Negeri 2 Karangmalang Sragen membutuhkan website profil Sekolah sebagai sarana promosi dan informasi. saat ini Sekolah Menengah Pertama Negeri 2 Karang malang Sragen masih menggunakan spanduk dan harus datang langsung ke sekolah untuk mendapatkan informasi mengenai Sekolah ISSN: 2302-5700 (Print) 2354-6654 (Online)
Menengah Pertama Negeri 2 Karangmalang. Mereka juga masih menggunakan papan pengumuman dan speaker yang di pasang di tiap kelas sebagai media informasi kepada warga sekolah. (Observasi: senin, 3 juni 2013) 1.2 Rumusan Masalah Rumusan masalah dari penelitian ini adalah bahwa SMP Negeri 2 Karangmalang merupakan Sekolah Standar Nasional, sebagai Sekolah Berstandar Nasional diwajibkan Pemerintah untuk memenuhi standar sarana dan prasarana, salah satunya adalah penggunaan Teknologi Informasi dan Komunikasi yaitu website. Sedangkan SMP Negeri 2 Karangmalang belum memiliki Website 1.3 Batasan Masalah 1. Pembuatan website profil SMP N 2 Karangmalang Sragen dengan menggunakan PHP dan MySQL. 2. Objek penelitian di Sekolah Menengah Pertama Negeri 2 Karangmalang Sragen
7
IJNS – Indonesian Journal on Networking and Security - Volume 3 No 1 – Januari 2014 – http://ijns.org
1.4 Tujuan Penelitian Tujuan dari penelitian ini adalah menghasilkan website profil SMP N 2 Karangmalang Sragen yang digunakan untuk mempromosikan Sekolah Menengah Pertama Negeri 2 Karangmalang Sragen kepada masyarakat luas. 1.5 Manfaat Penelitian 1. Dapat digunakan sebagai media promosi dan publikasi Sekolah Menengah Pertama Negeri 2 Karangmalang Kabupaten Sragen. 2. Dapat digunakan sebagai wadah untuk menginformasikan Profil, Potensi, Kegiatan dan Keunggulan yang dimiliki Sekolah kepada Masyarakat umum. 3. Memudahkan masyarakat untuk mengetahui informasi tentang Sekolah Menengah Pertama Negeri 2 Karangmalang Kabupaten Sragen 2.1. Pengertian PHP PHP merupakan singkatan dari PHP Hypertext Preprocessor. Ia merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnyalah yang dikirimkan ke klien, tempat pemakai menggunakan browser. (Abdul Kadir, 2002, Hal : 2) 2.2. Pengertian HTML HTML (hypertext Markup Language) merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. (Bimo Sunarfrihantono, 2002, Hal : 1) 2.3. Pengertian CSS CSS (Cascading Style Sheets) adalah sebuah dokumen yang berisi aturan yang digunakan untuk memisahkan isi dengan layout dalam halaman-halaman web yang dibuat. CSS memperkenalkan “template” yang berupa style untuk dibuat dan mengijinkan penulisan kode yang lebih mudah dari halaman-halaman web yang dirancang. CSS mampu menciptakan halaman yang tampak sama pada resolusi layar yang berbeda dari pengunjung berbeda tanpa memerlukan penggunaan table seperti pada html klasik. (Budi Kurniawan, 2008, hal : 1)
2.4. Pengertian MySql MySql adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk mengakses databasenya. Selain itu, ia bersifat Open Source(tidak perlu membayar untuk ISSN: 2302-5700 (Print) 2354-6654 (Online)
menggunakannya) pada berbagai Platform (kecuali untuk jenis enterprise, yang bersifat komersial). Perangkat Lunak MySQL sendiri bisa di-download dari http://www.mysql.com. MySQL termasuk jenis RDBMS (Relational Database Management System). Itulah sebabnya, istilah seperti baris, table, dan kolom digunakan pada MySQL. Pada MySQL, sebuah database mengandung satu atau sejumlah table. Table terdiri atas sejumlah baris dan setiap baris mengandung satu
atau beberapa kolom. (Abdul Kadir, 2002, Hal : 348) 2.5. Tinjauan Pustaka Dari penelitian yang dilakukan sebelumnya oleh Rahmawati (2012) dalam judul “Pembuatan Website Sekolah Menengah Pertama Negeri 2 Masaran”. Tujuan dari penelitian ini adalah Tersedianya dan dihasilkanya sarana informasi yang lengkap tentang profil Sekolah Menengah Pertama Negeri 2 Masaran dengan menggunakan media jaringan secara global yaitu mengunakan internet. Dengan menggunakan bahasa Pemrograman PHP, MySQL sebagai databasenya serta App Serv sebagai Web Servernya Menurut penelitian yang dilakukan oleh Purwanti (2012) dalam Judul “Pembuatan Website Profile Sekolah Menengah Atas Muhammadiyah 1 Karangnyar”. Tujuan dari penelitian tersebut adalah Menghasilkan Website Profile Sekolah Menengah Atas Muhammadiyah 1 Karanganyar, sebagai media promosi dan penyampaian informasi yang lebih efektif dan menekan biaya tanpa dibatasi tempat dan waktu. Fitur yang dibuat diantaranya Visi, misi, Program Kerja, Struktur Organisasi, Data guru, Siswa, dan alumni, serta Pengumuman, Buku Tamu, Polling dan Registrasi member. Dari penelitian yang dilakukan oleh Yuliana (2012) dalam judul “Pembuatan website Profil Sekolah Menengah Pertama Negeri 3 Kebakkramat”. Tujuan dari penelitian ini adalah untuk menghasilkan Website Sekolah Menengah Pertama Negeri 3 Kebakkramat yang bagus dan menarik, sehingga informasi tepat sasaran dan tersalur dengan cepat. Dengan menggunakan bahasa Pemrograman PHP, MySQL sebagai databasenya serta Apache sebagai Web Servernya. Dalam penelitian ini, penulis akan melakukan penelitian tentang pembuatan website profil yang akan mengacu pada ketiga penelitian sebelumnya, dengan judul “Pembuatan Website Profil Sekolah Menengah Pertama Negeri 2 Karangmalang Sragen”. Dengan Tujuan Menghasilkan website profil
8
IJNS – Indonesian Journal on Networking and Security - Volume 3 No 1 – Januari 2014 – http://ijns.org
Sekolah Menengah Pertama Negeri 2 Karangmalang Sragen sebagai media Untuk mempromosikan Sekolah Menengah Pertama Negeri 2 Karangmalang kepada masyarakat luas. Dilihat dari segi keseragamannya dengan Penelitian sebelumnya yang dilakukan oleh Yuliana yaitu sama-sama menggunakan bahasa pemrograman PHP dan menggunakan MySQL sebagai databasenya. Sebagai pembeda dengan penelitian sebelumnya yang dilakukan oleh Rahmawati, yaitu dalam hal penggunaan Web Server penulis menggunakan Xampp sebagai Web Servernya dan fitur website ini meliputi berita, profil sekolah, visi, misi, fasilitas, ekstrakurikuler, prestasi, data guru, galeri, buku tamu, kontak, dan polling.
3.3 Kerangka Pemikiran
3.1 Analisis Biaya Penelitian Anggaran biaya Penelitian yang dibutuhkan dalam pembuatan website profil SMP N 2 Karangmalang adalah sebagai berikut : Tabel 3.1 : Rancangan Biaya Penelitian
Gambar 3.1 Kerangka Pemikiran 3.4 Flowcart Admin
3.2 Analisis Biaya Implementasi Rancangan biaya Implementasi yang dibutuhkan dalam pembuatan website profil SMP N 2 Karangmalang adalah sebagai berikut : Tabel 3.2:Rancangan Biaya Implementasi
Gambar 3.3 : Alur Flowchart Admin
ISSN: 2302-5700 (Print) 2354-6654 (Online)
9
IJNS – Indonesian Journal on Networking and Security - Volume 3 No 1 – Januari 2014 – http://ijns.org
3.5 RANCANGAN TAMPILAN WEBSITE Perancangan halaman website diperlukan untuk mempermudah pembuatan web. Berikut rancangan tampilan website SMP Negeri 2 Karangmalang Sragen
4.2
LANGKAH-LANGKAH PENGGUNAAN WEBSITE Pada Website SMP Negeri 2 Karangmalang terdapat beberapa menu yang digunakan untuk menampilkan informasi – informasi yang berkaitan dengan SMP N 2 Karangmalang Sragen. Langkah – langkah yang harus dilakukan pengunjung untuk membuka Website Profil SMP N 2 Karangmalang Sragen adalah sebagai berikut : 1. Pengunjung harus membuka browser dan mengetikkan url http://smpn2karangmalang.sch.id yang merupakan halaman website SMP N 2 Karangmalang Sragen. 2. Selanjutnya pengunjung dapat memilih menu dengan cara mengeklik pada link yang telah disediakan. 4.3
Gambar 3.4 Rancangan Halaman Website 3.6 Rancangan Tampilan Login Admin Halaman login admin adalah halaman yang didalamnya terdapat formulir yang digunakan untuk masuk pada halaman admin.
TAMPILAN WEBSITE Pada tampilan website pengunjung dapat melihat informasi – informasi tentang SMP negeri 2 Karangmalang Sragen. Pada menu atas terdapat menu Home, Profil Sekolah, Guru, Siswa, Alumni dan Fitur. Ada juga menu samping yang di dalamnya terdapat informasi tentang Pencarian, Informasi Sekolah, Beasiswa, Agenda, Polling dan Area Download. 1. Tampilan Home
Gambar 4.1 Halaman Home 2. Tampilan Direktori Guru Gambar 3.5 Rancangan Halaman Admin 4.1
IMPLEMENTASI Tahap implementasi merupakan tahap dimana proses-proses yang ada dalam tahap perancangan yang diimplementasikan ke dalam perangkat lunak. Untuk mendapatkan tujuan seperti yang diharapkan, website ini perlu diimplementasikan apakah sistem yang telah dibuat dapat berfungsi dan dapat diterapkan secara efektif dan efisien. Gambar 4.2 Halaman Direktori Guru
ISSN: 2302-5700 (Print) 2354-6654 (Online)
10
IJNS – Indonesian Journal on Networking and Security - Volume 3 No 1 – Januari 2014 – http://ijns.org
3. Tampilan Informasi
Gambar 4.3 Halaman Informasi 4. Tampilan Buku Tamu
Gambar 4.4 Halaman Buku Tamu
4.5
Hasil Kuesioner 1. Tampilan
5. Tampilan Halaman Admin
Gambar 4.6 Diagram Hasil Kuesioner Pertama Gambar 4.5 Halaman Admin 4.4 Uji Coba Setelah website sudah bisa diakses secara online penulis melakukan uji coba. Hasil dari uji coba tersebut adalah sebagai berikut : Tabel 4.1 Hasil Uji Coba
Dari data yang diperoleh, dapat dipresentasikan sebanyak 92,5% responden berpendapat bahwa tampilan website ini bagus dan 7,5% responden berpendapat bahwa tampilan website ini tidak bagus. 2. Pengoperasian
Gambar 4.7 Diagram Hasil Kuesioner Kedua
ISSN: 2302-5700 (Print) 2354-6654 (Online)
11
IJNS – Indonesian Journal on Networking and Security - Volume 3 No 1 – Januari 2014 – http://ijns.org
Dari data yang diperoleh, dapat dipresentasikan sebanyak 87,5% responden berpendapat bahwa operasional website ini mudah dan 12,5% responden berpendapat bahwa operasional website ini sulit. 3. Kelengkapan
Gambar 4.8 Diagram Polling Kuesioner Ketiga Dari data yang diperoleh, dapat dipresentasikan sebanyak 90% responden berpendapat bahwa website ini lengkap dan 10% responden berpendapat bahwa website ini tidak lengkap. 4. Manfaat
responden berpendapat bahwa website ini tidak tidak dapat meningkatkan citra positif Sekolah. 5.1 Kesimpulan 1) Dengan diimplementasikannya website profil SMP N 2 Karangmalang dengan alamat www.smpn2karangmalang.sch.id maka penyampaian nformasi lebih efektif dan efisien 2) Dengan adanya Website Profil SMP Negeri 2 Karangmalang maka informasi Sekolah dapat diakses dimana saja dengan biaya relatif murah. 3) Berdasarkan data kuesioner website SMP Negeri 2 Karangmalang bermanfaat dan meningkatkan citra positif sekolah. 5.2 SARAN Untuk peneliti selanjutnya, supaya dapat mengembangkan Website SMP Negeri 2 Karangmalang yaitu dengan cara menambahkan forum diskusi dan sms gateway. DAFTAR PUSTAKA [1]
Gambar 4.9 Diagram Polling Kuesioner Keempat
[2]
Dari data yang diperoleh, dapat dipresentasikan sebanyak 92,5% responden berpendapat bahwa website ini bermanfaat dan 7,5% responden berpendapat bahwa tampilan website ini tidak bermanfaat.
[3]
5. Meningkatkan Citra Positif Sekolah
[4]
[5]
[6]
[7] Gambar 4.10 Diagram Polling Kuesioner Kelima Dari data yang diperoleh, dapat dipresentasikan sebanyak 97,5% responden berpendapat bahwa website ini dapat meningkatkan Citra positif Sekolah dan 2,5% ISSN: 2302-5700 (Print) 2354-6654 (Online)
[8]
[9]
Novita Berma Yuliana (2012), Pembuatan website Profil Sekolah Menengah Pertama Negeri 3 Kebakkramat , Jurusan Teknik Informatika, Universitas Surakarta Rini Purwanti (2012), Pembuatan Website Profile Sekolah Menengah Atas Muhammadiyah 1 Karangnyar, Jurusan Teknik Informatika Universitas Surakart Tika Rahmawati (2012), Pembuatan Website Sekolah Menengah Pertama Negeri 2 Masaran, Jurusan Teknik Informatika, Universitas Surakarta, Team (2009), ShortCourse: PHP Programing, Kerja sama antara ANDI Yogyakarta dan WAHANA Komputer Semarang Team (2009), Mahir dalam 7 hari Membangun Website dengan Jomla, Kerja sama antara ANDI Yogyakarta dan MADCOMS Madiun Budi Kurniawan, S.Kom (2008), Desain web praktis dengan CSS, Elex Media Komputindo, Jakarta Eko Priyono Utomo, ST (2008), Koneksi Internet Untuk PC, Laptop dan HP, MediaKom, Yogyakarta Jasmadi (2004), Koleksi Template Web dan Teknik Pembuatannya, Andi, Yogyakarta Bimo Sunarfrihantono, ST (2002), PHP dan MySQL untuk web, andi, Yogyakarta
12
