SlideShare a Scribd company logo
1 of 24
Download to read offline
BAHAN AJAR DIGITAL
(HYPERCONTENT)
HYPERTEXT &HYPERMEDIA
Hypertext refers to information linked in
non-sequential ways
• HTTP → Hypertext Transfer Protocol
Hypermedia
combines text,
number, graphics,
animation, sound
effect, music and
other media in
hyperlinked
documents.
• Useful for on-line
help files
• Jump between
documents all
over the internet
Contoh Bentuk Hypertext, Hyperlink, dan
Hypermedia
Hypertext adalah text yang berhubungan dengan
dokumen lain atau teks yang nge-link ke informasi
lain. Pada link dalam dokumen hypertext apabila di
klik, maka dapat dengan cepat menuju/ melompat
ke konten yang berbeda. Walaupun hypertext
biasanya berkaitan dengan halaman Web, tetapi
teknologi sudah ada sejak tahun 1960-an.
Lanjut ke Hyperlink
Contoh Bentuk Hypertext, Hyperlink, dan
Hypermedia
Definisi dari hypertext adalah teks dengan referensi
ke beberapa teks lain yang bisa diakses secara cepat
oleh pengguna. Referensi tersebut disebut
dengan hyperlink. Suatu hyperlink menuju ke
beberapa dokumen lain atau bagian tertentu di
dalam dokumen. Secara singkatnya pengertian dari
hypertext yaitu teks dengan hyperlink, sementara
hyperlink yaitu referensi dalam hypertext
Contoh Bentuk Hypertext, Hyperlink, dan
Hypermedia
hypermedia merupakan ekstensi dari hypertext,
akan tetapi tidak hanya dibatasi untuk teks saja.
Hypermedia lebih mewakili elemen multimedia
seperti gambar, audio, video, dan animasi. Secara
menyeluruh, hypertext membuat halaman web
menjadi lebih interaktif.
MULTI MEDIA
MULTIMEDIA
=
Multimedia
involves the various
ways of
representing the
electronic
document such as
image, audio,
graphics, video,
etcetera over the
electronic devices
using any network
medium
Membuat HyperContent
TEKS
MEDIA
INTERNET
web Slideshare,
web Academia,
Google Drive,
Youtube, dll
Copy alamat/link
URL / QR Code
Upload Dokumen ke Google Drive
(doc, pdf, excell, PPt, Video, dll)
• Buka web google (www.google.com)
• Klik gambar ‘9 titik’ kanan atas sebelah login, pilih
Drive)
• Login menggunakan email gmail
• Klik tab “Drive Saya”, dan pilih “Upload File”
• Pilih file yang akan di-upload, dan klik tab Open
• Klik file yang akan dibagikan (share), dan
• Klik icon sebelah kanan atas
• Klik tab “Salin Link”
• Kembali ke file catatan dan paste.
Upload PowerPoint ke Slideshare
• Buka web slideshare di https://www.slideshare.net
• Sign in dengan akun yang telah dibuat (sign up)
sebelumnya
• Klik tab Upload
• Klik tab Select file to upload
• Pilih file yang akan di-upload dan Klik tab Choose
• Tunggu uploading sampai 100%
• Sambil menunggu uploading selesai, tuliskan Judul
File, Deskripsi, category dan privacy sesuai dengan
karakteristik file yang di-upload
Upload PowerPoint ke Slideshare
• Kalau sudah lengkap klik tab Publish
• Copy url-nya
• Contoh:
https://www.slideshare.net/khaerudinunj/pengembanga
n-rps-berbasis-kkni/khaerudinunj/pengembangan-rps-
berbasis-kkni
• Ubah alamat url menjadi QR Code
Upload Video ke Youtube
• Buka web Youtube di
https://www.youtube.com
• Login dengan menggunakan emal (dan
password) gmail
• Klik simbol upload (pada bagian atas
kanan)
• Pilih file untuk di-upload
• Sambil menunggu uploading 100%, kita bisa
isi kolom Judul, Deskripsi, dan Tag
Upload Video ke Youtube
• Kalau uploading sudah selesai, klik tab
Publikasikan
• Copy alamat url yang dihasilkan, mis:
https://youtu.be/ZM4IGKlwi7g atau
https://www.youtube.com/watch?v=C3THpckvg
qA
• Lanjut klik tab Selesai
• Ubah alamat url menjadi singkat
menggunakan bitly: https://bit.ly/MenyusunKisi-
kisiTes
• Atau gunakan QR Code
https://drive.google.com/file/d/1HMi04RU3HbNtegEsUropGTWBBAVcYBuE/view?usp=sharing
http://bit.ly/DIGITALISASI
Membuat URL Unik
➢Buka aplikasi Bitly di https://bitly.com
➢Sign In, kalau belum punya akun sign Up
terlebih dulu
➢Kalau sudah berhasil Sign In, klik tab CREATE
➢Tempel (Paste) alamat url kita yang panjang
pada kolom PASTE LONG URL
➢Tunggu sampai tampil alamat url yang pendek
Membuat URL Unik
➢Kalau kita ingin membuat nama file yang
‘unik’, hapus nama file yang ditampilkan pada
kolom CUSTOMIZE BACK-HALF, dan ganti
dengan nama file yang dikehendaki
➢Kemudian klik tombol SAVE
➢Kalau sudah berhasil, klik tombol COPY
➢Dan share kepada audience kita
Membuat QR Code
Untuk membuat link alamat file atau naskah dalam
bentuk QR Code dapat dilakukan melalui tahapan
berikut.
Buka alamat QRCode generator, misalnya
https://www.qr-code-generator.com/
Membuat QR Code
Masukan alamat link atau teks yang akan ditampilkan
dalam bentuk QRCode
Contoh:
https://drive.google.com/file/d/1rzOuAydVZaDLEtzJ7
_cipkPhqKT1cOaY/view?usp=sharing
Membuat QR Code
Download…
Pindahkan ke halaman
naskah, doc, ppt dengan
cara:
➢ copy image, dan
➢ tempel (paste) di file
yang kita maksud
BASIS FOR
COMPARISON
MUTLIMEDIA HYPERMEDIA
Basic Involves the multiple
forms of representing
information.
Non-linear linking of
multimedia.
Hardware
requirement
Needs multimedia
delivery systems
Enhance the ability
by providing
clickable links.
Types Linear and non-linear Non-linear
Based on Interaction and
interactivity
Interconnectivity and
cross-referencing
Comparison Chart

