P. 1
Bahan Ajar Media Komputer

Bahan Ajar Media Komputer

|Views: 45|Likes:
Published by Em We

More info:

Published by: Em We on Nov 01, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

11/14/2012

pdf

text

original

Bab I.

Dasar-dasar Media Pembelajaran Belajar, Mengajar, Proses Belajar Mengajar

Pebelaj ar
Proses Belajar Mengajar
Faktor2: • • • Tujuan Bahan Pebelajar

Interaksi

Sumber Belajar

: Mengapa sesuatu diajarkan ? : Materi apa yang akan diberikan : Kepada siapa materi diajarkan ?


• • •

Pembelajar : Siapa yang mengelola interaksi shg PBM berlangsung ? Metode : Bagaimana materi disampaikan shg PBM berlangsung ? Lingkungan : Keadaan yg dibutuhkan agar PBM berlangsung Evaluasi : Melihat bgm interaksi berlangsung

Jenis Sumber Belajar: • Orang (people) : siswa, guru, petugas-perpustakaan, tutor, tokoh msy,…. • Pesan (message): berupa informasi yang akan dipelajari oleh pebelajar Diskusi • Ada anggapan bhw kalau terjadi proses belajar tentulah terjadi proses mengajar

Proses Belajar Mengajar Proses belajar dalam diri siswa (pebelajar) terjadi baik karena ada yang secara langsung mengajar (guru, instruktur) maupun secara tdk langsung Proses Belajar • Proses kompleks berlangsung seumur hidup • Terjadi perubahan tk-laku krn interaksi dg lingkungan • Perubahan relatif permanen (tahan lama, tdk sesaat) Proses Mengajar • Proses menciptakan kondisi terjadinya proses belajar Peranan Guru • Semula mrp pelimpahan tugas ortu krn tdk mampu memberikan pengetahuan, ketrampilan, dan sikap-sikap tertentu yg seiring tuntutan jaman (kecenderungan: guru mrp satu-satunya sumber belajar) • Kini……. ?.
Kumpulan Materi Kuliah Media Pembelajaran

-1-

Media, Media Pendidikan, Peranan, Klasifikasinya

(Gambar disalin dari buku Media Pendidikan halaman 12 dan 14)

Proses Belajar Mengajar = proses komunikasi yi penyampaian pesan dari sumber-pesan melalui saluran/media tertentu menuju ke penerima-pesan Pesan = materi ajar : Sumber pesan = sumber belajar (guru,….) : Saluran = media pembelajaran : Penerima pesan = pebelajar (siswa, ….)

Pes an
Dikiri m

Proses Encoding

Simbol Komunikasi Media

Proses Decoding

Pesan Ditang kap

Hambatan (Noises): • Faktor Psikologis : minat, sikap, pandangan, intelegensi • Faktor Fisik : keterbatasan indera, lelah, sakit, …. • Faktor Kultural : perbedaan adat-istiadat, norma-sosial, kepercayaan,…. • Faktor Lingkungan : situasi & kondisi sekitar Media Pendidikan Segala sesuatu yg dpt digunakan menyalurkan pesan dari pengirim ke penerima shg proses belajar terjadi pada diri siswa Media > alat bantu mengajar (teaching-aids) ; Media = alat penyalur pesan

Kumpulan Materi Kuliah Media Pembelajaran

-2-

Komponen Media • Bahan (material) • Alat (device) • Teknik / Metode • Lingkungan (Setting) • • • •

: pesan yang akan disajikan : piranti untuk menyajikan pesan : prosedur yg disiapkan untuk menggunakan alat, bahan, orang, lingkungan agar pesan tersajikan : suasana yg memungkinkan proses belajar berlangsung

Peranan Media Memperjelas penyajian pesan & mengurangi verbalisme Mengatasi keterbatasan: ruang – waktu – daya indera Menimbulkan gairah belajar ; memungkinkan interaksi lebih langsung antara siswalingk-kenyataan ; memungkinkan siswa belajar sesuai kemampuan & minat Memberikan rangsangan yg sama; mempersamakan pengalaman; mempersamakan persepsi

Klasifikasi Media (Menurut Ciri Khasnya) 1. Media Grafis saluran = indera pengelihatan ; pesan diwujudkan simbol komunikasi visual potensi fungsi jenis media ini: menarik-perhatian; memperjelas-ide; mengilustrasi fakta agar tdk cepat lupa. Beberapa contoh: • Gambar/foto • Sketsa : draft kasar yg melukiskan bagian pokok tanpa detil

(Gambar disalin dari buku Media Pendidikan halaman 33)

• Diagram : gb sederhana menunjukkan struktur objek / hub.antar objek / proses • Bagan/Chart : menyajikan ide/konsep yg sulit hanya disampaikan tertulis/lisan visual, juga mampu memberi ringkasan butir penting presentasi

Kumpulan Materi Kuliah Media Pembelajaran

-3-

Jenis chart: • Chart sekaligus • Chart bertahap : bagan tertutup (hidden chart) ; bagan balikan (flip chart) • Grafik • Kartun : gb interpretatif-simbolis • Poster • Peta & Globe : fungsi utama menyajika data lokasi • Papan Flanel : papan berlapis kain flanel • Papan Buletin : tanpa pelapis kain, gb langsung ditempel 2. Media Audio • Radio • Tape Recorder • Lab. Bahasa 3. Media Proyeksi • Film Bingkai (Slide) • Film Rangkai • Transparansi • Proyektor Tak Tembus Pandang • Mikrofis • Film • TV • Video

Kumpulan Materi Kuliah Media Pembelajaran

-4-

