Anda di halaman 1dari 82

1

1.1. Pengertian Blog & Web


Penggunaan dan pemakaian blog pada era sekarang ini semakin tinggi tiap harinya. Kebutuhan aktualisasi diri dan berbagi melalui internet telah membuat penggunaan blog, web blog, website atau apapun namanya telah menjadi gaya hidup bagi kalangan perseorangan bahkan perusahaan. Blog(1) merupakan singkatan dari web log yang merupakan bentuk aplikasi web yang menyerupai tulisan-tulisan yang dimuat sebagai posting pada halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru terlebih dahulu kemudian diikuti isi yang lebih lama), meskipun tidak semuanya demikian. Situs web ini biasanya dapat diakses oleh semua pengguna internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut. Sedangkan Website adalah halaman yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan komponen atau kumpulan komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih merupakan media informasi yang lebih menarik untuk dikunjungi. Secara garis besar, website bisa digolongkan menjadi 3 bagian, yaitu: 1. Website Statis 2. Website Dinamis 3. Website Interaktif Website Statis adalah web yang memiliki halaman tidak berubah. Artinya adalah untuk melakukan perubahan pada suatu halaman dilakukan secara manual dengan mengedit kode yang menjadi struktur dari website tersebut. Website Dinamis merupakan website yang secara struktur diperuntukan untuk update sesering mungkin. Biasanya selain utama yang bisa diakses oleh user pada umumnya, juga disediakan halaman back-end untuk mengedit konten dari website. Contoh umum mengenai website dinamis adalah web berita, web portal yang di dalamnya terdapat fasilitas berita, polling, dan sebagainya. Website Interaktif adalah web yang saat ini memang sedang booming. Salah satu contoh website interaktif adalah blog dan forum. Di website ini pengguna dapat berinteraksi dan beradu argumen mengenai apa yang menjadi pemikiran mereka. Biasanya website seperti ini memiliki moderator untuk mengatur supaya topik yang diperbincangkan tidak keluar jalur. Perbedaan Website dan Blog Banyak orang awam menyatakan bahwa perbedaan antara website dan blog terletak pada alamat
3

URLnya. Jika blog memiliki embel-embel blogspot.com atau wordpress.com sedangkan website memiliki domain mandiri seperti .com, .web.id, dan lain sebagainya. Anggapan ini merupakan anggapan yang salah, karena domain blogspot atau wordpress merupakan domain gratis yang menandakan Anda memakai hosting gratis dari penyedia layanan blog. Namun demikian, Anda tetap bisa mengganti nama domain blog Anda secara mandiri. Lalu apa bedanya? Blog adalah sebuah sebuah aplikasi web yang memuat tulisan dan gambar atau biasa disebut posting. Fungsinya sangat beragam bisa berupa catatan harian, media publikasi, dan lain sebagainya. Blog memiliki kapasitas penyimpanan berupa gambar dan tulisan. Sehingga cocok untuk memajang produk atau hanya sekedar berbagi foto. Namun maraknya hosting gratis seperti mediafire, zidu, fileden, dan lain sebagainya, membuat blog juga dapat diberi menu download. Website memiliki fungsi yang mirip dengan blog, namun biasanya website jarang sekali update posting, karena hanya biasanya berisi informasi umum. Untuk memasukkan data posting, terkadang harus melakukan setting dengan software khusus. Website juga memiliki hosing tersendiri sehingga tidak perlu mentaut ke penyedia layanan hosting gratis.

1.2. Blogger vs Wordpress

Perbandingan Blogger vs Wordpress. Siapa pemenangnya? Berbicara tentang blog pasti akan menyinggung platform blog apa yang akan digunakan. Untuk saat ini ada beberapa platform blog yang dapat Anda gunakan dengan gratis, namun di antara berbagai platform tersebut ada dua yang paling terkenal, yaitu Blogspot daro google atau biasa disebut blogger dan Wordpress. Kedua platform blog ini sekarang menduduki peringkat teratas platform blog terfavorit yang paling banyak digunakan, selain berbagai macam kemudahan juga banyaknya template blog gratis yang tersedia. Biasanya pilihan platform blog pertama yang digunakan oleh seseorang, blogger akan menjadi platform favoritnya untuk waktu yang lama, kecuali orang tersebut menemukan kendala yang cukup berarti. Pada awalnya penulis menggunakan blogspot untuk belajar blogging tetapi pada perkembangannya kebutuhan penulis tidak dapat diakomodasi oleh satu platform blog saja, sebenarnya apa saja keunggulan dan kelebihan dari blogspot dan worpress?

Dan siapakah yang terbaik? Untuk itulah mari kita bahan perbandingan blogger dan wordpress pada subbab ini. Dasboard Blogspot Saat ini blogspot telah memiliki tampilan dashboard baru, penulis dapat merasakan dashboard baru ini lebih mudah digunakan dan lebih responsif karena telah menggunakan teknologi AJAX, tetapi untuk dapat menikmati dashboard baru ini javascript pada browser harus dalam keadaan aktif. Wordpress Tampilan dashboard yang digunakan oleh wordpress belum mengalami banyak perubahan yang berarti hal ini sekaligus memudahkan user karena tidak perlu menyesuaikan diri dengan dashboard baru. Kustomisasi Tema Blogspot Untuk mempercantik tampilan blog banyak blogger yang mengganti tampilannya dengan desain sendiri maupun template yang tersedia di internet, bagi Anda yang memiliki kemampuan lebih dalam pemrograman website template blogger ini dapat diubah sedemikian rupa hingga ke akar-akarnya. Wordpress Tampilan blog pada wordpress hanya dapat diubah apabila Anda menggunakan wordpress self hosting yang Anda host di server Anda sendiri, apabila Anda hanya menggunakan layanan gratis wordpress Anda hanya akan mendapatkan beberapa template standar yang dapat digunakan. Impor Artikel Blogspot Blogspot hanya dapat mengimpor artikel dari blog lain yang sama-sama menggunakan blogspot. Wordpress Untuk urusan impor artikel, wordpress lebih baik. Anda dapat memindahkan dan menyalin artikel Anda dari wordpress lain, typepad, yahoo 360, Tumblr, maupun blogger. Penyimpanan Gambar Blogspot Penyimpanan gambar yang disediakan blogspot dalam satu akun adalah sekitar 1GB, blogger juga tidak memiliki dashboard khusus untuk melihat file apa saja yang sudah Anda upload sebelumnya, jadi Anda akan sedikit kesulitan untuk mencari gambar atau foto lama Anda. Wordpress Untuk urusan penyimpanan gambar, wordpress menyediakan ruang sampai 3GB, dan pada dashboard wordpress juga telah menyediakan tampilan untuk pencarian gambar-gambar lama yang telah Anda upload.

Post By Email Blogspot dan wordpress telah sama-sama dapat menerima posting yang dikirimkan melalui email untuk langsung dapat dipajang di blog. Fitur ini memudahkan Anda apabila blog Anda memiliki penulis lepas selain Anda. Iklan Blogspot - Untuk urusan iklan, sebagai tambahan pencarian Anda, blogger lebih mudah digunakan karena faktor blogger yang merupakan anak perusahaan google jadi Anda dapat dengan mudah memasang iklan dari adsense di blog Anda, dimana Anda akan dibayar setiap ada orang yang mengklik iklan yang terdapat di blog Anda dan mungkin dapat Anda gunakan sebagai usaha sampingan Anda. Wordpress Kebiajakan dari wordpress untuk melarang pemasangan iklan dalam setiap akun yang dibuat mungkin akan sedikit menyulitkan Anda dalam hal ini. Untuk dapat memasang iklan di blog, Anda dapat menggunakan wordpress self-hosting. Apabila kita lihat masing-masing platform memiliki kelebihan dan kekurangan masing-masing, oleh karena itu kita tidak bisa mengatakan mana yang terbaik. Lebih tepatnya kita dapat memilih sesuai dengan keperluan. Apabila Anda menginginkan blog yang dapat diganti templatenya dengan mudah dan mencari penghasilan tambahan melalui iklan, Anda dapat menggunakan blogspot. Untuk Anda yang menginginkan kemudahan dalam penggunaan mungkin Anda dapat menggunakan wordpress. Khusus untuk Anda yang memiliki kemampuan lebih dalam pemrograman website mungkin wordpress yang Anda hosting sendiri dapat menjadi pilihan alternatif karena memiliki kelebihan yang tidak dimiliki kedua platform di atas.

1.3. Pengenalan Domain & Hosting


Domain name atau yang lebih sering disebut domain, merupakan nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer maupun internet. Nama domain berfungsi untuk mempermudah pengguna di internet pada saat melakukan akses ke server, selain juga dipakai untuk mengingat nama server yang dikunjungi tanpa harus mengenal deretan angka yang rumit yang dikenal sebagai IP address. Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs web seperti contohnya wikipedia.org. Nama domain kadang-kadang disebut juga dengan istilah URL, atau alamat website. Sekilas memang agak sulit untuk mencerna pengertian dari Wikipedia diatas. Sederhananya begini, domain sebenarnya merupakan nama alias dari sebuah IP Adresss, karena pada awalnya
6