More Related Content

What's hot

Optimalisasi media pembelajaran berbasis digital
Optimalisasi media pembelajaran berbasis digitalOptimalisasi media pembelajaran berbasis digital
Optimalisasi media pembelajaran berbasis digitalShoffan shoffa
 
Prosedur pengembangan bahan ajar
Prosedur pengembangan bahan ajarProsedur pengembangan bahan ajar
Prosedur pengembangan bahan ajarBu Ila
 
media dan sumber belajar
media dan sumber belajar media dan sumber belajar
media dan sumber belajar MeliMeli45
 
Buku ajar media pembelajaran
Buku ajar media pembelajaranBuku ajar media pembelajaran
Buku ajar media pembelajaranbagibagiilmu
 
Jenis-Jenis media pembelajaran ppt
Jenis-Jenis media pembelajaran pptJenis-Jenis media pembelajaran ppt
Jenis-Jenis media pembelajaran pptLubis080805
 
Hypermedia
HypermediaHypermedia
HypermediaH S
 
Chapter 8 Video
Chapter 8 VideoChapter 8 Video
Chapter 8 Videoshelly3160
 
Topik 1 (konsep multimedia interaktif)
Topik 1 (konsep multimedia interaktif)Topik 1 (konsep multimedia interaktif)
Topik 1 (konsep multimedia interaktif)titiwerdhy
 
Teori belajar vygotsky
Teori belajar vygotskyTeori belajar vygotsky
Teori belajar vygotskyhasanah sn
 
Elemen audio dalam multimedia
Elemen audio dalam multimediaElemen audio dalam multimedia
Elemen audio dalam multimediaToto Haryadi
 
Masalah masalah global dalam kaitannya dengan kepentingan nasional
Masalah masalah global dalam kaitannya dengan kepentingan nasionalMasalah masalah global dalam kaitannya dengan kepentingan nasional
Masalah masalah global dalam kaitannya dengan kepentingan nasionalEman Syukur
 