4 buku Media Pendidikan) • Benda Demonstrasi • Gambar Gerak • Komunikasi Lisan • Film Suara • Media Cetak • Mesin Belajar • Gambar Diam • Edling Ragam media dilihat dari banyaknya isyarat yg diperlukan – pengalaman subyektif. Ragam Media: (lihat gb 2.3. pengkondisian eksternal.s. contoh perilaku.2. kerumitan pirantinya) (Lihat gb 2. menilai prestasi.5 buku Media Pendidikan) • Kodifikasi Subyektif . tk. buku Media Pendidikan) • Media Audio-Visual-Gerak • Semi – Gerak • Media Audio-Visual-Diam • Audio • Audio Semi-Gerak • Cetak • Visual-Gerak • Duncan Dikelompokkan berdasar pemanfaatan bagi pendidikan (biaya-kelangkaan-keluasan lingkup v.2.Visual • Kodifikasi Objektif – Audio • Pengalaman Langsung Dg Orang • Pengalaman Langsung Dg Benda • Kodifikasi Objektif – Visual • Kodifikasi Subyektif – Audio Kumpulan Materi Kuliah Media Pembelajaran -5- . buku Media Pendidikan) • Briggs Dikelompokkan berdasarkan kesesuaian stimulus yang ditimbulkan oleh media dengan karakteristik siswa. kemudahan pengadaan & pemanfaatan v. Ragam Media: (lihat gb. objektif dan langsung. alih-ilmu.1. buku Media Pendidikan) • Objek • Media Transparansi • Model • Film Rangkai • Suara Langsung • Film Bingkai • Rekaman Suara • Film • Media Cetak • TV • Pembelajaran Terprogram • Gambar • Papan Tulis • Gagne Ragam media berkaitan dengan kemampuan memenuhi fungsi : pelontar/ penarik stimulus belajar.s.2. menuntun cara berpikir.Model Pengelompokan Lain (Tujuan Pemanfaatan Media) • Rudy Brezt Dibedakan berdasar unsur pokoknya: • Suara (Audio) Gambar • Gambar (Visual) Garis • Gerak Simbol Ragam Kelompok : (lihat gb. dan pemberi umpan-balik.bahan – proses belajar. Ragam Media: (lihat gb 2.

…. saksi-sejarah. tenaga.komik. Audio-Cetak 4. • Sumber Masyarakat : peninggalan sejarah. komputer. …. tv. • Media 3D : model. Proyeksi Visual Diam . visual. majalah. gerakan. • Kumpulan Benda : benda yg dihadirkan dari rumah ke sekolah • Contoh Kelakuan : keperagaan guru Model pengelompokan apapun harus dapat memperjelas Perbedaan fungsi & kemampuan media Memilih Media Dasar Pertimbangan Memilih Media: • Dapat memenuhi kebutuhan / mencapai tujuan yang diinginkan atau tidak (kesesuaian) Beberapa Kriteria Kesesuaian: • Tujuan Instruksional • Karakteristik Siswa • Jenis Rangsangan Belajar (audio. film. radio. poster. • Audio-Visual : • Media Tanpa Proyeksi : papan-tulis. folder.….Model Pengelompokan Lain: • Bahan Cetakan: buku.Conel : “If the medium fits.) • Keluasan Jangkauan Layanan Kriteria Tambahan (Dick & Carey) • Ketersediaan • Kemampuan Pengadaan (dana. buletin. fasilitas) • Keluwesan – Kepraktisan – Ketahanan (Portabilitas) • Efektivitas Biaya Jangka Panjang Mc. museum • Media Dg Proyeksi/Teknik/Masinal : slide. bagan. use it !” Tabel Kelompok Media Instruksional (Menurut Anderson) Kelompok 1.. papan-flanel. benda-tiruan. Cetak 3. …. koran. Audio • • • • • • • • • Media Instruksional Pita audio Piringan Radio (Rekaman Siaran) Buku Teks Terprogram Buku Pegangan Buku Tugas/Kerja Buku Latihan + Pita Audio Gambar + Pita Audio Film Bingkai (Slide) 2. dokumentasi. benda-asli. …. globe.

Proyeksi Visual Suara 6.: 2+7 9 Kel.: 1 2 3 5 Kel. Komputer Prosedur Umum Pemilihan Media (Anderson) • • • • • • • • • • Media Instruksional Film Rangkai Film Bingkai + Suara (Sound-Slide) Film Rangkai + Suara Film Bisu Film Video Benda Nyata Benda Tiruan (Model) CAI CAL Q BERHUBSIKAP ANTAR PRIBADI Ya Perlu Rang-sangan Gerak – Umpan Balik Ya Kel. Benda 9. Manusia & Lingkungan 10. Visual Gerak Audio 8.Kelompok 5.: 2 3 7 Tdk Tdk Perlu Rang-sangan Gerak – Umpan Balik Ya Tdk . Visual Gerak 7.: 2 7 Kel.

Pemilihan Media Pemilihan Media (Anderson) (Anderson) P Ya SISWA MASIH ASING BERHUBSIKAP ANTAR PRIBADI T I N J A U T U J U A N KOGNITIF Ya Tdk Ya Perlu Rangsangan Gerak – Umpan Balik Ya Perlu Rangsangan Suara Ya Kel: 2+7 Kel: 3 + 7. 2+7 Kel: 1 3 Kel: 2 Kel: 3 7 Kel: 2 2+7 Tdk Tdk Tdk Tdk PSIKOMOTORIK Ya Ya Perlu Rangsangan Gerak – Umpan Balik Tdk Perlu sangan Suara Rang- Ya Tdk Perlu Rangsangan Suara Tdk Ya Tdk SIKAP Perlu Rangsangan Suara Ya Ya Q Tdk Tdk Kel: 2 3 Kel: 1 3 Kumpulan Materi Kuliah Media Pembelajaran -8- Kumpulan Materi Kuliah Media Pembelajaran .

: 2 (warna) 5 + 2 (hitam-putih) Kumpulan Materi Kuliah Media Pembelajaran Kumpulan Materi Kuliah Media Pembelajaran .: 2 3 (hitam-putih) Warna Perlu Rangsangan Suara Ya Perlu Interaksi Benda Nyata Ya Kel: 8+1 8+2 5+2 Kel: 2+1 5+2 2 + 1 (warna) Ya Tdk Tdk Ya Tdk Perlu Interaksi Benda Nyata Perlu Interaksi Benda Nyata Kel: 8+1 8+2 5+2 Tdk Tdk -9- Kel.P Perlu Peragaan Gerak – Umpan Balik Ya Perlu Rangsangan Suara Ya Perlu Interaksi Benda Nyata Ya Kel: 7+2 8+1 8+2 Kel: 7 + 2 (warna) Kel: 7+2 8+2 Kel: 7+2 Tdk Tdk Tdk Perlu Interaksi Benda Nyata Ya Tdk Perlu Rangsangan Ya Kel: 3 8+1 8 + 2 (hitam putih) Kel.

garis besar isi. urutan cara belajar. Sebelum media dipakai.  Perorangan – Kelompok – Massal Media perlu dilengkapi dg petunjuk pemakaian yg jelas. komponen media. Syarat tambahan media: suara cukup keras. jalankan perintah-perintah (misal menunjuk diagram. Buku petunjuk ditujukan untuk pemimpin kelompok/tutor/guru. petunjuk tindak-lanjut. Strategi Pembelajaran  Di Luar Situasi Kelas:  Pemanfaatan Bebas : media yg digunakan tanpa dikontrol/diawasi Media dipakai sesuai kebutuhan. Butuh: ruangan memadai. Buku petunjuk sekurangnya berisi: tujuan pembelajaran. tuntutan pencapaian tdk ada. tdk perlu umpan balik maupun tes/ujian  Pemanfaatan Terkontrol : media digunakan dlm rangkaian kegiatan sistematis untuk mencapai tujuan tertentu Pemakai diorganisasi dg baik (ada kelompok belajar. dievaluasi secara teratur. Materi. Bahan cetakan memuat sekurangnya: tujuan pembelajaran. ada 1 pemimpin kelompok. dan supervisi oleh tutor). usahakan kita jangan berbicara. setiap peserta diberi bahan tercetak lebih dahulu jauh sebelum penggunaan. memperdalam pemahaman. gambar cukup terlihat. mereka berinteraksi untuk memecahkan masalah. bahan/sumber untuk memperdalam pemahaman. menyelesaikan tugas. peralatan yg diperlukan. Jika dipakai secara masal. diskusikan jawaban tsb. membuat sesuatu) dg tenang shg tdk mengganggu orang lain 3. atau melakukan tindak lanjut lain sesuai saran. garis besar isi.Pemanfaatan Media Pola Pemanfaatan Media:  Situasi Kelas (Classroom Setting) : menyatu dg PBM  Media harus sesuai dg: Tujuan PBM. alat evaluasi Jika dipakai berkelompok. Pemakaian:  Jaga suasana konduksif  Jangan sampai konsentrasi terganggu (mis: harus buat catatan kecil. untuk mengarahkan pikiran  Atur penempatan peralatan agar cukup menjangkau semua peserta 2. dan referensi lain yang disarankan  Siapkan peralatan yg diperlukan  Jika media untuk kelompok. bicarakan dulu tujuan kpd semua anggota. ruangan digelapkan )  Jika media untuk kelompok. Tindak Lanjut:  Untuk menjajagi pencapaian tujuan & memantapkan pemahaman  Kerjakan soal tes yang disediakan. biasanya butuh peralatan tambahan untuk penguat suara/gambar. Kumpulan Materi Kuliah Media Pembelajaran -10- Kumpulan Materi Kuliah Media Pembelajaran . selanjutnya mereka belajar dari media secara berkelompok/perorangan. media dipakai teratur-berkesinambungan-mengikuti pola belajar tertentu. Persiapan:  Baca buku petunjuk. Strategi Pemanfaatan Media: 1. tujuan dibahas.

non-template maupun fasilitas wizard. Kumpulan Materi Kuliah Media Pembelajaran -11- Kumpulan Materi Kuliah Media Pembelajaran .Bab II. Pada akhir ini juga disajikan tambahan fasilitas yang dapat dimanfaatkan untuk meningkatkan kinerja paket pembelajaran yang anda susun yaitu agar komunikasi komputer-pemakai dapat berlangsung 2 arah meski masih terbatas. Paket pembelajaran sederhana dan cepat dapat dibuat dengan asumsi bahwa seluruh objek multimedia telah siap pakai (terutama sekali objek suara-gambar-animasi dan video). • Pilih menu FILE+EXIT atau tekan ikon X yang terdapat pada sudut kanan atas jendela. Fasilitas MS Powerpoint 1. Setelah itu. Bagian I. Untuk mengakhiri MS_Powerpoint. Perhatikan bagian kanan area-kerja. Jendela utama MS_Powerpoint Pada saat MS _Power_Point diaktifkan maka akan jendela utama seperti pada gambar di atas. meski komunikasi komputer-user masih bersifat satu arah. perhatikan beberapa hal berikut: • Simpan berkas kerja anda ke dalam disket atau hard_disk. Akan dibahas fasilitas-fasilitas MS Powerpoint yang diperlukan untuk menyusun sebuah paket pembelajaran (baik berupa Computer Assisted Instruction maupun Computer Assisted Learning) berbasis multimedia. anda sudah dapat memulai membuat paket pembelajaran tersebut. Pembuatan objek-objek tersebut tidak dibahas di sini. yaitu dengan pemanfaatan toolbox berikut Visual Basic Script. terdapat pilihan: • Open : dipakai jika kita ingin membuka berkas yang sudah disimpan • Create a new presentation: jika ingin membuat presentasi baru. baik memakai template. dengan memilih menu FILE + SAVE AS atau FILE + SAVE (lihat modul M-14). Multimedia Sederhana dengan MS_Powerpoint Berikut ini akan dibahas paket program MS_Powerpoint untuk membuat paket pembelajaran berbasis multimedia.

Jika kita tidak memilih template.PPT Gambar-2. Lihat Gambar-2.Pilih berkas klip suara dan klik tombol OK Kumpulan Materi Kuliah Media Pembelajaran -12- Kumpulan Materi Kuliah Media Pembelajaran . Layout diperlukan untuk menata objek presentasi (teks. Slide-n Template A Layout n Slide-2 Template A Layout 2 Slide-1 Template A Layout 1 Berkas . …. Sebuah presentasi terdiri dari sejumlah slide. dan memiliki sebuah template. maka secara otomatis presentasi memiliki latar belakang putih transparan. Menempatkan Suara • Klip Suara Sebagai Ikon Lakukan langkah-langkah berikut: . animasi.Template dan Layout Template diperlukan sebagai latarbelakang setiap slide presentasi. Struktur Presentasi Pada Paket MS_Powerpoint 2. gambar. Menyisipkan Objek Multimedia Menempatkan Teks Pada Slide Lakukan langkah-langkah berikut: • Pilih menu Insert+TextBox • Lakukan drag&drop untuk membuat area ketik teks • Ketiklah teks Menempatkan Gambar Pada Slide Lakukan langkah-langkah berikut: • Pilih menu Insert + Picture + Clip_art atau Insert + Picture + From_File • Pilih gambar dari kumpulan clip_art yang tersedia atau klik berkas gambar yang anda miliki • Lakukan penyesuaian letak ukuran (lakukan drag&drop objek gambar anda ) Menempatkan Suara & Video Pada Slide a.) dan dikerjakan pada setiap slide Struktur Slide Presentasi Sebuah presentasi yang akan disimpan oleh paket MS_Powerpoint mempunyai struktur sebagai berikut. suara.Pilih menu Insert + Movies and Sounds + Sound from File .

Pilih menu Insert +Movies and Sounds + Movie from File .Klik OK • Mengaktifkan Suara Saat Pergantian Dua Slide Lakukan langkah-langkah berikut: .Pilih Custom Animation dari menu shortcut .Isilah list_box pada bagian Entry Animation & Sound dengan memilih gerakan animasi .Klik kanan pada objek yang dituju .Menetapkan aksi objek dari audio_cd anda dengan langkah seperti di bawah.Menetapkan aksi objek.Isilah list_box pada bagian Sound dengan suara yang dikehendaki (Other Sound jika tidak terdapat dalam pustaka suara power_point) .Klik kanan pada objek yang dituju . apakah Mouse Over atau Mouse Click Menempatkan Grafik Pada Slide Lakukan langkah-langkah berikut: • Pilih menu Insert + Chart (anda akan dibawa ke jendela data_sheet) • Modifikasi grafik anda . • Mengaktifkan Suara Untuk Objek Lain Lakukan langkah-langkah berikut: .Pilih check_box untuk pilihan on mouse klik atau automatically after …. seconds .Klik OK .Pilih berkas movie yang anda kehendaki. pada jendela ini • Klik sebarang tempat (di luar grafik) untuk kembali ke power_point Kumpulan Materi Kuliah Media Pembelajaran -13- Kumpulan Materi Kuliah Media Pembelajaran .Pilih check_box Play Sound dan pilih suara yang dikehendaki (Other Sound jika tidak terdapat dalam pustaka suara power_point) .Isilah list_box pada bagian Sound dengan memilih suara yang dikehendaki (Other Sound jika tidak terdapat dalam pustaka suara power_point) .Pilih Slideshow + Slide Transition dari menu utama .Pilih menu Insert + Movies and Sounds + Play CD Audiotrack . termasuk datanya.Pilih track awal dan track akhir audio CD anda . klik OK .Pilih Action Settings dari menu shortcut .atau memainkan audio CD Lakukan langkah-langkah berikut: .Klik OK • Mengaktifkan Suara Untuk Animasi Lakukan langkah-langkah berikut: .Klik OK b.Klik pilihan Mouse Over (jika suara ingin dimunculkan ketika pointer melintasi objek) atau klik pilihan Mouse Click (suara dibangkitkan kalau pada objek tersebut di klik) . Menempatkan Video Lakukan langkah-langkah berikut: .

a. OK (untuk menutup jendela dialog) 4. Mengatur Durasi Slide Lakukan langkah-langkah berikut: • Pilih menu Slide Show + Slide Transition • Klik check_box pada Automatically After • Isilah edit_box dengan Seconds. pilih check_box on mouse click. Menggabungkan (Embedding) Lakukan langkah-langkah berikut: • Pilih menu Insert Object + Create New • Pilih jenis objek program yang akan digunakan (misal equation 3. Fasilitas link akan menghubungkan ke paket program lain tanpa menyimpan seperti halnya embedding. … dll) • Klik OK • Selesaikan pekerjaan editing anda dengan memakai program yang telah anda pilih. b. Transisi dan Animasi Slide a. durasi slide dalam satuan detik Kumpulan Materi Kuliah Media Pembelajaran -14- Kumpulan Materi Kuliah Media Pembelajaran .3. jika transisi terjadi secara otomatis maka pilih check_box automatically after dan isilah durasi pada edit_box dengan Seconds. Mengatur Transisi Lakukan langkah-langkah berikut: • Pilih menu Slide Show + Slide Transition • Isilah kotak dialog transisi. Object Link & Embedding (OLE) Dengan menggunakan fasilitas ini kita dapat mengaktifkan paket program lain dari MS_Powerpoint. Mengatur Animasi Lakukan langkah-langkah berikut: • Klik-kanan objek yang akan dianimasi • Pilih custom animation • Isilah jendela dialog pada bagian: animation order. lakukan klik ganda ) 5. advance. Menghubungkan (Link) Lakukan langkah-langkah berikut: • Pilih menu Insert Object + Create from File • Ketik jalur dan nama berkas yang akan digabungkan ke dalam slide anda (pakai tombol browse) • Pilih check_box Link • Klik OK b.0 untuk menyunting formula matematis. Mengatur Durasi dan Hyperlink a. klik pada sembarang tempat di luar objek yang diedit. sound • Jika transisi terjadi ketika klik mouse dilakukan. (Untuk kembali melakukan editing objek embedding. Setelah selesai. tab effects • Klik Preview (untuk melihat efek animasi) . yi bagian: effect .

property). komputer akan menghasilkan sebuah berkas baru PNGSETUP. jika komputer tidak terpasang program MS_Power Point berkas presentasi anda tetap dapat dipresentasikan. Untuk mendapat hal itu. identitas-objek (atribut. Check Box. Pemakaian Objek Visual (Command Button.• Klik tombol Apply to All atau Apply b. Dengan demikian. yang selanjutnya akan ditindaklanjuti oleh computer dengan sebuah reaksi. dan pilih tujuan link (slide. Text Box. akan tampil sebuah jendela toolbox sbb: Kegunaan : • Command Button : dapat dipakai untuk konfirmasi aksi yang diberikan oleh user.EXE. 7. Namun jika kita mengemas sekaligus viewer-nya. dan sekaligus berfungsi sebagai viewer presentasi anda . dan kemampuan yang dapat dilakukan oleh objek yang bersangkutan (servis) A. Menambah Tombol Action Lakukan langkah-langkah berikut: • Pilih menu Slide Show + Tombol Action • Klik salah satu tombol & klik pada slide anda • Anda secara otomatis akan di bawa ke jendela tab Action Setting • Pilihlah tab Mouse Click atau Mouse Over • Klik tombol radio (radio button) Hyperlink to.…) Klik View + ToolBars + ControlToolBox. Kumpulan Materi Kuliah Media Pembelajaran -15- Kumpulan Materi Kuliah Media Pembelajaran . Setiap objek yang kita libatkan. lakukan langkah-langkah berikut: • Pilih menu File + Pack and Go Wizard (anda akan dibimbing melalui langkah berikut) • Lakukan pemilihan berkas yang akan di ‘pack’ (langkah Pick Files to Pack) • Lakukan pemilihan alamat tujuan (langkah Choose Destination) • Lakukan link file / font (langkah Link) • Pilih tombol radio Include Viewer… (langkah Viewer) • Klik tombol Finish Setelah langkah tersebut selesai dikerjakan. meski masih dalam bentuk yang sederhana. presentasi dapat dilakukan melalui paket ini juga. selalu memiliki: nama-objek. Berkas ini akan dikembangkan kemudian pada komputer tujuan. file. Option Button. Mengemas Viewer dari PowerPoint Setelah sebuah paket presentasi selesai dikemas. atau alamat situs web tertentu) • Klik OK 6. maka kita bisa menyuguhkan presentasi melalui komputer yang tidak terpasang paket MS_Powerpoint. Presentasi Interaktif dengan MS_Powerpoint Bagian ini akan dibahas fasilitas yang dapat dimanfaatkan pada paket pembelajaran kita agar terjadi informasi 2 arah.

(Jangan dihafalkan. do it please) B. maka akan tampil jendela sbb: Isilah form dengan objek visual sesuai keperluan. Ubahlah isi atribut dan lihat pengaruh perubahannya. Kumpulan Materi Kuliah Media Pembelajaran -16- Kumpulan Materi Kuliah Media Pembelajaran . Pemakaian Form Klik Tools + Macro + Visual Basic Editor. berikut aksi & reaksi yang dapat diberikan. lakukan eksperimen di lab. akan tampil sebuah jendela editor Visual Basic sbb: Klik Insert + Userform.• • • • • Option Button : dapat dipakai untuk menyediakan sejumlah opsi pilihan yang harus dipilih tepat 1 oleh user Check Button : dapat dipakai untuk menyediakan sejumlah opsi pilihan yang dapat dipilih lebih dari 1 pilihan Text Box : dapat dipakai untuk menampilkan hasil olahan computer (output) Edit Box : dapat dipakai untuk sarana memasukkan data (input) Label : dipakai untuk menampilkan teks yang tetap tidak berubah (label) selama proses Untuk mengenal atribut (properti) dari setiap objek.

Blog A. Pengingat Kembali Katakunci. Pada -17- Kumpulan Materi Kuliah Media Pembelajaran Kumpulan Materi Kuliah Media Pembelajaran .usd. Formulir ini terdiri dari 3 bagian. untuk menyembunyikan . Internet Pada bagian ini akan disajikan materi internet.show. Memulai Akses Internet Lakukan langkah-langkah berikut: • • Lakukan klik_ganda pada ikon Internet Explorer Tunggu beberapa saat muncul jendela berikut: sampai • Selanjutnya ketik alamat situs yang dituju pada bagian address (misal: www. 1. dan tekan tombol ENTER. Tampilan Microsoft Internet Explorer 2.com.Sebaliknya. dengan menggunakan program browser Microsoft Internet Explorer. Dengan demikian alamat email yang dibuat menjadi ABC@yahoo. Bab III.yahoo.id) dan akhiri dengan menekan tombol ENTER.ac. yaitu: Memilih Pengenal (ID). Gambar-3. berikanlah perintah: Userform2. Internet – HTML .hide. berikanlah perintah: userform2.Untuk sekedar menampilkan form di atas (misal: userform2).staff. ABC adalah nama pengenal (ID) email kita (ABC string yang unik untuk mesin yang bersangkutan) Ikuti langkah-langkah berikut: • • • • Isilah address dengan www. Mengakhiri Akses Internet Untuk mengakhiri akses internet. pilih menu FILE + CLOSE 3. Klik ikon CHECK EMAIL dan tunggu sejenak Klik SIGN_UP_NOW dan pilih FREE EDITION Tunggu sampai muncul tampilan sebuah formulir isian. Informasi Relevan bagi Yahoo. Diasumsikan tersedia akses internet dan program tersebut sudah terpasang di dalam hard_disk anda .com. Membuat Alamat Email Pada pelatihan ini kita akan membuat alamat email menggunakan alamat situs Yahoo.

Tunggu sebentar. maka isi surat akan ditampilkan di layar. dan dilanjutkan dengan bagian yang lain. Selanjutnya jika surat sudah selesai ditulis maka klik SEND tanpa perlu menulis alamat email tujuan. Ketik alamat surat yang anda tuju Ketik isi surat Jika terdapat tembusan. dan tekan tombol SEARCH Tunggu beberapa saat. Komputer akan menampilkan sejumlah situs yang berkaitan dengan kata kunci anda . Jika anda ingin membuat surat tidak untuk membalas surat masuk. dengan cara melakukan klik terhadap tombol SEARCH yang terletak di dalam jendela MS_Internet_Explorer (lihat Gambar-3 di atas). maka anda akan menjumpai rincian surat yang tersimpan dalam bentuk tabel. maka klik ADD / DELETE ATTACHMENTS dan arahkan ke berkas yang akan dilampirkan. Jika terdapat lampiran berkas yang harus dikirim. Membaca Email Ikuti langkah berikut: • • • • • Aktifkan situs Yahoo (jika mendaftarkan alamat email anda pada Yahoo). Klik INBOX. Setelah itu klik tombol SUBMIT THIS FORM Tunggu sampai muncul konfirmasi dari situs Yahoo. Klik ikon CHECK EMAIL dan tunggu sejenak Isikan ID anda pada isian YAHOO_ID. Isilah bagian I yaitu: ID. Setelah surat siap dikirim. Mengirim Email Jika anda ingin membalas surat masuk. namun terhadap butir isian yang lain kita wajib mengisi. kata sandi anda pada isian PASSWORD. maka ikuti langkah-langkah berikut: • • • • • • Klik COMPOSE dan tunggu sebentar sampai muncul jendela yang memuat formulir surat. atau hanya menampilkan pesan bahwa tidak terdapat situs yang berkaitan. Mencari Situs dan Mengambil Berkas di Internet (Browsing dan Down _Load) Untuk mencari situs lakukan langkah-langkah berikut: • • • Pakailah fasilitas searching. dan tekan tombol SIGN_IN. Jika sudah benar maka anda akan menerima konfirmasi tentang alamat email anda yang benar dan tercatat di Yahoo. artinya sudah dimiliki oleh orang lain. 4. yaitu: CC (Copy Carbon) dan BCC (Blind Copy Carbon). 5. Isi INBOX akan menunjukkan adanya surat baru atau surat yang belum dibaca. ketik pula alamat surat yang akan diberi tembusan. Silakan klik surat yang akan dibaca. klik tombol SEND 6. maka kita diberi kesempatan mengubah sampai benar. Kata -18- Kumpulan Materi Kuliah Media Pembelajaran Kumpulan Materi Kuliah Media Pembelajaran . Isilah kata kunci yang anda cari pada kotak isian yang tersedia. dengan mengisi WWW.• • butir isian yang bersifat optional kita boleh tidak mengisinya.YAHOO. maka setelah langkah terakhir di atas (butir 4 bullet akhir) lakukan klik REPLY dan surat dapat anda tulis pada surat masuk tadi. Jika ID tidak unik.COM pada bagian address dan tekan tombol ENTER. Terdapat 2 macam tembusan. anda akan dibawa masuk ke dalam sebuah jendela email yang dibuat oleh Yahoo. Klik Check_Mail.

dan baru dimunculkan kalau kita melakukan klik terhadap teks tersebut.kunci dapat tersusun atas beberapa suku kata. Sedangkan jika dipisahkan dengan tanda +. yaitu:        Find Result Language File Format Date Occurrences Domains Safe Search B. dan klik tombol SAVE Advanced Search dari Goggle  Untuk mengaktifkan mesin searching Goggle. yaitu: o Isilah kunci searching o Lengkapilah operator yang memfokuskan proses pencarian. Jika situs telah ditemukan. Teks yang didalamnya tersimpan sejumlah informasi. maka anda dapat membaca isi situs pada saat itu juga atau mencatat alamat situs atau mengambil berkas untuk disimpan di dalam hard_disk/disket anda . • Berkas HTML berupa berkas text biasa. Dinamakan markup language karena HTML memuat tanda -tanda tertentu (tag) yang dipakai untuk menentukan tampilan teks. HTML Apa HTML itu ?.com Terdapat beberapa isian sebelum anda menekan tombol Goggle Search. Kumpulan Materi Kuliah Media Pembelajaran -19- Kumpulan Materi Kuliah Media Pembelajaran . maka berarti seluruh suku kata tersebut dianggap 1 kesatuan (direlasikan dengan AND). Jika anda ingin mencatat alamat situs maka pilih menu FAVORITES + ADD TO FAVORITES Jika anda ingin menyimpan berkas tersebut maka pilih menu FILE + SAVE AS FILE dan kemudian arahkan ke alamat hard_disk / disket anda . beri nama berkas. Jika antar suku kata hanya dipisahkan dengan spasi kosong. Merupakan dokumen yang dapat menampilkan hypertext berbasis web. maka dianggap beberapa suku kata tersebut masing-masing terpisah (direlasikan dengan OR).goggle. Apa Hypertext itu?. ketik: www.

Ganti Paragraph <P> isi teks </P> 3.Format HTML <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> </BODY> </HTML> Contoh: <HTML> <HEAD> <TITLE> HTML Pertamaku…. Beberapa Tag-Tag Dasar 1. krn isi halaman hypertext (diapit <BODY> </BODY> belum kita isi.! </TITLE> </HEAD> <BODY> </BODY> </HTML> Keterangan: Jika berkas HTML itu dibaca oleh browser. maka akan tampil sebuah jendela kosong dengan judul_jendela adalah: HTML Pertamaku…. Berikut ini adalah tag-tag dasar untuk mengisi halaman hypertext tsb. Mencetak Garis Horisontal (tag ini tidak berpasangan) <HR> Kumpulan Materi Kuliah Media Pembelajaran -20- Judul Halaman Hypertext Sebuah Berkas HTML Isi Halaman Hypertext Kumpulan Materi Kuliah Media Pembelajaran . Preformatted (format tampak = format saat HTML diketik) <PRE> isi teks </PRE> 4. Ganti Baris (tag ini tidak berpasangan) <BR> isi teks 2.! Mengapa jendela tsb kosong ?.

ISI HEADER </H1> 10. center. Mencetak Bold <B> isi teks </B> 7. center. right > ……… </TH> atau <TD ALIGN = left. Membuat Tabel  Tag Pembuka & Penutup Tabel <TABLE> </TABLE>  Judul Tabel <CAPTION ALIGN = TOP> Judul Tabel </CAPTION> atau: <CAPTION ALIGN = BOTTOM> Judul Tabel </CAPTION>      Tag Pembuka & Penutup Baris / Kolom <TR > ……… </TR> Tag Isi Baris / Kolom <TD > ……… </TD> Border Tabel <TABLE BORDER > ……… </TABLE> Header Tabel <TH > ……… </TH> Alignment Tabel <TH ALIGN = left. Y = % LEBAR LAYAR} atau <HR SIZE = X WIDTH = Y ALIGN = LEFT> <HR SIZE = X WIDTH = Y ALIGN = RIGHT> <HR SIZE = X WIDTH = Y ALIGN = CENTER> 5. Mencetak Italic <I > isi teks </I> 8. <H6> isi teks </H6> Ukuran Font Semakin Kecil 6. right > ……… </TD> Kumpulan Materi Kuliah Media Pembelajaran -21- Kumpulan Materi Kuliah Media Pembelajaran . ISI HEADER </H1> <H1 ALIGN = RIGHT> …. Memformat Header <H1 ALIGN = LEFT> ….atau <HR SIZE = X WIDTH = Y % > { X = PIXEL. Mencetak Underline <U > isi teks </U> 9. ISI HEADER </H1> <H1 ALIGN = CENTER> …. Memformat Paragraph (tag ini tdk berpasangan) <P ALIGN = LEFT> ISI PARAGRAPH <P ALIGN = RIGHT> ISI PARAGRAPH <P ALIGN = CENTER> ISI PARAGRAPH 11. Ukuran Font <H1> isi teks </H1> <H2> isi teks </H2> …………………….

Membuat Numbering <OL TYPE = 1. Mewarnai Teks < BODY TEXT = #wrn BGCCOLOR = #wrn LINK = #wrn VLINK = #wrn ALINK = #wrn > Kode wrn: 000 000 = hitam FFF FFF = putih FF0 000 = merah 00F F00 = hijau 000 0FF = biru FFF F00 = kuning FF0 0FF = jingga 00F FFF = biru muda 13. I> </OL> Rincian Number <LI> isi number 16. Memuat Gambar <IMG SRC=”Nama File Gambar”> atau <IMG SRC=”Nama File Gambar” ALIGN= TOP> atau <IMG SRC=”Nama File Gambar” ALIGN= MIDDLE> atau <IMG SRC=”Nama File Gambar” ALIGN= BOTTOM> atau <IMG SRC=”Nama File Gambar” ALIGN= LEFT> atau <IMG SRC=”Nama File Gambar” ALIGN= RIGHT> atau <IMG SRC=”Nama File Gambar” ALIGN= TEXTTOP> atau <IMG SRC=”Nama File Gambar” ALIGN= ABSMIDDLE> atau <IMG SRC=”Nama File Gambar” ALIGN= BASELINE> atau <IMG SRC=”Nama File Gambar” ALIGN= ABSBOTTOM> atau <IMG SRC=”Nama File Gambar” VSPACE=X HSPACE=Y> Kumpulan Materi Kuliah Media Pembelajaran -22- Kumpulan Materi Kuliah Media Pembelajaran . circle. Teks Blink <BLINK > ……… </BLINK> 14. square> </UL> Rincian Bullet <LI> isi bullet 15. i. Membuat Bullet <UL TYPE = disc. A.12. a.

Membuat Link • Link Internal <A HREF = “Nama_Anchor”> teks </A> • Link Eksternal <A HREF = “URL”> teks </A> atau <A HREF = “Mailto: alamat_email”> teks </A> Contoh Berkas HTML Contoh 1: HTML1.ku </title> </head> <body> Ini Body HTML.HTM html> <head> <title> Judul Halaman HTML.ku </title> </head> <body> Ini Body HTML...ku <br> Nah. ini contoh tag: br <br> Tuk ganti baris baru lho.ku </title> </head> <body> Kumpulan Materi Kuliah Media Pembelajaran -23- Kumpulan Materi Kuliah Media Pembelajaran .....17....HTM <html> <head> <title> Judul Halaman HTML. </body> </html> Contoh 3:HTML3.ku </body> </html> Contoh 2: HTML2...HTM <html> <head> <title> Judul Halaman HTML.....

HTM <html> <head> <title> Judul Halaman HTML....ku </title> Kumpulan Materi Kuliah Media Pembelajaran -24- Kumpulan Materi Kuliah Media Pembelajaran .ku </title> </head> <body> Ini Body HTML.... Perhatikan spasi dg kalimat: "Ini Body HTML.ku <P> Ini contoh pemakaian tag: P untuk ganti paragraph baru.ku <PRE> Ini contoh pemakaian tag: PRE Format persis spt saat menyunting berkas html </PRE> </body> </html> Contoh 5: HTML5....HTM <html> <head> <title> Judul Halaman HTML.HTM <html> <head> <title> Judul Halaman HTML........ku" </body> </html> Contoh 4: HTML4..Ini Body HTML.ku </title> </head> <body> Ini Body HTML.ku <HR SIZE = 4 WIDTH = 75% ALIGN=left> Ini Contoh Pemakaian Tag: HR Untuk membuat garis horisontal <HR SIZE = 4 WIDTH = 75% noshade> </body> </html> Contoh 6: HTML6.

ku <P> Ini Contoh Pemakaian Tag: I Untuk Cetak Italic</P> <I> ini cetak italic </I> yang ini cetak biasa </body> </html> Kumpulan Materi Kuliah Media Pembelajaran -25- Kumpulan Materi Kuliah Media Pembelajaran ...ku <P> Ini Contoh Pemakaian Tag: H1 .... H6 </P> <H1> ini H1 </H1> <H2> ini H2 </H2> <H3> ini H3 </H3> <H4> ini H4 </H4> <H5> ini H5 </H5> <H6> ini H6 </H6> </body> </html> Contoh 7: HTML7.ku <P> Ini Contoh Pemakaian Tag: B Untuk cetak bold</P> <B> ini cetak bold </B> yang ini cetak biasa </body> </html> Contoh 8: HTML8.....ku </title> </head> <body> Ini Body HTML...HTM <html> <head> <title> Judul Halaman HTML...ku </title> </head> <body> Ini Body HTML..</head> <body> Ini Body HTML..HTM <html> <head> <title> Judul Halaman HTML.

..ku <P> Ini Contoh Pemakaian Tag Untuk Memformat Paragraph</P> <P ALIGN = right> Ini paragraph dg align = right Kumpulan Materi Kuliah Media Pembelajaran -26- Kumpulan Materi Kuliah Media Pembelajaran ..ku </title> </head> <body> Ini Body HTML.ku <P> Ini Contoh Pemakaian Tag: U Untuk Cetak Underline</P> <U> ini cetak underline</U> yang ini cetak biasa </body> </html> Contoh 10: HTML10.ku </title> </head> <body> Ini Body HTML...ku <P> Ini Contoh Pemakaian Tag Untuk Memformat Header</P> <H1 ALIGN = LEFT> Ini Header Align= LEFT </H1> <H1 ALIGN = RIGHT> Ini Header Align= RIGHT </H1> <H1 ALIGN = CENTER> Ini Header Align= CENTER </H1> </body> </html> Contoh 11: HTML11...HTM <html> <head> <title> Judul Halaman HTML.Contoh 9: HTML9...ku </title> </head> <body> Ini Body HTML.HTM <html> <head> <title> Judul Halaman HTML...HTM <html> <head> <title> Judul Halaman HTML.....

.<P ALIGN = center> Yang ini align = center </body> </html> Contoh 12: HTML12.1)</TD> <TD>Isi Sel(1.HTM <html> <head> <title> Judul Halaman HTML.3)</TD> </TR> <TR> <TD>Isi Sel(2..2)</TD> <TD>Isi Sel(1.ku </title> </head> <body> <P> Ini Contoh Pembuatan Tabel <TABLE> <Caption Align = Top> Ini Judul Tabelku </Caption> <TR> <TD>Isi Sel(1..ku </title> </head> <body> <P> Ini Contoh Tabel Memakai BORDER <TABLE BORDER> <Caption Align = Top> Ini Judul Tabelku </Caption> Kumpulan Materi Kuliah Media Pembelajaran -27- Kumpulan Materi Kuliah Media Pembelajaran .3)</TD> </TR> </TABLE> </body> </html> Contoh 13: HTML13.HTM <html> <head> <title> Judul Halaman HTML.1)</TD> <TD>Isi Sel(2.2)</TD> <TD>Isi Sel(2..

..ku </title> </head> <body TEXT = #FFF0000 BGCCOLOR = #0000FF LINK = #FFFF00 VLINK = #00FF00 ALINK = #FF00FF > Tuh.3)</TD> </TR> </TABLE> </body> </html> Contoh 14: HTML14.<TH Align = center> Judul Kolom-1 </TH> <TH Align = center> Judul Kolom-2 </TH> <TH Align = center> Judul Kolom-3 </TH> <TR> <TD>Isi Sel(1. lihat warnanya sekarang <P> Bagaimana kalau yang ini ?.1)</TD> <TD>Isi Sel(2.HTM <html> <head> <title> Judul Halaman HTML...2)</TD> <TD>Isi Sel(2.1)</TD> <TD>Isi Sel(1...2)</TD> <TD>Isi Sel(1. <H1> <BLINK >Tuh... yang ini blink </BLINK> </body> </html> Contoh 15: HTML15.3)</TD> </TR> <TR> <TD>Isi Sel(2..ku </title> </head> Kumpulan Materi Kuliah Media Pembelajaran -28- Kumpulan Materi Kuliah Media Pembelajaran .HTM <html> <head> <title> Judul Halaman HTML.

Kumpulan Materi Kuliah Media Pembelajaran -29- Kumpulan Materi Kuliah Media Pembelajaran ...gif" WIDTH= 25%> </body> </html> Contoh 17: HTML17. <BR>Lihat link ke alamat email saya.HTM <html> <head> <title> Judul Halaman HTML..ku </title> </head> <body> <H1> Ini Contoh Gambar </H1> </P> <IMG SRC="A:dbmusic.ku </title> </head> <body> <P> Ini Paragraph Baru.<body> <H1> <P> Nama Lagu Favorit anda : <UL TYPE = circle> <LI>Cublak Cublak Suweng <LI>Suwe Ora Jamu <LI>Stasiun Mbalapan </UL> <P> Nama Penyanyi Favorit anda : <OL TYPE = A> <LI> Didik Kempot <LI> Mamik Slamet <LI> Kenthus </OL> </body> </html> Contoh 16: HTML16.HTM <html> <head> <title> Judul Halaman HTML..

html.html (sebuah berkas html dibuat dengan Dreamweaver. • • Untuk mengakhiri Dreamweaver. berkas diberi nama default Untitled-1. Keterangan: • Pada saat Dreamweaver diaktifkan. …dst) jika anda tidak menyimpan dengan nama lain. Untitled-2. … dst. Berkas yang dihasilkan adalah: . Area kerja merupakan tempat anda menyusun objek-objek hmtl anda . dan siap dibaca via internet). 2) Struktur Berkas HTML Kumpulan Materi Kuliah Media Pembelajaran -30- Kumpulan Materi Kuliah Media Pembelajaran .html. dengan memilih menu FILE + SAVE AS atau FILE + SAVE.<A HREF = "Mailto: tsp@usd.id"> Sugiarto </A> </body> </html> Macromedia Dreamweaver 1) Lingkungan Kerja dan Beberapa Istilah Penting Menu Utama (Pull_Down) Launcher Palette Object AREA KERJA Property Inspector MiniLauncher Pada saat Dreamweaver diaktifkan maka akan muncul pilihan seperti terlihat pada gambar di atas. Nama tersebut akan menjadi nama berkas anda (Untitled-1.ac. • Pilih menu FILE+EXIT atau tekan ikon X yang terdapat pada sudut kanan atas jendela. Jika anda membuka berkas baru (FILE + NEW) maka akan diberi nama default Untitled-2. perhatikan beberapa hal berikut: • Simpan berkas kerja anda ke dalam disket atau hard_disk.

Anda perlu memecah-mecah sejumlah informasi menjadi kesatuan-kesatuan informasi yang lebih sederhana (atau sesuai jenjangnya) untuk ditampilkan pada jendela yang terbatas. Bgm jika informasi yang perlu anda sajikan ‘segudang’ atau berjenjang ?. Bisa saja. : FILE + NEW • Ketik judul halaman anda pada bagian Title • Simpan. </title> </head> </html> Catatan: Setiap 1 berkas HTML. Shg anda perlu buat sejumlah berkas HTML. dan Bukalah dengan memakai internet_browser Kumpulan Materi Kuliah Media Pembelajaran -31- Kumpulan Materi Kuliah Media Pembelajaran . ketika dibaca oleh computer_browser (program komputer untuk membaca berkas HTML) dan diterjemahkan menjadi 1 jendela utuh. pengguna harus selalu memainkan scroller-bar. Berkas-berkas tsb kemudian dihubungkan dengan memakai LINK.Jika anda membuat sebuah dokumen kosong dengan memakai Dreamweaver. maka berkas HTML yang dibuat memiliki format sbb: Format Dasar: <html> <head> <title> ………Judul Jendela……. namun silakan lihat tampilannya melalui computer_browser . Bgm jika hal tsb di atas dibuat saja di dalam 1 berkas HTML ?. Untuk melihat kode HTML pada Dreameweaver: VIEW+CODE atau VIEW + CODE & DESIGN Untuk kembali pada modus pembuatan halaman HTML: VIEW + DESIGN 3) Membuat Judul Jendela Halaman HTML • Bukalah sebuah berkas HTML baru.

