Sesi - 2 Mengelola Bahan Ajar

Slides:



Advertisements
Presentasi serupa
Matakuliah Pengenalan Internet
Advertisements

HTML.
Quick Guide Web Blog Dosen Universitas Narotama
Tahap Demi Tahap Mengelola Website Unit Kerja Anda Disampaikan pada : Pelatihan Manajemen Website Universitas Muhammadiyah Malang Januari 2010 Oleh : Muhammad.
PELATIHAN ELEARNING SMA NEGERI 59 JAKARTA Instruktur Drs. Mulyo Wiharto, MM, MHA Jakarta, 7 Februari 2014.
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
Pertemuan 2.  Dreamweaver adl salah satu program pembuatan website yang mempunyai banyak sekali menu-menu dan tool-tool yang dapat dipergunakan untuk.
Sesi 1 Membuat Kursus Online
Aplikasi e-Learning Menggunakan LMS Moodle
Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Sesi 3 – Menyiapkan Konten Online Arief Bahtiar, ST.,MT. Kepala Comlabs USDI – ITB, Koordinator E-learning
Sesi 5 – Mengelola Aktivitas Online Arief Bahtiar, ST.,MT. Kepala Comlabs USDI – ITB, Koordinator E-learning
Sesi 4 – Mengenal Tool Authoring Arief Bahtiar, ST.,MT. Kepala Comlabs USDI – ITB, Koordinator E-learning
Elearning Moodle di UPI Kampus Sumedang
Pengenalan HTML Oleh A ngraini. Tentang HTML HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web dan HTML kini merupakan.
HTML Hipertext Markup Language
Teknik Mendownload File T e k n i k M e n d o w n l o a d F i l e Presentasi Materi Ajar SMK & MA 2011.
1 Practical Web Development Using CMS (Joomla) Managing Content PPLH IPB Senin, 2 Maret 2007 Frans Rudolf. B 3.
Aplikasi Jaringan III: Membuat Webpage Sederhana Matrikulasi Pedati 2005 Bahan diramu dari telaga.cs.ui.ac.id/WebKuliah/webdesign.
Sesi 6 – Mengelola Evaluasi/Assessment Online
Membuat website Umumnya disainer web membuat website dengan dreamweaver adalah membuat halaman-halaman web di hardisk komputernya yang disebut dengan local.
Tahap Demi Tahap Mengelola Website Unit Kerja Anda
F R A M E Frame? Halaman/page yang membagi tampilan browser menjadi
HTML By kartika puji pangesti
Konsep Pemrograman Internet
MEMBUAT WEB SEDERHANA.
 H ypertext M arkup L anguage (HTML) adalah suatu file teks sederhana yang mengandung perintah-perintah berupa TAGS sehingga sebuah web browser dapat.
MENGENAL MICROSOFT EXCEL
HTML Achmad Yasid,SKom. HTML Singkatan dari HyperText Markup Language adalah bahasa yang menjelaskan bagaimana suatu teks, video, grafik, animasi dan.
HTML PEMROGRAMAN INTERNET.
Pengenalan HTML Oleh Benny Irawan. WORLD WIDE WEB Web pada awalnya merupakan ruang informasi dalam internet, dengan menggunakan teknologi hyperteks, terdiri.
PERANCANGAN WEB Pertemuan 1: Pengenalan tentang WEB
Pertemuan 2 : HTML.
WEB DESIGN.
PEMROGRAMAN WEB 1 BY: ASIH WINANTU.
PERTEMUAN I PENGENALAN HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan document web, yang bisa dilakukan dengan.
E-Learning SMKN 2 Kediri
Mengelola isi halaman web
E-Learning Universitas IslamNegeri Raden Fatah
Louis Bertrand Secondra
Macromedia Dreamweaver
PANDUN LMS Dr.Ir. Idat Galih Permana.
WordPress dan Blogger Dibuat Oleh : Kelompok 1 Kelas IY
WordPress dan Blogger Dibuat Oleh : Kelompok 1 Kelas IY
Pusat Teknologi Informasi dan Komunikasi Pendidikan 2016
MEMBUAT BLOG MENGGUNAKAN WORDPRESS
Implementasi Aplikasi Pengolah Data Tak Terstruktur
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
Area Kerja Dreamweaver
PAKET PROGRAM APLIKASI
Internet dan Web By : Lisda Juliana P..
PENGENALAN HTML MATA KULIAH PEMROGRAMAN WEB Materi Pertama
PRESENTASI FRONT PAGE 2003 (XI.IMERCY)
Oleh : Inggar Prayoga.,S.I.Kom
Mengelola isi halaman web
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
Internet dan Web Ecking Mendrofha.
(Hyper Text Markup Language)
Tahap Demi Tahap Mengelola Website Unit Kerja Anda
HTML (Part 1) Hendra Putra, S.Kom, M.Kom.
LABKOM SMA NEGERI 34 JAKARTA April 2013
KONSEP TEKNOLOGI INFORMAS
Modul Administrator Planet Edu Oleh Kamshory MT.
BAB 1 dan 2 Perangkat Pengolah Kata dan bekerja dengan ms word
WORKSHOP e-Learning STUDENT CENTER E-LEARNING ENVIRONMENT
Tag Dasar dan Format Teks pada Html
WORKSHOP PEMBELAJARAN BERBASIS E-LEARNING
DREAMWEAVER.
Dasar-dasar HTML. 2 World Wide Web (WWW) Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia. TCP/IP.
Blended Learning (Sebagai Model e-Learning Akademik)
Transcript presentasi:

Sesi - 2 Mengelola Bahan Ajar Arief Bahtiar, ST.,MT. Kepala Comlabs USDI – ITB, Koordinator E-learning ITB arief@comlabs.itb.ac.id

Struktur Label,Teks Web (Teks, Gambar, Link) File (PPT, PDF, Audio, Video) Display Directory

Pengelolaan Bahan Pembelajaran Menambahkan label Menyusun halaman teks Menyusun halaman web Link ke file atau website Menampilkan direktori Menambahkan paket konten IMS

Menambahkan Bahan/Materi Ajar (Resource) Bahan/Materi Ajar adalah informasi yang dosen ingin tampilkan di perkuliahan. Informasi ini berupa file-file yang telah disiapkan, halaman yang langsung diedit di Moodle, webpage eksternal yang ingin ditampilkan, dll. Bahan/Materi Ajar yang bisa kita tambahkan pada perkuliahan meliputi : Text  indirect Web/html  indirect Link to file/website  indirect Directory  direct IMS  indirect Label direct

Turn Editing ON

Label

Menambahkan gambar Klik [Label] Klik [Insert Image] Browse [Image] Upload Set Ukuran Set Text Klik [Save Changes]

Deskripsi/Ringkasan Masing-masing Resources

Menyusun halaman teks

Format Teks Moodle auto-format Plain text format Markdown format Gunakan format ini untuk format standar Plain text format Gunakan format ini untuk menuliskan script kode program Markdown format Digunakan bagi orang yang terbiasa memanfaatkan script mark-up language

Menyusun halaman web

HTML Editor pada Moodle

HTML View

Membuat Konten dari External HTML Editor Pilih HTML view di editor web page. Misalkan di dreamweaver pilih View | Code, atau di FrontPage kita pilih View | Reveal Codes. Pilih semua kode HTML antara dua tag body. Salin kede dengan mengklik Edit | Copy atau menekan Ctrl+C. Kembali ke Moodle, dan buatlan sebuah halaman web baru. Munculkan kode HTML dengan mengklik ikon Paste kode dengan menekan Ctrl+V.

File Upload File Tipe File : browser friendly Downloaded File : Gambar Mp3 WMV Flash PDF Downloaded File : Office File Application File

Menampilkan File Link to file Display Direktori

Menampilkan direktori

Memilih Direktori yang Ditampilkan

Upload file di Moodle dilakukan bila : File akan digunakan di beberapa tempat pada kursus online. Membuat link ke file yang diupload-kan lebih mudah, dan bila file tersebut di-edit maka perubahan tersebut akan berlakuk ke seluruh bagian. Kontrol terhadap penggunaan file tersebut perlu dijamin. Me-link-kan file di web yang lain di luar Moodle akan membuat author pada halaman web tersebut ada pada kontrol konten. Membawa file tersebut ke Moodle menjamin hanya orang yang ditentukan yang dapat mengubah file. File ingin digunkan dikursus yang lain. Window file pada Moodle memungkinkan file-file tersebut disalin antar-kursus.

Link to Website Link to a File Link to Website

Menggunakan link atau webpage Ringkasan yang dibuat oleh pengajar pada saat membuat link tidak akan dapat dilihat oleh siswa pada saat siswa mengklik link ini.

Menyisipkan File pada Webpage Bila siswa ingin dapat melihat deskripsi pada link sebelum mengakses ke bahan ajar, buatlah webpage dan tempatkan file atau link ke file pada webpage tersebut.

Sampel Tampilan

Kepala Comlabs USDI – ITB , Koordinator E-learning Terima Kasih Arief Bahtiar, ST.,MT. Kepala Comlabs USDI – ITB , Koordinator E-learning arief@comlabs.itb.ac.id