ppt media pembelajaran
ppt media pembelajaranppt media pembelajaran
ppt media pembelajarandhea_nattasha
 
Ppt. Belajar dan Pembalajaran tentang Pendekatan, Strategi, Metode Dan Model ...
Ppt. Belajar dan Pembalajaran tentang Pendekatan, Strategi, Metode Dan Model ...Ppt. Belajar dan Pembalajaran tentang Pendekatan, Strategi, Metode Dan Model ...
Ppt. Belajar dan Pembalajaran tentang Pendekatan, Strategi, Metode Dan Model ...Rina Rahmawati
 
Elemen images dalam multimedia
Elemen images dalam multimediaElemen images dalam multimedia
Elemen images dalam multimediaToto Haryadi
 
Power Point Media dan Sumber Belajar
Power Point Media dan Sumber BelajarPower Point Media dan Sumber Belajar
Power Point Media dan Sumber Belajarrina afriani
 
Klasifikasi dan Karakteristik Media Pembelajaran SD
Klasifikasi dan Karakteristik Media Pembelajaran SDKlasifikasi dan Karakteristik Media Pembelajaran SD
Klasifikasi dan Karakteristik Media Pembelajaran SDdindinamuiz
 
Introduction to Multimedia Applications
Introduction to Multimedia ApplicationsIntroduction to Multimedia Applications
Introduction to Multimedia ApplicationsSanjaya Dharmadasa
 

What's hot (20)

Optimalisasi media pembelajaran berbasis digital
Optimalisasi media pembelajaran berbasis digitalOptimalisasi media pembelajaran berbasis digital
Optimalisasi media pembelajaran berbasis digital
 
. Elemen multimedia
. Elemen multimedia. Elemen multimedia
. Elemen multimedia
 
Prosedur pengembangan bahan ajar
Prosedur pengembangan bahan ajarProsedur pengembangan bahan ajar
Prosedur pengembangan bahan ajar
 
media dan sumber belajar
media dan sumber belajar media dan sumber belajar
media dan sumber belajar
 
Buku ajar media pembelajaran
Buku ajar media pembelajaranBuku ajar media pembelajaran
Buku ajar media pembelajaran
 
Jenis-Jenis media pembelajaran ppt
Jenis-Jenis media pembelajaran pptJenis-Jenis media pembelajaran ppt
Jenis-Jenis media pembelajaran ppt
 
Hypermedia
HypermediaHypermedia
Hypermedia
 
Chapter 8 Video
Chapter 8 VideoChapter 8 Video
Chapter 8 Video
 
Topik 1 (konsep multimedia interaktif)
Topik 1 (konsep multimedia interaktif)Topik 1 (konsep multimedia interaktif)
Topik 1 (konsep multimedia interaktif)
 
Chapter 4
Chapter 4Chapter 4
Chapter 4
 
Teori belajar vygotsky
Teori belajar vygotskyTeori belajar vygotsky
Teori belajar vygotsky
 
Elemen audio dalam multimedia
Elemen audio dalam multimediaElemen audio dalam multimedia
Elemen audio dalam multimedia
 
Masalah masalah global dalam kaitannya dengan kepentingan nasional
Masalah masalah global dalam kaitannya dengan kepentingan nasionalMasalah masalah global dalam kaitannya dengan kepentingan nasional
Masalah masalah global dalam kaitannya dengan kepentingan nasional
 
ppt media pembelajaran
ppt media pembelajaranppt media pembelajaran
ppt media pembelajaran
 
Ppt. Belajar dan Pembalajaran tentang Pendekatan, Strategi, Metode Dan Model ...
Ppt. Belajar dan Pembalajaran tentang Pendekatan, Strategi, Metode Dan Model ...Ppt. Belajar dan Pembalajaran tentang Pendekatan, Strategi, Metode Dan Model ...
Ppt. Belajar dan Pembalajaran tentang Pendekatan, Strategi, Metode Dan Model ...
 
Elemen images dalam multimedia
Elemen images dalam multimediaElemen images dalam multimedia
Elemen images dalam multimedia
 