• Ketika berkas tsb dibuka dengan internet browser akan nampak sebuah halaman kosong dengan judul “Halaman Pertamaku” 4) Objek pada Halaman HTML a) Bekerja dengan Layer Menyisipkan Biasanya pada 1 halaman HTML perancang hendak memasukkan sebanyak-mungkin objek agar halaman tsb dimanfaatkan secara maksimal. lalu posisikan bingkai layer yang muncul sesuai rancangan anda (juga ukurannya) Kumpulan Materi Kuliah Media Pembelajaran -32- Kumpulan Materi Kuliah Media Pembelajaran . Selanjutnya. Buatlah 3 buah layer pada halaman HTML anda . • • Buka halaman HTML baru. maka pembaca akan menikmati keruwetan informasi yang semestinya tdk perlu terjadi. anda baru menyisipkan (sekaligus memformat) objek-objek ke dalam Layer-Layer tsb. Untuk membuat sebuah layer lakukan: INSERT + LAYER. sehingga kerumitan dapat dikenali dini ketika anda menyusun Layer-Layer tsb. Jika tdk ada pengaturan yang baik. Anda sedikit dibantu dengan terlebih dulu membuat sejumlah berhingga Layer (berupa bidang tempat anda meletakkan objek) pada halaman HTML tsb.