alamat/nama situs itu berupa IP Address yang terdiri dari angka-angka. Jika tidak percaya, Anda bisa mengetikkan 202.146.4.100 pada internet browser maka akan muncul Website Berita KOMPAS. Ada dua macam Top Level Domain, yaitu Global Top Level Domain (gTLD) dan Country Code Top Level Domain (ccTLD). Contoh dari gTLD adalah seperti yang dituliskan diatas, yaitu: .com, .net, dll. Domain ini terdiri dari 3 huruf atau lebih. Sedangkan ccTLD adalah TLD yang diperuntukkan untuk masing-masing negara, seperti Indonesia dengan kode ID (co.id, net.id, or.id) atau Singapura dengan kode SG (com.sg, net.sg, dsb). Di sebelah kiri Top Level Domain terdapat Second Level Domain Name (SLD). Di kalangan pengguna internet Indonesia sendiri, second level domain ini sering disebut juga namadomain. Misalnya pada website jagoanhosting.com, maka jagoanhosting adalah SLD dan .com-nya adalah TLD. Selanjutnya, Third Level Domain yang merupakan nama sebelum Second Level Domain dan Top Level Domain. Third Level Domain ini dikenal juga dengan sebutan subdomain. Pada website jagoanhosting.com, maka anda dapat menambahkan nama lain sebelum kata jagoanhosting.com menjadi blog.jagoanhosting.com, kata blog inilah yang disebut dengan third level domain atau subdomain. Setelah third level domain, selanjutnya ada juga fourth- dan fifth-level domain, dst. Dari penjelasan diatas dapat ditarik sebuah kesimpulan bahwa struktur penamaan alamat website (domain) pada umumunya menggunakan format: .danseterusnya.thirdLD.secondLD.topLD. Jika dalam dunia nyata, struktur penamaan website (domain) ini hampir mirip dalam struktur penamaan pada warga keturunan marga Batak. Misalnya, nama Nadya Yuti Hutagalung. Bentuk analoginya, nama marga (Hutagalung) kita anggap sebagai top level domain atau ekstension domain, nama tengah (Yuti) dianalogikan sebagai second level domain dan nama awal (Nadya) adalah sebagai subdomain atau third level domain.

1.4. Pengenalan Web Customer Care


Sebuah web akan lebih menarik jika memiliki layanan konsumen yang dapat melayani pengunjung website baik melalui layanan chat ataupun voice/video call. Dalam sebuah website yang memiliki banyak konsumen dan membutuhkan pelayanan online melalui chat, penggunaan aplikasi tambahan untuk melayani pengunjung web dan klien sebuah perusahaan melalui website menjadi bagian tak terpisahkan.

Live Zilla LiveZilla merupakan layanan Live Support System atau Lev Help yang sangat profesional, biasanya aplikasi ini digunakan untuk toko online. Apabila Anda membutuhkan software chat online pada website Anda, aplikasi LiveZilla merupakan pilihan yang sangat tepat.

LiveZilla menyediakan Live Chat dan memonitor pengunjung website yang real-time, sehingga Anda dapat memberikan layanan yang real time untuk para pelanggan Anda. Fitur LiveZilla diantaranya: Jumlah grup tidak dibatasi Mendukung multi-operator Chat invitation oleh operator Antrian chat dengan perkiraan waktu dan posisi tunggu dan posisi antri Real-time Visitor Monitoring Offline message Webcam support

Zopim Chatting live online merupakan hal yang mudah bagi pengguna aplikasi ini. Anda dapat memonitor, chat, dan berinteraksi dengan pengunjung website Anda. Anda tidak perlu mendownload software tertentu. Cukup dengan menyematkan kode zopim live chat di website Anda dan Anda dapat langsung berinteraksi dan memonitor pengunjung website Anda tanpa melakukan instalasi apapun pada komputer Anda. Zopim juga tersedia ke dalam berbagai fitur bahasa termasuk Bahasa Indonesia.

Yahoo PingBox Pingbox adalah suatu alat komunikasi eksklusif hanya antara seorang pengunjung individual dan Anda sebagai pemilik website. Selain Anda berdua, percakapan pingbox tidak dapat dilihat orang lain, meskipun banyak pengunjung yang dapat berada di halaman web yang sama kapan saja. Untuk hasil terbaik Anda disarankan menggunakan ingbox dengan Yahoo! Messenger versi terbaru. Dengan versi terbaru ini, Anda akan dapat melihat grup di daftar Messenger Anda yang menampilkan semua orang yang ada di halaman web.

1.5. Pengenalan E-Learning & Virtual Class

Apa itu e-learning?


Sekilas, perlu kita pahami ulang apa e-learning itu sebenarnya. Elearning adalah pembelajaran jarak jauh (distance learning) yang memanfaatkan teknologi komputer, jaringan komputer dan/atau internet. E-learning memungkinkan pembelajar untuk belaajr melalui komputer di tempat mereka masing-masing tanpa ahrus secara fisik pergi mengikuti pelajaran/perkuliahan di kelas. E-learning sering pula dipahami sebagai suatu bentuk pembelajaran berbasis web yang bisa diakses dari intranet di jaringan lokal maupun internet. Sebenarnya materi e-learning tidak harus didistribusikan secara online baik melalui jaringan lokal maupun internet. Distribusi secara offline menggunakan media CD/DVD pun termasuk pola e-learning. Dalam hal ini aplikasi dan materi belajar dikembangkan sesuai kebutuhan dan didistribusikan melalui media CD/DVD, selanjutnya pembelajaran dapat memanfaatkan CD/DVD tersebut dan belajar di tempat dia berada. Terdapat beberapa pengertian dengan e-learning sebagai berikut: Pembelajaran jarak jauh E-learning memungkinkan pembelajaran untuk menimba ilmu tanpa harus secara fisik hadir di kelas. Pembelajar bisa berada di Semarang, sementara guru/dosen dan pelajaran yang diikuti berada di tempat lain, kota lain, bahkan negara lain. Interaksi bisa dijalankan secara online dan real-time ataupun secara offline atau archived. Pembelajar belajar dari komputer di kantor ataupun di rumah dengan memanfaatkan koneksi jaringan intranet/internet dan media CD/DVD yang telah disiapkan. Materi ajar dikelola oleh sebuah pusat penyedia materi di sekolah/kampus atau perusahaan penyedia konten tertentu. Pembelajar dapat mengatur sendiri waktu belajar dan tempat dimana ia mengakses materi ajar. Pembelajaran dengan perangkat komputer E-learning disampaikan dengan memanfaatkan perangkat komputer. Pada umumnya perangkat dilengkapi dengan perangkat multimedia, CD/DVD drive, koneksi internet maupun intranet. Dengan memiliki komputer yang terhubung dengan intranet ataupun internet, pembelajar dapat berpartisipasi dalam proses pembelajaran elektronik ini. Kapasitas jumlah peserta didik pun tidak dibatasi. Materi ajar dapat diketengahkan dengan kualitas yang lebih standar dibandingkan dengan kelas konvensional bergantung pada kondisi pengajar.
9

Pembelajaran formal vs informal E-learning dapat mencakup pembelajaran formal maupun informal. E-learning secara formal misalnya adalah pembelajaran dengan kurikulum, silabus, materi ajar, dan uji kompetensi yang telah diatur dan disusun berdasarkan jadwal yang telah disepakati oleh pihak-pihak terkait seperti pengelola konten dan peserta didik. Pembelajaran seperti ini biasanya tingkat interaksinya tinggi dan diwajibkan oleh perusahaan pada karyawannya atau pembelajaran jarak jauh yang dikelola oleh universitas dan perusahaan-perusahaan (biasanya perusahaan konsultan) yang memang bergerak pada bidang penyediaan jasa eleraning umum. Elearning juga bisa dilakukan secara informal dengan interaksi yang lebih sederhana, misalnya melalui sarana mailing list, e-newsletter atau website pribadi, organisasi, dan perusahaan yang ingin mensosialisasikan jasa, program, pengetahuan, atau keterampilan tertentu pada masyarakat luas tanpa pungutan biaya. Pembelajaran yang ditunjang oleh para ahli Walaupun sepertinya e-Learning diberikan hanya melalui perangkat komputer, e-Learning ternyata disiapkan, ditunjang, dikelola oleh tim yang terdiri dari para ahli di bidang masing-masing, yaitu:
1. 2.

Subject Matter Expert (SME) atau nara sumber dari pelatihan yang disampaikan Instructional Designer (ID), bertugas untuk secara sistematis mendesain materi dari SME menjadi materi e-Learning dengan memasukkan unsur metode pengajaran agar materi menjadi lebih interaktif, lebih mudah dan lebih menarik untuk dipelajari

3.