Power Point Media dan Sumber Belajar
Power Point Media dan Sumber BelajarPower Point Media dan Sumber Belajar
Power Point Media dan Sumber Belajar
 
Klasifikasi dan Karakteristik Media Pembelajaran SD
Klasifikasi dan Karakteristik Media Pembelajaran SDKlasifikasi dan Karakteristik Media Pembelajaran SD
Klasifikasi dan Karakteristik Media Pembelajaran SD
 
Macam macam browser (tugas tik)
Macam macam browser (tugas tik)Macam macam browser (tugas tik)
Macam macam browser (tugas tik)
 
Introduction to Multimedia Applications
Introduction to Multimedia ApplicationsIntroduction to Multimedia Applications
Introduction to Multimedia Applications
 

Similar to _4. membuat hypertext_hypermedia

Presentation1
Presentation1Presentation1
Presentation1RafiHatta
 
Presentation1
Presentation1Presentation1
Presentation1RafiHatta
 
Cara upload hasil presentasion ke blog
Cara upload hasil presentasion ke blogCara upload hasil presentasion ke blog
Cara upload hasil presentasion ke blogImawan_putra
 
Web application
Web applicationWeb application
Web applicationAyuMohamad
 
Short course Metopen- mendeley.pptx
Short course Metopen- mendeley.pptxShort course Metopen- mendeley.pptx
Short course Metopen- mendeley.pptxFadhol Romdhoni
 
Mempercepat Upload
Mempercepat UploadMempercepat Upload
Mempercepat UploadOktavita -
 
2014-15. Membuat Website dengan Wordpress
2014-15. Membuat Website dengan Wordpress2014-15. Membuat Website dengan Wordpress
2014-15. Membuat Website dengan WordpressSyiroy Uddin
 
Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)Arifin Swift
 
Tugas TIK PPT BAB 4
Tugas TIK PPT BAB 4 Tugas TIK PPT BAB 4
Tugas TIK PPT BAB 4 rizky ananta
 
Langkah memuat naik bahan bantu ke laman google
Langkah memuat naik bahan bantu ke laman googleLangkah memuat naik bahan bantu ke laman google
Langkah memuat naik bahan bantu ke laman googlezul_A
 
Sumber Belajar Dari Internet
Sumber Belajar Dari InternetSumber Belajar Dari Internet
Sumber Belajar Dari InternetDimas Prasetyo
 
P9 desain-web-statis-dinamis
P9 desain-web-statis-dinamisP9 desain-web-statis-dinamis
P9 desain-web-statis-dinamisrahmantaufik00
 
1. prof deni modul workshop i spring presenter
1. prof deni modul workshop i spring presenter1. prof deni modul workshop i spring presenter
1. prof deni modul workshop i spring presenterSisilia Herjanti
 

Similar to _4. membuat hypertext_hypermedia (20)

About Slideshare
About Slideshare About Slideshare
About Slideshare
 
Presentation1
Presentation1Presentation1
Presentation1
 
Presentation1
Presentation1Presentation1
Presentation1
 
Cara upload hasil presentasion ke blog
Cara upload hasil presentasion ke blogCara upload hasil presentasion ke blog
Cara upload hasil presentasion ke blog
 
Web application
Web applicationWeb application
Web application
 
Tugas
TugasTugas
Tugas
 
KELAS IX BAB IV PPT
KELAS IX BAB IV PPTKELAS IX BAB IV PPT
KELAS IX BAB IV PPT
 
Short course Metopen- mendeley.pptx
Short course Metopen- mendeley.pptxShort course Metopen- mendeley.pptx
Short course Metopen- mendeley.pptx
 
Mempercepat Upload
Mempercepat UploadMempercepat Upload
Mempercepat Upload
 
Semester 2
Semester 2Semester 2
Semester 2
 
2014-15. Membuat Website dengan Wordpress
2014-15. Membuat Website dengan Wordpress2014-15. Membuat Website dengan Wordpress
2014-15. Membuat Website dengan Wordpress
 
Bab7
Bab7Bab7
Bab7
 
Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)
 
Tugas TIK PPT BAB 4
Tugas TIK PPT BAB 4 Tugas TIK PPT BAB 4
Tugas TIK PPT BAB 4
 