dan lakukan penyisipan teks pada setiap layer. • Simpan dan lihatlah berkas HTML anda • Berikut adalah kode html yang dihasilkan oleh penyisipan teks pada sejumlah layer: c) Menyisipkan Gambar • Buka berkas baru. dan buat sebuah layer • Klik layer tsb • Klik INSERT + IMAGE • Pilih directory & berkas gambar yang anda ambil • Simpan dan lihatlah berkas HTML anda Kumpulan Materi Kuliah Media Pembelajaran -33- Kumpulan Materi Kuliah Media Pembelajaran . Langkah untuk menyisipkan layer: • Klik layer yang dituju • Ketik teks yang anda kehendaki. dan periksa kode HTML anda b) Menyisipkan Teks Pakailah berkas HTML pada bagian a.• Simpan berkas HTML anda .

Lakukan langkah-langkah berikut: • Buat berkas baru. salah satu berkas output dari Flash) • Simpan dan lihatlah berkas HTML anda • Tambahan kode HTML karena penyisipan gambar sbb: Kumpulan Materi Kuliah Media Pembelajaran -34- Kumpulan Materi Kuliah Media Pembelajaran .• Tambahan kode HTML karena penyisipan gambar sbb: d) Menyisipkan Animasi Siapkan sebuah berkas animasi (ambil hasil kerja anda dengan Flash).SWF (berkas flash player movie. dan sebuah layer • Klik layer tsb • Klik INSERT + MEDIA + FLASH • Pilih directory dan berkas .

• Klik INSERT + E-Mail Link • Pada jendela Insert E-Mail Link. Arahkan directory dan berkas B berada.e) Membuat Hyperlink Siapkan beberapa berkas HTML (namakan: A. • Simpan dan lihatlah berkas HTML anda f) Membuat Link ke Email • Sorot kata yang akan di link ke Email tertentu. dan C) Anda mau melakukan link dari berkas A menunju berkas B. B. bagian E-Mail. langkah-langkah berikut harus anda lakukan: • Sorotlah bagian teks yang akan dibuat hyperlink • Klik MODIFY + MAKE LINK • Anda akan dibawa menuju sebuah jendela select_File. isilah alamat email yang dituju • Simpan dan lihatlah berkas HTML anda • Tambahan kode HTML karena penyisipan link sbb: Kumpulan Materi Kuliah Media Pembelajaran -35- Kumpulan Materi Kuliah Media Pembelajaran .