Graphic Designer (GD), mengubah materi text menjadi bentuk grafis dengan gambar, warna, dan layout yang enak dipandang, efektif dan menarik untuk dipelajari Ahli bidang Learning Management System (LMS). Mengelola sistem di website yang mengatur lalu lintas interaksi antara instruktur dengan siswa, antarsiswa dengan siswa lainnya.

4.

Di sini, pembelajar bisa melihat modul-modul yang ditawarkan, bisa mengambil tugas-tugas dan testtest yang harus dikerjakan, serta melihat jadwal diskusi secara maya dengan instruktur, nara sumber lain, dan pembelajar lain. Melalui LMS ini, siswa juga bisa melihat nilai tugas dan test serta peringkatnya berdasarkan nilai (tugas ataupun test) yang diperoleh. E-Learning tidak diberikan semata-mata oleh mesin, tetapi seperti juga pembelajaran secara konvensional di kelas, e-Learning ditunjang oleh para ahli di berbagai bidang terkait.

Apa itu Virtual Class?


Kelas virtual adalah sebuah kelas online dimana guru/dosen bertatap muka dengan peserta didik secara langsung melalui dunia maya. Pengertian kelas virtual hampir mirip dengan pengertian e-learning. Keduanya sama-sama menggunakan perngkat elektronik dalam proses transfer of knowledge. Namun, di dalam kelas virtual tersebut terdapat proses e-learning. Tren penggunaan kelas virtual berbasis web kini semakin meningkat. Web dapat dimanfaatkan sebagai media untuk penyampaian informasi dalam konsep sistem kelas virtual. Web juga dapat dijadikan sebagai media interaksi antara pengguna sistem meskipun masih terbatas. Kelas virtual menawarkan suatu konsep belajar-mengajar jarak jauh. Konsep ini memberikan
10

cara belajar yang berbeda dari cara konvensional. Peranan guru/dosen menjadi tidak begitu dominan lagi. Siswa atau mahasiswa memiliki peranan yang lebih dominan. Dalam konsep ini siswa dituntut untuk belajar sendiri dari materi yang diberikan guru/dosen. Keaktifan siswa terutama dalam diskusi akan menjadikan cara berpikir siswa tersebutsemakin kritis. ooVoo ooVoo adalah evolusi berikutnya dalam komunikasi online. Cara yang sangat mudah untuk melakukan percakapan video tatap muka dengan teman, keluarga atau rekan kerja, di manapun mereka berada. ooVoo adalah video conference strat-up dan aplikasi oleh pesan cepat, mirip dengan skype video. ooVoo memungkinkan video chatting dengan sampai 6 peserta dan tidak seperti skype video, ooVoo tidak menggunakan jaringan P2P. Menggunakan ooVoo sangatlah mudah dan menyenangkan karena aplikasi ini dapat disematkan pada laman website.

TokBox TokBox adalah aplikasi video chatting berbasis web. Selain dari halaman website standar dimana Anda dapat login dan memulai video chatting dengan siapapun melalui browser web Anda, TokBox telah membuat namanya dengan mengintegrasikannya dengan layanan lainnya, seperti pada peramba Firefox. Aplikasi ini selain dapat disematkan di website juga terdapat versi komponen desktop Adobe AIR yang dapat Anda unduh di situs mereka.

11

12

2.1. Proses Instalasi


Aplikasi ini adalah salah satu aplikasi pembuatan e-learning yang paling diminati oleh kalangan pendidik. Aplikasi ini memungkinkan pengguna untuk membuat program pembelajaran interaktif berbasis flash berformat swf di internet maupun exe dalam CD/DVD. Bagi Anda yang memiliki LMS seperti moodle aplikasi ini juga dapat diintegrasikan dengan serve moodle Anda. Aplikasi ini mendukung berbagai macam bentuk latihan seperti benar/salah, isian, pilihan ganda, esai, jawaban mutipel, bank kosa kata, hingga klik pada peta. Cara Instalasi: Langkah 1:

Klik aplikasi installer Wondershare Quiz Creator pada CD/DVD yang sudah termasuk di dalam modul workshop Anda.

Langkah 2:

Klik NEXT untuk melanjutkan

Langkah 3:

Klik I ACCEPT THE AGREEMENT untuk menyetujui Persyaratan Lisensi produk

Klik NEXT untuk melanjutkan

13

Langkah 4:

Klik BROWSE untuk memilih lokasi penyimpanan instalasi produk

Klik NEXT untuk melanjutkan

Langkah 5:

Centang pada CREATE A DESKTOP ICON jika Anda ingin menciptakan ikon pada desktop Anda.

Klik NEXT untuk melanjutkan

Langkah 6:

Klik INSTAL untuk memulai proses instalasi

Langkah 7:

Tunggu hingga proses instalasi usai

14

Langkah 8:

Klik NEXT untuk melanjutkan

Langkah 9:

Klik LAUNCH QUIZ CREATOR untuk memulai aplikasi

Klik NEXT untuk melanjutkan

Langkah 10:

Masukkan email terlisensi dan kode registrasi pada kolom yang tersedia kemudian klik REGISTER

Langkah 11:

Klik OK untuk melanjutkan ke aplikasi.

15

2.2. Fitur-Fitur Aplikasi


Gambar di bawah merupakan tampilan awal aplikasi Wondershare Quiz Creator. Klik pada CREATE A NEW QUIZ untuk membuat kuis atau bank soal berbasis flash dan klik pada ikon CREATE A NEW SURVEY untuk membuat jajak pendapat berbasis flash.

Klik OK untuk melanjutkan ke aplikasi.

Klik OK untuk melanjutkan ke aplikasi.

Tampilan screen-shot pada sebelah kiri adalah kontrol panel untuk pembuatan materi ajar atau bank soal dan tampilan pada sebelah kanan adalah panel kontrol untuk membuat survey atau jejak pendapat.

True/False Adalah fitur soal yang diikuti oleh dua pilihan benar atau salah dimana hanya terdapat satu pilihan yang tepat, yaitu benar atau salah. Peserta tes harus memilih satu jawaban yang benar untuk mendapatkan poin.

16

Mutiple Choice Pilihan ganda merupakan salah satu bentuk soal dimana terdapat satu soal dan beberapa jawaban yang hanya memiliki satu jawaban tepat. Jumlah pilihan maksimal pada fitur ini adalah 9 pilihan jawaban.

Multiple Response
Bentuk pertanyaan ini mirip dengan pertanyaan mutiple choice namun perbedaanya, fitur ini memiliki lebih dari satu jawaban yang benar dari 9 pilihan jawaban yang tersedia. Poin akan diberikan setelah peserta tes berhasil memilih jawaban mana saja yang tepat. Fill-in-the Blanks Fitur ini memungkinkan kita untuk membuat jenis soal isian singkat dimana peserta tes mengetikkan jawaban yang tepat untuk melengkapi pernyataan ataupun pertanyaan. Pembuat tes dapat memasukkan satu hingga sembilan pilihan jawaban. Peserta tes akan mendapatkan poin jika mereka dapat mengetikkan 1 dari kemungkinan 9 jawaban yang dibuat oleh pembuat tes.

Matching
Matching merupakan salah satu bentuk soal yang mengharuskan peserta tes untuk mencocokan antara kolom di sebelah kiri dengan pilihan jawaban ataupun gambar di sebelah kanan. Untuk membuat jenis soal ini, dibutuhkan minimal dua pasang soal dengan maksimum sembilan pasang soal matching. Peserta tes akan mendapatkan poin setelah berhasil memasangkan antara kolom sebelah kiri dengan kolom sebelah kanan dengan tepat.
17

Sequence Jenis soal ini mengharuskan para peserta tes untuk mengurutkan pernyataan berupa kalimat secara tepat. Pembuat tes dapat membuat hingga maksimal 9 baris soal yang harus diurutkan. Poin akan didapat jika peserta tes berhasil mengurutkan susunan soal yang acak dengan tepat. Word Bank Word Bank merupakan salah satu jenis soal yang memungkinkan pembuat soal untuk membuat soal yang mengharuskan peserta tes untuk memilih satu jawaban yang tepat untuk mendefinisikan sebuah kata ataupun gambar.

Click Map Merupakan bentuk pertanyaan yang mengharuskan peserta tes untuk mengklik pada area yang tepat pada suatu gamabr atau peta. Poin akan diperoleh jika peserta tes memilih dengan benar pada bagian gambar yang seharusnya.

Short Essay Bentuk soal terakhir pada aplikasi ini adalah short essay yang mengharuskan peserta tes untuk membuat esei. Tidak ada jawaban dan penilaian yang pasti pada jenis soal ini. Pembuat tes dapat membuat referensi esei bagi peserta tes sebagai contoh jawaban yang benar. Penilaian format soal ini masih bergantung kepada guru/dosen soal yang bersangkutan.

18

19

3.1. Setelan Awal


QUIZ PROPERTIES

Klik QUIZ PROPERTIES untuk membuka setelan aplikasi