TUGAS TIK Bab 4
TUGAS TIK Bab 4TUGAS TIK Bab 4
TUGAS TIK Bab 4
 
tik bab 4&5
tik bab 4&5tik bab 4&5
tik bab 4&5
 
Langkah memuat naik bahan bantu ke laman google
Langkah memuat naik bahan bantu ke laman googleLangkah memuat naik bahan bantu ke laman google
Langkah memuat naik bahan bantu ke laman google
 
Sumber Belajar Dari Internet
Sumber Belajar Dari InternetSumber Belajar Dari Internet
Sumber Belajar Dari Internet
 
P9 desain-web-statis-dinamis
P9 desain-web-statis-dinamisP9 desain-web-statis-dinamis
P9 desain-web-statis-dinamis
 
1. prof deni modul workshop i spring presenter
1. prof deni modul workshop i spring presenter1. prof deni modul workshop i spring presenter
1. prof deni modul workshop i spring presenter
 

Recently uploaded

Lokakarya tentang Kepemimpinan Sekolah 1.pptx
Lokakarya tentang Kepemimpinan Sekolah 1.pptxLokakarya tentang Kepemimpinan Sekolah 1.pptx
Lokakarya tentang Kepemimpinan Sekolah 1.pptxrani414352
 
Variasi dan Gaya Mengajar, Mata Kuliah Strategi Belajar Mengajar
Variasi dan Gaya Mengajar, Mata Kuliah Strategi Belajar MengajarVariasi dan Gaya Mengajar, Mata Kuliah Strategi Belajar Mengajar
Variasi dan Gaya Mengajar, Mata Kuliah Strategi Belajar MengajarAureliaAflahAzZahra
 
MODUL AJAR SENI MUSIK KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI MUSIK KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR SENI MUSIK KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI MUSIK KELAS 5 KURIKULUM MERDEKA.pdfAndiCoc
 
Ppt kelompok 6 (preeklamsia ringan).pptx
Ppt kelompok 6 (preeklamsia ringan).pptxPpt kelompok 6 (preeklamsia ringan).pptx
Ppt kelompok 6 (preeklamsia ringan).pptxMeilianiPuspitaSari
 
Materi Kimfar Asam,Basa,Buffer dan Garam
Materi Kimfar Asam,Basa,Buffer dan GaramMateri Kimfar Asam,Basa,Buffer dan Garam
Materi Kimfar Asam,Basa,Buffer dan GaramTitaniaUtami
 
MODUL AJAR PENDIDIKAN PANCASILA KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR PENDIDIKAN PANCASILA KELAS 4 KURIKULUM MERDEKA.pdfMODUL AJAR PENDIDIKAN PANCASILA KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR PENDIDIKAN PANCASILA KELAS 4 KURIKULUM MERDEKA.pdfAndiCoc
 
MODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdfAndiCoc
 
Demokrasi dan Pendidikan Demokrasi kwn ppt.ppt
Demokrasi dan Pendidikan Demokrasi kwn ppt.pptDemokrasi dan Pendidikan Demokrasi kwn ppt.ppt
Demokrasi dan Pendidikan Demokrasi kwn ppt.pptretno12886
 
Power point materi IPA pada materi unsur
Power point materi IPA pada materi unsurPower point materi IPA pada materi unsur
Power point materi IPA pada materi unsurDoddiKELAS7A
 
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdfAndiCoc
 
Modul 5 Simetri (simetri lipat, simetri putar)
Modul 5 Simetri (simetri lipat, simetri putar)Modul 5 Simetri (simetri lipat, simetri putar)
Modul 5 Simetri (simetri lipat, simetri putar)BashoriAlwi4
 
MODUL AJAR BAHASA INDONESIA KELAS 2 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 2 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 2 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 2 KURIKULUM MERDEKA.pdfAndiCoc
 
Obat pada masa kehamilan: uteretonik dan tokolitik
Obat pada masa kehamilan: uteretonik dan tokolitikObat pada masa kehamilan: uteretonik dan tokolitik
Obat pada masa kehamilan: uteretonik dan tokolitikNegustinNegustin
 