multiply. Dengan demikian weblog tidak lain merupakan catatan harian yang dipasang di internet layaknya sebuah situs internet. Beberapa tahun belakangan.wordpress. Beberapa istilah yang terkait: blogger. Blog Blog Sebagai Media Pembelajaran Apa itu Blog ? Blog merupakan kependekan dari weblog.com) Multiply (http://www.bloger. misal: sebagai sumber belajar. beberapa di antaranya:      Blogger (http://www.edublogs. Situs penyedia layanan weblog.Com a Akses ke Penyedia Jasa Blog: ketik www. Di samping adanya pihak ketiga yang menyediakan fasilitas multimedia yang dapat digabungkan dengan blog. dari pemanfaatan blog. bahkan banyak yang gratis sampai dengan sarana untuk mempublikasikan blog kita (hosting).com. maka akan muncul jendela sbb: Kumpulan Materi Kuliah Media Pembelajaran -36- Kumpulan Materi Kuliah Media Pembelajaran .com) Wordpress (http://www. Blogger menunjuk pada orang yang sedang melakukan kegiatan blog. blog semakin tenar karena berbagai tawaran kemudahan yang disajikan oleh berbagai situs penyedia jasa blog. blogging. Berawal dari sekedar publikasi sederhana (catatan harian).C.org) Blogdrive (http://www. Web berarti situs internet. blog tools. Blog tools merupakan peranti lunak yang dipakai untuk membuat blog.Blogger.com) Bagaimana membuat Blog ? 1 Membuat Blog dari WWW. Pendidikan dapat mengambil peran tertentu.blogdrive. sedangkan log diartikan sebagai catatan harian.blogger. tujuan utama sebuah blog adalah publikasi. blog berkembang untuk keperluankeperluan yang tidak sekedar publikasi saja (non_profit) namun juga untuk keperluan meraih profit. Blogging adalah kegiatan memakai blog. Meski demikian. (misal: Youtube untuk video-streaming). Blog mulai dikenal pada tahun 1999/2000 an.com) Edublogs (http://www.

sbb: Kumpulan Materi Kuliah Media Pembelajaran -37- Kumpulan Materi Kuliah Media Pembelajaran . klik tombol Lanjutkan ii) Menamai Blog Anda akan dibawa masuk menuju sebuah halaman baru. Klik button Create Your Blog Now. Memilih Template. i) Membuat Account. sbb. Anda akan dibawa masuk ke dalam sebuah formulir isian. Isilah semua isian. yaitu: Membuat Account. maka anda akan melakukan ketiga langkah tsb. Menamai Blog .b Langkah yang harus dilakukan selanjutnya.