Untuk membuka setelan awal, silakan klik pada ikon QUIZ PROPERTIES pada tampilan awal aplikasi ini. Maka akan muncul tampilan jendela seperti pada gambar di bawah.

Quiz Information
Pada tab QUIZ INFORMATION ini, kita dapat mengedit judul kuis, informasi pembuat kuis, tampilan halawan awal, menambahkan audio dan gambar/logo pada tampilan awal kuis, serta pengumpulan data peserta kuis.

20

Ketikkan judul kuis yang Anda inginkan.

Klik EDIT INFORMATION untuk mengedit data diri pembuat kuis.

Centak pada kotak untuk menampilkan halaman awal kuis.

Klik ADD untuk menambahkan audio

Klik BROWSE untuk menambahkan gambar yang telah tersimpan di komputer Klik CAPTURE untuk mendapatkan gambar dimanapun yang ingin Anda tangkap

Centak pada kotak untuk menampilkan statistik kuis.

Klik SET untuk penyetelan data peserta kuis

Untuk menambahkan audio pada halaman awal aplikasi e-learning Anda, silakan perhatikan gambar berikut:

Klik pada ikon folder untuk menambahkan audio dari komputer; ikon rekam untuk merekam suara Anda sendiri

Centang pada kotak untuk memainkan audio secara otomatis

21

Quiz Setting
Beralih ke setelah quiz setting, Anda akan dapat menentukan nilai KKM, satuan waktu, pengacakan soal, dan tata cara pengumpulan jawaban.

Tentukan nilai presentase KKM Anda. Ubah sesuai standar minimum yang Anda inginkan. Tentukan waktu akses kuis/tes Anda dengan menyetel batas waktu kuis/tes. Anda dapat menyetel agar soal yang tampil akan teracak secara otomatis bagi setiap peserta tes. Tentukan setelan lainnya seperti pengumpulan soal satu per satu atau setelah seluruh soal terakses, penampilan jawaban yang benar setelah tes usai, memungkinkan peserta tes untuk melakukan review atas pekerjaan mereka, dan pengkhususan aksesibilitas.

22

Quiz Result Tab Quiz Result ini memungkinkan Anda untuk menyetel tampilan akhir aplikasi e-learning Anda.

Pada tab Feedback, Anda dapat menyetel tampilan hasil tes/kuis pada aplikasi e-learning Anda. Setel tampilan Anda sesuai kalimat dan bahasa yang Anda inginkan.

Centang pada kotak yang tersedia untuk menampilkan Quiz Statistics pada akhir aplikasi e-learning Anda. Tampilkan tombol SELESAI pada akhir kuis Anda. Tautkan pada halaman blog/web Anda, jika diinginkan.

23

Question Setting
Question Setting memungkinkan Anda menyetel tampilan huruf, ukuran dan warnanya pada tampilan aplikasi elearning yang Anda buat.

Setel jumlah poin pada setiap butir soal. Anda dapat menyetel dengan menambahkan poin jika jawaban betul dan dikurangi jika jawaban salah. Ubah setelan ukuran, jenis, dan warna huruf yang Anda inginkan pada tampilan aplikasi e-learning Anda.

24

Feedback pada tab Question Setting memungkinkan Anda untuk menyetel tampilan kata/frase yang Anda inginkan apabila jawaban itu benar ataupun salah.

Others Tab Others merupakan tab yang memungkinkan Anda untuk menyetel keamanan akses pada aplikasi e-learning Anda, baik itu No Protection, Access with Password only, dan membuat user name dan password untuk mengakses aplikasi e-learning yang telah Anda buat.

25

Pada pilihan ini siapapun dapat mengakses aplikasi e-learning Anda tanpa proteksi apapun. Opsi ini memungkinkan proteksi hanya berupa satu password saja

Opsi ini memungkinkan Anda untuk membuat user name beserta passwordnya.

Ketikkan user-name beserta password yang Anda inginkan. User dan password juga dapat Anda sesuaikan dengan daftar hadir siswa pada setiap kelas.

Tentukan nama domain untuk kuis/tes aplikasi e-learning Anda.

Setel Page Meta untuk deskripsi dan keyword yang Anda inginkan.

26

PLAYER TEMPLATE

Klik PLAYER TEMPLATE untuk mengedit tampilan template e-learning Anda.

Setelah Anda mengklik ikon di atas, maka akan muncul tempilan jendela seperti di bawah. Ikon ini digunakan untuk menyimpan tampilan yang telah Anda edit. Pilih kombinasi warna template yang Anda inginkan secara otomatis. Ubah warna background atau tambahkan gambar template Anda sendiri. Ubah warna pada masingmasing panel template Anda. Klik tan ini untuk membuat efek tertentu pada template player Anda. Pilih audio saat aplikasi Anda berjalan. Buat aplikasi Gunakan tab ini untuk memilih beberapa jenis template yang tersedia dan siap Anda gunakan pada aplikasi e-learning Anda. Edit dan pilih tampilan bahasa yang Anda inginkan. e-learning Anda lebih menarik.

27

Pilih Tema Pilih tema yang telah tersedia sesuai dengan keinginan Anda. Setelah Anda pilih template yang sesuai, klik pada salah satu template, maka template Anda akan berubah sesuai dengan yang Anda inginkan.

Colors Menu Colors membuat Anda dapat memilih jenis warna yang berbeda pada setiap tampilan template player Anda.

Background Pilih satu warna dominasi yang Anda sukai.


Klik MERAH untuk mengganti warna template menjadi merah.

Klik HIJAU untuk mengganti warna template menjadi hijau.

Klik PICTURE untuk menggan tampilan template Anda sendiri.

Untuk mengganti template dengan milik Anda sendiri silakan klik picture, maka akan muncul tampilan seperti di samping ini: Buka folder tempat Anda menyimpan template yang akan Anda pasang dan pilih. Kemudial klik buka/open untuk memasang template baru Anda.

28

Maka, tampilan template player Anda akan menjadi yang diinginkan seperti gambar di samping.

Klik SAVE & CLOSE untuk menyimpan dan menutup penyetelan.

3.2. Pembuatan Soal


Pengenalan Ikon

(1) (1) (2) (3) (4) (5) (6) (7)

(2)

(3)

(4)

(5)

(6)

(7)

Gunakan ikon di atas untuk cut, copy, atau paste tulisan dan lain sebagainya dari dan ke aplikasi Anda. Ubah jenis, ukuran, warna, ketebalan, kemiringan, dan efek bergaris pada aplikasi e-learning Anda. Penyetelan sistem penilaian berdasarkan jawaban atau pertanyaan serta kesempatan siswa untuk menjawab soal aplikasi e-learning Anda. Penyetelan sistem umpan bali dan manualisasi proses pengerjaan aplikasi e-learning. Sematkan note, rumus, gambar, suara, dan video ke dalam aplikasi e-learning Anda. Cek pelafalan huruf pada aplikasi e-learning Anda. (Tidak berlaku pada bahasa Indonesia.) Klik ikon ini untuk melakukan preview sebelum Anda menyelesaiakan aplikasi e-learning Anda.

True/False
True/false adalah salah satu bentuk soal yang memungkinkan Anda untuk membuat model soal berupa pertanyaan atau pernyataan baik bergambar, bervideo, atau beraudio dimana Anda harus menyatakan kemungkinan yang benar atau salah berdasarkan pernyataan atau pertanyaan tersebut.

29

Ketikkan pertanyaan Anda pada bagian atas seperti format di samping.

Klik bagian ini kemudian pilih ADD IMAGE untuk menambahkan gambar atau audio.

Ketikkan dan tandai kolom jawaban yang benar. Anda juga dapat mengganti tulisan True dan False menjadi betul salah dan sebagainya sesuai kehendak Anda.

Multiple Choice
Pada jenis kuis ini, Anda dapat membuat soal pilihan ganda. Jumlah pilihan ganda dapat dibuat dengan maksimal jawaban hingga 9 (sembilan) pilihan. Tambahkan pula gambar, audio dan video jika diinginkan.

Ketikkan pertanyaan Anda pada bagian atas seperti format di samping.

Klik bagian ini kemudian pilih ADD IMAGE untuk menambahkan gambar atau audio.

Ketikkan dan tandai kolom jawaban yang benar.

Multiple Response
Multiple response adalah bentuk kuis dimana satu pertanyaan atau pernyataan memiliki lebih dari 1 (satu) kemungkinan jawaban, berbeda dengan bentuk multiple choice yang hanya memiliki satu jawaban benar. Anda dapat membuat 2 (dua), 3 (tiga) hingga maksimal 9 (sembilan) pilihan jawaban.

30

Ketikkan pertanyaan Anda pada bagian atas seperti format di samping.

Klik bagian ini kemudian pilih ADD IMAGE untuk menambahkan gambar atau audio.

Ketikkan dan tandai kolom jawaban yang benar. Ingat harus lebih dari satu jawaban yang benar pada soal Anda.

Fill in the Blanks


