BAB III
TEKNOLOGI INFORMASI DAN KOMUNIKASI
A. KONTEN DIGITAL
APA ITU KONTEN DIGITAL ?
PENGERTIAN KONTEN
DIGITAL SECARA UMUM ADALAH
Informasi yang tersedia melalui media atau produk elektronik. Dibuat dan dapat
disampaikan kepada public, baik secara daring (online) maupun luring (offline).
Konten digital mudah dibaca dan dibagikan melalui perangkat digital, seperti
computer, tablet, laptop, dan smartphone. Konten digital bisa berisi tulisan,
gambar, video, audio, atau kombinasinya.
B. JENIS-JENIS KONTEN DIGITAL
KONTEN DIGITAL SECARA UMUM TERDIRI ATAS
DUA JENIS, YAITU :
1.
KONTEN
DIGITAL BERBASIS TEKS
2.
KONTEN
DIGITAL BERBASIS VIDEO
CONTOH KONTEN DIGITAL BERBASIS TEKS :
a.
Artikel
Blog yaitu jenis tulisan yang biasanya berisikan berita, ulasan, dari sebuah
produk, pengalaman pribadi, hobi, tips, dan trik, atau berbagai informasi
lainnya
b.
Media
Pers digital, yaitu konten dalam bentuk teks berisikan berita dari media
diterbitkan atau ditayangkan secara daring. Media pers memiliki beragam topik
seperti Pendidikan, seni, Kesehatan, olah raga, ekonomi, dan bisnis,
pariwisata, hiburan, dan film.
c.
E-book
merupakan jenis buku digital yang berisikan teks atau tulisan dilengkapi dengan
gambar atau tayangan multimedia.
d.
Materi
pembelajaran daring, dapat ditayangkan berupa daring dalam bentuk
e-learning.
e.
Media
sosial seperti facebook dan twitter.
CONTOH KONTEN DIGITAL BERBASIS VIDEO :
a.
Video
Musik
b.
Video
cuplikan game
c.
Video
Komedi
d.
Video
Pemasaran dan Promosi
e.
Video
Streaming
Sajian konten digital media sosial pada
umumnya dijumpai :
1.
Berisi
konten Kuis atau Give away
2.
Tips
dan Trik
3.
Konten
yang informatif( berhubungan dengan topik yang sedang trending)
C. MENGENAL CMS
CMS ( Content Management System) perangkat
lunak aplikasi yang dapat digunakan dan dapat diakses menggunakan pramban
internet/website. Dan dapat digunakan dan diatur oleh pengguna untuk melakukan
pengelolaan situs atau interface web tanpa perlu koding dari nol. Contoh CMS
yaitu Blogger, Wordpress, Drupal, PretaShop, Magento, dan Joomla.
Bahasa pemograman untuk membangun CMS
adalah HTML, CSS dan JavaScript.
Pada pembelajaran ini peserta didik mengenal cms melalui koding sederhana dengan mengenal perintah dasar di HTML dan CSS lewat teks editor notepad ++ terlebih dahulu.
.jfif)
65 TAG HTML Beserta Fungsi
|
No |
Nama Tag |
Fungsi |
|
1 |
<! DOCTYPE html> |
Deklarasi
untuk mendefinisikan dokumen menjadi HTML |
|
2 |
<html> |
Tag pembuka
untuk membuat dokumen HTML |
|
3 |
<head> |
Informasi
meta tentang dokumen |
|
4 |
<title> |
Membuat
judul halaman yang nantinya akan ditampilkan di browser |
|
5 |
<body> |
Tempat
dibuatnya semua konten website menggunakan HTML |
|
6 |
<h1> s/d <h6> |
Membuat
judul atau heading |
|
7 |
<hr> |
Memisahkan
konten (biasanya ditampilkan garis pembatas) |
|
8 |
<p> |
Membuat
paragraf |
|
9 |
<br> |
Membuat
garis baru |
|
10 |
<pre> |
Memfortmat
teks atau kalimat |
|
11 |
style |
Atribut
untuk elemen styling pada HTML |
|
12 |
background-color |
Memberikan
warna latar belakang |
|
13 |
color |
Memberi
warna pada teks |
|
14 |
font-family |
Mengubah
font pada teks |
|
15 |
font-size |
Mengatur
ukuran font |
|
16 |
text-align |
Mengatura
perataan teks |
|
17 |
<b> |
Membuat
teks tebal |
|
18 |
<strong> |
Membuat
teks penting |
|
19 |
<i> |
Membuat
teks miring |
|
20 |
<em> |
Membuat
teks ditekankan |
|
21 |
<mark> |
Membuat
teks ditandai |
|
22 |
<small> |
Membuat
teks kecil |
|
23 |
<del> |
Teks dihapus |
|
24 |
<ins> |
Teks
dimasukan |
|
25 |
<sub> |
Teks
subscript |
|
26 |
<sup> |
Teks
superscript |
|
27 |
<img> |
Elemen untuk
mendefinisikan gambar |
|
28 |
src |
Atribut
untuk menentukan URL gambar |
|
29 |
alt |
Mendefinisikan
teks pada gambar, jika gambar tidak dapat ditampilkan |
|
30 |
width – height |
Menentukan
ukuran gambar |
|
31 |
float |
Properti
untuk float image pada CSS |
|
32 |
<map> |
Mendefinisikan
gambar peta |
|
33 |
<area> |
Mendefinisikan
area atau daerah-daerah gambar pada peta |
|
34 |
<picture> |
Menampilkan
gambar yang berbeda untuk perangkat yang berbeda |
|
35 |
<form> |
Membuat
formulir untuk mengumpulkan input pengguna |
|
36 |
<input> |
Membuat tipe
inputan pada form yang akan dibuat |
|
37 |
<textare> |
Elemen untuk
mendefinisikan field input |
|
38 |
<label> |
Memberikan
label pada elemen input |
|
39 |
<fieldset> |
Mengelompokan
elemen yang terdapat pada sebuah form |
|
40 |
<select> |
Membuat
input dengan pilihan yang berbentuk list drop down |
|
41 |
<optgroup> |
Mengelompokan
beberapa pilihan pada daftar pilihan input |
|
42 |
<option> |
Mendefinisikan
opsi yang bisa dipilih |
|
43 |
<button> |
Membuat
Button |
|
44 |
<datalist> |
Membuat
daftar pilihan untuk input data |
|
45 |
<output> |
Menampilkan
hasil dari hitungan |
|
46 |
<table> |
Membuat
tabel pada web |
|
47 |
<tr> |
Membuat
baris pada tabel |
|
48 |
<td> |
Membuat
kolom pada tabel |
|
49 |
<th> |
Membuat
judul pada kolom. Contohnya nama, kelas, dan alamat. |
|
50 |
<caption> |
Membuat
judul tabel |
|
51 |
border |
Mengatur
garis tabel |
|
52 |
border-collapse |
Mengatur
batas garis tabel |
|
53 |
padding |
Mengatur
padding pada cell |
|
54 |
text-align |
Mengatur
perataan pada konten tabel |
|
55 |
border-spacing |
Mengatur
jarak spasi garis tabel |
|
56 |
colspan |
Menggabungkan
beberapa kolom. Kalau di office disebutnya Merge Cell |
|
57 |
rowspan |
Menggabungkan
beberapa baris |
|
58 |
id |
Memberikan
id pada tabel atau kolom |
|
59 |
<ul> |
Untuk
membuat tampilan daftar menggunakan simbol seperti bullet, cyrcle, dan
lainnya. |
|
60 |
<ol> |
Membuat
daftar menggunakan nomor, huruf, romawi, dan lainnya |
|
61 |
<li> |
Menentukan
berbagai item yang ingin ditampilkan |
|
62 |
<dl> |
Mendefinisikan
daftar deskripsi |
|
63 |
<dt> |
Mendefinisikan
istilah deskripsi |
|
64 |
<dd> |
Menggambarkan
istilah dalam daftar deskripsi |
|
65 |
<type> |
Menentukan
jenis penomoran |
Komentar