LAPORAN
PENGABDIAN KEPADA MASYARAKAT (PkM)
UNIVERSITAS SEMARANG
PENERAPAN HTML DAN WEBLOG SEBAGAI MEDIA
PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Khoirudin SKom MEng NIDN 0622028901
Pengabdian Kepada Masyarakat Ini Dibiayai Oleh Universitas Semarang
Berdasarkan Surat Perjanjian Nomor 82USMH9N2017
TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI
UNIVERSITAS SEMARANG
SEMESTER GENAP
TAHUN AJARAN 20162017
Pelaksana
i
HALAMAN PENGESAHAN
LAPORAN PENGABDIAN KEPADA MASYARAKAT
1 Judul PkM Penerapan HTML Dan Weblog Sebagai Media
Promosi Dan Pembelajaran Di Era Digital Bagi
Panti Asuhan Al Jannah Tugu Semarang
2 Ketua Tim Pengusul
a Nama Whisnumurti Adhiwibowo ST MKom
b NIDN 0612117602
c JabatanGolongan Asisten Ahli IIIB
d Program Studi Teknik Informatika
e Bidang Keahlian Network Management
f Alamat Surel Jl Soekarno Hatta Tlogo Sari Semarang
50196 Telp 024-6702757
Anggota Tim Pengusul
a Jumlah Anggota Dosen 2 orang
b Nama Anggota 1 Khoirudin SKom MEng
Bidang Keahlian Information Technology
c Nama Anggota 2 Muhammad Zakki Abdillah SKom MKom
Bidang Keahlian Web Development
3 Lokasi KegiatanMitra
a Wilayah Mitra Desa Tapak Kecamatan Tugu Kota Semarang
(DesaKecamatan)
b KabupatenKota Semarang
c Provinsi Jawa Tengah
d Jarak PT ke Lokasi 15 Km
mitra (KM)
4 Luaran yang dihasilkan Peningkatan Kemampuan dan Kreatifitas
5 Periode Pelaksanaan Semester Genap 20162017
6 Biaya Total Rp 300000000
Semarang 9 September 2017
Mengetahui
Dekan Fakultas TIK Ketua Pelaksana
Dr Titin Winarti SKom MM Whisnumurti Adhiwibowo ST MKom
NIDN 0627116901 NIDN 0612117602
Mengetahui
Ketua Lembaga Penelitian dan Pengabdian Masyarakat
Universitas Semarang
Dr Wyati SaddewisasiSE MSi
NIDN 0019016001
ii
HALAMAN PENGESAHAN REVIEWER
1 Judul Penerapan HTML Dan Weblog Sebagai Media Promosi
Dan Pembelajaran Di Era Digital Bagi Panti Asuhan Al
Jannah Tugu Semarang
2 Rumpun Ilmu 458 (Teknik Informatika)
Ketua Peneliti
a Nama Lengkap dan Gelar Whisnumurti Adhiwibowo ST MKom
b Jenis Kelamin Laki - laki
c NIDN NIS 0612117602 06557003102137
d Disiplin Ilmu Teknik Informatika
e Golongan III B
f Jabatan Fungsional Asisten Ahli
g FakultasProgram Studi FTIK Teknik Informatika
h Alamat Surel whisnuusmacid
3 Jumlah Anggota 2 (dua) orang
a Nama Anggota (1) Khoirudin SKom MEng
b Nama Anggota (2) Muhammad Zakki Abdillah MKom
4 Lokasi Pengabdian Panti Asuhan Al Jannah Semarang
5 Jangka Pelaksanaan 4 Bulan
Mengetahui Semarang 09 September 2017
Reviewer I Reviewer II
Dr Titin Winarti SKom MM Agus Margiantoro SSiMT
NIDN 0627116901 NIDN 0629037101
iii
RINGKASAN
Dalam era digital seperti sekarang ini kebutuhan akan pemahaman dan kemampuan
menguasai teknologi merupakan suatu yang mutlak harus kita kuasai Hai ini ditambah
dengan sulitnya untuk melakukan maintenance webside yang sudah mereka miliki saat ini
yaitu httpwwwaljannahsmgorg dimana website yang mereka miliki dibangun dengan
template bloger Melihat kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu kota
Semarang memiliki inisiatif untuk membakali anak didik mereka dengan pengetahuan
teknologi komputer dan mereka mampu untuk melakukan maintenance website yang mereka
punyai dan untuk meyelesaikan masalah tersebut panti asuhan Al Jannah mengajak tim PkM
Universitas Semarang untuk bekerjasama membantu mereka dalam menyelesaikan masalah
tersebut
Melihat permasalahan diatas kami menawarkan sebuah solusi yang kami kemas dalam
workshop dengan tema penerapan teknologi HTML dan weblog sebagai sarana pengayaan
teknologi dan sekaligus nantinya dapat dimanfaatkan sebagai sarana untuk media promosi
Keyword weblog panti asuhan HTML
iv
PRAKATA
Kegiatan pengabdian masyarakat merupakan bagian dari Tri Darma Perguruan tinggi
Puji syukur kita panjatkan kepada Tuhan Yang Maha Esa yang telah melimpahkan berkat
dan rahmat-Nya Sehingga kegiatan yang berlangsung di Panti Asuhan AL Jannah Tugu
Semarang Provinsi Jawa Tengah dapat berjalan dengan baik dan lancar
Kegiatan pengabdian masyarakat ini tidak lepas dari banyaknya dukungan berbagai
pihak untuk kami mengucapkan terima kasih sebesar-besarnya kepada
1 Prof DrHPahlawansjah Harahap SE ME Msi Selaku Rektor Universitas
Semarang yang telah menfasilitasi untuk melakukan kegiatan ini
2 DrWyati Saddewisasi SE Msi Selaku Ketua LPPM Universitas Semarang yang
telah menfasilitasi sehingga pengabdian ini dapat berjalan
3 Dr Titin Winarti SKomMM Selaku Dekan Fakultas Teknologi Informasi dan
Komunikasi Universitas Semarang yang telah membantu terlaksananya kegiatan
pengabdian ini
4 Segenap pengurus Panti Asuhan AL Jannah Kecamatan Tugu Semarang yang telah
banyak membantu dan berperan serta atas terselenggaranya kegiatan ini
5 Para santri Panti Asuhan AL Jannah yang telah berperan serta dalam kegiatan ini
Laporan ini tidak lepas dari kesalahan untuk itu kritik dan saran yang bersifat positif
sangat di harapkan guna menyempurnakan isi maupun redaksi Semoga laporan kegiatan
ini bermanfaat bagi semua pihak yang membutuhkan
Semarang 9 September 2017
Tim Penyusun
v
DAFTAR ISI
HALAMAN SAMPUL 0
HALAMAN PENGESAHAN i
HALAMAN PENGESAHAN REVIEWER ii
RINGKASAN iii
PRAKATA vi
DAFTAR ISI v
DAFTAR TABEL vii
DAFTAR LAMPIRAN viii
BAB I PENDAHULUAN 1
11 Latar Belakang 1
12 Identifikasi Masalah 2
13 Tujuan Kegiatan 2
14 Manfaat Kegiatan 2
BAB II TARGET DAN LUARAN3
21 Target Luaran 3
22 Luaran Hasil 3
BAB III METODE PELAKSANAAN 4
31 Kerangka Pemecahan Masalah 4
32 Realisasi Pelaksanaan Kegiatan 4
33 Khalayak Sasaran 5
34 Metode Kegiatan 6
35 Keterkaitan 6
36 Metode Terapan 6
BAB IV KELAYAKAN PERGURUAN TINGGI 7
41 Kinerja LPPM 7
42 Jenis Kepakaran 7
vi
BAB V HASIL DAN PEMBAHASAN 9
51 Hasil yang di dapat 9
52 Analisa terhadap hasil yang di peroleh 10
53 Evaluasi kegiatan 10
BAB VI KESIMPULAN DAN SARAN 11
61 Kesimpulan 11
62 Saran 11
vii
DAFTAR TABEL
Tabel 31 Peserta Pelatihan 10
Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12
viii
DAFTAR LAMPIRAN
Lampiran 1 Daftar Hadir Peserta
Lampiran 2 Dokumentasi Kegiatan
Lampiran 3 Materi Kegiatan
Lampiran 4 Hasil Pelatihan
Lampiran 5 Surat Kontrak Perjanjian
Lampiran 6 ` Personalia Pengabdian Masyarakat
Lampiran 7 Peta Lokasi
Lampiran 8 Publikasi Media
1
BAB I
PENDAHULUAN
11 Latar Belakang
Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir
miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo
No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri
Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat
mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial
Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan
SMP dan SMA
Gambar 11 Gambar Panti Asuhan Al Jannah
Pola pengasuhan yang digunakan didalam panti ini adalah pola
pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi
menasehati dengan kata lembut menyapa saat bertemu bermusyawarah
Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan
dengan sistem pembujukan yaitu memberikan nasehat dengan lembut
berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang
tinggal di panti
2
Gambar 12 Santri Panti Asuhan sedang makan bersama
Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham betul dalam era digital dan
teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu
menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai
Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu
kota Semarang memiliki inisiatif untuk membakali anak didik mereka
dengan pengetahuan teknologi
3
Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah
mempunyai sebuah website yang berlamat pada
httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga
merasa belum dapat mengelola website tersebut dengan baik Selain itu
para pengurus juga menginginkan anak didik mereka mempunyai
pengetahuan yang baik tentang teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta pengelolaannya
2
12 Identifikasi Masalah
Berdasarkan analisa situasi yang dialami oleh mitra kami dalam hal
ini adalah Panti Asuhan Al Jannah kami merangkum permasalahan tersebut
sebagai berikut
a Mitra merasa kesulitan dalam pengelolaan website
httpwwwaljannahsmgorg yang sudah mereka punya
b Mitra menginginkan anak didiknya memiliki pengetahuan yang baik
tentang teknologi informasi dan internet
Mitra ingin mengetahui cara membuat website dan manajemen
pengelolaanya
13 Tujuan Kegiatan
Tujuan dari kegiatan ini adalah memberikan pengetahuan kepada anak
panti dan pengurus panti bagaimana membuat sebuat webside dan mengelola
website dengan baik
14 Manfaat Kegiatan
Manfaat dari kegiatan pengabdian ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
3
BAB II
TARGET DAN LUARAN
21 Target Luaran
Target luaran dari pelaksanaan PkM ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
22 Luaran Hasil
Dari pengabdian yang kami lakukan yaitu yang kami kemas dalam workshop
kecil kami telah mendapatkan luaran sebagai berikut
1 Anak Panti mendapatkan pengetahuan tentang teknologi komputer
2 Anak panti mengetahui dan memahami tentang bagaimana membuat
website
3 Anak panti dapat mengelola weblog mereka dengan baik
Table 21 Capaian Luaran
No Jenis Luaran Indikator Capaian
1 Publikasi ilmiah di jurnalprosiding Tidak ada
2 Publikasi pada Media masa (cetakElektronik) Ada
3 Peningkatan omzet pada mitra yang bergerak dalam bidang
ekonomi Tidak Ada
4 Peningkatan kuantitas dan kualitas produk Tidak ada
5 Peningkatan pemahaman dan ketrampilan masyarakat Ada
6 Peningkatan ketentraman kesehatan masyarakat (mitra
masyarakat umum) Ada
7 Jasa model rekayasa sosial sistem produkbarang Ada
8
Hak kekayaan intelektual (paten paten sederhana hak cipta
merek dagang rahasia dagang desain produk industri
perlindungan varietas tanaman perlindungan topografi)
Tidak ada
9 Buku ajar Tidak ada
4
BAB III
METODE PELAKSANAAN
31 Kerangka Pemecahan Masalah
Memberikan pengetahuan dan peningkatan kemampuan membuat
dan mengelola weblog dengan menggunakan wordpress
32 Realisasi Pelaksanaan Kegiatan
Pelaksanaan kegiatan pengabdian yang berupa Pelatihan
Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25
Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai
pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta
Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan
untuk mendukung kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal
kesediaannya untuk mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al
Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian
pada tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan
tempat dan peralatan penunjang agar dapat di gunakan dengan baik
dan pada saat pelaksanaan
4 Menyiapkan modul materi pelatihan dan perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900
hingga 1400 dengan susunan acara
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
i
HALAMAN PENGESAHAN
LAPORAN PENGABDIAN KEPADA MASYARAKAT
1 Judul PkM Penerapan HTML Dan Weblog Sebagai Media
Promosi Dan Pembelajaran Di Era Digital Bagi
Panti Asuhan Al Jannah Tugu Semarang
2 Ketua Tim Pengusul
a Nama Whisnumurti Adhiwibowo ST MKom
b NIDN 0612117602
c JabatanGolongan Asisten Ahli IIIB
d Program Studi Teknik Informatika
e Bidang Keahlian Network Management
f Alamat Surel Jl Soekarno Hatta Tlogo Sari Semarang
50196 Telp 024-6702757
Anggota Tim Pengusul
a Jumlah Anggota Dosen 2 orang
b Nama Anggota 1 Khoirudin SKom MEng
Bidang Keahlian Information Technology
c Nama Anggota 2 Muhammad Zakki Abdillah SKom MKom
Bidang Keahlian Web Development
3 Lokasi KegiatanMitra
a Wilayah Mitra Desa Tapak Kecamatan Tugu Kota Semarang
(DesaKecamatan)
b KabupatenKota Semarang
c Provinsi Jawa Tengah
d Jarak PT ke Lokasi 15 Km
mitra (KM)
4 Luaran yang dihasilkan Peningkatan Kemampuan dan Kreatifitas
5 Periode Pelaksanaan Semester Genap 20162017
6 Biaya Total Rp 300000000
Semarang 9 September 2017
Mengetahui
Dekan Fakultas TIK Ketua Pelaksana
Dr Titin Winarti SKom MM Whisnumurti Adhiwibowo ST MKom
NIDN 0627116901 NIDN 0612117602
Mengetahui
Ketua Lembaga Penelitian dan Pengabdian Masyarakat
Universitas Semarang
Dr Wyati SaddewisasiSE MSi
NIDN 0019016001
ii
HALAMAN PENGESAHAN REVIEWER
1 Judul Penerapan HTML Dan Weblog Sebagai Media Promosi
Dan Pembelajaran Di Era Digital Bagi Panti Asuhan Al
Jannah Tugu Semarang
2 Rumpun Ilmu 458 (Teknik Informatika)
Ketua Peneliti
a Nama Lengkap dan Gelar Whisnumurti Adhiwibowo ST MKom
b Jenis Kelamin Laki - laki
c NIDN NIS 0612117602 06557003102137
d Disiplin Ilmu Teknik Informatika
e Golongan III B
f Jabatan Fungsional Asisten Ahli
g FakultasProgram Studi FTIK Teknik Informatika
h Alamat Surel whisnuusmacid
3 Jumlah Anggota 2 (dua) orang
a Nama Anggota (1) Khoirudin SKom MEng
b Nama Anggota (2) Muhammad Zakki Abdillah MKom
4 Lokasi Pengabdian Panti Asuhan Al Jannah Semarang
5 Jangka Pelaksanaan 4 Bulan
Mengetahui Semarang 09 September 2017
Reviewer I Reviewer II
Dr Titin Winarti SKom MM Agus Margiantoro SSiMT
NIDN 0627116901 NIDN 0629037101
iii
RINGKASAN
Dalam era digital seperti sekarang ini kebutuhan akan pemahaman dan kemampuan
menguasai teknologi merupakan suatu yang mutlak harus kita kuasai Hai ini ditambah
dengan sulitnya untuk melakukan maintenance webside yang sudah mereka miliki saat ini
yaitu httpwwwaljannahsmgorg dimana website yang mereka miliki dibangun dengan
template bloger Melihat kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu kota
Semarang memiliki inisiatif untuk membakali anak didik mereka dengan pengetahuan
teknologi komputer dan mereka mampu untuk melakukan maintenance website yang mereka
punyai dan untuk meyelesaikan masalah tersebut panti asuhan Al Jannah mengajak tim PkM
Universitas Semarang untuk bekerjasama membantu mereka dalam menyelesaikan masalah
tersebut
Melihat permasalahan diatas kami menawarkan sebuah solusi yang kami kemas dalam
workshop dengan tema penerapan teknologi HTML dan weblog sebagai sarana pengayaan
teknologi dan sekaligus nantinya dapat dimanfaatkan sebagai sarana untuk media promosi
Keyword weblog panti asuhan HTML
iv
PRAKATA
Kegiatan pengabdian masyarakat merupakan bagian dari Tri Darma Perguruan tinggi
Puji syukur kita panjatkan kepada Tuhan Yang Maha Esa yang telah melimpahkan berkat
dan rahmat-Nya Sehingga kegiatan yang berlangsung di Panti Asuhan AL Jannah Tugu
Semarang Provinsi Jawa Tengah dapat berjalan dengan baik dan lancar
Kegiatan pengabdian masyarakat ini tidak lepas dari banyaknya dukungan berbagai
pihak untuk kami mengucapkan terima kasih sebesar-besarnya kepada
1 Prof DrHPahlawansjah Harahap SE ME Msi Selaku Rektor Universitas
Semarang yang telah menfasilitasi untuk melakukan kegiatan ini
2 DrWyati Saddewisasi SE Msi Selaku Ketua LPPM Universitas Semarang yang
telah menfasilitasi sehingga pengabdian ini dapat berjalan
3 Dr Titin Winarti SKomMM Selaku Dekan Fakultas Teknologi Informasi dan
Komunikasi Universitas Semarang yang telah membantu terlaksananya kegiatan
pengabdian ini
4 Segenap pengurus Panti Asuhan AL Jannah Kecamatan Tugu Semarang yang telah
banyak membantu dan berperan serta atas terselenggaranya kegiatan ini
5 Para santri Panti Asuhan AL Jannah yang telah berperan serta dalam kegiatan ini
Laporan ini tidak lepas dari kesalahan untuk itu kritik dan saran yang bersifat positif
sangat di harapkan guna menyempurnakan isi maupun redaksi Semoga laporan kegiatan
ini bermanfaat bagi semua pihak yang membutuhkan
Semarang 9 September 2017
Tim Penyusun
v
DAFTAR ISI
HALAMAN SAMPUL 0
HALAMAN PENGESAHAN i
HALAMAN PENGESAHAN REVIEWER ii
RINGKASAN iii
PRAKATA vi
DAFTAR ISI v
DAFTAR TABEL vii
DAFTAR LAMPIRAN viii
BAB I PENDAHULUAN 1
11 Latar Belakang 1
12 Identifikasi Masalah 2
13 Tujuan Kegiatan 2
14 Manfaat Kegiatan 2
BAB II TARGET DAN LUARAN3
21 Target Luaran 3
22 Luaran Hasil 3
BAB III METODE PELAKSANAAN 4
31 Kerangka Pemecahan Masalah 4
32 Realisasi Pelaksanaan Kegiatan 4
33 Khalayak Sasaran 5
34 Metode Kegiatan 6
35 Keterkaitan 6
36 Metode Terapan 6
BAB IV KELAYAKAN PERGURUAN TINGGI 7
41 Kinerja LPPM 7
42 Jenis Kepakaran 7
vi
BAB V HASIL DAN PEMBAHASAN 9
51 Hasil yang di dapat 9
52 Analisa terhadap hasil yang di peroleh 10
53 Evaluasi kegiatan 10
BAB VI KESIMPULAN DAN SARAN 11
61 Kesimpulan 11
62 Saran 11
vii
DAFTAR TABEL
Tabel 31 Peserta Pelatihan 10
Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12
viii
DAFTAR LAMPIRAN
Lampiran 1 Daftar Hadir Peserta
Lampiran 2 Dokumentasi Kegiatan
Lampiran 3 Materi Kegiatan
Lampiran 4 Hasil Pelatihan
Lampiran 5 Surat Kontrak Perjanjian
Lampiran 6 ` Personalia Pengabdian Masyarakat
Lampiran 7 Peta Lokasi
Lampiran 8 Publikasi Media
1
BAB I
PENDAHULUAN
11 Latar Belakang
Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir
miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo
No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri
Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat
mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial
Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan
SMP dan SMA
Gambar 11 Gambar Panti Asuhan Al Jannah
Pola pengasuhan yang digunakan didalam panti ini adalah pola
pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi
menasehati dengan kata lembut menyapa saat bertemu bermusyawarah
Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan
dengan sistem pembujukan yaitu memberikan nasehat dengan lembut
berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang
tinggal di panti
2
Gambar 12 Santri Panti Asuhan sedang makan bersama
Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham betul dalam era digital dan
teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu
menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai
Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu
kota Semarang memiliki inisiatif untuk membakali anak didik mereka
dengan pengetahuan teknologi
3
Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah
mempunyai sebuah website yang berlamat pada
httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga
merasa belum dapat mengelola website tersebut dengan baik Selain itu
para pengurus juga menginginkan anak didik mereka mempunyai
pengetahuan yang baik tentang teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta pengelolaannya
2
12 Identifikasi Masalah
Berdasarkan analisa situasi yang dialami oleh mitra kami dalam hal
ini adalah Panti Asuhan Al Jannah kami merangkum permasalahan tersebut
sebagai berikut
a Mitra merasa kesulitan dalam pengelolaan website
httpwwwaljannahsmgorg yang sudah mereka punya
b Mitra menginginkan anak didiknya memiliki pengetahuan yang baik
tentang teknologi informasi dan internet
Mitra ingin mengetahui cara membuat website dan manajemen
pengelolaanya
13 Tujuan Kegiatan
Tujuan dari kegiatan ini adalah memberikan pengetahuan kepada anak
panti dan pengurus panti bagaimana membuat sebuat webside dan mengelola
website dengan baik
14 Manfaat Kegiatan
Manfaat dari kegiatan pengabdian ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
3
BAB II
TARGET DAN LUARAN
21 Target Luaran
Target luaran dari pelaksanaan PkM ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
22 Luaran Hasil
Dari pengabdian yang kami lakukan yaitu yang kami kemas dalam workshop
kecil kami telah mendapatkan luaran sebagai berikut
1 Anak Panti mendapatkan pengetahuan tentang teknologi komputer
2 Anak panti mengetahui dan memahami tentang bagaimana membuat
website
3 Anak panti dapat mengelola weblog mereka dengan baik
Table 21 Capaian Luaran
No Jenis Luaran Indikator Capaian
1 Publikasi ilmiah di jurnalprosiding Tidak ada
2 Publikasi pada Media masa (cetakElektronik) Ada
3 Peningkatan omzet pada mitra yang bergerak dalam bidang
ekonomi Tidak Ada
4 Peningkatan kuantitas dan kualitas produk Tidak ada
5 Peningkatan pemahaman dan ketrampilan masyarakat Ada
6 Peningkatan ketentraman kesehatan masyarakat (mitra
masyarakat umum) Ada
7 Jasa model rekayasa sosial sistem produkbarang Ada
8
Hak kekayaan intelektual (paten paten sederhana hak cipta
merek dagang rahasia dagang desain produk industri
perlindungan varietas tanaman perlindungan topografi)
Tidak ada
9 Buku ajar Tidak ada
4
BAB III
METODE PELAKSANAAN
31 Kerangka Pemecahan Masalah
Memberikan pengetahuan dan peningkatan kemampuan membuat
dan mengelola weblog dengan menggunakan wordpress
32 Realisasi Pelaksanaan Kegiatan
Pelaksanaan kegiatan pengabdian yang berupa Pelatihan
Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25
Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai
pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta
Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan
untuk mendukung kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal
kesediaannya untuk mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al
Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian
pada tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan
tempat dan peralatan penunjang agar dapat di gunakan dengan baik
dan pada saat pelaksanaan
4 Menyiapkan modul materi pelatihan dan perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900
hingga 1400 dengan susunan acara
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
ii
HALAMAN PENGESAHAN REVIEWER
1 Judul Penerapan HTML Dan Weblog Sebagai Media Promosi
Dan Pembelajaran Di Era Digital Bagi Panti Asuhan Al
Jannah Tugu Semarang
2 Rumpun Ilmu 458 (Teknik Informatika)
Ketua Peneliti
a Nama Lengkap dan Gelar Whisnumurti Adhiwibowo ST MKom
b Jenis Kelamin Laki - laki
c NIDN NIS 0612117602 06557003102137
d Disiplin Ilmu Teknik Informatika
e Golongan III B
f Jabatan Fungsional Asisten Ahli
g FakultasProgram Studi FTIK Teknik Informatika
h Alamat Surel whisnuusmacid
3 Jumlah Anggota 2 (dua) orang
a Nama Anggota (1) Khoirudin SKom MEng
b Nama Anggota (2) Muhammad Zakki Abdillah MKom
4 Lokasi Pengabdian Panti Asuhan Al Jannah Semarang
5 Jangka Pelaksanaan 4 Bulan
Mengetahui Semarang 09 September 2017
Reviewer I Reviewer II
Dr Titin Winarti SKom MM Agus Margiantoro SSiMT
NIDN 0627116901 NIDN 0629037101
iii
RINGKASAN
Dalam era digital seperti sekarang ini kebutuhan akan pemahaman dan kemampuan
menguasai teknologi merupakan suatu yang mutlak harus kita kuasai Hai ini ditambah
dengan sulitnya untuk melakukan maintenance webside yang sudah mereka miliki saat ini
yaitu httpwwwaljannahsmgorg dimana website yang mereka miliki dibangun dengan
template bloger Melihat kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu kota
Semarang memiliki inisiatif untuk membakali anak didik mereka dengan pengetahuan
teknologi komputer dan mereka mampu untuk melakukan maintenance website yang mereka
punyai dan untuk meyelesaikan masalah tersebut panti asuhan Al Jannah mengajak tim PkM
Universitas Semarang untuk bekerjasama membantu mereka dalam menyelesaikan masalah
tersebut
Melihat permasalahan diatas kami menawarkan sebuah solusi yang kami kemas dalam
workshop dengan tema penerapan teknologi HTML dan weblog sebagai sarana pengayaan
teknologi dan sekaligus nantinya dapat dimanfaatkan sebagai sarana untuk media promosi
Keyword weblog panti asuhan HTML
iv
PRAKATA
Kegiatan pengabdian masyarakat merupakan bagian dari Tri Darma Perguruan tinggi
Puji syukur kita panjatkan kepada Tuhan Yang Maha Esa yang telah melimpahkan berkat
dan rahmat-Nya Sehingga kegiatan yang berlangsung di Panti Asuhan AL Jannah Tugu
Semarang Provinsi Jawa Tengah dapat berjalan dengan baik dan lancar
Kegiatan pengabdian masyarakat ini tidak lepas dari banyaknya dukungan berbagai
pihak untuk kami mengucapkan terima kasih sebesar-besarnya kepada
1 Prof DrHPahlawansjah Harahap SE ME Msi Selaku Rektor Universitas
Semarang yang telah menfasilitasi untuk melakukan kegiatan ini
2 DrWyati Saddewisasi SE Msi Selaku Ketua LPPM Universitas Semarang yang
telah menfasilitasi sehingga pengabdian ini dapat berjalan
3 Dr Titin Winarti SKomMM Selaku Dekan Fakultas Teknologi Informasi dan
Komunikasi Universitas Semarang yang telah membantu terlaksananya kegiatan
pengabdian ini
4 Segenap pengurus Panti Asuhan AL Jannah Kecamatan Tugu Semarang yang telah
banyak membantu dan berperan serta atas terselenggaranya kegiatan ini
5 Para santri Panti Asuhan AL Jannah yang telah berperan serta dalam kegiatan ini
Laporan ini tidak lepas dari kesalahan untuk itu kritik dan saran yang bersifat positif
sangat di harapkan guna menyempurnakan isi maupun redaksi Semoga laporan kegiatan
ini bermanfaat bagi semua pihak yang membutuhkan
Semarang 9 September 2017
Tim Penyusun
v
DAFTAR ISI
HALAMAN SAMPUL 0
HALAMAN PENGESAHAN i
HALAMAN PENGESAHAN REVIEWER ii
RINGKASAN iii
PRAKATA vi
DAFTAR ISI v
DAFTAR TABEL vii
DAFTAR LAMPIRAN viii
BAB I PENDAHULUAN 1
11 Latar Belakang 1
12 Identifikasi Masalah 2
13 Tujuan Kegiatan 2
14 Manfaat Kegiatan 2
BAB II TARGET DAN LUARAN3
21 Target Luaran 3
22 Luaran Hasil 3
BAB III METODE PELAKSANAAN 4
31 Kerangka Pemecahan Masalah 4
32 Realisasi Pelaksanaan Kegiatan 4
33 Khalayak Sasaran 5
34 Metode Kegiatan 6
35 Keterkaitan 6
36 Metode Terapan 6
BAB IV KELAYAKAN PERGURUAN TINGGI 7
41 Kinerja LPPM 7
42 Jenis Kepakaran 7
vi
BAB V HASIL DAN PEMBAHASAN 9
51 Hasil yang di dapat 9
52 Analisa terhadap hasil yang di peroleh 10
53 Evaluasi kegiatan 10
BAB VI KESIMPULAN DAN SARAN 11
61 Kesimpulan 11
62 Saran 11
vii
DAFTAR TABEL
Tabel 31 Peserta Pelatihan 10
Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12
viii
DAFTAR LAMPIRAN
Lampiran 1 Daftar Hadir Peserta
Lampiran 2 Dokumentasi Kegiatan
Lampiran 3 Materi Kegiatan
Lampiran 4 Hasil Pelatihan
Lampiran 5 Surat Kontrak Perjanjian
Lampiran 6 ` Personalia Pengabdian Masyarakat
Lampiran 7 Peta Lokasi
Lampiran 8 Publikasi Media
1
BAB I
PENDAHULUAN
11 Latar Belakang
Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir
miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo
No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri
Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat
mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial
Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan
SMP dan SMA
Gambar 11 Gambar Panti Asuhan Al Jannah
Pola pengasuhan yang digunakan didalam panti ini adalah pola
pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi
menasehati dengan kata lembut menyapa saat bertemu bermusyawarah
Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan
dengan sistem pembujukan yaitu memberikan nasehat dengan lembut
berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang
tinggal di panti
2
Gambar 12 Santri Panti Asuhan sedang makan bersama
Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham betul dalam era digital dan
teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu
menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai
Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu
kota Semarang memiliki inisiatif untuk membakali anak didik mereka
dengan pengetahuan teknologi
3
Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah
mempunyai sebuah website yang berlamat pada
httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga
merasa belum dapat mengelola website tersebut dengan baik Selain itu
para pengurus juga menginginkan anak didik mereka mempunyai
pengetahuan yang baik tentang teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta pengelolaannya
2
12 Identifikasi Masalah
Berdasarkan analisa situasi yang dialami oleh mitra kami dalam hal
ini adalah Panti Asuhan Al Jannah kami merangkum permasalahan tersebut
sebagai berikut
a Mitra merasa kesulitan dalam pengelolaan website
httpwwwaljannahsmgorg yang sudah mereka punya
b Mitra menginginkan anak didiknya memiliki pengetahuan yang baik
tentang teknologi informasi dan internet
Mitra ingin mengetahui cara membuat website dan manajemen
pengelolaanya
13 Tujuan Kegiatan
Tujuan dari kegiatan ini adalah memberikan pengetahuan kepada anak
panti dan pengurus panti bagaimana membuat sebuat webside dan mengelola
website dengan baik
14 Manfaat Kegiatan
Manfaat dari kegiatan pengabdian ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
3
BAB II
TARGET DAN LUARAN
21 Target Luaran
Target luaran dari pelaksanaan PkM ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
22 Luaran Hasil
Dari pengabdian yang kami lakukan yaitu yang kami kemas dalam workshop
kecil kami telah mendapatkan luaran sebagai berikut
1 Anak Panti mendapatkan pengetahuan tentang teknologi komputer
2 Anak panti mengetahui dan memahami tentang bagaimana membuat
website
3 Anak panti dapat mengelola weblog mereka dengan baik
Table 21 Capaian Luaran
No Jenis Luaran Indikator Capaian
1 Publikasi ilmiah di jurnalprosiding Tidak ada
2 Publikasi pada Media masa (cetakElektronik) Ada
3 Peningkatan omzet pada mitra yang bergerak dalam bidang
ekonomi Tidak Ada
4 Peningkatan kuantitas dan kualitas produk Tidak ada
5 Peningkatan pemahaman dan ketrampilan masyarakat Ada
6 Peningkatan ketentraman kesehatan masyarakat (mitra
masyarakat umum) Ada
7 Jasa model rekayasa sosial sistem produkbarang Ada
8
Hak kekayaan intelektual (paten paten sederhana hak cipta
merek dagang rahasia dagang desain produk industri
perlindungan varietas tanaman perlindungan topografi)
Tidak ada
9 Buku ajar Tidak ada
4
BAB III
METODE PELAKSANAAN
31 Kerangka Pemecahan Masalah
Memberikan pengetahuan dan peningkatan kemampuan membuat
dan mengelola weblog dengan menggunakan wordpress
32 Realisasi Pelaksanaan Kegiatan
Pelaksanaan kegiatan pengabdian yang berupa Pelatihan
Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25
Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai
pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta
Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan
untuk mendukung kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal
kesediaannya untuk mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al
Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian
pada tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan
tempat dan peralatan penunjang agar dapat di gunakan dengan baik
dan pada saat pelaksanaan
4 Menyiapkan modul materi pelatihan dan perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900
hingga 1400 dengan susunan acara
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
iii
RINGKASAN
Dalam era digital seperti sekarang ini kebutuhan akan pemahaman dan kemampuan
menguasai teknologi merupakan suatu yang mutlak harus kita kuasai Hai ini ditambah
dengan sulitnya untuk melakukan maintenance webside yang sudah mereka miliki saat ini
yaitu httpwwwaljannahsmgorg dimana website yang mereka miliki dibangun dengan
template bloger Melihat kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu kota
Semarang memiliki inisiatif untuk membakali anak didik mereka dengan pengetahuan
teknologi komputer dan mereka mampu untuk melakukan maintenance website yang mereka
punyai dan untuk meyelesaikan masalah tersebut panti asuhan Al Jannah mengajak tim PkM
Universitas Semarang untuk bekerjasama membantu mereka dalam menyelesaikan masalah
tersebut
Melihat permasalahan diatas kami menawarkan sebuah solusi yang kami kemas dalam
workshop dengan tema penerapan teknologi HTML dan weblog sebagai sarana pengayaan
teknologi dan sekaligus nantinya dapat dimanfaatkan sebagai sarana untuk media promosi
Keyword weblog panti asuhan HTML
iv
PRAKATA
Kegiatan pengabdian masyarakat merupakan bagian dari Tri Darma Perguruan tinggi
Puji syukur kita panjatkan kepada Tuhan Yang Maha Esa yang telah melimpahkan berkat
dan rahmat-Nya Sehingga kegiatan yang berlangsung di Panti Asuhan AL Jannah Tugu
Semarang Provinsi Jawa Tengah dapat berjalan dengan baik dan lancar
Kegiatan pengabdian masyarakat ini tidak lepas dari banyaknya dukungan berbagai
pihak untuk kami mengucapkan terima kasih sebesar-besarnya kepada
1 Prof DrHPahlawansjah Harahap SE ME Msi Selaku Rektor Universitas
Semarang yang telah menfasilitasi untuk melakukan kegiatan ini
2 DrWyati Saddewisasi SE Msi Selaku Ketua LPPM Universitas Semarang yang
telah menfasilitasi sehingga pengabdian ini dapat berjalan
3 Dr Titin Winarti SKomMM Selaku Dekan Fakultas Teknologi Informasi dan
Komunikasi Universitas Semarang yang telah membantu terlaksananya kegiatan
pengabdian ini
4 Segenap pengurus Panti Asuhan AL Jannah Kecamatan Tugu Semarang yang telah
banyak membantu dan berperan serta atas terselenggaranya kegiatan ini
5 Para santri Panti Asuhan AL Jannah yang telah berperan serta dalam kegiatan ini
Laporan ini tidak lepas dari kesalahan untuk itu kritik dan saran yang bersifat positif
sangat di harapkan guna menyempurnakan isi maupun redaksi Semoga laporan kegiatan
ini bermanfaat bagi semua pihak yang membutuhkan
Semarang 9 September 2017
Tim Penyusun
v
DAFTAR ISI
HALAMAN SAMPUL 0
HALAMAN PENGESAHAN i
HALAMAN PENGESAHAN REVIEWER ii
RINGKASAN iii
PRAKATA vi
DAFTAR ISI v
DAFTAR TABEL vii
DAFTAR LAMPIRAN viii
BAB I PENDAHULUAN 1
11 Latar Belakang 1
12 Identifikasi Masalah 2
13 Tujuan Kegiatan 2
14 Manfaat Kegiatan 2
BAB II TARGET DAN LUARAN3
21 Target Luaran 3
22 Luaran Hasil 3
BAB III METODE PELAKSANAAN 4
31 Kerangka Pemecahan Masalah 4
32 Realisasi Pelaksanaan Kegiatan 4
33 Khalayak Sasaran 5
34 Metode Kegiatan 6
35 Keterkaitan 6
36 Metode Terapan 6
BAB IV KELAYAKAN PERGURUAN TINGGI 7
41 Kinerja LPPM 7
42 Jenis Kepakaran 7
vi
BAB V HASIL DAN PEMBAHASAN 9
51 Hasil yang di dapat 9
52 Analisa terhadap hasil yang di peroleh 10
53 Evaluasi kegiatan 10
BAB VI KESIMPULAN DAN SARAN 11
61 Kesimpulan 11
62 Saran 11
vii
DAFTAR TABEL
Tabel 31 Peserta Pelatihan 10
Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12
viii
DAFTAR LAMPIRAN
Lampiran 1 Daftar Hadir Peserta
Lampiran 2 Dokumentasi Kegiatan
Lampiran 3 Materi Kegiatan
Lampiran 4 Hasil Pelatihan
Lampiran 5 Surat Kontrak Perjanjian
Lampiran 6 ` Personalia Pengabdian Masyarakat
Lampiran 7 Peta Lokasi
Lampiran 8 Publikasi Media
1
BAB I
PENDAHULUAN
11 Latar Belakang
Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir
miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo
No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri
Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat
mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial
Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan
SMP dan SMA
Gambar 11 Gambar Panti Asuhan Al Jannah
Pola pengasuhan yang digunakan didalam panti ini adalah pola
pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi
menasehati dengan kata lembut menyapa saat bertemu bermusyawarah
Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan
dengan sistem pembujukan yaitu memberikan nasehat dengan lembut
berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang
tinggal di panti
2
Gambar 12 Santri Panti Asuhan sedang makan bersama
Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham betul dalam era digital dan
teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu
menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai
Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu
kota Semarang memiliki inisiatif untuk membakali anak didik mereka
dengan pengetahuan teknologi
3
Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah
mempunyai sebuah website yang berlamat pada
httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga
merasa belum dapat mengelola website tersebut dengan baik Selain itu
para pengurus juga menginginkan anak didik mereka mempunyai
pengetahuan yang baik tentang teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta pengelolaannya
2
12 Identifikasi Masalah
Berdasarkan analisa situasi yang dialami oleh mitra kami dalam hal
ini adalah Panti Asuhan Al Jannah kami merangkum permasalahan tersebut
sebagai berikut
a Mitra merasa kesulitan dalam pengelolaan website
httpwwwaljannahsmgorg yang sudah mereka punya
b Mitra menginginkan anak didiknya memiliki pengetahuan yang baik
tentang teknologi informasi dan internet
Mitra ingin mengetahui cara membuat website dan manajemen
pengelolaanya
13 Tujuan Kegiatan
Tujuan dari kegiatan ini adalah memberikan pengetahuan kepada anak
panti dan pengurus panti bagaimana membuat sebuat webside dan mengelola
website dengan baik
14 Manfaat Kegiatan
Manfaat dari kegiatan pengabdian ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
3
BAB II
TARGET DAN LUARAN
21 Target Luaran
Target luaran dari pelaksanaan PkM ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
22 Luaran Hasil
Dari pengabdian yang kami lakukan yaitu yang kami kemas dalam workshop
kecil kami telah mendapatkan luaran sebagai berikut
1 Anak Panti mendapatkan pengetahuan tentang teknologi komputer
2 Anak panti mengetahui dan memahami tentang bagaimana membuat
website
3 Anak panti dapat mengelola weblog mereka dengan baik
Table 21 Capaian Luaran
No Jenis Luaran Indikator Capaian
1 Publikasi ilmiah di jurnalprosiding Tidak ada
2 Publikasi pada Media masa (cetakElektronik) Ada
3 Peningkatan omzet pada mitra yang bergerak dalam bidang
ekonomi Tidak Ada
4 Peningkatan kuantitas dan kualitas produk Tidak ada
5 Peningkatan pemahaman dan ketrampilan masyarakat Ada
6 Peningkatan ketentraman kesehatan masyarakat (mitra
masyarakat umum) Ada
7 Jasa model rekayasa sosial sistem produkbarang Ada
8
Hak kekayaan intelektual (paten paten sederhana hak cipta
merek dagang rahasia dagang desain produk industri
perlindungan varietas tanaman perlindungan topografi)
Tidak ada
9 Buku ajar Tidak ada
4
BAB III
METODE PELAKSANAAN
31 Kerangka Pemecahan Masalah
Memberikan pengetahuan dan peningkatan kemampuan membuat
dan mengelola weblog dengan menggunakan wordpress
32 Realisasi Pelaksanaan Kegiatan
Pelaksanaan kegiatan pengabdian yang berupa Pelatihan
Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25
Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai
pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta
Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan
untuk mendukung kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal
kesediaannya untuk mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al
Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian
pada tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan
tempat dan peralatan penunjang agar dapat di gunakan dengan baik
dan pada saat pelaksanaan
4 Menyiapkan modul materi pelatihan dan perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900
hingga 1400 dengan susunan acara
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
iv
PRAKATA
Kegiatan pengabdian masyarakat merupakan bagian dari Tri Darma Perguruan tinggi
Puji syukur kita panjatkan kepada Tuhan Yang Maha Esa yang telah melimpahkan berkat
dan rahmat-Nya Sehingga kegiatan yang berlangsung di Panti Asuhan AL Jannah Tugu
Semarang Provinsi Jawa Tengah dapat berjalan dengan baik dan lancar
Kegiatan pengabdian masyarakat ini tidak lepas dari banyaknya dukungan berbagai
pihak untuk kami mengucapkan terima kasih sebesar-besarnya kepada
1 Prof DrHPahlawansjah Harahap SE ME Msi Selaku Rektor Universitas
Semarang yang telah menfasilitasi untuk melakukan kegiatan ini
2 DrWyati Saddewisasi SE Msi Selaku Ketua LPPM Universitas Semarang yang
telah menfasilitasi sehingga pengabdian ini dapat berjalan
3 Dr Titin Winarti SKomMM Selaku Dekan Fakultas Teknologi Informasi dan
Komunikasi Universitas Semarang yang telah membantu terlaksananya kegiatan
pengabdian ini
4 Segenap pengurus Panti Asuhan AL Jannah Kecamatan Tugu Semarang yang telah
banyak membantu dan berperan serta atas terselenggaranya kegiatan ini
5 Para santri Panti Asuhan AL Jannah yang telah berperan serta dalam kegiatan ini
Laporan ini tidak lepas dari kesalahan untuk itu kritik dan saran yang bersifat positif
sangat di harapkan guna menyempurnakan isi maupun redaksi Semoga laporan kegiatan
ini bermanfaat bagi semua pihak yang membutuhkan
Semarang 9 September 2017
Tim Penyusun
v
DAFTAR ISI
HALAMAN SAMPUL 0
HALAMAN PENGESAHAN i
HALAMAN PENGESAHAN REVIEWER ii
RINGKASAN iii
PRAKATA vi
DAFTAR ISI v
DAFTAR TABEL vii
DAFTAR LAMPIRAN viii
BAB I PENDAHULUAN 1
11 Latar Belakang 1
12 Identifikasi Masalah 2
13 Tujuan Kegiatan 2
14 Manfaat Kegiatan 2
BAB II TARGET DAN LUARAN3
21 Target Luaran 3
22 Luaran Hasil 3
BAB III METODE PELAKSANAAN 4
31 Kerangka Pemecahan Masalah 4
32 Realisasi Pelaksanaan Kegiatan 4
33 Khalayak Sasaran 5
34 Metode Kegiatan 6
35 Keterkaitan 6
36 Metode Terapan 6
BAB IV KELAYAKAN PERGURUAN TINGGI 7
41 Kinerja LPPM 7
42 Jenis Kepakaran 7
vi
BAB V HASIL DAN PEMBAHASAN 9
51 Hasil yang di dapat 9
52 Analisa terhadap hasil yang di peroleh 10
53 Evaluasi kegiatan 10
BAB VI KESIMPULAN DAN SARAN 11
61 Kesimpulan 11
62 Saran 11
vii
DAFTAR TABEL
Tabel 31 Peserta Pelatihan 10
Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12
viii
DAFTAR LAMPIRAN
Lampiran 1 Daftar Hadir Peserta
Lampiran 2 Dokumentasi Kegiatan
Lampiran 3 Materi Kegiatan
Lampiran 4 Hasil Pelatihan
Lampiran 5 Surat Kontrak Perjanjian
Lampiran 6 ` Personalia Pengabdian Masyarakat
Lampiran 7 Peta Lokasi
Lampiran 8 Publikasi Media
1
BAB I
PENDAHULUAN
11 Latar Belakang
Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir
miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo
No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri
Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat
mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial
Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan
SMP dan SMA
Gambar 11 Gambar Panti Asuhan Al Jannah
Pola pengasuhan yang digunakan didalam panti ini adalah pola
pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi
menasehati dengan kata lembut menyapa saat bertemu bermusyawarah
Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan
dengan sistem pembujukan yaitu memberikan nasehat dengan lembut
berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang
tinggal di panti
2
Gambar 12 Santri Panti Asuhan sedang makan bersama
Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham betul dalam era digital dan
teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu
menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai
Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu
kota Semarang memiliki inisiatif untuk membakali anak didik mereka
dengan pengetahuan teknologi
3
Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah
mempunyai sebuah website yang berlamat pada
httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga
merasa belum dapat mengelola website tersebut dengan baik Selain itu
para pengurus juga menginginkan anak didik mereka mempunyai
pengetahuan yang baik tentang teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta pengelolaannya
2
12 Identifikasi Masalah
Berdasarkan analisa situasi yang dialami oleh mitra kami dalam hal
ini adalah Panti Asuhan Al Jannah kami merangkum permasalahan tersebut
sebagai berikut
a Mitra merasa kesulitan dalam pengelolaan website
httpwwwaljannahsmgorg yang sudah mereka punya
b Mitra menginginkan anak didiknya memiliki pengetahuan yang baik
tentang teknologi informasi dan internet
Mitra ingin mengetahui cara membuat website dan manajemen
pengelolaanya
13 Tujuan Kegiatan
Tujuan dari kegiatan ini adalah memberikan pengetahuan kepada anak
panti dan pengurus panti bagaimana membuat sebuat webside dan mengelola
website dengan baik
14 Manfaat Kegiatan
Manfaat dari kegiatan pengabdian ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
3
BAB II
TARGET DAN LUARAN
21 Target Luaran
Target luaran dari pelaksanaan PkM ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
22 Luaran Hasil
Dari pengabdian yang kami lakukan yaitu yang kami kemas dalam workshop
kecil kami telah mendapatkan luaran sebagai berikut
1 Anak Panti mendapatkan pengetahuan tentang teknologi komputer
2 Anak panti mengetahui dan memahami tentang bagaimana membuat
website
3 Anak panti dapat mengelola weblog mereka dengan baik
Table 21 Capaian Luaran
No Jenis Luaran Indikator Capaian
1 Publikasi ilmiah di jurnalprosiding Tidak ada
2 Publikasi pada Media masa (cetakElektronik) Ada
3 Peningkatan omzet pada mitra yang bergerak dalam bidang
ekonomi Tidak Ada
4 Peningkatan kuantitas dan kualitas produk Tidak ada
5 Peningkatan pemahaman dan ketrampilan masyarakat Ada
6 Peningkatan ketentraman kesehatan masyarakat (mitra
masyarakat umum) Ada
7 Jasa model rekayasa sosial sistem produkbarang Ada
8
Hak kekayaan intelektual (paten paten sederhana hak cipta
merek dagang rahasia dagang desain produk industri
perlindungan varietas tanaman perlindungan topografi)
Tidak ada
9 Buku ajar Tidak ada
4
BAB III
METODE PELAKSANAAN
31 Kerangka Pemecahan Masalah
Memberikan pengetahuan dan peningkatan kemampuan membuat
dan mengelola weblog dengan menggunakan wordpress
32 Realisasi Pelaksanaan Kegiatan
Pelaksanaan kegiatan pengabdian yang berupa Pelatihan
Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25
Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai
pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta
Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan
untuk mendukung kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal
kesediaannya untuk mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al
Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian
pada tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan
tempat dan peralatan penunjang agar dapat di gunakan dengan baik
dan pada saat pelaksanaan
4 Menyiapkan modul materi pelatihan dan perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900
hingga 1400 dengan susunan acara
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
v
DAFTAR ISI
HALAMAN SAMPUL 0
HALAMAN PENGESAHAN i
HALAMAN PENGESAHAN REVIEWER ii
RINGKASAN iii
PRAKATA vi
DAFTAR ISI v
DAFTAR TABEL vii
DAFTAR LAMPIRAN viii
BAB I PENDAHULUAN 1
11 Latar Belakang 1
12 Identifikasi Masalah 2
13 Tujuan Kegiatan 2
14 Manfaat Kegiatan 2
BAB II TARGET DAN LUARAN3
21 Target Luaran 3
22 Luaran Hasil 3
BAB III METODE PELAKSANAAN 4
31 Kerangka Pemecahan Masalah 4
32 Realisasi Pelaksanaan Kegiatan 4
33 Khalayak Sasaran 5
34 Metode Kegiatan 6
35 Keterkaitan 6
36 Metode Terapan 6
BAB IV KELAYAKAN PERGURUAN TINGGI 7
41 Kinerja LPPM 7
42 Jenis Kepakaran 7
vi
BAB V HASIL DAN PEMBAHASAN 9
51 Hasil yang di dapat 9
52 Analisa terhadap hasil yang di peroleh 10
53 Evaluasi kegiatan 10
BAB VI KESIMPULAN DAN SARAN 11
61 Kesimpulan 11
62 Saran 11
vii
DAFTAR TABEL
Tabel 31 Peserta Pelatihan 10
Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12
viii
DAFTAR LAMPIRAN
Lampiran 1 Daftar Hadir Peserta
Lampiran 2 Dokumentasi Kegiatan
Lampiran 3 Materi Kegiatan
Lampiran 4 Hasil Pelatihan
Lampiran 5 Surat Kontrak Perjanjian
Lampiran 6 ` Personalia Pengabdian Masyarakat
Lampiran 7 Peta Lokasi
Lampiran 8 Publikasi Media
1
BAB I
PENDAHULUAN
11 Latar Belakang
Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir
miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo
No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri
Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat
mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial
Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan
SMP dan SMA
Gambar 11 Gambar Panti Asuhan Al Jannah
Pola pengasuhan yang digunakan didalam panti ini adalah pola
pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi
menasehati dengan kata lembut menyapa saat bertemu bermusyawarah
Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan
dengan sistem pembujukan yaitu memberikan nasehat dengan lembut
berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang
tinggal di panti
2
Gambar 12 Santri Panti Asuhan sedang makan bersama
Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham betul dalam era digital dan
teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu
menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai
Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu
kota Semarang memiliki inisiatif untuk membakali anak didik mereka
dengan pengetahuan teknologi
3
Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah
mempunyai sebuah website yang berlamat pada
httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga
merasa belum dapat mengelola website tersebut dengan baik Selain itu
para pengurus juga menginginkan anak didik mereka mempunyai
pengetahuan yang baik tentang teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta pengelolaannya
2
12 Identifikasi Masalah
Berdasarkan analisa situasi yang dialami oleh mitra kami dalam hal
ini adalah Panti Asuhan Al Jannah kami merangkum permasalahan tersebut
sebagai berikut
a Mitra merasa kesulitan dalam pengelolaan website
httpwwwaljannahsmgorg yang sudah mereka punya
b Mitra menginginkan anak didiknya memiliki pengetahuan yang baik
tentang teknologi informasi dan internet
Mitra ingin mengetahui cara membuat website dan manajemen
pengelolaanya
13 Tujuan Kegiatan
Tujuan dari kegiatan ini adalah memberikan pengetahuan kepada anak
panti dan pengurus panti bagaimana membuat sebuat webside dan mengelola
website dengan baik
14 Manfaat Kegiatan
Manfaat dari kegiatan pengabdian ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
3
BAB II
TARGET DAN LUARAN
21 Target Luaran
Target luaran dari pelaksanaan PkM ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
22 Luaran Hasil
Dari pengabdian yang kami lakukan yaitu yang kami kemas dalam workshop
kecil kami telah mendapatkan luaran sebagai berikut
1 Anak Panti mendapatkan pengetahuan tentang teknologi komputer
2 Anak panti mengetahui dan memahami tentang bagaimana membuat
website
3 Anak panti dapat mengelola weblog mereka dengan baik
Table 21 Capaian Luaran
No Jenis Luaran Indikator Capaian
1 Publikasi ilmiah di jurnalprosiding Tidak ada
2 Publikasi pada Media masa (cetakElektronik) Ada
3 Peningkatan omzet pada mitra yang bergerak dalam bidang
ekonomi Tidak Ada
4 Peningkatan kuantitas dan kualitas produk Tidak ada
5 Peningkatan pemahaman dan ketrampilan masyarakat Ada
6 Peningkatan ketentraman kesehatan masyarakat (mitra
masyarakat umum) Ada
7 Jasa model rekayasa sosial sistem produkbarang Ada
8
Hak kekayaan intelektual (paten paten sederhana hak cipta
merek dagang rahasia dagang desain produk industri
perlindungan varietas tanaman perlindungan topografi)
Tidak ada
9 Buku ajar Tidak ada
4
BAB III
METODE PELAKSANAAN
31 Kerangka Pemecahan Masalah
Memberikan pengetahuan dan peningkatan kemampuan membuat
dan mengelola weblog dengan menggunakan wordpress
32 Realisasi Pelaksanaan Kegiatan
Pelaksanaan kegiatan pengabdian yang berupa Pelatihan
Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25
Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai
pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta
Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan
untuk mendukung kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal
kesediaannya untuk mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al
Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian
pada tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan
tempat dan peralatan penunjang agar dapat di gunakan dengan baik
dan pada saat pelaksanaan
4 Menyiapkan modul materi pelatihan dan perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900
hingga 1400 dengan susunan acara
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
vi
BAB V HASIL DAN PEMBAHASAN 9
51 Hasil yang di dapat 9
52 Analisa terhadap hasil yang di peroleh 10
53 Evaluasi kegiatan 10
BAB VI KESIMPULAN DAN SARAN 11
61 Kesimpulan 11
62 Saran 11
vii
DAFTAR TABEL
Tabel 31 Peserta Pelatihan 10
Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12
viii
DAFTAR LAMPIRAN
Lampiran 1 Daftar Hadir Peserta
Lampiran 2 Dokumentasi Kegiatan
Lampiran 3 Materi Kegiatan
Lampiran 4 Hasil Pelatihan
Lampiran 5 Surat Kontrak Perjanjian
Lampiran 6 ` Personalia Pengabdian Masyarakat
Lampiran 7 Peta Lokasi
Lampiran 8 Publikasi Media
1
BAB I
PENDAHULUAN
11 Latar Belakang
Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir
miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo
No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri
Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat
mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial
Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan
SMP dan SMA
Gambar 11 Gambar Panti Asuhan Al Jannah
Pola pengasuhan yang digunakan didalam panti ini adalah pola
pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi
menasehati dengan kata lembut menyapa saat bertemu bermusyawarah
Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan
dengan sistem pembujukan yaitu memberikan nasehat dengan lembut
berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang
tinggal di panti
2
Gambar 12 Santri Panti Asuhan sedang makan bersama
Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham betul dalam era digital dan
teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu
menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai
Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu
kota Semarang memiliki inisiatif untuk membakali anak didik mereka
dengan pengetahuan teknologi
3
Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah
mempunyai sebuah website yang berlamat pada
httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga
merasa belum dapat mengelola website tersebut dengan baik Selain itu
para pengurus juga menginginkan anak didik mereka mempunyai
pengetahuan yang baik tentang teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta pengelolaannya
2
12 Identifikasi Masalah
Berdasarkan analisa situasi yang dialami oleh mitra kami dalam hal
ini adalah Panti Asuhan Al Jannah kami merangkum permasalahan tersebut
sebagai berikut
a Mitra merasa kesulitan dalam pengelolaan website
httpwwwaljannahsmgorg yang sudah mereka punya
b Mitra menginginkan anak didiknya memiliki pengetahuan yang baik
tentang teknologi informasi dan internet
Mitra ingin mengetahui cara membuat website dan manajemen
pengelolaanya
13 Tujuan Kegiatan
Tujuan dari kegiatan ini adalah memberikan pengetahuan kepada anak
panti dan pengurus panti bagaimana membuat sebuat webside dan mengelola
website dengan baik
14 Manfaat Kegiatan
Manfaat dari kegiatan pengabdian ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
3
BAB II
TARGET DAN LUARAN
21 Target Luaran
Target luaran dari pelaksanaan PkM ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
22 Luaran Hasil
Dari pengabdian yang kami lakukan yaitu yang kami kemas dalam workshop
kecil kami telah mendapatkan luaran sebagai berikut
1 Anak Panti mendapatkan pengetahuan tentang teknologi komputer
2 Anak panti mengetahui dan memahami tentang bagaimana membuat
website
3 Anak panti dapat mengelola weblog mereka dengan baik
Table 21 Capaian Luaran
No Jenis Luaran Indikator Capaian
1 Publikasi ilmiah di jurnalprosiding Tidak ada
2 Publikasi pada Media masa (cetakElektronik) Ada
3 Peningkatan omzet pada mitra yang bergerak dalam bidang
ekonomi Tidak Ada
4 Peningkatan kuantitas dan kualitas produk Tidak ada
5 Peningkatan pemahaman dan ketrampilan masyarakat Ada
6 Peningkatan ketentraman kesehatan masyarakat (mitra
masyarakat umum) Ada
7 Jasa model rekayasa sosial sistem produkbarang Ada
8
Hak kekayaan intelektual (paten paten sederhana hak cipta
merek dagang rahasia dagang desain produk industri
perlindungan varietas tanaman perlindungan topografi)
Tidak ada
9 Buku ajar Tidak ada
4
BAB III
METODE PELAKSANAAN
31 Kerangka Pemecahan Masalah
Memberikan pengetahuan dan peningkatan kemampuan membuat
dan mengelola weblog dengan menggunakan wordpress
32 Realisasi Pelaksanaan Kegiatan
Pelaksanaan kegiatan pengabdian yang berupa Pelatihan
Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25
Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai
pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta
Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan
untuk mendukung kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal
kesediaannya untuk mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al
Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian
pada tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan
tempat dan peralatan penunjang agar dapat di gunakan dengan baik
dan pada saat pelaksanaan
4 Menyiapkan modul materi pelatihan dan perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900
hingga 1400 dengan susunan acara
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
vii
DAFTAR TABEL
Tabel 31 Peserta Pelatihan 10
Tabel 41 Hasil Kuesioner Pre Test dan Post Test 12
viii
DAFTAR LAMPIRAN
Lampiran 1 Daftar Hadir Peserta
Lampiran 2 Dokumentasi Kegiatan
Lampiran 3 Materi Kegiatan
Lampiran 4 Hasil Pelatihan
Lampiran 5 Surat Kontrak Perjanjian
Lampiran 6 ` Personalia Pengabdian Masyarakat
Lampiran 7 Peta Lokasi
Lampiran 8 Publikasi Media
1
BAB I
PENDAHULUAN
11 Latar Belakang
Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir
miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo
No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri
Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat
mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial
Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan
SMP dan SMA
Gambar 11 Gambar Panti Asuhan Al Jannah
Pola pengasuhan yang digunakan didalam panti ini adalah pola
pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi
menasehati dengan kata lembut menyapa saat bertemu bermusyawarah
Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan
dengan sistem pembujukan yaitu memberikan nasehat dengan lembut
berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang
tinggal di panti
2
Gambar 12 Santri Panti Asuhan sedang makan bersama
Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham betul dalam era digital dan
teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu
menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai
Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu
kota Semarang memiliki inisiatif untuk membakali anak didik mereka
dengan pengetahuan teknologi
3
Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah
mempunyai sebuah website yang berlamat pada
httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga
merasa belum dapat mengelola website tersebut dengan baik Selain itu
para pengurus juga menginginkan anak didik mereka mempunyai
pengetahuan yang baik tentang teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta pengelolaannya
2
12 Identifikasi Masalah
Berdasarkan analisa situasi yang dialami oleh mitra kami dalam hal
ini adalah Panti Asuhan Al Jannah kami merangkum permasalahan tersebut
sebagai berikut
a Mitra merasa kesulitan dalam pengelolaan website
httpwwwaljannahsmgorg yang sudah mereka punya
b Mitra menginginkan anak didiknya memiliki pengetahuan yang baik
tentang teknologi informasi dan internet
Mitra ingin mengetahui cara membuat website dan manajemen
pengelolaanya
13 Tujuan Kegiatan
Tujuan dari kegiatan ini adalah memberikan pengetahuan kepada anak
panti dan pengurus panti bagaimana membuat sebuat webside dan mengelola
website dengan baik
14 Manfaat Kegiatan
Manfaat dari kegiatan pengabdian ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
3
BAB II
TARGET DAN LUARAN
21 Target Luaran
Target luaran dari pelaksanaan PkM ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
22 Luaran Hasil
Dari pengabdian yang kami lakukan yaitu yang kami kemas dalam workshop
kecil kami telah mendapatkan luaran sebagai berikut
1 Anak Panti mendapatkan pengetahuan tentang teknologi komputer
2 Anak panti mengetahui dan memahami tentang bagaimana membuat
website
3 Anak panti dapat mengelola weblog mereka dengan baik
Table 21 Capaian Luaran
No Jenis Luaran Indikator Capaian
1 Publikasi ilmiah di jurnalprosiding Tidak ada
2 Publikasi pada Media masa (cetakElektronik) Ada
3 Peningkatan omzet pada mitra yang bergerak dalam bidang
ekonomi Tidak Ada
4 Peningkatan kuantitas dan kualitas produk Tidak ada
5 Peningkatan pemahaman dan ketrampilan masyarakat Ada
6 Peningkatan ketentraman kesehatan masyarakat (mitra
masyarakat umum) Ada
7 Jasa model rekayasa sosial sistem produkbarang Ada
8
Hak kekayaan intelektual (paten paten sederhana hak cipta
merek dagang rahasia dagang desain produk industri
perlindungan varietas tanaman perlindungan topografi)
Tidak ada
9 Buku ajar Tidak ada
4
BAB III
METODE PELAKSANAAN
31 Kerangka Pemecahan Masalah
Memberikan pengetahuan dan peningkatan kemampuan membuat
dan mengelola weblog dengan menggunakan wordpress
32 Realisasi Pelaksanaan Kegiatan
Pelaksanaan kegiatan pengabdian yang berupa Pelatihan
Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25
Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai
pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta
Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan
untuk mendukung kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal
kesediaannya untuk mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al
Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian
pada tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan
tempat dan peralatan penunjang agar dapat di gunakan dengan baik
dan pada saat pelaksanaan
4 Menyiapkan modul materi pelatihan dan perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900
hingga 1400 dengan susunan acara
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
viii
DAFTAR LAMPIRAN
Lampiran 1 Daftar Hadir Peserta
Lampiran 2 Dokumentasi Kegiatan
Lampiran 3 Materi Kegiatan
Lampiran 4 Hasil Pelatihan
Lampiran 5 Surat Kontrak Perjanjian
Lampiran 6 ` Personalia Pengabdian Masyarakat
Lampiran 7 Peta Lokasi
Lampiran 8 Publikasi Media
1
BAB I
PENDAHULUAN
11 Latar Belakang
Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir
miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo
No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri
Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat
mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial
Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan
SMP dan SMA
Gambar 11 Gambar Panti Asuhan Al Jannah
Pola pengasuhan yang digunakan didalam panti ini adalah pola
pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi
menasehati dengan kata lembut menyapa saat bertemu bermusyawarah
Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan
dengan sistem pembujukan yaitu memberikan nasehat dengan lembut
berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang
tinggal di panti
2
Gambar 12 Santri Panti Asuhan sedang makan bersama
Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham betul dalam era digital dan
teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu
menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai
Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu
kota Semarang memiliki inisiatif untuk membakali anak didik mereka
dengan pengetahuan teknologi
3
Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah
mempunyai sebuah website yang berlamat pada
httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga
merasa belum dapat mengelola website tersebut dengan baik Selain itu
para pengurus juga menginginkan anak didik mereka mempunyai
pengetahuan yang baik tentang teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta pengelolaannya
2
12 Identifikasi Masalah
Berdasarkan analisa situasi yang dialami oleh mitra kami dalam hal
ini adalah Panti Asuhan Al Jannah kami merangkum permasalahan tersebut
sebagai berikut
a Mitra merasa kesulitan dalam pengelolaan website
httpwwwaljannahsmgorg yang sudah mereka punya
b Mitra menginginkan anak didiknya memiliki pengetahuan yang baik
tentang teknologi informasi dan internet
Mitra ingin mengetahui cara membuat website dan manajemen
pengelolaanya
13 Tujuan Kegiatan
Tujuan dari kegiatan ini adalah memberikan pengetahuan kepada anak
panti dan pengurus panti bagaimana membuat sebuat webside dan mengelola
website dengan baik
14 Manfaat Kegiatan
Manfaat dari kegiatan pengabdian ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
3
BAB II
TARGET DAN LUARAN
21 Target Luaran
Target luaran dari pelaksanaan PkM ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
22 Luaran Hasil
Dari pengabdian yang kami lakukan yaitu yang kami kemas dalam workshop
kecil kami telah mendapatkan luaran sebagai berikut
1 Anak Panti mendapatkan pengetahuan tentang teknologi komputer
2 Anak panti mengetahui dan memahami tentang bagaimana membuat
website
3 Anak panti dapat mengelola weblog mereka dengan baik
Table 21 Capaian Luaran
No Jenis Luaran Indikator Capaian
1 Publikasi ilmiah di jurnalprosiding Tidak ada
2 Publikasi pada Media masa (cetakElektronik) Ada
3 Peningkatan omzet pada mitra yang bergerak dalam bidang
ekonomi Tidak Ada
4 Peningkatan kuantitas dan kualitas produk Tidak ada
5 Peningkatan pemahaman dan ketrampilan masyarakat Ada
6 Peningkatan ketentraman kesehatan masyarakat (mitra
masyarakat umum) Ada
7 Jasa model rekayasa sosial sistem produkbarang Ada
8
Hak kekayaan intelektual (paten paten sederhana hak cipta
merek dagang rahasia dagang desain produk industri
perlindungan varietas tanaman perlindungan topografi)
Tidak ada
9 Buku ajar Tidak ada
4
BAB III
METODE PELAKSANAAN
31 Kerangka Pemecahan Masalah
Memberikan pengetahuan dan peningkatan kemampuan membuat
dan mengelola weblog dengan menggunakan wordpress
32 Realisasi Pelaksanaan Kegiatan
Pelaksanaan kegiatan pengabdian yang berupa Pelatihan
Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25
Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai
pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta
Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan
untuk mendukung kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal
kesediaannya untuk mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al
Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian
pada tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan
tempat dan peralatan penunjang agar dapat di gunakan dengan baik
dan pada saat pelaksanaan
4 Menyiapkan modul materi pelatihan dan perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900
hingga 1400 dengan susunan acara
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
1
BAB I
PENDAHULUAN
11 Latar Belakang
Panti asuhan Al Jannah merupakan panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama dengan menyatuni anak-anak fakir
miskin dan yatim piatu Panti asuhan yang beralamat di Jl Tapak Tugurejo
No 53 RT 04 RW 03 Tugu Semarang didirikan oleh DrsKHBisri bin Bisri
Sofwan pada tanggal 5 April 2007 panti asuhan aljannah ini tercatat
mempunyai anak didik sebanyak 34 orang berdasarkan data Dinas Sosial
Provinsi Jawa Tengah dimana rata-rata mereka sedang menempuh pendidikan
SMP dan SMA
Gambar 11 Gambar Panti Asuhan Al Jannah
Pola pengasuhan yang digunakan didalam panti ini adalah pola
pengasuhan dengan Sistem Pembujukan yaitu dengan cara berdiskusi
menasehati dengan kata lembut menyapa saat bertemu bermusyawarah
Pihak pengurus Panti Asuhan Al Jannah juga melakukan pola pengasuhan
dengan sistem pembujukan yaitu memberikan nasehat dengan lembut
berdiskusi menyapa saat bertemu maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman dan nyaman bagi anak yang
tinggal di panti
2
Gambar 12 Santri Panti Asuhan sedang makan bersama
Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham betul dalam era digital dan
teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu
menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai
Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu
kota Semarang memiliki inisiatif untuk membakali anak didik mereka
dengan pengetahuan teknologi
3
Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah
mempunyai sebuah website yang berlamat pada
httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga
merasa belum dapat mengelola website tersebut dengan baik Selain itu
para pengurus juga menginginkan anak didik mereka mempunyai
pengetahuan yang baik tentang teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta pengelolaannya
2
12 Identifikasi Masalah
Berdasarkan analisa situasi yang dialami oleh mitra kami dalam hal
ini adalah Panti Asuhan Al Jannah kami merangkum permasalahan tersebut
sebagai berikut
a Mitra merasa kesulitan dalam pengelolaan website
httpwwwaljannahsmgorg yang sudah mereka punya
b Mitra menginginkan anak didiknya memiliki pengetahuan yang baik
tentang teknologi informasi dan internet
Mitra ingin mengetahui cara membuat website dan manajemen
pengelolaanya
13 Tujuan Kegiatan
Tujuan dari kegiatan ini adalah memberikan pengetahuan kepada anak
panti dan pengurus panti bagaimana membuat sebuat webside dan mengelola
website dengan baik
14 Manfaat Kegiatan
Manfaat dari kegiatan pengabdian ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
3
BAB II
TARGET DAN LUARAN
21 Target Luaran
Target luaran dari pelaksanaan PkM ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
22 Luaran Hasil
Dari pengabdian yang kami lakukan yaitu yang kami kemas dalam workshop
kecil kami telah mendapatkan luaran sebagai berikut
1 Anak Panti mendapatkan pengetahuan tentang teknologi komputer
2 Anak panti mengetahui dan memahami tentang bagaimana membuat
website
3 Anak panti dapat mengelola weblog mereka dengan baik
Table 21 Capaian Luaran
No Jenis Luaran Indikator Capaian
1 Publikasi ilmiah di jurnalprosiding Tidak ada
2 Publikasi pada Media masa (cetakElektronik) Ada
3 Peningkatan omzet pada mitra yang bergerak dalam bidang
ekonomi Tidak Ada
4 Peningkatan kuantitas dan kualitas produk Tidak ada
5 Peningkatan pemahaman dan ketrampilan masyarakat Ada
6 Peningkatan ketentraman kesehatan masyarakat (mitra
masyarakat umum) Ada
7 Jasa model rekayasa sosial sistem produkbarang Ada
8
Hak kekayaan intelektual (paten paten sederhana hak cipta
merek dagang rahasia dagang desain produk industri
perlindungan varietas tanaman perlindungan topografi)
Tidak ada
9 Buku ajar Tidak ada
4
BAB III
METODE PELAKSANAAN
31 Kerangka Pemecahan Masalah
Memberikan pengetahuan dan peningkatan kemampuan membuat
dan mengelola weblog dengan menggunakan wordpress
32 Realisasi Pelaksanaan Kegiatan
Pelaksanaan kegiatan pengabdian yang berupa Pelatihan
Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25
Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai
pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta
Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan
untuk mendukung kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal
kesediaannya untuk mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al
Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian
pada tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan
tempat dan peralatan penunjang agar dapat di gunakan dengan baik
dan pada saat pelaksanaan
4 Menyiapkan modul materi pelatihan dan perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900
hingga 1400 dengan susunan acara
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
2
Gambar 12 Santri Panti Asuhan sedang makan bersama
Gambar 13 Santri sedang membersihkan lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham betul dalam era digital dan
teknologi seperti sekarang ini kebutuhan akan pemahaman dan mampu
menguasai teknologi merupakan suatu hal yang mutlak harus dikuasai
Berawal dari kondisi tersebut pengurus panti asuhan Al Jannah Tapak tugu
kota Semarang memiliki inisiatif untuk membakali anak didik mereka
dengan pengetahuan teknologi
3
Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah
mempunyai sebuah website yang berlamat pada
httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga
merasa belum dapat mengelola website tersebut dengan baik Selain itu
para pengurus juga menginginkan anak didik mereka mempunyai
pengetahuan yang baik tentang teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta pengelolaannya
2
12 Identifikasi Masalah
Berdasarkan analisa situasi yang dialami oleh mitra kami dalam hal
ini adalah Panti Asuhan Al Jannah kami merangkum permasalahan tersebut
sebagai berikut
a Mitra merasa kesulitan dalam pengelolaan website
httpwwwaljannahsmgorg yang sudah mereka punya
b Mitra menginginkan anak didiknya memiliki pengetahuan yang baik
tentang teknologi informasi dan internet
Mitra ingin mengetahui cara membuat website dan manajemen
pengelolaanya
13 Tujuan Kegiatan
Tujuan dari kegiatan ini adalah memberikan pengetahuan kepada anak
panti dan pengurus panti bagaimana membuat sebuat webside dan mengelola
website dengan baik
14 Manfaat Kegiatan
Manfaat dari kegiatan pengabdian ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
3
BAB II
TARGET DAN LUARAN
21 Target Luaran
Target luaran dari pelaksanaan PkM ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
22 Luaran Hasil
Dari pengabdian yang kami lakukan yaitu yang kami kemas dalam workshop
kecil kami telah mendapatkan luaran sebagai berikut
1 Anak Panti mendapatkan pengetahuan tentang teknologi komputer
2 Anak panti mengetahui dan memahami tentang bagaimana membuat
website
3 Anak panti dapat mengelola weblog mereka dengan baik
Table 21 Capaian Luaran
No Jenis Luaran Indikator Capaian
1 Publikasi ilmiah di jurnalprosiding Tidak ada
2 Publikasi pada Media masa (cetakElektronik) Ada
3 Peningkatan omzet pada mitra yang bergerak dalam bidang
ekonomi Tidak Ada
4 Peningkatan kuantitas dan kualitas produk Tidak ada
5 Peningkatan pemahaman dan ketrampilan masyarakat Ada
6 Peningkatan ketentraman kesehatan masyarakat (mitra
masyarakat umum) Ada
7 Jasa model rekayasa sosial sistem produkbarang Ada
8
Hak kekayaan intelektual (paten paten sederhana hak cipta
merek dagang rahasia dagang desain produk industri
perlindungan varietas tanaman perlindungan topografi)
Tidak ada
9 Buku ajar Tidak ada
4
BAB III
METODE PELAKSANAAN
31 Kerangka Pemecahan Masalah
Memberikan pengetahuan dan peningkatan kemampuan membuat
dan mengelola weblog dengan menggunakan wordpress
32 Realisasi Pelaksanaan Kegiatan
Pelaksanaan kegiatan pengabdian yang berupa Pelatihan
Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25
Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai
pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta
Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan
untuk mendukung kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal
kesediaannya untuk mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al
Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian
pada tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan
tempat dan peralatan penunjang agar dapat di gunakan dengan baik
dan pada saat pelaksanaan
4 Menyiapkan modul materi pelatihan dan perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900
hingga 1400 dengan susunan acara
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
3
Bahkan sampai sekarang Panti Asuhan AL Jannnah Juga sudah
mempunyai sebuah website yang berlamat pada
httpwwwaljannahsmgorg tapi sampai sekarang para pengurus juga
merasa belum dapat mengelola website tersebut dengan baik Selain itu
para pengurus juga menginginkan anak didik mereka mempunyai
pengetahuan yang baik tentang teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta pengelolaannya
2
12 Identifikasi Masalah
Berdasarkan analisa situasi yang dialami oleh mitra kami dalam hal
ini adalah Panti Asuhan Al Jannah kami merangkum permasalahan tersebut
sebagai berikut
a Mitra merasa kesulitan dalam pengelolaan website
httpwwwaljannahsmgorg yang sudah mereka punya
b Mitra menginginkan anak didiknya memiliki pengetahuan yang baik
tentang teknologi informasi dan internet
Mitra ingin mengetahui cara membuat website dan manajemen
pengelolaanya
13 Tujuan Kegiatan
Tujuan dari kegiatan ini adalah memberikan pengetahuan kepada anak
panti dan pengurus panti bagaimana membuat sebuat webside dan mengelola
website dengan baik
14 Manfaat Kegiatan
Manfaat dari kegiatan pengabdian ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
3
BAB II
TARGET DAN LUARAN
21 Target Luaran
Target luaran dari pelaksanaan PkM ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
22 Luaran Hasil
Dari pengabdian yang kami lakukan yaitu yang kami kemas dalam workshop
kecil kami telah mendapatkan luaran sebagai berikut
1 Anak Panti mendapatkan pengetahuan tentang teknologi komputer
2 Anak panti mengetahui dan memahami tentang bagaimana membuat
website
3 Anak panti dapat mengelola weblog mereka dengan baik
Table 21 Capaian Luaran
No Jenis Luaran Indikator Capaian
1 Publikasi ilmiah di jurnalprosiding Tidak ada
2 Publikasi pada Media masa (cetakElektronik) Ada
3 Peningkatan omzet pada mitra yang bergerak dalam bidang
ekonomi Tidak Ada
4 Peningkatan kuantitas dan kualitas produk Tidak ada
5 Peningkatan pemahaman dan ketrampilan masyarakat Ada
6 Peningkatan ketentraman kesehatan masyarakat (mitra
masyarakat umum) Ada
7 Jasa model rekayasa sosial sistem produkbarang Ada
8
Hak kekayaan intelektual (paten paten sederhana hak cipta
merek dagang rahasia dagang desain produk industri
perlindungan varietas tanaman perlindungan topografi)
Tidak ada
9 Buku ajar Tidak ada
4
BAB III
METODE PELAKSANAAN
31 Kerangka Pemecahan Masalah
Memberikan pengetahuan dan peningkatan kemampuan membuat
dan mengelola weblog dengan menggunakan wordpress
32 Realisasi Pelaksanaan Kegiatan
Pelaksanaan kegiatan pengabdian yang berupa Pelatihan
Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25
Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai
pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta
Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan
untuk mendukung kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal
kesediaannya untuk mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al
Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian
pada tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan
tempat dan peralatan penunjang agar dapat di gunakan dengan baik
dan pada saat pelaksanaan
4 Menyiapkan modul materi pelatihan dan perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900
hingga 1400 dengan susunan acara
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
2
12 Identifikasi Masalah
Berdasarkan analisa situasi yang dialami oleh mitra kami dalam hal
ini adalah Panti Asuhan Al Jannah kami merangkum permasalahan tersebut
sebagai berikut
a Mitra merasa kesulitan dalam pengelolaan website
httpwwwaljannahsmgorg yang sudah mereka punya
b Mitra menginginkan anak didiknya memiliki pengetahuan yang baik
tentang teknologi informasi dan internet
Mitra ingin mengetahui cara membuat website dan manajemen
pengelolaanya
13 Tujuan Kegiatan
Tujuan dari kegiatan ini adalah memberikan pengetahuan kepada anak
panti dan pengurus panti bagaimana membuat sebuat webside dan mengelola
website dengan baik
14 Manfaat Kegiatan
Manfaat dari kegiatan pengabdian ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
3
BAB II
TARGET DAN LUARAN
21 Target Luaran
Target luaran dari pelaksanaan PkM ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
22 Luaran Hasil
Dari pengabdian yang kami lakukan yaitu yang kami kemas dalam workshop
kecil kami telah mendapatkan luaran sebagai berikut
1 Anak Panti mendapatkan pengetahuan tentang teknologi komputer
2 Anak panti mengetahui dan memahami tentang bagaimana membuat
website
3 Anak panti dapat mengelola weblog mereka dengan baik
Table 21 Capaian Luaran
No Jenis Luaran Indikator Capaian
1 Publikasi ilmiah di jurnalprosiding Tidak ada
2 Publikasi pada Media masa (cetakElektronik) Ada
3 Peningkatan omzet pada mitra yang bergerak dalam bidang
ekonomi Tidak Ada
4 Peningkatan kuantitas dan kualitas produk Tidak ada
5 Peningkatan pemahaman dan ketrampilan masyarakat Ada
6 Peningkatan ketentraman kesehatan masyarakat (mitra
masyarakat umum) Ada
7 Jasa model rekayasa sosial sistem produkbarang Ada
8
Hak kekayaan intelektual (paten paten sederhana hak cipta
merek dagang rahasia dagang desain produk industri
perlindungan varietas tanaman perlindungan topografi)
Tidak ada
9 Buku ajar Tidak ada
4
BAB III
METODE PELAKSANAAN
31 Kerangka Pemecahan Masalah
Memberikan pengetahuan dan peningkatan kemampuan membuat
dan mengelola weblog dengan menggunakan wordpress
32 Realisasi Pelaksanaan Kegiatan
Pelaksanaan kegiatan pengabdian yang berupa Pelatihan
Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25
Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai
pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta
Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan
untuk mendukung kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal
kesediaannya untuk mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al
Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian
pada tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan
tempat dan peralatan penunjang agar dapat di gunakan dengan baik
dan pada saat pelaksanaan
4 Menyiapkan modul materi pelatihan dan perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900
hingga 1400 dengan susunan acara
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
3
BAB II
TARGET DAN LUARAN
21 Target Luaran
Target luaran dari pelaksanaan PkM ini adalah
a Santri mendapatkan pengetahuan tentang teknologi informasi
b Santri mengetahui dan memahami tentang bagaimana membuat sebuah
website
c Santri mampu menghasilkan karya berupa website (weblog) dan mampu
mengelolanya dengan baik
d Santri dapat menyalurkan hoby menulis mereke lewat weblog
22 Luaran Hasil
Dari pengabdian yang kami lakukan yaitu yang kami kemas dalam workshop
kecil kami telah mendapatkan luaran sebagai berikut
1 Anak Panti mendapatkan pengetahuan tentang teknologi komputer
2 Anak panti mengetahui dan memahami tentang bagaimana membuat
website
3 Anak panti dapat mengelola weblog mereka dengan baik
Table 21 Capaian Luaran
No Jenis Luaran Indikator Capaian
1 Publikasi ilmiah di jurnalprosiding Tidak ada
2 Publikasi pada Media masa (cetakElektronik) Ada
3 Peningkatan omzet pada mitra yang bergerak dalam bidang
ekonomi Tidak Ada
4 Peningkatan kuantitas dan kualitas produk Tidak ada
5 Peningkatan pemahaman dan ketrampilan masyarakat Ada
6 Peningkatan ketentraman kesehatan masyarakat (mitra
masyarakat umum) Ada
7 Jasa model rekayasa sosial sistem produkbarang Ada
8
Hak kekayaan intelektual (paten paten sederhana hak cipta
merek dagang rahasia dagang desain produk industri
perlindungan varietas tanaman perlindungan topografi)
Tidak ada
9 Buku ajar Tidak ada
4
BAB III
METODE PELAKSANAAN
31 Kerangka Pemecahan Masalah
Memberikan pengetahuan dan peningkatan kemampuan membuat
dan mengelola weblog dengan menggunakan wordpress
32 Realisasi Pelaksanaan Kegiatan
Pelaksanaan kegiatan pengabdian yang berupa Pelatihan
Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25
Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai
pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta
Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan
untuk mendukung kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal
kesediaannya untuk mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al
Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian
pada tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan
tempat dan peralatan penunjang agar dapat di gunakan dengan baik
dan pada saat pelaksanaan
4 Menyiapkan modul materi pelatihan dan perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900
hingga 1400 dengan susunan acara
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
4
BAB III
METODE PELAKSANAAN
31 Kerangka Pemecahan Masalah
Memberikan pengetahuan dan peningkatan kemampuan membuat
dan mengelola weblog dengan menggunakan wordpress
32 Realisasi Pelaksanaan Kegiatan
Pelaksanaan kegiatan pengabdian yang berupa Pelatihan
Pembuatan weblog dengan wordpress ini di laksanakan hari senin tanggal 25
Mei 2017 bertempat di Aula Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung selama plusmn 5 jam yang di mulai
pukul 0900 hingga 1400 yang di ikuti sebanyak 25 peserta
Beberapa persiapan sebelum pelaksanaan kegiatan di lakukan
untuk mendukung kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan Al Jannah perihal
kesediaannya untuk mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias dari Panti Asuhan Al
Jannah atas kesediaannya dalam pelaksanaan kegiatan pengabdian
pada tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan pengecekan kesiapan
tempat dan peralatan penunjang agar dapat di gunakan dengan baik
dan pada saat pelaksanaan
4 Menyiapkan modul materi pelatihan dan perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan di mulai dari pukul 0900
hingga 1400 dengan susunan acara
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus Panti Asuhan Al Jannah
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
5
c Penyampaian materi oleh tim PkM Universitas Semarang
- Whisnumurti Adhiwibowo ST MKom (Etika dalam
Menulis dimedia sosial)
- Khoirudin SKom MEng (Cara searching yang baik dan
pengenalan weblog)
- Muhammad Zakki Abdillah SKom MKom (Membuat
weblog dan configurasi wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan penghuni panti
33 Khalayak Sasaran
Peserta kegiatan ini terdiri dari 25 orang yaitu
Tabel 31 Peserta Pelatihan
No Nama Peserta Jenjang
Pendidikan
Status
1 Ari Erviana MASMA Penerima Manfaat
2 Arum Murnianingsih MASMA Penerima Manfaat
3 Arum Wulandari MASMA Penerima Manfaat
4 Dila Amalia SD Penerima Manfaat
5 Faizin MTsSMP Penerima Manfaat
6 Farida Nurhayati MASMA Penerima Manfaat
7 Hernawati MTsSMP Penerima Manfaat
8 Ima Nur Laila MTsSMP Penerima Manfaat
9 Indrika Nur Azizah MASMA Penerima Manfaat
10 Khomsatun Umamah MASMA Penerima Manfaat
11 Lina Mawaddah MASMA Penerima Manfaat
12 Linda Nur Safitri MTsSMP Penerima Manfaat
13 M Affan MTsSMP Penerima Manfaat
14 M Ahsan MTsSMP Penerima Manfaat
15 M Amin Abdullah MASMA Penerima Manfaat
16 Mariyatun MASMA Penerima Manfaat
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
6
17 Masyhuri MTsSMP Penerima Manfaat
18 Mei Anggita Anis A MASMA Penerima Manfaat
19 Mustaghfiroh MTsSMP Penerima Manfaat
20 Nasrullah MASMA Penerima Manfaat
21 Reno MTsSMP Penerima Manfaat
22 Rokaini MTsSMP Penerima Manfaat
23 Rozikin MTsSMP Penerima Manfaat
24 Samsul Arifin MTsSMP Penerima Manfaat
25 Ubaidillah MTsSMP Penerima Manfaat
34 Metode Kegiatan
Metode yang di gunakan berupa pelatihan weblog bersifat tutorial
bagi audiens atau peserta Pelatihan ini diikuti oleh 25 santri dan alokasi
waktu plusmn 5 jam Dengan keterbatasan komputer maka pelatihan di dibuat
kelompok 5 kelompok dan setiap kelompok membuat weblog dengan ide
masing-masing
35 Keterkaitan
Dengan adanya pelatihan ini di harapkan ini di harapkan para
santri memiliki pengetahuan dan dapat membuat weblog
36 Metode Terapan
Metode yang di gunakan dengan memberikan pelatihan membuat
weblog Pelatihan ini di selenggarakan di aula panti asuhan AL Jannah
Kecamatan Tugu Semarang Barat diikuti oleh 25 peserta selama plusmn 5 jam
Masing- masing peserta mendapatkan modul pelatihan
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
7
BAB IV
KELAYAKAN PERGURUAN TINGGI
41 Kinerja LPPM
LPPM Universitas Semarang selama satu tahun terakhir aktif melakukan
kegiatan baik penelitian dan pengabdian masyarakat bahkan LPPM Universitas
Semarang telah mampu meningkatkan kualitasnya dengan mengkatkan status
LPPM yang semula Madya menjada LPPM dengan Status UTAMA Tentunya ini
menunjukan kualitas LPPM USM yang sudah jauh lebih baik hal ini juga ditandai
dengan telah disusunya Renstra Pengabdian kepada Masyarakat LPPM USM
2016-2020 dan telah disahkan oleh Ristek Dikti
Pada setiap semesternya LPPM selalu menyelenggarakan kompetisi bagi
dosen untuk mengajukan dana penelitian dan pengabdian masyarakat yang
dibiayai oleh LPPM Universitas Semarang Dengan adanya kegiatan ini dosen
selalu berperan aktif didalam kegiatan penelitian dan pengabdian masyarakat
Dalam kegiatan penelitian beberapa dosen juga mengikuti hibah penelitian
yang diselenggarakan oleh DIKTI Beberapa hibah penelitian dan pengabdian
kepada masyarakat dari DIKTI juga diperoleh oleh dosen-dosen di lingkungan
Universitas Semarang Seluruh kegiatan mulai dari pengumuman pendistribusian
dana pelaksanaan sampai dengan pelaporan kegiatan juga dipantau dan
dikoordinasi oleh LPPM
LPPM juga menyelenggarakan kegiatan KKN bagi mahasiswa yang
diselenggarakan pada setiap semesternya Pada tahun ini juga terlaksana KKN
Desa Vokasi yang dananya dibiayai oleh DIKNAS Provinsi Jawa Tengah
42 Jenis Kepakaran
Kegiatan PkM ini dilakukan oleh tenaga ahli yaitu dosen dengan
kepakaran Animasi Komputer dimana para tenaga ahli ini dalam kesehariannya
juga mengajar dan aktif dalam dunia annimasi
Dalam pelaksanaan PkM ini tenaga ahli mengemas dalam seminar inovatif
dan dilengkapi dengan workshop sebagai bentuk aplikasi dari seminar yang
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
8
disampaikan Hal ini kami maksudkan agar materi yang kami berikan dapat
dipraktekan langsung oleh para peserta Adapun susunan tim PkM sebagai berikut
1 Whisnumurti Adhiwibowo ST MKom (Ketua) Network Development
2 Khoirudin SKom MEng (Anggota 1) Information Technology
3 Muhammad Zakki Abdillah MKom (Anggota 2) Web Development
Beberapa program pengabdian kepada masyarakat telah dilaksanakan oleh
tim ini baik oleh ketua tim pengusul maupun anggotanya Begitu pula pengalaman
pelatihan kepada masyarakat berupa teknologi tepat guna telah pula dilaksanakan
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
9
BAB V
HASIL DAN PEMBAHASAN
51 Hasil yang di dapat
Hasil yang di peroleh dari kegiatan pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-pesan positif
2 Hasil penerimaan manfaaf pengabdian dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan pengetahuan dasar tentang computer dan
pengetahuan seputar weblog) dimana jika semua soal berhasil di jawab
ldquoyardquo akan bernilai 1 dan jika dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo bernilai 10 dan berarti mereka mempunyai
pengetahuan tentang dasar komputer dan teknik dalam pembuatan blog
Hasil kuisoner dapat dilihat pada table 41 berikut
Tabel 41 Hasil Kuesioner Pre Test dan Post Test
No Nama Peserta Pre Test Post Test
1 Ari Erviana 4 7
2 Arum Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
10
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai rata-rata pre-test
sebanyak 452 dan post-test sebesar 764
52 Analisa terhadap hasil yang di peroleh
Berdasarkan hasil yang di peroleh dari kegiatan ini adalah
Antusiasnya para santri panti asuhan AL Jannah saat merespon kegiatan
pengabdian yang di lakukan Dimana hal tersebut terlihat dari respon positif
semangat dan kreativitas para santri membuat weblog Harapannya para
santri dapat menuangkan ide kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan post-test yang terdapat pada
table 41 diatas kita dapat menyimpulkan bahwa setelah dilaksanakan
kegiatan PkM ini terdapat peningkatan pengetahuan dan pemahaman para
santri tentang dasar komputer dan teknik dalam pembuatan weblog
53 Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini di lakukan setelah kegiatan
selesai Indikator keberhasilan kegiatan ini dapat di lihat dari respon positif
para santri serta weblog yang berhasil mereka buat
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
11
BAB VI
KESIMPULAN DAN SARAN
61 Kesimpulan
Dari kegiatan pengabdian yang telah dilakukan oleh tim pengabdi
USM semarang diperoleh hasil bahwa 25 Santri panti asuhan AL Jannah
kecamatan Tugu Semarang Barat mampu untuk membuat weblog dan
mampu mencurahkan ide kreatif yang meraka miliki untuk menyampaikan
pesan-pesan positif kepada masyarakat dengan memanfaatkan media
internet khususnya dengan media weblog
62 Saran
Saran yang dapat kami berikan sehubungan dengan kegiatan
pengabdian ini adalah sarana prasana yang menunjang perlu ditambah agar
proses pelatihan dapat berjalan lebih maksimal Serta para santri perlu
berlatih secara mandiri untuk meningkat skill dalam bidang menulis
khususnya dalam bidang media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S (2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada Blog (Studi Kasus Nova13
com) Jurnal Teknologi Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center Samarinda E-Jurnal Ilmu
Komunikasi Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma Pengembangan blog support
untuk membantu siswa dan guru matematika Indonesia belajar
pendidikan matematika realistic Indonesia (PMRI) Jurnal Inovasi
Perekayasa Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media Pembelajaran Pembuatan Blog Berbasis
Multimedia Pada SMK Negeri 1 Gondang Sragen Speed-Sentra
Penelitian Engineering dan Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan Metode Pembelajaran SCL
Berbasis Blog Dalam Pembelajaran TIK Untuk Meningkatkan Hasil
Belajar Siswa Kelas XI Semester 1 Di SMA Negeri 1 Piyungan
Bantul (Doctoral dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran Kimia Berbasis Blog untuk
Materi Struktur Atom dan Sistem Periodik Unsur SMA Kelas
XI Jurnal Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT Elex Media
Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang Kecamatan Kebonagung
Kabupaten Pacitan Speed-Sentra Penelitian Engineering dan
Edukasi 3(4)
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
2
Lampiran 1
Daftar Hadir Peserta
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
2
Lampiran 2
Dokumentasi Kegiatan
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Gambar L1 Pelatihan Internet
Gambar L2 Pelatihan HTML
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
2
Gambar L3 Pelatihan Wordpress
Gambar L3 Foto Bersama Anak Panti Asuhan Al Jannah
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Lampiran 3
Materi Kegiatan
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
BAGI PANTI ASUHAN AL JANNAH
TUGU SEMARANG
Universitas Semarang
PENGENALAN WORDPRESS
Khoirudin SKom MEng NIDN 0622028901
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Apa Itu Blog
Perdefinisi Blog = weblog = web + log
Web = jaringan (dunia maya)
Log = catatan (yang ditinggalkan)
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Apa Saja Karakter Blog
Personal vs KomunitasKorporasi
Dinamis vs Statis
Tertata vs Acak
Pembaruan vs Stagnastik
Interaksi vs Komunikasi
Generalistik vs Spesialistik
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Mengapa Ngeblog
Jangkauan Publikasi
Ketahanan Dokumentasi
Mengisi Hobiwaktu luang
Tuntutan ProfesiPendidikan
Menggali Jati diri
Membangun Relasi
Mengembangkan Bisnis
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Apa Yang Diperlukan Sebuah Blog
Hosting (rumah bagi blog)
Domain (alamat bagi blog)
Engine (mesin pembentuk blog)
Adminowner (pemilik bagi blog)
Author (pengisi blog)
Content (isi blog)
Lain-lain editorpenyunting subscriber pelanggan moderator pengelola commenter pemberi tanggapan
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Blog Gratis
Domain hosting engine disediakan secara
cuma-cuma
Internasional ndash Blogger (Blogspot)
ndash WordPress
ndash Lain-lain Tumblr Posterous Multiply
Lokal ndash Blog Detik
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Berlatih dengan WordPress mengapa
Relatif sederhana
Bisa daring dan luring
Menguasai WordPress akan memudahkan
menguasai mesin blog lainnya
Cukup mengakses wordpresscom ndash dan sisanya
akan mudah
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Memperkenalkan Blog
Blogwalking mengunjungi dan memperkaya
konten blog lain dengan pendapat kita
Signaturing memberi informasi alamat blog
pada setiap signature kita di dunia maya
Social Sharing amp Integrating menghubungkan
dan membagi blog kita ke jejaring sosial
lainnya seperti twitter amp facebook
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Etika
Kesantunan ndash SARA pencemaran nama baik informasi palsu
hoax dan sebagainya
Kekayaan Intelektual ndash Plagiat hak ciptaAGC DMCA piracy fair free
use dan sebagainya
Keamanan amp Privasi ndash Kerahasiaan pengguna tipe konten menurut usia
kode berbahaya dan sebagainya
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Mendaftar Wordpress
Akses situs httpsidwordpresscom
Klik Mulai
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
1 Memilih Jenis Web
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Sample
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
2 Memilih halaman utama web
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
3 Memilih Tema Web
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
4 Membuat Alamat Web (Domain)
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Sample
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
5 Memilih Paket web
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
6 Create Your Account
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Sample
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Finish
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid
Finish
Tampilan Panel Admin
Tampilan utama
Terimakasih
HTML DASAR M ZAKKI ABDILLAH
PENGABDIAN UNIVERSITAS SEMARANG (USM)
STRUKTUR DASAR HTML
lthtmlgt
ltheadgt
lttitlegt
Judul web anda letakkan disini
lttitlegt
ltheadgt
ltbodygt
Isi dari web anda letakkan disini
ltbodygt
lthtmlgt
Simpan dengan Nama dasarhtml
Hasil dari dasarhtml
Title Judul
Body Isi
BACKGROUND DAN WARNA TEKS
lthtmlgt
ltheadgt
lttitlegtkarya pertamakulttitlegt
ltheadgt
ltbody bgcolor=yellow text=redgt
tulisan ini akan tampak dalam browser
ltbodygt
lthtmlgt
Simpan dengan Nama bodyhtml
Hasil dari bodyhtml
Warna Font
Warna Background
NUMBERING
bull ltol type=ldquo1rdquogt
ltligtitem pertamaltligt
ltligtitem kedualtligt
ltol type=ldquoardquogt
ltligtsub item pertamaltligt
ltligtsub item kedualtligt
ltol type=ldquoirdquogt
ltligtsub sub item pertamaltligt
ltligtsub sub item kedualtligt
ltligtsub sub item ketigaltligt
ltolgt
ltligtsub item ketigaltligt
ltolgt
ltligtitem ketigaltligt
ltolgt
Simpan dengan Nama numberinghtml
Hasil dari numberinghtml
BULLET
bull ltul type=ldquosquarerdquogt ltligtitem pertamaltligt ltligtitem kedualtligt ltul type=ldquodiscrdquogt ltligtsub item pertamaltligt ltligtsub item kedualtligt ltul type=ldquocirclerdquogt ltligtsub sub item pertamaltligt ltligtsub sub item kedualtligt ltligtsub sub item ketigaltligt ltulgt ltligtsub item ketigaltligt ltulgt ltligtitem ketigaltligt ltulgt
Simpan dengan Nama bullethtml
Hasil dari bullethtml
WordPress Pengabdian Universitas Semarang (USM)
Langkah Persiapan
bull Aktifkan apache dan MySQL di XAMPP
bull Copy folder wordpress di DXAMPPhtdocs
bull Untuk pemanggilan selanjutnya menggunakan localhostwordpress
Silahkan anda ketik ldquowordpressrdquo pada kotak create new database Dan klik Create
Buka Browser dan ketikkan localhostphpmyadmin
Cara Installasi Wordpress
bull Buka browser dan ketik localhostwordpress
bull Maka akan muncul halaman awal seperti ini
Klik Letrsquos Go Untuk Proses selanjutnya
Maka akan muncul tampilan seperti dibawah ini
Isikan data seperti di tampilan
Setelah Selesai klik ldquoSubmitrdquo
Maka akan muncul form seperti di samping Silahkan isi sesuai dengan identitas anda
Maka Akan muncul konfirmasi seperti dibawah ini selanjutnya silahkan login untuk memanejemen Konten
Menu untuk manajemen wordpress secara global
Berguna untuk import dan export data
Menu untuk manajemen User Akses
Menu utk setting plug in
Menu untuk settingan Tema widget dll
Menu untuk manajemen komentar dari postingan berita
Mengatur halaman Web
Menu untuk Penyimpanan data Multimedia
Menu Untuk Postingan Berita
Cara Mengganti Themes Wordpress
bull Buat Folder themessaya di wp-contentthemes
bull Buat file CSS dengan nama stylecss dan simpan di folder themessaya yang barusan anda buat dengan isi sbb
Theme Name Themes Saya Theme URI httpwordpressorg Description Themes Pertama yang Saya Buat Author Panti Asuhan Al Janna Author URI httpwwwaljannahsmgcom Version 10
bull Langkah berikutnya silahkan anda buat file indexphp dan simpan di folder themessaya dengan isi sebagai berikut
lthtmlgt ltheadgt lttitlegtPanti Asuhan Al Jannahlttitlegt ltheadgt ltbodygt lth1gtPanti Asuhan AL Jannah Tugu Semaranglth1gt ltpgtIni adalah halaman web panti asuhan al jannah Tugu Semarangltpgt ltbodygt lthtmlgt
bull Sekarang anda bisa lihat di menu appearance klik menu tersebut
Di dalam menu tersebut menampilkan themes-themes default dari wordpress Dan disana sudah ada Themes Saya yang barusan kita buat Silahkan aktifkan menu tersebut dengan klik Activate
bull Dan lihat perubahannya akan seperti tampilan di bawah ini
Selamat anda sudah bisa mengganti halaman depan wordpress Andahellip
Membuat frame di wordpress bull Ganti semua file indexphp dengan script seperti di bawah ini
lthtmlgt ltheadgt ltmeta charset=ltphp bloginfo( charset ) gt gt lttitlegt ltphp wp_title( | true right ) bloginfo( name ) gtlttitlegt ltlink rel=stylesheet type=textcss media=all href=ltphp bloginfo( stylesheet_url ) gt gt ltlink rel=pingback href=ltphp bloginfo( pingback_url ) gt gt ltphp if ( is_singular() ampamp get_option( thread_comments ) ) wp_enqueue_script( comment-reply ) wp_head() gt ltheadgt ltbodygt ltdiv id=wrapgt ltdiv id=headergt Lokasi header ada disini ltdivgt
ltdiv id=maincontentgt ltdiv id=contentgt Artikel akan muncul disini ltdivgt ltdiv id=sidebargt ltdiv id=lebargtIklan kotak ada disini ltdivgt ltdiv id=kirigt Menu-menu sidebar kiri ada disini ltdivgt ltdiv id=kanangt Menu-menu sidebar kanan ada disini ltdivgt ltdivgt ltdivgt ltdiv style=clearbothgtltdivgt ltdiv id=footergt Footer ada disini ltdivgtltdivgt ltbodygt lthtmlgt
Tambahkan di file stylecss dengan script seperti di bawah ini
wrap bordersolid 1px 000 width900px margin0 auto padding10px header height120px backgroundcccccc maincontent margin-top10px content width590px backgroundFFCC00 floatleft
sidebar width300px backgroundFF9900 floatleft margin-left10px lebar backgroundFF3300 margin-bottom10px kiri background660000 width145px floatleft margin-right10px kanan background660000 width145px floatleft
Maka Tampilannya seperti ini
Kesimpulan
bull Mengubah themes wordpress memang perlu banyak belajar untuk dapat menjadi lebih baik
bull Silahkan anda bisa melanjutkan themes tersebut dengan mempelajari tentang HTML dan PHP secara lebih lanjut
bull Untuk referensi silahkan anda bisa buka httpwordpressorid untuk melanjutkan misi anda
bull Selamat datang di dunia INTERNET amp BLOG
Terima Kasih
Lampiran 4
Hasil Pelatihan
2
MEDIA PROMOSI DAN PEMBELAJARAN DI ERA DIGITAL
BAGI PANTI ASUHAN
Whisnumurti Adhiwibowo Khoirudin Muhammad Zakki Abdillah
Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang
ABSTRACT
Today the need for understanding and mastery of technology is something we have to learn
This is coupled with the difficulty to perform maintenance of applications that have been owned Al
Jannah Orphanage currently has a website httpwwwaljannahsmgorg which is not managed
regularly and well Websites that have been built using blogger templates Seeing the condition of the
orphanage Al Jannah Tapak has the initiative to membakali their students with knowledge about
computer technology and website maintenance capabilities To solve the problem Al Jannah
Orphanage invites PkM Team of University of Semarang to work together to assist them in solving the
problem
Seeing the above problem is necessary then given a solution that is packed in a workshop
with the theme of application of HTML technology and weblog as a means of enrichment of
technology and at the same time can be used as a medium for media campaign
PENDAHULUAN
Panti asuhan Al Jannah merupakan
panti asuhan milik perseorangan yang
berusaha untuk menjalankan ibadah agama
dengan menyatuni anak-anak fakir miskin dan
yatim piatu Panti asuhan yang beralamat di Jl
Tapak Tugurejo No 53 RT 04 RW 03 Tugu
Semarang didirikan oleh DrsKHBisri bin
Bisri Sofwan pada tanggal 5 April 2007 panti
asuhan aljannah ini tercatat mempunyai anak
didik sebanyak 34 orang berdasarkan data
Dinas Sosial Provinsi Jawa Tengah dimana
rata-rata mereka sedang menempuh
pendidikan SMP dan SMA
Pola pengasuhan yang digunakan
didalam panti ini adalah pola pengasuhan
dengan Sistem Pembujukan yaitu dengan cara
berdiskusi menasehati dengan kata lembut
menyapa saat bertemu bermusyawarah Pihak
pengurus Panti Asuhan Al Jannah juga
melakukan pola pengasuhan dengan sistem
pembujukan yaitu memberikan nasehat dengan
lembut berdiskusi menyapa saat bertemu
maupun bermusyawarah Tujuan dari sistem
pembujukan ini untuk memberikan rasa aman
dan nyaman bagi anak yang tinggal di panti
Gambar 1 Santri Panti Asuhan sedang
makan bersama
3
Gambar 2 Santri sedang membersihkan
lingkungan sekitar Panti
Para pengurus Panti Al Jannah paham
betul dalam era digital dan teknologi seperti
sekarang ini kebutuhan akan pemahaman dan
mampu menguasai teknologi merupakan suatu
hal yang mutlak harus dikuasai Berawal dari
kondisi tersebut pengurus panti asuhan Al
Jannah Tapak tugu kota Semarang memiliki
inisiatif untuk membekali anak didik mereka
dengan pengetahuan teknologi
Bahkan sampai sekarang Panti Asuhan
AL Jannnah Juga sudah mempunyai sebuah
website yang beralamatkan pada
httpwwwaljannahsmgorg akan tapi
sampai saat ini para pengurus juga merasa
belum dapat mengelola website tersebut
dengan baik Selain hal tersebut para pengurus
juga menginginkan anak didik mereka
mempunyai pengetahuan yang baik tentang
teknologi informasi dan internet terutama
dalam pengetahuan suatu website serta
pengelolaannya
Identifikasi Permasalah
Berdasarkan analisa situasi yang
dialami oleh mitra dalam hal ini adalah
Panti Asuhan Al Jannah maka
permasalahan yang timbul adalah sebagai
berikut
c Mitra merasa kesulitan dalam
pengelolaan website
httpwwwaljannahsmgorg yang
sudah dimilikinya
d Mitra menginginkan anak didiknya
memiliki pengetahuan yang baik
tentang teknologi informasi dan
internet
e Mitra ingin mengetahui cara membuat
website dan manajemen pengelolaanya
METODE PELAKSANAAN
Pelaksanaan kegiatan pengabdian yang berupa
Pelatihan Pembuatan weblog dengan
menggunakan wordpress ini di laksanakan hari
Senin Tanggal 25 Mei 2017 bertempat di Aula
Panti Asuhan Al Jannah Kecamatan Tugu
Semarang Barat Kegiatan ini berlangsung
selama plusmn 5 jam yang di mulai pukul 0900
hingga 1400 yang di ikuti sebanyak 25
peserta
Beberapa persiapan sebelum pelaksanaan
kegiatan di lakukan untuk mendukung
kelancaran kegiatan sebagai berikut
1 Mengirim surat kesediaan Panti Asuhan
Al Jannah perihal kesediaannya untuk
mengikuti pelatihan
2 Menerima tanggapan yang cukup antusias
dari Panti Asuhan Al Jannah atas
kesediaannya dalam pelaksanaan kegiatan
pengabdian untuk tanggal 25 Mei 2017
3 Tanggal tanggal 23 Mei 2016 melakukan
pengecekan kesiapan tempat dan
peralatan penunjang agar dapat di
gunakan dengan baik dan pada saat
pelaksanaan
4 Menyiapkan modul materi pelatihan dan
perlengkapannya
5 Tanggal 25 Mei 2017 kegiatan pelatihan
di mulai dari pukul 0900 hingga 1400
dengan susunan acara
4
a Peserta menempati ruangan
b Pembukaan pelatihan oleh pengurus
Panti Asuhan Al Jannah
c Penyampaian materi oleh tim PkM
Universitas Semarang
a Whisnumurti Adhiwibowo
ST MKom (Etika dalam
Menulis dimedia sosial)
b Khoirudin SKom MEng
(Cara searching yang baik dan
pengenalan weblog)
c Muhammad Zakki Abdillah
SKom MKom (Membuat
weblog dan configurasi
wordpress)
d Pemberian kenang-kenangan
e Di tutup dengan foto bersama dengan
penghuni panti
Metode pelatihan yang di gunakan berupa
pelatihan weblog bersifat tutorial bagi audiens
atau peserta Pelatihan ini diikuti oleh 25
santri dan alokasi waktu plusmn 5 jam Dengan
keterbatasan komputer maka pelatihan di
dibuat kelompok 5 kelompok dan setiap
kelompok membuat weblog dengan ide
masing-masing
Gambar 3 Pelatihan Internet
Gambar 4 Pelatihan HTML
Gambar 5 Pelatihan Penulisan Konten di
Wordpress
Gambar 6 Foto Bersama Anak Panti Asuhan Al
Jannah
HASIL DAN PEMBAHASAN
Hasil yang di peroleh dari kegiatan
pengabdian ini adalah sebagai berikut
1 Para Santri panti asuhan AL Jannah
dapat membuat membuat weblog dan
lewat weblog menyampaikan pesan-
pesan positif
5
2 Hasil penerimaan manfaat pengabdian
dapat dilihat dari kuisioner yang di
telah dilakukan sebelum dan sesudah
acara dengan soal yang berjumlah 10
Soal (setiap soal berisikan
pengetahuan dasar tentang computer
dan pengetahuan seputar weblog)
dimana jika semua soal berhasil di
jawab ldquoyardquo akan bernilai 1 dan jika
dijawab ldquotidakrdquo bernilai 0 dan apabila
semua dijawab dengan ldquoyardquo maka
akan bernilai 10
Hasil kuisoner dapat dilihat pada table
berikut
Tabel 1 Hasil Quisioner
No Nama Peserta Pre
Test
Post
Test
1 Ari Erviana 4 7
2 Arum
Murnianingsih 5 8
3 Arum Wulandari 4 9
4 Dila Amalia 5 7
5 Faizin 4 7
6 Farida Nurhayati 5 6
7 Hernawati 4 7
8 Ima Nur Laila 5 7
9 Indrika Nur Azizah 4 6
10 Khomsatun
Umamah 5 7
11 Lina Mawaddah 4 8
12 Linda Nur Safitri 5 8
13 M Affan 4 8
14 M Ahsan 5 8
15 M Amin Abdullah 4 8
16 Mariyatun 5 8
17 Masyhuri 4 8
18 Mei Anggita Anis
A 5 8
19 Mustaghfiroh 4 8
20 Nasrullah 5 8
21 Reno 5 8
22 Rokaini 4 8
23 Rozikin 5 8
24 Samsul Arifin 4 8
25 Ubaidillah 5 8
Dari hasil kuisioner berikut diperoleh nilai
rata-rata pre-test sebanyak 452 dan post-test
sebesar 764 dalam skala 10 point penilaian
Analisa Terhadap Hasil
Berdasarkan hasil yang di peroleh
dari kegiatan ini adalah antusiasnya para
santri panti asuhan AL Jannah saat
merespon kegiatan pengabdian yang di
lakukan Dimana hal tersebut terlihat dari
respon positif semangat dan kreativitas
para santri membuat weblog Harapannya
para santri dapat menuangkan ide
kreatifnya ke dalam weblog untuk
menyampaikan pesan-pesan positif
Dan dari rata-rata nilai pre-test dan
post-test yang terdapat pada table 1 diatas
dapat disimpulkan bahwa setelah
dilaksanakan kegiatan PkM ini terdapat
peningkatan pengetahuan dan pemahaman
para santri tentang dasar komputer dan
teknik dalam pembuatan weblog
Evaluasi kegiatan
Evaluasi keberhasilan kegiatan ini
di lakukan setelah kegiatan selesai
Indikator keberhasilan kegiatan ini dapat
di lihat dari respon positif para santri serta
weblog yang berhasil mereka buat
KESIMPULAN DAN SARAN
Kesimpulan
Dari kegiatan pengabdian yang telah
dilakukan oleh tim pengabdi USM semarang
diperoleh hasil bahwa 25 Santri panti asuhan
Al Jannah Kecamatan Tugu Semarang Barat
mampu untuk membuat weblog dan mampu
mencurahkan ide kreatif yang dimilikinya
untuk menyampaikan pesan-pesan positif
kepada masyarakat dengan memanfaatkan
media internet khususnya dengan media
weblog
Saran
Saran yang dapat diberikan
sehubungan dengan kegiatan pengabdian ini
adalah sarana prasana yang menunjang perlu
ditambah agar proses pelatihan dapat berjalan
6
lebih maksimal Serta para santri perlu berlatih
secara mandiri untuk meningkat skill dalam
bidang menulis khususnya dalam bidang
media sosial
DAFTAR PUSTAKA
Cahyono N T Triyono J amp Raharjo S
(2013) Penerapan Teknik SEO
(Search Engine Optimization) Pada
Blog (Studi Kasus Nova13
com) Jurnal Teknologi
Technoscientia 6(1) 80-88
Chandrawati S R (2012) Pemamfaatan E-
Learning Dalam Pembelajaran Jurnal
Cakrawala Kependidikan 8(2)
Jayanti G (2014) Penerapan E-Commerce
dalam Proses Komunikasi Pemasaran
di Toko East Kalimantan Center
Samarinda E-Jurnal Ilmu Komunikasi
Universitas Mulawarman 219-228
Zulkardi Zulkardi Indra Putri and Ratu Ilma
Pengembangan blog support untuk
membantu siswa dan guru matematika
Indonesia belajar pendidikan
matematika realistic Indonesia
(PMRI) Jurnal Inovasi Perekayasa
Pendidikan (JIPP) 21 (2010) 1-24
Anasari T (2009) Membuat Media
Pembelajaran Pembuatan Blog
Berbasis Multimedia Pada SMK
Negeri 1 Gondang Sragen Speed-
Sentra Penelitian Engineering dan
Edukasi 1(3)
Irwanti Y D (2011) Efektivitas Penggunaan
Metode Pembelajaran SCL Berbasis
Blog Dalam Pembelajaran TIK Untuk
Meningkatkan Hasil Belajar Siswa
Kelas XI Semester 1 Di SMA Negeri 1
Piyungan Bantul (Doctoral
dissertation UNY)
Sari Ratna Almira Sulistyo Saputro and
Agung Nugroho Catur Saputro
Pengembangan Modul Pembelajaran
Kimia Berbasis Blog untuk Materi
Struktur Atom dan Sistem Periodik
Unsur SMA Kelas XI Jurnal
Pendidikan Kimia 32 (2014) 7-15
Wahyono Teguh Blogspot (Panduan Praktis
Membuat Mengelola dan
Mempromosikan Blog) Jakarta PT
Elex Media Komputindo (2009)
Indah I N amp Yulianto L (2012) Pembuatan
Website Sebagai Sarana Promosi
Produk Kelompok Pidra Desa Gawang
Kecamatan Kebonagung Kabupaten
Pacitan Speed-Sentra Penelitian
Engineering dan Edukasi 3(4)
2
3
4
5
6
Lampiran 5
Surat Kontrak Perjanjian
2
3
4
5
6
Lampiran 6
Personalia Pengabdian Masyarakat
7
BIODATA KETUA PELAKSANA
1 FORMAT BIODATA KETUA TIM PELAKSANA
A Identitas Diri
1 Nama Lengkap Whisnumurti AdhiwibowoSTMKom
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional Asisten Ahli
4 NIS 06557003102137
5 NIDN 0612117602
6 Tempat dan Tanggal Lahir Semarang 12 November 1976
7 E-mail whisnuusmacid
8 Nomor HP 081225573466
9 Alamat Kantor Jalan Soekarno Hatta Tlogosari
Semarang 50196
10 No Telepon 024-6702757
11 Lulusan yang telah dihasilkan S1 30
12 Mata Kuliah yang diampu 1 Manajemen Proyek Perangkat
Lunak
2 Rekayasa Perangkat Lunak
3 Jaringan Komputer
4 Manajemen Jaringan
B Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Kristen
Satya Wacana
Universitas Dian Nuswantoro
Bidang Ilmu Teknik Elektro Teknik Informatika
Tahun Masuk-Lulus 1994 ndash 2003 2005 ndash 2011
Judul Skripsi Jaringan Komputer
Tanpa Media
Penyimpanan
dengan
Menggunakan
Sistem Operasi
Linux
Perencanaan Basis Data
Terpadu untuk Pendukung
Sistem Informasi Pengelolaan
Piutang Pelanggan di PT PLN
(Persero) Distribusi Jawa
Tengah dan DI Yogyakarta
8
S-1 S-2
Nama Pembimbing - Dr Abdul Syukur
Y Tyas Catur SSi MKom
C Pengalaman Penelitian dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2015 Rancang Bangun Aplikasi Tran IT
FakultasTeknologi Informasi dan
Komunikasi Universitas Semarang
LPPM 2500000-
D Pengalaman Pengabdian Kepada Masyarakat dalam 5 TahunTerakhir
No Tahun Judul Penelitian
Pendanaan
Sumber Jumlah
(Rp)
1 2014 Peningkatan Promosi Sekolah dan
Pengelolaannya dengan Media pada SMA
Al Islam Semarang
LPPM 1500000-
2 2013 Pengenalan Sistem Jaringan Komputer
dengan Simulasi Cisco PaketTracert
LPPM 1500000-
3 2012 Etika Berjejaring Sosial di Internet
UntukPelajar
LPPM 1500000-
E Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 TahunTerakhir
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
1 Virtualisasi Server
Sederhana menggunakan
Proxmox
Volume 12Nomor
2EdisiJanuari 2015
TrnsForMatka
2 Kernel-Based Virtual
Machine untuk Virtulisasi
Database sebagai
Volume 10Nomor
2EdisiJanuari 2013
TrnsForMatka
9
No Judul Artikel Ilmiah VolumeNomorTahun Nama Jurnal
Kebutuhan Perangkat
Keras Studi Kasus
Implementasi Sistem
Informasi Klinik
Kecantikan
3 Customize Antarmuka
sebagai Salah Satu
Alternatif Pembatasan
Hak Akses Studi Kasus
Sistem Informasi Klinik
Kecantikan
Volume 10Nomor
1EdisiJanuari 2010
TrnsForMatka
Semua data saya isikan dan tercantum dalam biodata adalah benar
dan dapat di pertanggung jawabkan secara hukumApabila di kemudian
hari ternyata di jupai ketidaksesuaian dengan kenyataan saya sanggup
menerima resikonya Demikian biodata ini saya buat dengan sebenarnya
untuk memenuhi Hibah Pengadian Kepada Masyarakat
Semarang 15 Agustus 2017
Ketua Pengabdian
Whisnumurti AdhiwibowoST MKom
NIDN 0612117602
ANGGOTA PELAKSANA (1)
1 Identitas Diri
1 Nama Lengkap Khoirudin SKom MEng
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557003102173
5 NIDN 0622028901
6 Tempat dan Tanggal Lahir Kendal 22 Februari 1989
7 Email khoirudinusmacid
8 Nomor Telepon HP 085226978290
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari
Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Algoritma dan Struktur Data
Open Source System
Pemrograman Framework
Sistem Pendukung Keputusan
Rekayasa Web
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Nanchang
China
Bidang Ilmu Teknik Informatika Computer Applied
Technology
Tahun Masuk-
Lulus
2006-2010 2012-2015
Judul Skripsi
Tesis Disertasi
Rancang bangun sistem
pakar diagnosa gangguan
organ tubuh manusia
melalui pencitraan iris mata
pada klinik medical syariah
bdquoar-ridho‟ yarobi
Data Reduction Based On
GPU
Nama
Pembimbing
Promotor
Dewi Handayani UN
SKom MKom
Saefurrohman SKom
MCs
Prof Jiang Shun Liang
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
1 2016 Rancang Bangun Sistem Informasi
Penelitian Dan Pengabdian Dosen
Fakultas Teknologi Informasi (Ftik)
Universitas Semarang (Usm)
LPPM Rp 5000000
4 Pengalaman Pengabdian
No Tahun Judul Pengabdian Pendanaan
Sumber Jumlah (Rp)
1 2016 Peningkatan Kemampuan Membuat Video
Animasi Stop Motion Bagi Santri Pondok
Pesantren Al Ishlah Tugu Semarang
LPPM Rp 3000000
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1 2015 GPU Application in CUDA
Memory
Advanced
Computing
An
International
Journal (ACIJ)
Vol6 No2
2 2015 Data Reduction Based on GPU Proceeding Of
The
International
Seminar and
Conference
2015
(UNWAHAS)
Vol 12015
3 2011 Rancang Bangun Sistem Pakar
Diagnosa Gangguan Organ
Tubuh Manusia Melalui
Pencitraan Iris Mata
Jurnal
Dinamika
Informatika
Vol 3No
12011
Semarang 15 Agustus 2017
Anggota 1
Khoirudin SKom MEng
NIDN 0622028901
ANGGOTA PELAKSANA (2)
1 Identitas Diri
1 Nama Lengkap Muhammad Zakki Abdillah
2 Jenis Kelamin Laki-laki
3 Jabatan Fungsional IIIB Penata Muda Tk 1
4 NIS 06557060687234
5 NIDN 0603038701
6 Tempat dan Tanggal Lahir Grobogan 3 Maret 1987
7 Email zakkiusmacid
8 Nomor Telepon HP 085700008732
9 Alamat Kantor Jl Soekarno Hatta ndash Tlogosari Semarang
10 No Telepon Faks (024) 6702757 (024) 6702272
11 Lulusan yang Telah Dihasilkan S-1 = Orang
S-2 = Orang
S-3 = Orang
12 Mata Kuliah yang Diampu Rekayasa Web
Pemrograman Web
Keamanan Sistem
Rekayasa Perangkat Lunak
Komunikasi dan Keamanan Data
2 Riwayat Pendidikan
Uraian S-1 S-2 S-3
Nama Perguruan
Tinggi
Universitas Stikubank
Semarang
Universitas Diponegoro
Bidang Ilmu Teknik Informatika Magister Sistem Informasi
Tahun Masuk-
Lulus
2005-2009 2011-2014
Judul Skripsi
Tesis Disertasi
Rancang Bangun Aplikasi
Job Advertising
menggunakan Web
Pemanfaatan Rich Internet
Application (RIA) pada
Sistem Informasi
Akademik (SIA)
menggunakan AJAX
Nama
Pembimbing
Promotor
Sulastri MKom
Kristoporus Hadiono MCs
DrEng Wahyul Amien
Syafei ST MT dan
DrSuryono
3 Pengalaman Penelitian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
4 Pengalaman Pengabdian
No Tahun Judul Penelitian Pendanaan
Sumber Jumlah (Rp)
5 Publikasi Artikel Ilmiah
No Tahun Judul Artikel Ilmiah Nama Jurnal Vol No Th
1
Semarang 15 Agustus 2017
Anggota 2
M Zakki Abdillah SKom MKom
NIDN 0603038701
Lampiran 7
Peta Lokasi
PETA LOKASI PANTI ASUHAN AL JANNAH TUGU SEMARANG
Lampiran 8
Publikasi Media
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 12
Teroris Jadikan Polisi Sebagai Musu
Home raquo Semarang Metro raquo Tiga Dosen USM Latih Anak Panti Kelola Website
Tiga Dosen USM Latih Anak Panti Kelola Website
25 Mei 2017 1803 WIB Category Semarang Metro Dikunjungi kali A+ Ashy
Foto suaramerdekacomdok
SEMARANG suaramerdekacom shy Teknologi dan informasi di era di digital menjadikebutuhan wajib yang harus dikuasai Sehingga edukasi tentang penggunaan dan pengelolaanmedia online seperti website kepada anakshyanak adalah penting untuk dilakukan
Melihat itu tiga Dosen Universitas Semarang (USM) Whisnumurti Adhiwibowo ST MKomKhoirudin SKom MEng dan Muhammad Zakki Abdillah SKom MKom menawarkan solusi yaitudengan mengadakan workshop pengelolaan website sebagai media informasi di Panti Asuhan AlJannah Tugu Semarang Kegiatan tersebut berlangsung selama diikuti oleh 30 anak di aulautama Yayasan Al Jannah
ldquoKegiatan ini merupakan program Pengabdian Kepada Masyarakat (PKM) USM yangmenginginkan anak didik mereka mempunyai pengetahuan yang baik tentang teknologiinformasi dan internet terutama dalam pengetahuan suatu website serta pengelolaannyardquotutur Khoirudin dalam keterangan tertulisnya Kamis (255)
Sedang Ketua Panti Asuhan Al Jannah Semarang M Sabiq Kamalul Haq menambahkanpelatihan ini sangat bermanfaat untuk mengembangkan bakat anak asuhnya ldquoBanyak anakasuh kami yang memiliki ketrampilan menulis Sehingga bakat mereka bisa tersalurkan melaluimedia websiterdquo katanya
(Marlinda OECN38SM Network)
Tags anak HL teknologi USM
Densus 99 Banser Duga Bom Kampung M
Berita Terkait
Senin 29 Mei 2017
BERITA TERBARU SEARCH raquo Ramadan JAS Bagikan Kurma dan Air Mineral untuk Penumpang raquo AirAsia Menggelar Santan Food Festival untuk Pertama Kalinya raquo Selama Puasa Sekolah Diminta Banyak Kegiatan Keagamaan
PILKADA SERENTAK ENTERTAINMENT SPORT amp OTOMOTIF SEPAKBOLA TRAVEL BISNIS NASIONAL PRINGGITAN MANCA NEGARA SMTV EKSPRESI
LIPUTAN KHUSUS SM CETAK
Facebook Twitter Google+ Pinterest Reddit
BERITA TERBARU
AirAsia Menggelar Santan Food Festival
untuk Pertama Kalinya
29 Mei 2017 836 WIB
Selama Puasa Sekolah Diminta Banyak
Kegiatan Keagamaan
29 Mei 2017 827 WIB
Morowali Diguncang Gempa Bumi
Berkekuatan Empat SR
29 Mei 2017 818 WIB
Mendagri AS Tengah Pertimbangkan
Larangan Bawa Laptop ke Kabin
Pesawat
29 Mei 2017 809 WIB
SMTV
5292017 Tiga Dosen USM Latih Anak Panti Kelola Website | SuaraMerdekacom
httpberitasuaramerdekacomtigashydosenshyusmshylatihshyanakshypantishykelolashywebsite 22
Cuaca Semarang Hari
Ini Diprediksi Cerah
Berawan
Sambut Ramadan
PKS Ambarawa Gelar
Pawai
Jadwal Pesawat dari
Bandara Ahmad Yani
Semarang
Jadwal Kereta Api
dari Stasiun Tawang
Semarang
About suaramerdekacom | Pedoman Pemberitaan Media Siber | Advertise with Us | Privacy Policy | Terms of Use
Powered by Audianetid