Bentuk soal Fill in the Blanks sama dengan soal berbentu isian pendek atau singkat. Anda dapat membuat pertanyaan dengan jawaban pendek ataupun pernyataan rumpang yang harus di lengkapi. Anda diharapkan menuliskan berbagai jenis jawaban yang memungkinkan siswa menebak kata-kata apa yang tepat untuk melengkapi pernyataan rumpang Anda.
Ketikkan pertanyaan/pernyataan rumpang Anda pada bagian atas seperti format di samping.

Klik bagian ini kemudian pilih ADD IMAGE untuk menambahkan gambar atau audio.

Ketikkan beberapa pilihan jawaban tepat yang dapat digunakan untuk melengkapi pernyataan di atas.

Matching
Anda dapat membuat jenis soal mencocokkan pada aplikasi e-learning Anda dengan tipe kuis ini. Anda dapat membuat soal mencocokkan antar kalimat, antar gambar ataupun kombinasa kalimat dan gambar. Siswa diharuskan mencocokkan antara kolom di sebelah kiri dengan kolom di sebelah kanan.

31

Ketikkan pertanyaan/pernyataan rumpang Anda pada bagian atas seperti format di samping.

Klik bagian ini kemudian pilih ADD IMAGE untuk menambahkan gambar atau audio.

Ketikkan beberapa pilihan jawaban tepat yang dapat digunakan untuk melengkapi pernyataan di atas.

Sequence
Sequence atau mengurutkan adalah bentuk soal dimana siswa diharuskan untuk mengurutkan pernyataan, siklus, kejadian atas sesuatu dengan tepat dari awal hingga akhir pada jawaban yang tidak urut tersebut.

Ketikkan perintah/instruksi Anda pada bagian atas seperti format di samping.

Klik bagian ini kemudian pilih ADD IMAGE untuk menambahkan gambar atau audio.

Ketikkan jawaban Anda secara urut pada masing-masing kolom. Jawaban pada aplikasi akan teracak secara otomatis.

Word Bank
Word Bank adalah bentuk kuis yang memungkinkan siswa untuk memilih kata, frasa, kalimat ataupun gambaran dan definisi atas suatu gambar ataupun istilah asing. Jenis tes ini hampir mirip dengan Fillin-the Blank namun Anda harus dapat membedakannya untuk menghindari kebingungan.

32

Ketikkan perintah/instruksi Anda pada bagian atas seperti format di samping.

Klik bagian ini kemudian pilih ADD IMAGE untuk menambahkan gambar atau audio.

Ketikkan jawaban Anda secara urut pada masing-masing kolom. Jawaban pada aplikasi akan teracak secara otomatis.

Click Map
Click Map adalah salah satu bentuk kuis dimana tidak hanya peta namun gambar apapun bisa dijadikan soal pada aplikasi e-learning Anda. Pilih gambar dan crop pada area yang menunjukkan sebagai jawaban yang benar. Selain peta, Anda juga dapat memasukkan gambar bagian tubuh hewan dan tanaman serta jenis kegiatan interaktif lainnya.

Ketikkan perintah/instruksi Anda pada bagian atas seperti format di samping.

Klik IMPORT untuk memasukkan gambar dan klik KOTAK atau LINGKARAN untuk crop area jawaban.

Short Essay
Bentuk kuis Short Essay adalah bentuk soal yang memungkinkan siswa untuk mengerjakan soal esei panjang berupa karangan dan penjelasan mengenai suatu siklus alami. Bentuk soal ini tidak dapat dikoreksi secara otomatis. Guru/dosen hanya dapat membuat contoh/model jawaban yang tersedia dan harus melihat hasil pekerjaan siswa nantinya.
33

Ketikkan perintah/instruksi Anda pada bagian atas seperti format di samping.

Klik bagian ini kemudian pilih ADD IMAGE untuk menambahkan gambar atau audio.

Ketikkan contoh dan model jawaban sebagai acuan siswa setelah mereka selesai mengetikkan esei mereka.

Blank Page
Anda dapat membuat penjelasan, contoh latihan, bahkan penjelasan melalui video dan audio mengenai topik bahasan yang sedang Anda buat apilkasi e-learningnya. Pada halaman kosong ini Anda dapat membuat penjelasan teori sebelum siswa mengerjakan latihan soal yang tersedia. Sertakan foto seperti halnya sebuah buku online.
Ketikkan perintah/instruksi Anda pada bagian atas seperti format di samping.

Ketikkan contoh dan model jawaban sebagai acuan siswa setelah mereka selesai mengetikkan esei mereka.

34

35

4.1. Proses Regsitrasi

FileDen adalah salah satu layanan hosting dan penyimpanan online baik gratis maupun berbayar. Ikuti langkah-langkah di bawah untuk melakukan proses registrasi.

Klik di sini untuk melakukan registrasi.

Lakukan SIGN UP untuk melakukan regostrasi personal account. Anda dapat melakukan upgrade jika diperlukan.

36

Ketikkan USER NAME

Ketikkan dan konfirmasi PASSWORD

Ketikkan dan konfirmasi EMAIL

Ketikkan FIRST NAME

Ketikkan LAST NAME

Ketikkan CAPTCHA

Klik REGISTER

Pastikan Anda mengingat dan mencatat USERNAME dan PASSWORD Anda.Setelah melakukan proses registrasi dan seluruh elemen formulir diterima, maka akan muncul halaman seperti di bawah

Klik OK untuk LOGIN

4.2. Proses Login & Pengunggahan

Setelah proses registrasi usai maka akan terbuka halaman login, dimana Anda diharuskan untuk memasukkan USERNAME dan PASSWORD Anda.

37

Ketikkan USERNAME Anda

Ketikkan PASSWORD Anda

Klik LOGIN untuk masuk

Setelah Anda berhasil login, maka akan muncuk halaman DASHBOARD seperti gambar di bawah.

Klik UPLOAD untuk mengunggah berkas

Penanda kapasitas hosting Anda yang telah dipergunakan. Anda dapat mengunggah hingga maksimal 1 GB.

Penanda kapasitas bandwith yang telah terakses. Anda dapat mengunggah hingga maksimal 5 GB/bulan.

Anda hanya di memiliki maksimal kapasitas penyimpanan 1 GB dan akses bandwith 5 GB/bulan. Jika Anda menginginkan kapasitas dan fasilitas bandwith lebih Anda dapat melakukan UPGRADE dengan membeli akun premium. Atau Anda dapat mengakalinya dengan memiliki lebih dari 1 (satu) akun gratis. Lakukan proses registrasi dengan akun berbeda termasuk USERNAME dan Email pengguna.

38

Klik di sini untuk membuka halaman pengunggahan alternatif

Klik PILIH BERKAS untuk memilih berkas yanga akan diunggah

Klik UPLOAD FILES untuk mengunggah berkas

Pada bagian kanan bawah layar, Anda akan melihat peringatan dimana Anda dilarang mengunggah beberapa jenis berkas seperti Malware, Virus, Phising atau berkas berbahaya lainnya. Jika Anda melanggar peringatan ini, maka akun Anda akan dihapus seketika termasuk berkas yang telah Anda unggah sebelumnya. Silakan klik SHOW LIST untuk melihat daftar berkas yang tidak diperbolehkan untuk diunggah. Anda juga dapat membuka halaman unggah alternatif seperti gambar di bawah.

Klik BROWSE FILES untuk memilih berkas

Klik START UPLOAD untuk mengunggah berkas

39

Pilih salah satu berkas yang telah Anda buat.

Klik BUKA/OPEN untuk memilih dan measukkan berkas

Setelah Anda memilih berkas, maka akan muncul halaman yang sama dengan daftar berkas Anda akan Anda unggah. Klik UPLOAD FILES atau START UPLOAD untuk mulai mengunggah berkas Anda. Tunggu hingga berkas Anda terunggah semua.

Setelah berkas terunggah dengan benar, maka akan muncul halaman berisikan alamat tautan yang dapat Anda salin dan tempel ke blog/web Anda. Andapun dapat segera membukanya secara online pada jendela peramba baru.

40

Segera salin dan tempel alamat tautan yang tersedia pada halaman jendela baru peramba atau klik kanan dan pilih opsi buka untuk langsung membuka hasil berkas yang telah Anda unggah. Tunggu beberapa saat hingga halaman tautan Anda terbuka seperti contoh di bawah.

41

42

5.1. Pembuatan Web-based Blogger

Langkah pertama dalam membuat blog tentu saja pendaftaran. Buka situs resmi blogger di www.blogger.com.
Klik di sini untuk mendaftar

Klik tombol DAFTAR pada pojok kanan atas layar Anda untuk melakukan pendaftaran blog baru. Kemudian isikan data diri Anda pada kolom yang tersedia. Masukkan data diri Anda mulai dari alamat email, kata kunci (password), nama tampilan, dan tanggal lahir. Kemudian isikan verifikasi kata yang tampil di layar dan klik
Isikan email Anda

lanjutkan.

Isikan password Anda

Ketik nama blog Ketikkan tanggal lahir Anda

Ketik verifikasi kata