Klik tombol Lanjutkan. Alamat Blog (klik cek ketersediaan. anda dapat mencoba satu-per-satu template yang disediakan dengan mengklik preview template. kalau tidak tersedia maka ganti dengan nama alamat blog yang lain sampai tidak ada peringatan).Isilah judul blog anda: Judul Blog (nama yang akan muncul pada blog yang akan anda publikasikan). iii) Memilih Template Untuk memilih template mana yang anda sukai. Klik tombol Lanjutkan. Kumpulan Materi Kuliah Media Pembelajaran -38- Kumpulan Materi Kuliah Media Pembelajaran . Cara memilih dengan mengklik 1 buah optionbutton yang tersedia pada gambar template pilihan anda.

c Memuat Naskah ke dalam Blog Anda. Misalnya sbb: Contoh di atas.Tunggu sebentar.com Silahkan akses alamat di atas melalui internet browser anda. sampai muncul halaman konfirmasi tentang blog yang baru saja anda buat. Kumpulan Materi Kuliah Media Pembelajaran -39- Kumpulan Materi Kuliah Media Pembelajaran . Inilah hasil jadi blog yang didefinisikan di atas. telah dibuat sebuah blog dengan inisial: http://pendmat.blogspot.

apapun mata pelajarannya. adalah: Panel Kontrol | Bantuan | Keluar. dan bisa ditanggapi oleh setiap orang yang mampu mengakses internet.Ketiklah naskah anda. Jangan lupa untuk keluar dengan mengklik Sign Out. Isilah bagian label untuk posting. Klik Sign_In. Pendidikan (dalam arti sempit pembelajaran) dapat mengambil kesempatan memanfaatkan blog sebagai sarana / media pembelajaran. ide. blog hadir sebagai sarana mempublikasikan gagasan. dipakai jikalau anda ingin mengutak-atik blog anda. Pilihan Kustomisasi. Anda akan diminta mengisi nama pengguna dan password. Jika anda mengklik “Simpan Sekarang”. dari murni sekedar sharing pengalaman. namun ada beberapa alasan yang dapat dipetik dengan kehadiran blog. ide. untuk mengakhirinya dan menghindari dari kemungkinan isi blog di-acak-acak oleh orang lain. Sub pilihan Panel Kontrol. Pada saat ini orang membuat blog dengan banyak macam tujuan. 2 Editing Naskah Masuklah ke blog anda. dipakai untuk memodifikasi elemen-elemen blog anda. atau catatan harian pada internet. termasuk di dalamnya menambah elemen. Setelah anda menyunting teks naskah dan selesai mengeditnya. gagasan tanpa bertendensi pada materi sampai dengan berbau bisnis. Sub pilihan yang ada di bawah Kustomisasi. maka pada kanan atas jendela blog akan tampil pilihan: Posting Baru | Kustomisasi | Sign Out. klik “Mempublikasikan Posting”. Contoh tampilan blog berikut naskah yang telah di-posting. Blog dan Aktivitas Pembelajaran Jika melihat asal mula tumbuhnya blog. Nama pengguna diisi dengan alamat email yang pernah didaftarkan ketika membuat account blog. maka naskah belum dipublikasikan. dipakai jikalau anda ingin mem-posting naskah baru. Jika nama pengguna dan password diterima. Bukan lantaran agar nampak bahwa pembelajaran yang dilakukan uptodate karena memakai teknologi terkini. Pilihan Posting Baru. Beberapa alasan tersebut adalah: Kumpulan Materi Kuliah Media Pembelajaran -40- Kumpulan Materi Kuliah Media Pembelajaran .