ASPEK KIMIA TUBUH dalam ilmu kesehatan dan kebidanan
ASPEK KIMIA TUBUH dalam ilmu kesehatan dan kebidananASPEK KIMIA TUBUH dalam ilmu kesehatan dan kebidanan
ASPEK KIMIA TUBUH dalam ilmu kesehatan dan kebidananriniaandayani
 
MODUL AJAR SENI TARI KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI TARI KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR SENI TARI KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI TARI KELAS 6 KURIKULUM MERDEKA.pdfAndiCoc
 
MODUL AJAR BAHASA INDONESIA KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 4 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 4 KURIKULUM MERDEKA.pdfAndiCoc
 
Penjelasan Asmaul Khomsah bahasa arab nahwu
Penjelasan Asmaul Khomsah bahasa arab nahwuPenjelasan Asmaul Khomsah bahasa arab nahwu
Penjelasan Asmaul Khomsah bahasa arab nahwuKhiyaroh1
 
contoh-kisi-kisi-bahasa-inggris-kelas-9.docx
contoh-kisi-kisi-bahasa-inggris-kelas-9.docxcontoh-kisi-kisi-bahasa-inggris-kelas-9.docx
contoh-kisi-kisi-bahasa-inggris-kelas-9.docxdedyfirgiawan
 
Materi Penggolongan Obat Undang-Undang Kesehatan
Materi Penggolongan Obat Undang-Undang KesehatanMateri Penggolongan Obat Undang-Undang Kesehatan
Materi Penggolongan Obat Undang-Undang KesehatanTitaniaUtami
 
prinsip dasar kepramukaan dan metode kepramukaan
prinsip dasar kepramukaan dan metode kepramukaanprinsip dasar kepramukaan dan metode kepramukaan
prinsip dasar kepramukaan dan metode kepramukaanaji guru
 

Recently uploaded (20)

Lokakarya tentang Kepemimpinan Sekolah 1.pptx
Lokakarya tentang Kepemimpinan Sekolah 1.pptxLokakarya tentang Kepemimpinan Sekolah 1.pptx
Lokakarya tentang Kepemimpinan Sekolah 1.pptx
 
Variasi dan Gaya Mengajar, Mata Kuliah Strategi Belajar Mengajar
Variasi dan Gaya Mengajar, Mata Kuliah Strategi Belajar MengajarVariasi dan Gaya Mengajar, Mata Kuliah Strategi Belajar Mengajar
Variasi dan Gaya Mengajar, Mata Kuliah Strategi Belajar Mengajar
 
MODUL AJAR SENI MUSIK KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI MUSIK KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR SENI MUSIK KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI MUSIK KELAS 5 KURIKULUM MERDEKA.pdf
 
Ppt kelompok 6 (preeklamsia ringan).pptx
Ppt kelompok 6 (preeklamsia ringan).pptxPpt kelompok 6 (preeklamsia ringan).pptx
Ppt kelompok 6 (preeklamsia ringan).pptx
 
Materi Kimfar Asam,Basa,Buffer dan Garam
Materi Kimfar Asam,Basa,Buffer dan GaramMateri Kimfar Asam,Basa,Buffer dan Garam
Materi Kimfar Asam,Basa,Buffer dan Garam
 
MODUL AJAR PENDIDIKAN PANCASILA KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR PENDIDIKAN PANCASILA KELAS 4 KURIKULUM MERDEKA.pdfMODUL AJAR PENDIDIKAN PANCASILA KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR PENDIDIKAN PANCASILA KELAS 4 KURIKULUM MERDEKA.pdf
 
MODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdf
 
Demokrasi dan Pendidikan Demokrasi kwn ppt.ppt
Demokrasi dan Pendidikan Demokrasi kwn ppt.pptDemokrasi dan Pendidikan Demokrasi kwn ppt.ppt
Demokrasi dan Pendidikan Demokrasi kwn ppt.ppt
 
Power point materi IPA pada materi unsur
Power point materi IPA pada materi unsurPower point materi IPA pada materi unsur
Power point materi IPA pada materi unsur
 
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
 