Klik lanjutkan

43

Pilih salah satu template awal. Jangan khawatir template tidak sesuai selera, nanti kita dapat mengganti template yang kita suka.

Klik LANJUTKAN untuk menuju halaman berikutnya

Klik MULAI BLOGGING untuk mempostingkan sebuah artikel.

Klik RANCANGAN untuk mengganti dan menyetel layout dan template blog Anda

44

Klik EDIT HTML untuk mengunggah berkas template pilihan Anda.

Klik BROWSE untuk memilih template dari berkas komputer Anda

Pilih salah satu berkas berformat .xml pada komputer Anda

Pilih template latihan berjudul TEMPLATE WORKSHOP pada CD pembelajaran Anda.

45

Klik Unggah untuk melakukan mengunggah template

Pastikan berkas telah tertera pada kolom ini

Setelah proses pengunggahan selesai, maka akan muncuk notofikasi seperti halaman di samping. Silakan hapus widget jika diinginkan atau pertahankan jika diperlukan.

Klik HAPUS WIDGET untuk menghapus layout ini pada template

Klik lihat BLOG untuk melihat hasil template Anda

Setelah diunggah dan disimpan, silakan klik LIHAT BLOG untuk melihat tampilan baru blog Anda pada jendela baru peramba internet Anda.

46

5.2. Pengembangan Web-based Blogger


5.2.1. Penggantian Judul Menu dan Sub-Menu Blog
Pengembangan Web-based Blogger di sini adalah penyetelan judul menu dan layout blog menjadi seperti yang Anda inginkan. Diharapkan setelah melakukan editing pada template ini, Anda akan dapat mengedit bahasa sintaksis HTML pada template lainnya. Setelah diunggah, maka tampilan template contoh workshop kami adalah sebagai berikut:

Untuk mengganti judul menu, sub-menu, dan subsub-menu, silakan ganti menu asli dengan perangkat menu dan sub-menu yang Anda inginkan Tekan CTRL + F untuk menampilkan kolom pencarian. Lalu, ketikkan kata/frasa pada menu awal yang ingin Anda ganti.

47

Gambar di atas adalah tampilan kolom pencarian pada peramba Anda. Ketikkan About Us, maka kata/frasa yang Anda ketikkan akan ditandai dengan warna hijau jika ada, seperti gambar di bawah.

Perhatikan tanda berlayar hijau sebagai penanda kata/frasa yang Anda cari

Ketikkan kata/frasa yang Anda ingin ganti/edit

Edit tulisan menu dan sub-menu sesuai dengan yang Anda inginkan seperti gambar di bawah. Ganti dan edit hingga seluruh menu sesuai dengan yang Anda inginkan. Harap hati-hati dalam menyunting bahasa sintaksis template karena jika Anda salah edit maka template tidak akan tersimpan. Ganti dan edit huruf atau angka di antara kode ><.

Ganti dan edit judul menu dan submenu template Anda

48

Setelah Anda selesai mengedit dan mengganti seluruh judul menu dan sub-menu, simpan hasil suntingan Anda.

Ganti dan edit judul menu dan submenu template Anda

Perhatikan bahwa judul menu telah berubah sesuai dengan keinginan Anda

49

5.2.2. Penggantian Gambar Slider pada Tampilan Awal


Untuk mengganti gambar pada halaman awal template Anda, silakan klik CTRL + F kembali untuk mencari judul gambar default pada template workshop bawaan Anda.

Ganti Judul dan Deskripsi pada halaman edit HTML Anda dengan judul dan deskripsi gambar yang akan Anda unggah. Untuk mengganti gambar pada tampilan awal halaman awal, pertama-tama Anda harus mengunggah gambar yang ingin Anda unggah melalui halaman posting. Klik menu POSTING pada bagian kiri atas layar Anda dan buka pada TAB BARU.

Klik POSTING untuk mengupload gambar yang Anda inginkan

50

Klik ikon gambar untuk memilih dan mungunggah gambar

Klik CHOOSE FILES untuk memilih gambar

Pilih pada gambar yang akan Anda unggah

Klik BUKA/OPEN untuk mulai mengunggah gambar

51

Tunggu hingga unggahan selesai seperti pada dua gambar di atas. Maka, gambar akan muncul pada halaman posting seperti gambar di bawah.

Klik EDIT HTML untuk menyalin tautan gambar

Maka, tampilan halaman akan berupa kode seperti gambar di bawah. Salin kode setelah simbol src=xxxxxxxxxxxxxx.jpg.

Klik COPY untuk menyalin tautan gambar

zz

52

Kembali ke MENU RANCANGAN dan salin dan tempel hasil salinan tautan gambar awal dengan tautan gambar yang tadi kita salin seperti gambar di bawah.

Jangan lupa sertakan penyuntingan judul dan deskripsi gambar yang telah kita unggah seperti gambar di bawah ini.

Setelah itu, simpan dengan menekan tombol SIMPAN TEMPLATE. Kemudian, lihat tampilan hasil suntingan gambar Anda pada jendela peramba baru. Maka tampilan gambar, judul, dan deskripsi pada slider akan berubah seperti gambar di bawah.
Klik SIMPAN TEMPLATE untuk menyimpanan hasil suntingan

53

5.2.3. Pembuatan Posting Baru


Membuat posting blog itu mudah. Untuk itulah modul ini dibuat, agar para pembaca dapat membuat sebuah website yang sebenarnya adalah blog. Sebelum membuat halaman posting, silakan baca penjelasan berikut untuk mengetahui deskripsi fungsi dari masing-masing menu tab pada blog Anda.

Digunakan untuk membuat postingan baru berupa halaman pada web-blog Anda. Anda dapat membuat berita, artikel online, ataupun tautan online yang berisi gambar maupun video pada setiap halaman posting. Anda dapat menyunting kembali postingan Anda berdasarkan daftar yang ada. Baca, balas, dan atur halaman komentar dari pengunjung web-blog Anda di sini. Andapun dapat menyunting bahkan menghapus komentar yang tidak Anda sukai melalui kolom ini.
54

Setel penerbitan, format, komentar, arsip, feed situs, email & tampilan seluler, OpenID, dan Izin pada menu ini. Anda juga dapat mengatur serta menetel nama domain Anda melalui menu ini. Menu ini digunakan untuk menyetel tampilan web-blog melalui editing kode HTML dan Elemen Laman yang tersedia. Gunakan tab menu ini untuk mengedit menu, sub-menu, serta tampilan slider gambar pada web Anda. Gunakan menu ini untuk melihat hasil statistik pengunjung web-blog Anda, dari mana asal mereka, peramba apa saja yang paling sering digunakan, dan melihat kecenderungan traffic pengunjung web-blog Anda. Untuk membuat sebuah posting, pertama buka Dasboard blog Anda dan klik ENTRI BARU untuk memulai posting baru. Maka, akan tampil tampilan jendela seperti di bawah dan ketikkan judul serta isi dari postingan Anda pada kolom yang tersedia.

Ketikkan judul postingan Anda di sini

Ketikkan artikel postingan yang Anda ingin terbitkan pada kolom ini

Gunakan tombol ini untuk melakukan Undo dan Redo pada postingan Anda. Gunakan menu ini untuk merubah jenis dan ukuran huruf pada postingan Anda. Gunakan menu ini untuk menebalkan, memiringkan, serta menggarisbawahi postingan Anda.

55

Rubah warna dan background huruf, kata, atau kalimat pada postingan Anda dengan ketiga tombol ini. Tambahkan tautan, gambar, serta video pada postingan Anda. Setel tampilan sisi kanan, tengah, kiri, dan gunakan bullet dan numbering serta quotation pada laman blog Anda.

5.2.4. Menambahkan Tautan pada Postingan


Tautan adalah sebuah linking address dimana gambar, kata, maupun frasa dapat dijadikan sebagai tombol tautan. Anda dapat menambahkan tautan dimana jika pengunjung web-nlog Anda mengklik salah satu tautan yang tertempel pada kata, frasa atau gambar, maka mereka akan dapat mengunjungi halaman atau website tertentu dari halaman web-blog Anda.

Pilih dan block kata atau frasa yang akan Anda buat tautannya

Isco, silakan buka

Untuk membuat tautan, pertama pilih kata, frasa atau gambar yang ingin Anda buatkan tautan. Misal, pada contoh buku ini, block penuh frasa CEO Cisco Systems akan menaut pada laman resmi perusaham Cisco di www.cisco.com. Untuk mentautkan frasa pada alamat resmi Cisco, silakan buka tab laman baru pada peramba Anda dan buka laman resmi Cisco. Anda dapat mengganti tautan ke beberapa alamat lain seperti Wikipedia ataupun beberapa laman lainnya.

56

Salin dan tempel alamat laman yang akan Anda tautkan

Klik LINK untuk membuka penyetelan tautan pada blog Anda

Tempel alamat laman website yang ingin Anda tautkan pada kolom ini

Centang bagian ini untuk membuka tautan pada tab baru peramba