perlu dipikirkan pembuatan blog untuk pembelajaran matapelajaran serumpun (bisa lintas sekolah dalam satu yayasan). tetap harus ulet dan telaten. Mudah di-edit maupun di-update. apalagi jikalau TIK yang telah dihadirkan melalui dana yang tidak sedikit. TIK bukanlah tujuan. berikut dengan piranti bantu yang terkait. sebagaimana diamanatkan oleh beberapa kurikulum sekolah terakhir. Berbasis web. Oleh karena itu. 2. tentu akan lebih baik). banyak ditawarkan (sebagian justru gratis). Hal ini tentu menguntungkan karena dengan web maka hambatan waktu – geografis – dan juga biaya. Ketika informasi sudah terasa mudah diperoleh. Jika saja kebiasaaan seperti di atas sudah terjadi. maka materi ajar berikut rentetan aktivitas pendampingan siswa dapat dilakukan dengan intensif. Tentang hal ini memang tidak mudah. kegiatan diskusi dapat diintensifkan untuk memberi bekal kemampuan memilih.1. menjadi dapat ditekan sebesar-besarnya. Beberapa hal berikut dapat dipikirkan sebagai upaya pemberdayaan blog untuk mendukung pembelajaran di sekolah: 1. Meski di lain pihak muncul harga yang harus dibayar. namun sebagai sarana yang seharusnya dapat berjalan seiring dengan dinamika tugas keguruan kita. dan mengolah informasi yang begitu banyak diperoleh siswa. agar blog tampil lebih menarik serta berdayaguna. Blog difungsikan sebagai sumber belajar di luar guru. ketika orang mau membuat blog maka tetap saja harus meluangkan waktu cukup. Sedangkan pengelola blog dapat diserahkan kepada satu orang yang cukup handal untuk mengawal perkembangan teknologi blog. maupun blog yang dikembangkan oleh pihak lain yang terkait dengan pembelajaran kita. Mengingat tidak juga efektif kalau setiap guru membuat blog sendiri serta mengelolanya (namun jika mampu. agar informasi dapat ditampilkan di internet. Meski tidak ribet. untuk berburu informasi (termasuk di dalamnya ilmu). yaitu biaya tambahan berkaitan dengan penyediaan sarana internet. Setiap guru wajib berpartisipasi untuk mengelola isi blog. Persoalan membuat blog yang dilatihkan pada kesempatan ini barulah pada tahap awal. Siswa mulai dibiasakan mandiri mencari informasi dari blog yang anda kembangkan. Kumpulan Materi Kuliah Media Pembelajaran -41- Kumpulan Materi Kuliah Media Pembelajaran . maka pembelajaran sudah dapat lebih diharapkan bergeser dari berpusat pada guru menjadi berpusat pada siswa. artinya tanpa pelibatan TIK (Teknologi Informasi dan Komunikasi). pembelajaran memang harus berpusat pada siswa. dukungan tersebut tidak boleh dilupakan. Jikasaja akses internet dapat dilakukan oleh setiap guru dan murid setiap saat. 4. Materi pembelajaran sedikit-demi-sedikit disajikan di dalam blog tersebut. Orang harus memahami HTML. Content Management System untuk membuat tampilan blog secantik tampilan situs-situs web. Nah. Upaya pemberdayaan di atas sebaiknya dilakukan secara bertahap dan berkelanjutan. memilah. karena selain penyediaan sarana-prasarana juga terkait dengan budaya baru yang harus ditumbuhkembangkan sebagai konsekuensinya. Masih banyak hal yang perlu dipelajari serta dicoba aplikasikan ke dalam komputer. 2. 3. Tentu upaya ini bukan satu-satunya. 3. Persoalan utama setelah blog dibuat adalah kontinuitas isi materi serta perawatan yang kontinu. Untuk membuatnya tidak perlu seribet dahulu.

kita agak susah membedakan apakah sebuah hasil karya dibuat oleh siswa tertentu atau sesungguhnya karya milik siswa lain baik melalui modifikasi maupun tanpa dimodifikasi. Lampiran: Contoh Presentasi Multimedia Topik presentasi adalah multimedia dan dukungannya terhadap pembelajaran. bahkan memberi bantuan proses pengerjaan jika diperlukan q Tahap Umpan Balik – mampu mengevaluasi baik bertahap maupun keseluruhan – mampu mengevaluasi individual q Tahap Tindak Lanjut – mampu memberi solusi tindak lanjut yg sesuai – mampu memberi remediasi baik individual maupun kelompok Kumpulan Materi Kuliah Media Pembelajaran -42- Kumpulan Materi Kuliah Media Pembelajaran . Ini tantangan yang tidak kalah berat dibandingkan dengan tantangan / hambatan yang timbul dari pemberdayaan blog dan internet dalam pembelajaran di sekolah. tahapan belajar : Informasi Yang Disuguhkan: • Tahapan Belajar Menurut Galperin Slide 5 q Tahap Orientasi – – – – Dukungan Multimedia mampu menyajikan fakta -ajar lebih menarik mampu menyajikan proses lebih baik mampu memberikan penekanan materi dg menarik memberi kebebasan siswa mengulangi materi tanpa batas Informasi Yang Disuguhkan: • Dukungan Multimedia pada Ke-4 Tahapan Belajar Menurut Galperin q Tahap Latihan – mampu menyajikan kajian kasus /soal secara gradual & random – mampu mengoreksi jawaban dg cepat . Slide 1 M ultim edia dan Dukungannya Terhadap Proses Pem belajaran Informasi Yang Disuguhkan: • Judul Presentasi Slide 2 A a itu p m ltim d ? u e ia Suara Informasi Yang Disuguhkan: • Pengertian Multimedia Gambar T A C K P ID K U U Video Teks Slide 3 Karakteristik Khas É Kombinasi Multimedia Informasi Yang Disuguhkan: • Karakteristik Khas Multimedia media kontinu & diskret É Independensi setiap media É Integrasi seluruh media É Melibatkan sistem komunikasi Slide 4 M enurut G alperin •O rientasi •Latihan •U pan B m alik •Lanjutan P belajaran em . Ketika bekerja dengan teknologi.Satu hal yang perlu dicermati dan perlu dibangun terus-menerus adalah persoalan keotentikan karya.

-.com. q Jangan takut . Panduan Ngeblog Menggunakan Wordpress. 101 Tips dan Trik Microsoft Powerpoint 2007. q Bagi yang punya kemampuan programming cukup . 2008 8. -. 2007. Diakses tanggal 4 Juli 2008 5. Microsoft Powerpoint.com. http://www.. Pengembangan dan Pemanfaatannya. 2003 4. Microsoft Corp. Jakarta: PT Elex Media Komputindo.Corp. Memang diakui tidak mudah membangun paket pembelajaran (CAL) berbasis MM. http://www. 1996 3. Siapa yang membuat mampu ? Dia adalah sebuah tim . anda dapat membangun paket CAL sendiri yang sederhana (tanpa berbasis multimedia). Kumpulan Materi Kuliah Media Pembelajaran -43- Kumpulan Materi Kuliah Media Pembelajaran .Slide 6 Apa multimedia itu serba mampu ? MM mampu krn diberi kemampuan untuk itu . R. Irwan Rouf. (Cetakan V).0-Help Menu. 2008 9. Budiarto. Microsoft Internet Explorer Version 3. Teach Yourself Internet in 24 Hours (CD).. Paket CAL berbasis MM sangat bersahabat dg pemakainya . -.google. Yogyakarta: CV Andi Offset.. Sadiman. Diakses tanggal 4 Juli 2008 6. Jubilee Enterprise.. Informasi Yang Disuguhkan: • Apa yang dapat diperbuat oleh Guru / Calon Guru dengan Multimedia Slide 8 SELAMAT BERLOKAKARYA HANDS-ON Informasi Yang Disuguhkan: • Sekedar say-good-bye saja. dan sekurangnya merekrut 3 kelompok ahli. Jakarta: Mediakita. 2002 (Cetakan V) 7. Panduan Praktis Mengelola Blog untuk Pengguna Blogger Pemula. dkk. Arief S. Media Pendidikan: Pengertian. PUSTAKA 1. Slide 7 q q Bagi Anda Calon Guru Multimedia hanyalah alat bantu semata . Macmillan Computer Publishing. Pustekkom Dikbud dan PT RajaGrafindo Persada dalam rangka ECD Project: Jakarta. -.. Jika saja anda ‘melek’ komputer .blogger. Yayan Sopyan. Microsoft. -.Help Menu.1997 2. sekurangnya : • ahli rekayasa multimedia • ahli pendidikan bidang studi • ahli psikologi pendidikan Informasi Yang Disuguhkan: • Multimedia mampu karena dibuat mampu. dijamin pasti dapat memakainya .

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->