Modul 5 Simetri (simetri lipat, simetri putar)
Modul 5 Simetri (simetri lipat, simetri putar)Modul 5 Simetri (simetri lipat, simetri putar)
Modul 5 Simetri (simetri lipat, simetri putar)
 
MODUL AJAR BAHASA INDONESIA KELAS 2 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 2 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 2 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 2 KURIKULUM MERDEKA.pdf
 
Obat pada masa kehamilan: uteretonik dan tokolitik
Obat pada masa kehamilan: uteretonik dan tokolitikObat pada masa kehamilan: uteretonik dan tokolitik
Obat pada masa kehamilan: uteretonik dan tokolitik
 
ASPEK KIMIA TUBUH dalam ilmu kesehatan dan kebidanan
ASPEK KIMIA TUBUH dalam ilmu kesehatan dan kebidananASPEK KIMIA TUBUH dalam ilmu kesehatan dan kebidanan
ASPEK KIMIA TUBUH dalam ilmu kesehatan dan kebidanan
 
MODUL AJAR SENI TARI KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI TARI KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR SENI TARI KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI TARI KELAS 6 KURIKULUM MERDEKA.pdf
 
MODUL AJAR BAHASA INDONESIA KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 4 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 4 KURIKULUM MERDEKA.pdf
 
Penjelasan Asmaul Khomsah bahasa arab nahwu
Penjelasan Asmaul Khomsah bahasa arab nahwuPenjelasan Asmaul Khomsah bahasa arab nahwu
Penjelasan Asmaul Khomsah bahasa arab nahwu
 
contoh-kisi-kisi-bahasa-inggris-kelas-9.docx
contoh-kisi-kisi-bahasa-inggris-kelas-9.docxcontoh-kisi-kisi-bahasa-inggris-kelas-9.docx
contoh-kisi-kisi-bahasa-inggris-kelas-9.docx
 
Materi Penggolongan Obat Undang-Undang Kesehatan
Materi Penggolongan Obat Undang-Undang KesehatanMateri Penggolongan Obat Undang-Undang Kesehatan
Materi Penggolongan Obat Undang-Undang Kesehatan
 
prinsip dasar kepramukaan dan metode kepramukaan
prinsip dasar kepramukaan dan metode kepramukaanprinsip dasar kepramukaan dan metode kepramukaan
prinsip dasar kepramukaan dan metode kepramukaan
 