Klik OK untuk menyimpan setelah tautan

57

Perhatikan bahwa tampilan frasa tautan Anda akan tampak pada gambar di samping

5.2.5. Menambahkan Gambar pada Postingan


Untuk menunggah dan mengedit gambar, pertama klik ikon Picture Frame untuk memilih serta mengunggah gambar yang Anda inginkan. Anda dapat mengunggah gambar pribadi Anda ataupun gambar yang Anda dapatkan melalui media internet.

Klik ikon ini untuk memilih dan mengunggah gambar Anda.

Setelah Anda mengklik ikon tersebut, maka akan muncul tampilan seperti pada gambar di bawah:

58

Klik CHOOSE FILES untuk mengunggah gambar Anda

Kemudian pilih gambar yang akan Anda unggah dari komputer Anda. Anda dapat menggunakan hasil gambar yang Anda unduh ataupun koleksi gambar pribadi Anda.

Pilih salah satu gambar yang akan Anda unggah

Klik BUKA/OPEN untuk mulai mengunggah gambar

Klik ADD SELECTED untuk memasukkan gambar ke postingan

Anda dapat melakukan editing gambar secara manual dengan mengklik menu EDIT HTML.

59

Klik EDIT HTML untuk mengedit ukuran gambar secara manual

Pilih salah satu ukuran dan posisi gambar yang Anda inginkan

Anda dapat mengedit ukuran dan posisi gambar secara manual dengan mengklik pada gambar, maka akan muncul menu pada bagian a bawah gambar Anda. Klik ADD CAPTION untuk menambahkan caption.

Jika Anda memilih editing gambar dengan cara manual, maka setelah Anda memilih menu EDIT HTML, maka akan muncul tampilan sebagai berikut:

Ganti ukuran HEIGTH dan WIDTH untuk menyesuaikan ukuran gambar

Alhasil, maka tampilan hasil editing gambar Anda akan tampak seperti gambar di samping.

60

Kini, Anda siap untuk menyimpan dan menerbitkan hasil postingan Anda. Klik SIMPAN untuk menerbitkan hasil postingan Anda.

5.2.6. Menambahkan Video pada Postingan


Terdapat dua cara untuk menambahkan video ke dalam postingan web-blog Anda. Cara pertama dengan melakukan pengunggahan langsung dari IKON VIDEO ke dalam blog Anda dan cara kedua adalah dengan mengaupload video ke dalam akun You Tube Anda dan menyematkannya ke dalam postingan web-blog Anda. Cara kedua lebih dimanati mengingat selain dapat disematkan ke dalam halaman web-blog Anda melalui kode HTML, Anda juga dapat menampilkan dan berbagi video Anda di You Tube.

Klik ikon ini untuk memilih dan mengunggah video Anda.

Setelah Anda mengklik ikon tersebut, maka akan muncul tampilan seperti gambar di bawah:

61

Klik CHOOSE A VIDEO TO UPLOAD untuk mengunggah video Anda

Langsung pilih video yang akan Anda unggah seperti tampilan gambar di samping:

Pilih video yang akan Anda unggah

Pastikan video Anda telah terpilih

Klik UPLOAD untuk memulai pengunggahan

62

Tunggu hingga pengunggahan selesai.

Untuk menambahkan video melalui You Tube, pertama pilih video yang telah Anda unggah melalui akun Anda di You Tube. Ingat, Blogger dan You Tube merupakan produk milik Google dan dapat diintegrasikan dengan satu email saja. Pertama, silakan pilih salah satu video yang ingin Anda sematkan pada halaman postingan Anda. Perhatikan gambar berikut untuk melihat tata cara memilih dan mendapatkan kode sematan pada halaman You Tube.

Setelah Anda memilik video yang akan Anda sematkan, klik tombol SEMATKAN pada bagian bawah video. Lalu, salin dan tempelkan kode sematan ke dalam laman postingan blog Anda.

Klik SEMATKAN untuk membuka kode sematan ke laman blog Anda

Salin dan tempel kode sematan ke laman postingan blog Anda

63

Klik EDIT HTML untuk menyematkan video dari You Tube

Beri jeda satu spasi di atas dan satu spasi di bawah sebelum Anda menyematkan video You Tube Anda

Pemberian jeda dimaksudkan agar terdapat jarak antar video dengan artikel di atas dan di bawahnya. Ini memungkinkan agar tampilan postingan Anda tampak lebih rapi dan tertata. Sesuaikan ukuran video dengan merubah ukuran HEIGHT dan WIDTH pada tampilan EDIT HTML video You Tube yang Anda sematkan. Perhatikan gambar berikut untuk menyematkan dan mengedit video Anda pada bagian EDIT HTML.

Klik COMPOSE untuk kembali ke tampilan komposisi postingan

Salin dan tempel kode sematan You Tube Anda pada bagian ini. Edit ukuran lebar dan tinggi jika diperlukan.

64

Klik TERBITKAN ENTRI untuk menerbitkan postingan Anda

Klik LIHAT ENTRI untuk melihat hasil postingan pada web-blog Anda

Klik EDIT ENTRI untuk mengedit dan klik BUAT ENTRI BARU untuk membuat entri baru

Andapun telah berhasil menerbitkan postingan Anda secara online ke web-blog Anda. Lakukan hal yang sama untuk menerbitkan tulisan posting yang lain.

Hasil Postinga dengan gambar dan tautan

Hasil Postingan dengan video

65

66

6.1. Integrasi E-Learning pada Web-based Blogger

Pada Bab 5 ini, kita akan belajar bagaimana cara mengintegrasikan aplikasi e-learning dan kelas virtual ke dalam Web-based Blogger yang telah kita buat. Setelah pada Bab 2 dan 3 kita belajar cara membuat serta menunggah aplikasi e-learning yang telah kita buat ke server online FileDen, maka kini kita akan menerapkan seluruh aplikasi e-learning berbasis flash .swf yang telah kita buat ke dalam web-blog kita. Pertama, buka akun Anda pada server online FileDen, kemudian klik menu FILES dan pilih satu per satu aplikasi e-learning yang akan Anda tautkan dari web-blog Anda.
Klik LIHAT ENTRI untuk melihat hasil postingan pada web-blog Anda

Pilih salah satu file yang ingin Anda tautkan ke web-blog Anda

Klik kanan tetikus Anda dan pilih menu PROPERTIES

67

Setelah Anda klik kanan dan menekan PROPERTIES, maka akan muncul tampilan jendela seeprti gambar di bawah ini. Pastikan nama file yang Anda pilih sesuai dengan judul pada drop-down menu pada webblog Anda. Kemudian klik URL untuk menyalin dan menempel alamat URL ke dalam menu web-blog Anda.

Klik menu URL pada tampilan jendela file properties Anda

Klik kanan pada tetikus Anda

Salin alamat tautan

Setelah Anda menyalin alamat tautan aplikasi e-learning Anda, buka Dasbor blog Anda dan pilih menu RANCANGAN dan klik sub-menu EDIT HTML. Klik CTRL + F untuk mencari judul sub-menu dimana Anda dapat menautkan alamat aplikasi e-learning Anda sehingga pengunjung web Anda dapat langsung mengakses pembelajaran setelah mengklik sub-menu yang dimaksud.

68

Hasil pencarian Anda

Cari judul menu yang Anda maksud

Kemudian, di bawah sub-menu Anda, pilih mata pelajaran dimana Anda ingin menautkan aplikasi elearning Anda secara online. Pada contoh di atas, mata pelajaran yang kita pilih adalah mata p0elajaran matematika. Ganti simbol # (pagar) dengan alamat tautan aplikasi e-learning yang telah Anda salin dari laman server online FileDen, seperti pada gambar di bawah.

Tempel alamat tautan yang Anda inginkan

Lakukan hal yang sama hingga seluruh sub-menu dan aplikasi e-learning Anda tertaut pada seluruh webblog Anda. Ganti simbol # (pagar) dengan alamat tautan aplikasi e-learning maupun alamat postingan anda, dan bahkan tautan luar dari alamat website lainnya.

69

Maka, hasil editing dan pengintegrasian laman Anda akan tampak pada gambar di bawah ini. Perhatikan bahwa saat Anda memindahkan kursor tetikus Anda pada menu SCHOOL BASED akan muncul sub-menu baru. Dan saat Anda arahkan kursor sub-menu GRADE 7, maka akan muncul sub-menu baru ke arah kanan. Saat Anda menekan sub-menu MATHEMATICS, maka Anda akan dibawa masuk ke dalam aplikasi e-learning online Anda.

Patikan Anda memiliki kecepatan internet sedang hingga cepat untuk dapat mengakses program aplikasi e-learning Anda. Anda juga diharuskan memiliki aplikasi Flash Player yang terpasang pada peramba Anda agar dapat mengakses program ini.

Gambar tampilan menu isian awal e-flash

Gambar tampilan halaman awal e-flash

70

Gambar tampilan utama materi dan soal e-flash

Gambar tampilan akhir aplikasi e-flash

