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

ii

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 ,-

Prabumulih, 03 -Januari-2018

Mengetahui,

Ketua Program Studi 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

iii

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.

iv

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

v

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.

vi

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

vii

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.

viii

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 halaman-

halaman pada website masing-masing.

ix

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

pemakaian

Kuantitas Harga

Satuan (Rp)

Sewa Mobil Pengambilan data 1 kali Rp. 400.000,- Rp.300.000,-

Sub total (Rp) Rp.300.000,-

4.LAIN – LAIN

x

Material Justifikasi

pemakaian Kuantitas

Harga

Satuan (Rp)

Pelacakan

pustaka

Internet - Rp. 150.000,- Rp. 150.000,-

Laporan penjilidan dan

penggandaan

5 Rp. 200.000

Sub total (Rp) Rp. 350.000,-

TOTAL ANGGARAN YANG DIPERLUKAN (Rp)

Rp. 1.500.000,-

xi

4.2 Jadwal Kegiatan

Tabel Jadwal Kegiatan

No Jenis Kegiatan

Bulan

1 2 3 4 5

1 Kesepakatan program pelatihan

2 Persiapan waktu dan tempat

pelatihan

3 Persiapan modul pelatihan

4 Pelaksanaan Pelatihan

5 Evaluasi

6 Penyerahan hasil pelatihan dan

pembuatan laporan

Keterangan :

= Waktu Pelaksanaan

= Belum Dilaksanakan

xii

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