PENGELOLAAN WEB DAN BLOG SKB I TANAH DATAR DALAM SATU URL DENGAN MEMANFAATKAN CMS YOLA

( http://www.yola.com )

Oleh :

Ir. MAI KUSBIONO (NIP. 19640519 199803 1 001)

PEMERINTAH KABUPATEN TANAH DATAR DINAS PENDIDIKAN

SANGGAR KEGIATAN BELAJAR (SKB) I TANAH DATAR TAHUN 2010

Alamat : Jorong Mandahiling – Nagari Pagaruyung – Kecamatan Tanjung Emas – Kabupaten Tanah Datar – Sumatera Barat

Telp. : (0752) 72570 ; Kotak Pos : 27281 ; E-mail : skb1tanahdatar@yahoo.co.id

Website : http://www.skb1tanahdatar.com

Pengelolaan Web dan Blog SKB I Tanah Datar dalam Satu URL dengan Meman-

faatkan CMS Yola, oleh Ir. Mai Kusbiono.

( Diajukan sebagai Bahan Persyaratan Lomba IT dalam Mengikuti Jambore PTK

PNF Tahun 2010 Tingkat Propinsi Sumatera Barat )

Menyetujui :

Kepala SKB I Tanah Datar,

Dra. NELWENTIS, M.Pd. NIP. 19640404 199003 2 007

Mengesahkan :

a.n. Kepala Dinas Pendidikan Kabupaten Tanah Datar

Kabid PNFI,

Drs. ZULKIFLI, SR NIP. 19590613 198503 1 006

KATA PENGANTAR

Puji syukur penulis tujukan kepada Allah karena berkat rahmat-Nya jualah

Proses pembuatan web dan Blog dinamis SKB I Tanah Datar bisa rampung dan

terpublikasi.

Web SKB I Tanah Datar dengan URL : http://www.skb1tanahdatar.com

(Sabtu, 18 Juli 2009) hostingnya di http://www.yola.com (Senin, 6 Juli 2009),

penulis buat tanpa didasari penguasaan bahasa pemrograman dan pengua-

saan aplikasi design grafis. Inilah yang baru bisa saya sajikan kepada SKB I

Tanah Datar untuk bisa masuk ke dalam jejaring dunia maya, diharapkan ke

depan web SKB I Tanah Datar bisa berkembang dan selalu terbaharui isinya.

Di lembaran pembuka ini, secara khusus penulis sampaikan rasa penghar-

gaan dan terima kasih yang tinggi kepada pengelola http://www.yola.com dan

Pengelola Tabloid PC Mild, Tabloid PC Plus, dan Majalah PC Media yang telah

membimbing secara tidak langsung dalam pembuatan web dan Blog SKB I

Tanah Datar.

Rasa Penghargaan dan terima kasih juga penulis sampaikan kepada semua

pihak yang telah membantu terselesaikannya website SKB I Tanah Datar.

Semoga seluruh pihak yang berada dan bergerak /pemerhati di bidang

Pendidikan Nonformal dan Informal di kabupaten Tanah Datar tergerak hatinya

untuk ikut dan berperan dalam mengembangkan

http://www.skb1tanahdatar.com .

sehingga PNFI di Kabupaten Tanah Datar bisa dikenal luas secara global dan

memberikan manfaat yang tinggi di dunia keilmuan.

Batusangkar, 30 Mei 2010

Penulis,

MAI KUSBIONO

NIP. 19640519 199803 1 001

i

DAFTAR ISI

Halaman

KATA NPENGANTAR i

DAFTAR ISI ii

DAFTAR GAMBAR iii

PENDAHULUAN 1

PROSES PEMBUATAN WEB SKB I TANAH DATAR 3

MEMPUBLIKASIKAN WEB 17

BLOG SKB I TANAH DATAR 21

PENUTUP 24

DAFTAR PUSTAKA 25

LAMPIRAN 26

1. Upload File Web SKB I Tanah Datar ke www.jugaguru.com 27

ii

DAFTAR GAMBAR

Halaman

1. Mengisi Form Isian di Yola 3

2. Pemilihan Template 4

3. Memberi Nama Web yang akan Dibuat 4

4. Homepage 5

5. Gambar untuk Header Web SKB I Tanah Datar 5

6. Memilih Tempat untuk Meng-upload File Gambar 6

7. Upload File Gambar dalam Proses 7

8. Klik Select untuk Memasukkan Gambar 7

9. Klik Google Gadget untuk Mencari Widget yang Diinginkan 8

10. Klik Get the Code dan Copy-kan Kode 8

11. Paste Code yang Didapat ke dalam Jendela Google Gadget 9 di Yola

12. Membuat Halaman Baru 10

13. Halaman pada Menu Profil 11

14. Preview File yang bisa di-Download 11

15. Data Account Penulis di Youtube 12

16. Video Player Youtube yang Tampil di Halaman Web 12

17. Kode URL di YouTube yang akan Dikopikan ke URL di Yola 13

18. Tampilan Hasil Upload Video ke youtube di Yola 13

19. Halaman yang berupa Link 14

20. Gambar Teks yang berupa sebuah Hyperlink 15

21. Memberi Centang pada Page lalu klik OK 15

22. Pilih File yang akan Dijadikan Link lalu klik OK 16

23. Tab untuk Meng-update Situs 16

24. Tab untuk Mempublish Situs 17

25. Tampilan untuk Memilih Publikasi secara Gratis 17

26. Publikasi telah Berhasil 18

27. Publikasi Web SKB I secara Berbayar 18

28. Promosi Web lewat Search Engine Google dan Yahoo 19

29. Hasil Penelusuran Google terhadap Situs SKB I Tanah Datar 20

iii

(Lanjutan)

Halaman

30. Hasil Penelusuran Browser Yahoo terhadap Situs 20 SKB I Tanah Datar

31. Langkah Pertama Membuat Blog 21

32. Memberi Nama Menu Blog sebagai Navigasi Halaman Web 22

33. Proses Pembuatan Isi Postingan 22

34. Preview Blog SKB I Tanah Datar 23

iv

PENDAHULUAN

Dalam dunia maya (internet) kita mengenal beberapa istilah tentang web,

website, www, dan URL. Web dapat diartikan sebagai kumpulan halaman yang

menampilkan informasi data teks, data gambar diam atau bergerak, data

animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat sta-

tis maupun dinamis yang membentuk satu rangkaian bangunan yang saling ter-

kait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman

(hyperlink). Untuk memudahkan dalam membaca data tersebut diperlukan

sebuah web browser seperti Internet Explorer, Netscape, Opera, maupun Mo-

zilla Firefox. Website (situs web) merupakan tempat penyimpanan data dan

informasi berdasarkan topik tertentu. Diibaratkan website ini seperti buku

yang berisi topik tertentu. Sedangkan www (Word Wide Web) merupakan

kumpulan web server dari seluruh dunia yang berfungsi menyediakan data dan

informasi untuk digunakan bersama-sama, (http://hardian.com/?p=74 ).

Blog atau weblog adalah catatan pribadi sesorang di internet berisi infor-

masi yang sering di update dan kronologis. Blog lebih identik dengan sebuah

diary, perbedaan mendasar adalah bahwa blog bisa dibaca siapa saja.

(http://muhammadrezahermanto.blogspot.com/2009/03/all-about-blog.html).

Nama domain biasa disebut dengan Domain Name atau URL (Uniform Re-

source Locator ) adalah alamat unik di dunia internet yang digunakan untuk

mengidentifikasi sebuah website, atau dengan kata lain domain name adalah

alamat yang digunakan untuk menemukan sebuah website pada dunia inter-

net, contohnya : http://www.skb1tanahdatar.com .

Saat ini web sudah menjadi salah satu bagian dari identitas dan kebutuhan

sebuah institusi yang dapat dijadikan petunjuk bagi seseorang/ pihak luar

untuk mengetahui lebih jauh tentang institusi tersebut secara online. Arti

penting akan adanya web tersebut pun dirasakan SKB I Tanah Datar, walau

dengan kemampuan SDM-nya belum professional tetapi sudah mulai untuk

1

bisa masuk ke jaringan global tersebut.

Pembuatan web SKB I Tanah Datar ini dilatar belakangi oleh suatu kondisi

dimana informasi, komunikasi, dan teknologi kemajuannya begitu pesat,

sehinggga SKB I Tanah Datar harus bisa menyesuaikan dirinya dengan kondisi

tersebut jika tidak ingin tertinggal dalam hal Peningkatan Mutu Pendidikan

Nonformal dan Informal yang dilakukan.

Tujuan dari pembuatan/pengembangan web dan Blog SKB I Tanah Datar

adalah :

1. Memberikan gambaran informasi kepada khalayak tentang institusi SKB I

Tanah Datar (baik itu berupa profil, tugas pokok dan fungsinya, kegiatan

yang dilakukan, dll.) secara khusus ; dan kegiatan PNFI di Kabupaten

Tanah Datar secara umum.

2. Sebagai media tukar-menukar/berbagi pengalaman/ilmu/pengetahuan

terutama di bidang pendidikan nonformal.

3. Memajukan Pendidikan Nonformal dan Informal di kabupaten Tanah

Datar.

4. Menampung Kreatifitas PTK PNF di Kabupaten Tanah Datar, dalam

bentuk Karya Tulis, Video, Animasi, Gambar, Puisi, dll. Yang ingin di

Publikasikan di dunia maya melalui Blog SKB I Tanah Datar.

2

PROSES PEMBUATAN WEB SKB I TANAH DATAR

Web SKB I Tanah Datar dibuat secara instan, jadi tidaklah harus bisa

menguasai bahasa pemrograman web (seperti : HTML, PHP, CSS, AJAX,

Macromedia Dreamweaver dan web programming lainnya) begitu juga dengan

penguasaan dalam hal design grafis untuk mempercantik tampilan web. Yang

terpenting adalah memiliki koneksi internet aktif dan browser dengan Flash

Player terbaru, sedikit kreatifitas, dan berani mencoba.

Pembuatan Halaman Web

1. Langkah pertama yang dilakukan adalah mengunjungi situs yola di

http://www.yola.com lalu mengisi form yang telah disediakan.

Gambar 1. Mengisi Form Isian di Yola

Isi form dengan menuliskan nama, E-mail dan Password anda, lalu klik Get

Started >.

2. Bila langkah pertama berhasil maka anda akan dihadapkan pada

pemilihan design tampilan homepage. Pilihlah mana yang anda sukai,

lalu klik next>.

3

Gambar2. Pemilihan Template

3. Langkah ketiga adalah memberi nama pada web yang dibuat (di sini

penulis contohkan dengan memberi nama skb1tanahdatar, lalu klik

Website dan dilanjutkan dengan mengklik Skip and Start Building>.

Gambar3. Memberi Nama Web yang akan Dibuat

Akan terlihat homepage seperti pada gambar berikut (penulis memilih lay

out 1 coulumn):

4

Gambar 4. Homepage

4. Di halaman utama ini penulis akan menempatkan gambar dan tulisan

sebagai header, berita berupa gambar dan teks beserta link, search

engine google widget, calender widget, guest book widget, dan web

statistic widget.

5. Contoh gambar yang ditampilkan adalah gambar kantor SKB I Tanah

Datar (terdiri dari tiga gambar yang digabungkan dengan menggunakan

software Adobe Photoshop CS3 . Gambar berukuran 718 pixels x 168

pixels.

Gambar 5. Gambar untuk Header Web SKB I Tanah Datar

5

6. Untuk memasukkan gambar, klik kiri dan tahan icon image yang ada di

kolom content sebelah kanan lalu geser pada halaman web lalu baru

lepaskan klik. Pilih lokasi gambar yang ingin di-upload, apakah itu di

computer anda atau pada file manager.

Gambar 6. Memilih tempat untuk Meng-upload File Gambar

Klik select pada icon Your Computer dan pilih gambar yang ada di hardisk

computer anda lalu klik open, maka gambar akan di-upload ke Yola; setelah

siap terkirim klik icon Select di kanan bawah kotak Select Image.

6

Gambar 7. Upload File Gambar dalam Proses

Gambar 8. Klik Select untuk Memasukkan Gambar

7. Untuk membuat tulisan di halaman depan web, drag and drop icon Teks

yang ada di kolom content sebelah kanan pada tempat yang diinginkan.

7

Lalu ketik teksnya. Teks : SANGGAR KEGIATAN BELAJAR (SKB) I TANAH

DATAR dibuat dengan mengklik Tab Propertis dan muncul data pada

halaman depan; pada isian Heading ketik teks tersebut lalu klik Apply.

8. Pembuatan calender google widget, Klik icon widget pada kolom content

di sebelah kanan lalu drag and drop icon Google Gadget ke tempat yang

diinginkan pada halaman web. Pada kotak yang muncul klik Google

Gadget dan pilih atau cari widget yang dibutuhkan lalu klik get the code

lalu copy kode yang diberi google dan pastekan di Google Gadget di Yola

seterusnya klik OK.

Gambar 9. Klik Google Gadget untuk Mencari Widget yang Diinginkan

Gambar 10. Klik Get the Code dan Copy-kan Kode

8

Gambar 11. Paste Code yang didapat ke dalam Jendela Google Gadget di Yola

9. Untuk membuat layout 1 coulumn menjadi 2 coulumn tanpa merubah

layout keseluruhan halaman web nantinya, maka drag and drop icon

coulumn yang ada pada content di sebelah kanan ke tempat yang

diinginkan dan atur lebar kolom sesuai keinginan.

10. Untuk wiget yang lainnya (seperti pada Menu ‘Komentar’), caranya

sama seperti langkah pada butir nomor 9. Setelah siap mengisi

Homepage, klik icon Save.

11. Langkah selanjutnya adalah membuat menu (bab) lainnya, di

Homepage , masih pada Tab Page Index klik New Page dan pilih Web

Page. Isi bagian Name dan Heading. Name adalah nama yang

digunakan sebagai nama file, sedangkan Heading adalah nama yang

akan muncul di Title Bar Browser (nama judul dari bab yang dibuat).

Beri centang Show in Navigation , agar halaman baru yang dibuat

merupakan halaman Menu (Bab) dan muncul di bawah Link Home

sebagai bagian dari fitur navigasi halaman web. Disini penulis

mencontohkan nama menunya adalah PROFIL dan Headingnya adalah

PROFIL SKB I TANAH DATAR.

9

Gambar 12. Membuat Halaman Baru

12. Halaman baru dengan nama PROFIL ini penilis akan menampilkan file

dalam bentuk table berformat excel. File berupa table-tabel tersebut

diubah dulu ke file berformat gambar dengan cara mengkopikannya

sheet per sheet ke program Microsoft office publisher 2007 lalu simpan

lembaran filenya satu persatu ke dalam bentuk file jpeg. File gambar

table inilah yang di-upload ke Yola satu persatu seperti kita masukkan

file gambar untuk halaman web pada penjelasan di butir pembuatan

menu Homepage.

13. Di halaman profil berisi juga file yang bisa diunduh (di download),

caranya adalah drag and drop icon File yang berada pada kolom

content lalu tempatkan pada posisi halaman web yang diinginkan, ikuti

proses upload file yang muncul seperti yang telah dijelaskan pada

pembuatan halaman depan web. Hasil pengerjaannya akan terlihat

seperti di bawah ini. Menu DATA PNFI proses pembuatannya sama

seperti pembuatan menu PROFIL.

10

Gambar 13. Halaman pada Menu Profil

12

Gambar 14. Preview File yang bisa Didownload

11

14. Bergerak kita ke arah pembuatan Menu DOKUMENTASI KEGIATAN

yang juga merupakan navigasi halaman. Pembuatan halaman baru

prosesnya sama seperti pada butir nomor 11. Klik icon Video pada

kolom Content, lalu drag and drop icon You Tube Video ke arah lokasi

halaman web yang diinginkan; klik Tulisan Browse You Tube lalu kita

dibawa secara otomatis ke server you tube. Andaikan anda belum

menjadi anggota you tube maka klik tulisan Sign Up dan isi format

isian yang muncul dan Login dengan Account yang diberikan you tube

untuk bisa meng-upload video yang anda miliki. Copy URL yang

diberikan you tube dan paste di URL Yola pada kolom content.

Your Account Details

YouTube username: MAIKUSBIONO1964

Google Account email address: yono_mul63@yahoo.com

Gambar 15. Data Account Penulis di You Tube

Gambar 16. Video Player Youtube yang Tampil di halaman Web

12

Gambar 17. Kode URL di Youtube yang akan dikopikan ke URL di Yola

Hasilnya terlihat di bawah ini :

Gambar18. Tampilan Hasil Upload Video ke youtube di Yola

13

15. Pada halaman depan penulis ingin menyertakan lampiran halaman

yang berisi video klip kegiatan tahun 2009, yaitu kegiatan sosialisasi

tim Badan Akreditasi Nasional Sumatera Barat tentang Akreditasi PNF.

Buat halaman baru tapi jangan diberi centang pada kotak Show in

Navigation , buat halaman berisi video klip dengan prosedur

pembuatan seperti yang telah dijelaskan pada pembuatan menu

DOKUMENTASI KEGIATAN. Setelah halaman ini siap maka sekarang

kita akan membuat hubungan antara halaman-halaman yang saling

ada keterkaitan (membuat Link).

Gambar 19. Halaman yang berupa Link

16. Sorot teks yang ingin dijadikan link, lalu klik icon insert link (gambar rantai)

yang ada di toolbar. Di jendela yang muncul, pilih Page dan klik kotak

berisi titik-titik untuk mengarahkan ke halaman yang tadi telah dibuat

pada point 16. Jika berhasil, maka di-preview akan terlihat tulisan yang

tadi disorot akan muncul teks yang bergaris bawah; artinya tulisan teks

tersebut adalah sebuah hyperlink (bila pointer melewati teks tersebut

akan berubah menjadi gambar jari tangan) yang bila diklik akan langsung

membuka halaman yang dimaksud.

14

Gambar 20. Gambar Teks yang berupa sebuah Hyperlink

Gambar 21. Memberi Centang pada Page lalu Klik OK

15

Gambar 22. Pilih File yang akan Dijadikan Link lalu Klik OK

Setiap selesai mengerjakan pekerjaan jangan lupa mengklik icon Save

Dan Update My Site Pada toolbar dan untuk melihat hasilnya klik icon

Preview. Jika masih terlihat kurang maka kembali ke halaman tersebut

(dengan menutup tampilan preview) dan klik tombol Edit pada sudut kiri

atas bagian halaman yang akan diedit.

Gambar 23. Tab untuk Meng-update Situs

16

MEMPUBLIKASIKAN WEB

Web yang telah dibuat jika ingin dapat diakses oleh pengunjung maka

harus melalui proses publikasi agar memperoleh alamat URL-nya. Langkah

pengerjaannya adalah sebagai berikut :

1. Buka halaman Indeks, lalu klik Publish My Site yang berada pada toolbar.

Gambar 24. Tab untuk Mempublish Situs

2. Pada Jendela yang muncul pilih Use a free subdomain lalu klik Go.

Dengan memilih opsi ini maka URL-nya memiliki tambahan keterangan

yolasite, contohnya : http://skb1tanahdatar.yolasite.com . Jika kita ingin

nama tersebut menjadi http://www.skb1tanahdatar.com maka kita

harus mengeluarkan dana sebesar 19.95 dollar/tahun.

Gambar 25. Tampilan untuk Memilih Publikasi secara Gratis

3. Selanjutnya ketik nama URL yang anda inginkan pada kotak isian, lalu klik

Check Availablility. Jika URL tersebut masih belum ada yang mengklaim

(tersedia) maka klik Next untuk melanjutkan prosesnya.

17

4. Bila muncul jendela seperti di bawah ini, itu artinya web anda sudah bisa

diakses oleh siapa saja melalui URL yang diberikan oleh www.yola.com .

Gambar 26. Publikasi telah Berhasil

Gambar 27. Publikasi Web SKB I secara Berbayar

18

5. Langkah selanjutnya adalah mempromosikan web lewat search engine

google dengan cara tidak mengeluarkan biaya. Pada Adress Bar browser

Mozilla Firefox ketik http://www.google.com/addurl/?=/addurl ; atau

http://www.siteexplorer.search.yahoo.com/submit - maka akan muncul

jendela seperti berikut :

Gambar 28. Promosi Web lewat Search Engine Google dan Yahoo

Dengan menyertakannya ke dalam search engine, bukan berarti web

tersebut terindeks oleh search engine, dan muncul di halaman pertama hasil

pencarian. Yang dilakukan hanyalah sekedar pemberitahuan kepada search

engine google dan yahoo bahwa ada website baru dengan alamat URL :

http://www.skb1tanahdatar.com .

19

Bukti Situs web/Blog SKB I Tanah Datar telah terdeteksi di search engine

Google dan di Yahoo; kita ketikan kata kunci SKB I TANAH DATAR di kotak

pencarian, hasilnya seperti di bawah ini (kondisi 29 Mei 2010):

Gambar 29. Hasil Penelusuran Google terhadap Situs SKB I Tanah Datar

Gambar 30. Hasil Penelusuran Browser Yahoo terhadap Situs SKB I Tanah Datar

20

BLOG SKB I TANAH DATAR

Blog SKB I Tanah Datar dibuat untuk menampung kreatifitas Pendidik dan Tenaga Kependidikan Pendidikan Non Formal yang bersifat pribadi dan membutuhkan interaksi tinggi dengan pihak pengguna/pemakai internet (khalayak ramai), baik berupa karya tulis, file video-animasi-audio, dll..

Blog ini sifatnya tidak berdiri sendiri, tetapi ditempatkan pada web yang telah ada sebagai Menu Halaman, yaitu di http://www.skb1tanahdatar.com. Nama Blognya adalah http://www.skb1tanahdatar.com/blog.php .

Proses Pembuatan Blog dimulai dengan membuka Page index pada toolbar, lalu klik tab Add Page dan pilih Blog.

Gambar 31. Langkah Pertama Membuat Blog

Selanjutnya akan terlihat pada Gambar 30, isi Nama dan Heading-nya lalu beri centang pada Show in Navigation. Proses berikutnya adalah mengisi lembar posting yang muncul seperti terlihat pada Gambar 31, isi Judul (Title), ketik Teksnya, beri Kategori dan Tag (Kata Kunci untuk masuk ke dalam isi postingan ini, yang diperlukan oleh Search Engine Browser). Setelah siap Klik Tab OK. Blog-pun telah siap, lalu klik Save. Untuk lihat hasilnya klik Preview dan kalau sudah pas klik save kembali dan lanjutkan dengan mengklik Publish

to the web. Hasilnya terlihat pada Gambar 32.

21

Gambar 32. Memberi Nama Menu Blog sebagai Navigasi Halaman Web

Gambar 33. Proses Pembuatan Isi Postingan

22

Gambar 34. Preview Blog SKB I Tanah Datar

Untuk gambaran tentang pengelolaan Blog selanjutnya silahkan anda

berkreatifitas di http://www.yola.com.

23

PENUTUP

Web SKB I Tanah Datar mulai dikerjakan dan hosting di

www.yola.com pada tanggal 6 Juli 2009 dan terpublikasi dengan

URL : http://www.skb1tanahdatar.com pada tanggal 18 Juli 2009.

Sedangkan untuk Blog SKB I Tanah Datar, baru pada 27 Mei 2010 di

buat. Hambatan yang dirasakan dalam mengelola web/blog di SKB I

Tanah Datar adalah tidak adanya jaringan internet, dan belum

adanya pengelola/petugas yang khusus ditugasi untuk urusan

pengembangannya.

Diusianya masih baru dan dibuat oleh Pamong Belajar yang tidak

menguasai bahasa pemrograman web dan design grafis, membuat

web/Blog ini masih perlu banyak diperbaharui dan ditambah isinya.

Semoga ini menjadi langkah yang baik bagi SKB I Tanah Datar dan

PNFI di Kabupaten Tanah Datar untuk masuk ke dunia maya yang

bersifat global dan transfaran sehingga tujuan yang akan dicapai

dalam pembuatan dan pengembangan web/blog ini nantinya bisa

tercapai.

24

DAFTAR PUSTAKA

Anonimous. 2009. Build a Website Today. http://www.yola.com . ……………….. 2009. Tabloid PC Mild Edisi 12. Hardian. 2009. Pengertian Website, Web Hosting dan Domain Name. http://hardian.com/?p=74 . Hermanto MR. 2009. Pengertian Blog. http://muhammadrezahermanto.blogspot.com/2009/03/all-about-blog.html .

25

LAMPIRAN

26

Gambar Lampiran 1. Upload File Web SKB I Tanah Datar ke http://www.jugaguru.com

27