Anda dapat melihat hasil pekerjaan peserta didik yang telah mengakses aplikasi e-learning Anda melalui alamat e-mail Anda. Ingat! Anda diharuskan telah menyetel alamat e-mail pada saat Anda membuat aplikasi e-learning Anda.
Judul email otomatis disesuaikan dengan judul aplikasi e-learning yang diakses oleh peserta didik.

Laporan umum hasil belajar/tes

Data diri peserta didik yang mengakses aplikasi e-learning

Laporan mendetil hasil belajar/tes peserta didik

Anda akan menerima e-mail otomatis berisikan laporan hasil belajar/tes peserta didik Anda sesaat setelah peserta didik Anda selesai mengakses aplikasi e-learning yang Anda buat. Andapun tidak perlu repot dalam melakukan proses koreksi atas hasil belajar/tes peserta didik Anda.

6.2. Integrasi Kelas Virtual pada Web-based Blogger

Perkembangan teknologi senantiasa memiliki gebrakan terbaru termasuk dalam dunia pendidikan. Kini, fenomena pembelajaran jarak jauh mulai menjadi tren di dalam kalangan akademisi. Berbagai program studi onlinepun mulai tumbuh. Bahkan, pihak Dikti melalui beberapa universitas telah melegalkan proses pembelajaran jarak jauh ini. Namun, masih sedikit yang dapat memaksimalkan teknologi kelas
71

virtual pada program studi jarak jauh ini. Salah satu fasilitas face-to-face call yang sedang booming adalah Skype. Bahkan Skype kini mendukung aplikasi video call milik jejarning sosial Facebook. Namun, sayang fasilitas Skype tidak bisa disematkan pada website ataupun blog. Namun, Anda tidak perlu khawatir. Terdapat dua penyedia layanan panggilan video yang memungkinkan penggunanya untuk menyematkan fasilitas panggilan video melalui laman webstie maupun blog mereka. Fasilitas pertama yang akan kita gunakan adalah aplikasi ooVoo dan Toxbox.

6.2.1. Proses Registrasi ooVoo


Seperti aplikasi Skype dan Yahoo Messanger, ooVoo mengharuskan penggunanya untuk mengunduh aplikasi program ooVoo untuk dapat menggunakan fasilitasnya. Layanan ini menawarkan baik layanan secara gratis maupun premium berbayar. Lakukan langkah-langkah berikut untuk memulai proses registrasi akun ooVoo. Pertama, buka CD Anda dan klik pada aplikasi ooVoo yang telah tersedia. Tunggu beberapa saat hingga tampilan awal instalasi muncul

Piliha bahasa selama proses instalasi berlangsung

Klik NEXT untum melanjutkan proses instalasi

72

UNCHECKED instalasi program lain seperti ini

Klik NEXT untum melanjutkan proses instalasi

Ed Bfd p

Tunggu hingga instalasi selesai seperti pada gambar di atas. Anda membutuhkan sambungan internet untuk melakukan proses instalasi dikarenakan proses instalasi dilakukan secara online. Lama proses instalasi online ini tergantung pada kecepatan internet Anda. Anda juga dapat melakukan panggilan video hingga maksimal 12 (dua belas) orang dalam satu waktu. Setelah proses pengunduhan selama instalasi online selesai, silakan klik NEXT untuk melanjutkan proses instalasi.

73

Klik FINISH untuk menyelesaikan proses instalasi.

Lakukan proses pengisian formulir keanggotaan akun ooVoo Anda. Isi hingga seluruh data yang diperlukan terisi dan diterima oleh sistem ooVoo.

Klik I ACCEPT CREATE ACCOUNT untuk melanjutkan

Isikan ooVoo ID yang Anda inginkan, password, nama, tanggal lahir, jenis kelamin, dan email Anda. Sertakan rencana penggunaan ooVoo Anda untuk bisnis, pribadi atau keduanya. Isikan kolom yang terdapat pada tanda bintang.

74

Setelah proses registrasi usai, maka aplikasi ooVoo akan muncul dan Anda dapat masuk secara otomatis. Setelah masuk segera klik MY ACCOUNT kemudian klik MY VIDEO CHATROOM untuk menyetel sematan ruang virtual Anda.

afc Setelah Anda mengklik tombol MY VIDEO CHAT ROOM, maka Anda akan dibuka ke akun penyetelan Anda melalui peramba Anda. Laman penyetelan akan muncul secara otomatis dan Anda dapat mengedit tampilan ruang virtual ooVoo Anda.

75

Klik CUSTOMIZE ROOM untuk menyetel tampilan

Klik CUSTOMIZE ROOM untuk melakukan penyetelan atas tampilan ruang virtual Anda. Anda dapat merubah tampilan warna, memberi password, dan memilih template yang Anda sukai serta dapat disesuaikan dengan tampilan web-blog Anda.

Klik SAVE SETTINGS untuk menyimpan pengeditan

Ketikkan judul atau nama kelas virtual Anda. Anda dapat memberi nama kelas virtual Anda sesuai dengan keinginan Anda. Pada contoh di atas nama kelas virtualnya adalah Cambridge Virtual Room. Sertakan password untuk membuat kelas virtual tertutup dan hanya diikuti beberapa orang yang memiliki akses atas kelas virtual Anda. Kemudian klik SAVE SETTING untuk menyimpan penyetelan kelas virtual Anda pada bagian SETTINGS. Lanjutkan dengan penyetelan yang lain. Lanjutkan pada menu dengan mengklik JOIN BUTTON WIDGET.

76

Setel ukuran besaran ruang virtual yang Anda inginkan

Pilih warna latar belakang kelas virtual yang Anda inginkan

Pilih warna tulisan yang Anda inginkan

Salin kode penyematan pada webblog Anda

6.2.2. Proses Registrasi TokBox


TokBox merupakan layanan gratis video call yang lebih sederhana dalam proses registrasi dan penggunaan dibandingkan dengan ooVoo. Jika ooVoo mengharuskan Anda untuk melakukan registrasi dan instalasi serta dapat menggunakan password, maka TokBox tidak diperlukan proses instalasi dan tidak perlu menggunakan password untuk mengaksesnya.

77

Buka laman resmi TokBox di www.tokbox.com

Klik LEARN MORE untuk memulai proses registrasi

Klik GET THE APPS untuk mendapatkan kode aplikasi

Klik GET APP NOW untuk melakukan proses registrasi

78

Masukkan dan daftarkan email aktif Anda untuk melakukan proses registrasi. Klik NEXT. Setelah itu maka akan muncul jendela kecil baru dan pilih No, I dont untuk menyetel pembicaraan hanya dilakukan pada laman web-blog Anda. Klik GET CODE.

Salin kode penyematan pada webblog Anda

6.2.3. Proses Penyematan pada Web-Blog


Untuk menyematkan kode kelas virtual pada web-blog Anda, silakan buat POSTINGAN baru pada Dasbor Blogger Anda. Kemudian, klik EDIT HTML pada tampilan Dasbor Postingan Baru Anda dan tempel kode sematan pada kolom yang tersedia.

79

Tuliskan judul/nama kelas virtual Anda di sini

Tempel kode sematan pada kolom isian blog Anda

Setelah Anda selesai melakukan proses pembuatan POSTING BARU, klik TERBITKAN ENTRI dan klik LIHAT ENTRI untuk memeriksa hasil postingan kelas Virtual Anda.

Klik LIHAT ENTRI untuk melihat hasil postingan pada web-blog Anda

Klik EDIT ENTRI untuk mengedit dan klik BUAT ENTRI BARU untuk membuat entri baru

Salin dan tempel tautan alamat kelas virtual Anda pada menu RANCANGAN blog Anda. Klik EDIT HTML dan cari sub-menu Kelas Virtual. Paste alamat tautan pada bagian yang tersedia (#).

80

Klik START VIDEO CHAT HERE untuk memulai kelas virtual Anda

Selesaikan web-blog Anda dengan cara yang sama hingga seluruh tautan pada web-blog Anda aktif.

81

Make Your Own Portal & E-Learning adalah modul ajar yang dibuat khusus bagi kaum awam yang ingin belajar dan tau cara membuat serta mengembangkan portal/website berbasis Blogger beserta aplikasi E-Learning yang dapat diakses baik secara offline maupun online seperti portal pembelajaran profesional.

Buku ini memberikan tips dan triks mudah untuk membuat serta mengambangkan portal dan aplikasi e-learning serta pengintegrasian aplikasi e-learning tersebut dengan portal/website berbasis Blogger. Buku ini berisi tentang: Langkah mudah membuat Blogger agar tampak seeprti website profesional Tips dan triks mudah cara membuat serta mengembangkan web-blog seperti yang Anda inginkan Membuat aplikasi e-learning dengan program Wondershare Quiz Creator Cara pengintegrasian aplikasi e-learning dengan web-blog Anda Pembuatan kelas virtual online pada web-blog Anda

For online learning and online testing access go to ebright.mediafa.web.id


82