_4. membuat hypertext_hypermedia

  • 2. Hypertext refers to information linked in non-sequential ways • HTTP → Hypertext Transfer Protocol
  • 3. Hypermedia combines text, number, graphics, animation, sound effect, music and other media in hyperlinked documents. • Useful for on-line help files • Jump between documents all over the internet
  • 4. Contoh Bentuk Hypertext, Hyperlink, dan Hypermedia Hypertext adalah text yang berhubungan dengan dokumen lain atau teks yang nge-link ke informasi lain. Pada link dalam dokumen hypertext apabila di klik, maka dapat dengan cepat menuju/ melompat ke konten yang berbeda. Walaupun hypertext biasanya berkaitan dengan halaman Web, tetapi teknologi sudah ada sejak tahun 1960-an. Lanjut ke Hyperlink
  • 5. Contoh Bentuk Hypertext, Hyperlink, dan Hypermedia Definisi dari hypertext adalah teks dengan referensi ke beberapa teks lain yang bisa diakses secara cepat oleh pengguna. Referensi tersebut disebut dengan hyperlink. Suatu hyperlink menuju ke beberapa dokumen lain atau bagian tertentu di dalam dokumen. Secara singkatnya pengertian dari hypertext yaitu teks dengan hyperlink, sementara hyperlink yaitu referensi dalam hypertext
  • 6. Contoh Bentuk Hypertext, Hyperlink, dan Hypermedia hypermedia merupakan ekstensi dari hypertext, akan tetapi tidak hanya dibatasi untuk teks saja. Hypermedia lebih mewakili elemen multimedia seperti gambar, audio, video, dan animasi. Secara menyeluruh, hypertext membuat halaman web menjadi lebih interaktif.
  • 8. Multimedia involves the various ways of representing the electronic document such as image, audio, graphics, video, etcetera over the electronic devices using any network medium
  • 9. Membuat HyperContent TEKS MEDIA INTERNET web Slideshare, web Academia, Google Drive, Youtube, dll Copy alamat/link URL / QR Code
  • 10. Upload Dokumen ke Google Drive (doc, pdf, excell, PPt, Video, dll) • Buka web google (www.google.com) • Klik gambar ‘9 titik’ kanan atas sebelah login, pilih Drive) • Login menggunakan email gmail • Klik tab “Drive Saya”, dan pilih “Upload File” • Pilih file yang akan di-upload, dan klik tab Open • Klik file yang akan dibagikan (share), dan • Klik icon sebelah kanan atas • Klik tab “Salin Link” • Kembali ke file catatan dan paste.
  • 11. Upload PowerPoint ke Slideshare • Buka web slideshare di https://www.slideshare.net • Sign in dengan akun yang telah dibuat (sign up) sebelumnya • Klik tab Upload • Klik tab Select file to upload • Pilih file yang akan di-upload dan Klik tab Choose • Tunggu uploading sampai 100% • Sambil menunggu uploading selesai, tuliskan Judul File, Deskripsi, category dan privacy sesuai dengan karakteristik file yang di-upload
  • 12. Upload PowerPoint ke Slideshare • Kalau sudah lengkap klik tab Publish • Copy url-nya • Contoh: https://www.slideshare.net/khaerudinunj/pengembanga n-rps-berbasis-kkni/khaerudinunj/pengembangan-rps- berbasis-kkni • Ubah alamat url menjadi QR Code
  • 13. Upload Video ke Youtube • Buka web Youtube di https://www.youtube.com • Login dengan menggunakan emal (dan password) gmail • Klik simbol upload (pada bagian atas kanan) • Pilih file untuk di-upload • Sambil menunggu uploading 100%, kita bisa isi kolom Judul, Deskripsi, dan Tag
  • 14. Upload Video ke Youtube • Kalau uploading sudah selesai, klik tab Publikasikan • Copy alamat url yang dihasilkan, mis: https://youtu.be/ZM4IGKlwi7g atau https://www.youtube.com/watch?v=C3THpckvg qA • Lanjut klik tab Selesai • Ubah alamat url menjadi singkat menggunakan bitly: https://bit.ly/MenyusunKisi- kisiTes • Atau gunakan QR Code
  • 16. Membuat URL Unik ➢Buka aplikasi Bitly di https://bitly.com ➢Sign In, kalau belum punya akun sign Up terlebih dulu ➢Kalau sudah berhasil Sign In, klik tab CREATE ➢Tempel (Paste) alamat url kita yang panjang pada kolom PASTE LONG URL ➢Tunggu sampai tampil alamat url yang pendek
  • 17. Membuat URL Unik ➢Kalau kita ingin membuat nama file yang ‘unik’, hapus nama file yang ditampilkan pada kolom CUSTOMIZE BACK-HALF, dan ganti dengan nama file yang dikehendaki ➢Kemudian klik tombol SAVE ➢Kalau sudah berhasil, klik tombol COPY ➢Dan share kepada audience kita
  • 18.
  • 19. Membuat QR Code Untuk membuat link alamat file atau naskah dalam bentuk QR Code dapat dilakukan melalui tahapan berikut. Buka alamat QRCode generator, misalnya https://www.qr-code-generator.com/
  • 20. Membuat QR Code Masukan alamat link atau teks yang akan ditampilkan dalam bentuk QRCode Contoh: https://drive.google.com/file/d/1rzOuAydVZaDLEtzJ7 _cipkPhqKT1cOaY/view?usp=sharing
  • 21. Membuat QR Code Download… Pindahkan ke halaman naskah, doc, ppt dengan cara: ➢ copy image, dan ➢ tempel (paste) di file yang kita maksud
  • 22.
  • 23.
  • 24. BASIS FOR COMPARISON MUTLIMEDIA HYPERMEDIA Basic Involves the multiple forms of representing information. Non-linear linking of multimedia. Hardware requirement Needs multimedia delivery systems Enhance the ability by providing clickable links. Types Linear and non-linear Non-linear Based on Interaction and interactivity Interconnectivity and cross-referencing Comparison Chart