PROPOSAL PENGABDIAN MASYRAKAT PELATIHAN PEMBUATAN DAN PENGELOLAAN WEBSITE BAGI GURU-GURU SMK NEGERI 1 PRABUMULIH TIM PENGUSUL (AHMAT JOSI,S.Kom.,M.Kom NIDN : 0220088902) STMIK PRABUMULIH 2018
HALAMAN PENGESAHAN Judul Penelitian : PELATIHAN PEMBUATAN DAN PENGELOLAAN WEBSITE BAGI GURU-GURU SMK NEGERI 1 PRABUMULIH Ketua Peneliti: a. Nama Lengkap : AHMAT JOSI,S.Kom.,M.Kom b. NIDN /NIY : 198908202014090042 c. Jabatan Fungsional : ASSISTEN AHLI d. Program Studi/jurusan : Komputerisasi Akuntansi e. Nomor HP : 085268867046 f. Alamat surel (e-mail) : Ahmat_josi@yahoo.com Biaya Penelitian : - dana internal PT Rp.1.500.000,- Mengetahui, Ketua Program Studi Prabumulih, 03 -Januari-2018 Ketua Peneliti, ( Muchlis,S.Kom.,M.Si ) ( Ahmat Josi,S.Kom.,M.Kom ) NIY : 197810072011010021 NIY :198908202014090042 Menyetujui, Ketua lembaga penelitian ( Suhartini,S.Kom.,M.Kom ) NIY : 197902022005030010 ii
BAB 1 PENDAHULUAN 1.1 Analisis Situasi Perkembangan illmu pengetahuan dijaman sekarang ini meningkat begitu pesat. Meningkatnya kebutuhan akan informasi mendorong manusia untuk mengembangkan teknologi-teknologi baru agar pengolahan data dan informasi dapat dilakukan dengan mudah dan cepat. Untuk mempermudah semuanya tentu tidak hanya menggunakan tenaga manusia saja, akan tetapi menggunakan teknologi modern, misalnya dengan memanfaatkan teknologi internet. Banyak sekolah berlomba-lomba memasang jaringan internet untuk dapat menikmati kemudahan mendapatkan informasi melalui internet, salah satunya SMK Negeri 1 Prabumulih. SMK Negeri 1 Prabumulih merupakan sebuah sekolah menengah kejuruan. Saat ini SMK Negeri 1 Prabumulih telah menggunakan Internet pada lingkungan Sekolah namun pemanfaatan jaringan Internet ini masih belum maksimal dikarenakan kemampuan pemanfaatkan teknologi informasi guru dan siswanya masih tergolong rendah. Hal ini dapat dilihat belum adanya situs-situs guru dan sekolah baik blog maupun website. Website atau situs dapat diartikan sebagai kumpulan halaman yang menmpilkan informasi data teks,data gambar diam atau gerak, data animasi,suara,video dan gabungan dari semuanya baik yang bersifat statis maupun dinamis yang membentuk suatu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jarngan-jaringan halaman.(riyadi A S, dkk 2012), website sendiri dapat dimanfaatkan oleh guru untuk dijadikan sebagai media pembelajaran baru yang menarik, kreatif dan mudah dipahami oleh siswa dalam proses belajar mengajar. dengan metode ini guru dapat menuliskan materi belajar, tugas, maupun bahan diskusi pada webnya, kemudian para siswa dapat berdiskusi dan belajar bersama-sama di website guru tersebut. Selain itu guru dapat tetap memberikan materi pada saat guru sedang dinas luar. Dengan melihat manfaat-manfaat yang dapat diperoleh dari sebuah website guru sebagai media pembelajaran, maka perlu diadakan pelatihan untuk membuat dan mengelola Website bagi guru-guru SMK Negeri 1 Prabumulih. iii
1.2 KAJIAN PUSTAKA 1.2.1 Website Website atau disingkat web, dapat diartikan sekumpulan halaman yang terdiri dari beberapa laman yang berisi informasi dalam bentuk data digital baik berupa text, gambar, video, audio, dan animasi lainnya yang disediakan melalui jalur koneksi internet (Abdulloh, 2015). Website adalah keseluruhan halaman-halaman web yang terdapat dalam sebuah domain yang mengandung informasi (Hidayat, 2010). Sebuah website biasanya dibangun atas banyak halaman web yang saling berhubungan. Jadi dapat dikatakan bahwa, pengertian website adalah kumpulan halaman-halaman. yang digunakan untuk menampilkani informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman. Hubungan antara satu halaman website dengan halaman website lainnya disebut dengan hyperlink, sedangkan teks yang dijadikan media penghubung disebut hypertext. 1.2.2 Jenis-Jenis Website Adapun Jenis-Jenis website terbagi menjadi tiga yaitu sebagai berikut : 1. Website Statis Website Statis adalah web yang mempunyai halaman tidak berubah. artinya adalah untuk melakukan perubahan pada suatu halaman harus dilakukan secara manual yakni dengan mengedit code yang menjadi struktur dari situs tersebut 2. website dinamis website dinamis adalah web yang secara struktur diperuntukan untuk update sesering mungkin. biasanya selain utama yang bisa diakses oleh user pada umumnya juga disediakan halaman admin untuk mengedit konten 3. website interaktif website interaktif adalah web yang bisa digunakan untuk berinteraksi contohnya blog, forum dan lain-lain. 1.2.3 HTML(Hyper Text Markup Language) HTML singkatan dari Hyper Text Markup Language, yaitu skrip yang berupa tag-tag untuk membuat dan mengatur struktur website (Abdulloh, 2015). Beberapa tugas utama HTML dalam membangun website diantaranya sebagai berikut: 1. Menentukan layout website iv
2. Memformat text dasar seperti pengaturan paragraf, dan format font. 3. Membuat list 4. Membuat tabel. 5. Menyisipkan gambar, video, dan audio. 6. Membuat link. 7. Membuat formulir. Dokumen HTML adalah file text murni yang dapat dibuat dengan editor text sembarang. Dokumen ini dikenal sebagai web page. File-file HTML ini berisi instruksi-instruksi yang kemudian diterjemahkan oleh browser yang ada dikomputer client (user) sehingga isi formasinya dapat ditampilkan secara visual dikomputer pengguna (user). 1.2.4 PHP (Hypertext Preprocessor) PHP berasal dari kata hypertext preprocessor yaitu bahasa pemograman universal untuk penanganan pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersama HTML (Mundzir, 2014). 1.2.5 Boostrap Bootstrap adalah paket aplikasi siap pakai untuk membuat front-end sebuah website (Rozi dan Smithdev, 2015). Bisa dikatakan, bootstrap adalah template desain web dengan fitur plus. Bootstrap diciptakan untuk mempermudah proses desain web bagi berbagai tingkat pengguna, mulai dari level pemula hingga yang sudah berpengalaman. Cukup bermodalkan pengetahuan dasar mengenai HTML dan CSS, Anda pun siap menggunakan Bootstrap. 1.3 IDENTIFIKASI MASALAH Permasalahan yang dihadapi oleh guru-guru SMK Negeri 1 Prabumulih ialah adalah belum dapat membuat dan menggunakan website sebagai sarana atau media pembelajaran siswa. 1.4 PERUMUSAN MASALAH Adapun perumusan masalah diatas ialah sebagai berikut : 1. Teknologi informasi yang sudah banyak tersedia di sekolah-sekolah belum dimanfaatkan secara maksimal sebagai media pendukung proses belajar mengajar. 2. Kemampuan guru yang masih minim dalam memanfaatkan teknologi informasi sebagai media pendukung proses belajar mengajar. v
3. Web merupakan media yang sedang populer di kalangan generasi muda dan mempunyai fasilitas-fasilitas yang dapat dimanfaatkan sebagai media pendukung proses belajar mengajar. 1.5 TUJUAN Adapun tujuan dari kegiatan Pengabdian kepada Masyarakat ini yaitu memberikan keterampilan dan kemampuan pembuatan dan mengelolah website sebagai media pendukung proses belajar mengajar. 1.5 MANFAAT Adapun manfaat dari penelitian ini ialah sebagai berikut : 1. Meningkatkan kemampuan guru dalam memanfaatkan teknologi informasi untuk membuat dan mengelola website guru dan website sekolah 2. Memudahkan proses belajar mengajar dengan memanfaatkan fasilitas website vi
BAB 2 TARGET DAN LUARAN Adapun luaran dari penelitian ini adalah publikasi ilmiah dalam jurnal Nasional yang mempunyai ISSN, sedangkan kontribusinya terhadap ilmu pengetahuan yaitu meningkatkan kemampuan dan kualitas guru-guru SMK Negeri 1 Prabumulih dalam membangun dan memanfaatkan website. vii
BAB 3 METODE PELAKSANAAN 3.1 Bentuk Kegiatan Adapun bentuk dari kegiatan Pengabdian kepada Masyarakat (PKM) ini berupa pelatihan pembuatan dan pengelolaan website. Sebelum praktek pembuatan website, dilakukan pemaparan materi tentang dasar-dasar Internet dan Website kepada guru-guru SMK Negeri 1 Prabumulih, Kegiatan kemudian dilanjutkan dengan praktek membuat website secara ofline. Yaitu menggunakan alat bantu Adobe Dremwever CS 6 dan Xampp sebagai servernya. Adapun materi praktikum terbagi menjadi beberapa bagian yaitu sebagai berikut : 1. Pembuatan Templte (Bosstrap) 2. Pembuatan Form Pendaftaran 3. Pembuatan Koneksi 4. Pembuatan Database dan Table Mysql 5. Pembuatan Form Tampil 6. Pembuatan Form Edit 7. Pembuatan Form Halaman Utama (Index) Kegiatan dilanjutkan dengan belajar melakukan pengelolaan website, Guru-guru dilatih memposting bahan ajar (word, PDF,PPT), berita kegiatan sekolah yang telah dilakukan, mengunggah foto guru, foto kegiatan sekolah dan foto-foto lainnya. Guru-guru dilatih saling memberikan komentar pada website rekan guru. Guru-guru dilatih untuk mengkostumisasi website guru, dengan mengunggah foto sampul web, dan mengatur menu-menu dan halamanhalaman pada website masing-masing. viii
BAB 4 BIAYA DAN JADWAL KEGIATAN 4.1 Anggaran Biaya Berikut adalah anggaran biaya yang diusulkan dalam kegiatan pengabdian masyarakat (PKM) di SMK Negeri 1 Prabumulih. Tabel 1. Ringkasan Anggaran Biaya yang Diajukan 1.HONOR HONOR Honor/Jam (Rp) Waktu (jam/minggu) Hari Ketua (1 Org) 1 Rp. 250.000,- Anggota (1 Org) 1 Rp. 100.000,- Sub total (Rp) Rp. 350.000,- 2.BAHAN dan PERALATAN Material Justifikasi Pemakaian Kuantitas Harga Satuan (Rp) Alat tulis kantor Administrasi 1 set Rp. 100.000,- Rp. 100.000,- Tinta printer Administrasi 3 set Rp. 100.000,- Rp. 200.000,- Fotokopi bahan Memperbanyak bahan 500 lbr Rp. 300,- Rp. 100.000,- Sewa printer Administrasi 1 Minggu Rp. 100.000,- Rp.100.000,- Sub total (Rp) Rp. 500.000,- 3.PERJALANAN Material Justifikasi Kuantitas Harga pemakaian Satuan (Rp) Sewa Mobil Pengambilan data 1 kali Rp. 400.000,- Rp.300.000,- Sub total (Rp) Rp.300.000,- 4.LAIN LAIN ix
Material Justifikasi pemakaian Kuantitas Harga Satuan (Rp) Pelacakan pustaka Internet - Rp. 150.000,- Rp. 150.000,- Laporan penjilidan penggandaan dan 5 Rp. 200.000 Sub total (Rp) Rp. 350.000,- TOTAL ANGGARAN YANG DIPERLUKAN (Rp) Rp. 1.500.000,- x
4.2 Jadwal Kegiatan Tabel Jadwal Kegiatan No Jenis Kegiatan 1 Kesepakatan program pelatihan Persiapan waktu dan tempat 2 pelatihan 3 Persiapan modul pelatihan 4 Pelaksanaan Pelatihan 5 Evaluasi 6 Penyerahan hasil pelatihan dan pembuatan laporan Bulan 1 2 3 4 5 Keterangan : = Waktu Pelaksanaan = Belum Dilaksanakan xi
DAFTAR PUSTAKA Abdulloh, Rohi,2015.web programming is easy.jakarta :PT. Elex Media Komputindo Hidayat, Rahmat. 2010. Cara praktis membangun website gratis. Jakarta : PT. Elex Media komputindo Kompas MF,Mundzir. 2014. php tutorial book for beginner.yogjakarta : notebook Rozi a.zaenal.& SmithDev Comunity,2015.bootstrap design framework.jakarta : PT.Elex Media Komputindo xii