UNIVERSITAS KOMPUTER

INDONESIA

SISTEM MULTIMEDIA
Pertemuan 3 – TEKS

Pemateri :
CHRISMIKHA HARDYANTO M.KOM.
TEKNIK INFORMATIKA UNIKOM
 2

TEKS SEBAGAI MEDIA

Definisi TEKS 3

Definisi : kombinasi dari rangkaian huruf dan

TEKS simbol yang membentuk kata maupun kalimat yang
mengandung informasi tertentu.

 Teks dapat tersusun dari kombinasi elemen – elemen berikut ini :

1. Abjad atau Huruf, yang terdiri dari alphabet A s/d Z (Huruf besar / Huruf kecil).

2. Bilangan atau angka, yang terdiri dari angka 0 s/d 9.

3. Simbol dan Huruf Khusus, Seperti Tanda Baca (mis : . , : ; ‘ “), Simbol matematis
(mis : $ , %, + , -, =, dst), ataupun huruf khusus (mis : katakana, aksara han, dst).
Sejarah TEKS sebagai Media 4

 Teks atau sering dikenal sebagai tulisan sudah ada dan diketahui sejak jaman dahulu
sehingga merupakan salah satu media tertua yang digunakan untuk menyampaikan
informasi.

 Teks muncul pertama kali sebagai media alternatif yang digunakan untuk mencatat
informasi – informasi penting seperti yang berkaitan dengan manajemen, politik,
keuangan dan pajak.

 Karena informasi yang terdapat didalam teks tidak cepat hilang dimakan jaman dan
tidak diperlukannya kemampuan untuk mengingat isinya dalam jangka waktu yang
lama, menjadikan teks media yang populer sampai dimasa kini.
• Kemampuan membaca dan menulis adalah hal umum yang harus dimiliki seseorang.
Kekuatan dari TEKS 5

Mulai dari jaman dahulu sampai jaman sekarang, Teks mempunyai banyak kekuatan dan
kelebihan sebagai media. beberapa kekuatan teks, seperti :

1. Teks banyak digunakan dalam penulisan artikel, buku ataupun majalah sebagai
media presentasi informasi.
Kekuatan dari TEKS 6

2. Teks Dapat memberikan/menyimpan suatu makna tertentu bagi orang – orang

yang membacanya (the Power Of Meaning)

Contoh : kata – kata mutiara, kalimat perintah, dst

Kekuatan dari TEKS 7

3. Teks Dapat digunakan sebagai sarana KOMUNIKASI

Atribut – Atribut pada TEKS 8

Teks mempunyai beberapa atribut yang harus diperhatikan dalam pembuatan dan
penulisannya baik secara manual ataupun digital (menggunakan software komputer).

1. SIZE 5. CASE

2. TYPEFACE 6. TRACKING

3. STYLE 7. LEADING

4. FONT
Masing-masing atribut dari teks diatas akan dibahas satu demi satu pada slide berikutnya.
Ukuran Teks (SIZE) 9

 Umumnya teks secara keseluruhan diukur menggunakan satuan Points. Satu point
terdiri dari 0,0138 atau 1/72 inch.

 Sedangkan Dalam pengukuran karakter mengunakan satuan ukuran yaitu character

metric. Character Metric adalah pengukuran setiap karakter pada umumnya.
Ukuran Teks (SIZE) 10

Berikut adalah penjelasan dari beberapa ukuran yang digunakan pada character metric :

 Ascender : batas paling atas yang bisa dicapai tiap karakter

 Descender : batas paling bawah yang bisa dicapai tiap karakter

 Point Size : jarak dari bagian paling atas setiap karakter (Ascender) sampai
bagian paling bawah dari setiap karakter (Descender).

 X-Height : ketinggian dari huruf x (yang merupakan lowercase) dengan Uppercase.

 Set Width : ukuran lebar dari sebuah huruf.

 Base Line : batas Bawah dari sebuah huruf diletakan (Uppercase dan Lower Case).

 Mean Line : batas atas sebuah huruf dalam lowercase

TYPEFACE (1) 11

 Typeface adalah sekelompok karakter grafik yang mempunyai beberapa

ukuran dan style tertentu. Dengan kata lain typeface merupakan bagaimana
bentuk/model dari suatu tampilan karakter terlihat dari mata orang - orang yang
membacanya.

 Contoh dari typeface dari

utama suatu teks adalah
Times, Courier, dan Arial.
TYPEFACE (2) 12

 Terdapat dua cara/tipe untuk membuat dan menampilkan bentuk typeface dari teks
yaitu Serif dan Sans Serif.

• Serif mempunyai tampilan dengan lebih dekoratif pada tepi huruf. Biasanya digunakan dalam
penulisan bagian isi dalam pembuatan artikel. Contoh typeface Serif adalah Times New
Roman, Century, dst.

• San Serif mempunyai tampilan standar, tegas dan kaku pada tepi huruf. Umumnya digunakan
dalam penulisan judul atau heading sebuah artikel untuk menarik perhatian pembaca. Contoh
typeface Sans Serif adalah Arial, Calibri, Verdana, dst.

• Perbadingan :
TYPEFACE (3) 13

 Ilustrasi Perbandigan Typeface tipe Serif dan Sans Serif

STYLE 14

 STYLE adalah sebuah fungsi atau aturan yang digunakan untuk memberikan suatu
gaya penulisan pada sebuah teks. Penggunaan style akan mempengaruhi
bagaimana bentuk penulisan tesk saat ditampilkan (mis : pada komputer atau media
cetak).

 Umumnya style yang sering digunakan

pada penulisan text terdiri dari Bold,
Italic, dan Underline. Namun masih
ada sytle lain yang dapat digunakan
diluar 3 style tersebut.
FONT (1) 15

 FONT adalah kumpulan dari karakter yang mempunyai Typeface, ukuran dan style
tertentu yang sejenis. Contoh Font dari sebuah teks misalkan Calibri ukuran 19 point italic
atau contoh lain yaitu Times New Roman ukuran 19 point Bold.

 Ukuran font biasanya menggunakan saturan ukuran Point. Dimana Satu font dapat
terdiri dari beberapa jenis point.

 Komputer dan peralatan lainnya dalam menampilkan font mempunyai dua metode
yaitu Bit Mapped dan Vector Graphics (outline font).

• Pada bit mapped font menampilkan setiap karakter berdasarkan pengaturan dot-dot pixel yang
saling berhubungan.
• Pada Vector Graphics yang menampilkan bentuk atau outline/garis dari setiap karakter secara

geometrik.
FONT (2) 16

Contoh FONT suatu teks dari

Berbagai ukuran :

 SAYA MERUPAKAN

 MAHASISWA

 UNIKOM
CASE 17

 CASE merupakan atribut dari teks yang digunakan untuk membedakan huruf yang
dilihat dari ukuran kecil atau besar nya tampilan dari huruf tersebut.

 Untuk karakter atau huruf yang berukuran kecil biasa disebut sebagai lower case.
Sedangkan karakter atau huruf besar biasa disebut Upper Case atau capital.

 Contoh Perbedaan Penulisan

Lower Case dan Upper Case ini adalah bentuk penulisan lower case

INI ADALAH BENTUK PENULISAN

UPPER CASE
TRACKING 18

 TRACKING adalah jumlah spasi yang ada pada sejumlah huruf dari sebuah kata.
Tracking dapat digunakan untuk pengaturan struktur antar huruf agar lebih teratur
dan menghindari kesalahan dalam pemenggalan kata.

 Lebih banyak jumlah spasi di antara huruf menghasilkan track yang lebih
longgar. Sedangkan jumlah spasi yang lebih sedikit antara huruf menghasilkan
track lebih ketat/sempit.

 Pada Aplikasi Microsoft Word, tracking dapat

diatur dibagian Font-Character Spacing
dengan memilih opsi spacing-expanded
atau spacing-extended. Contoh :
LEADING 19

 LEADING merupakan pengaturan spasi antara garis yang terdiri dari kumpulan
teks.Tujuan pengunaan Leading adalah untuk pengaturan tampilan jarak antar teks
sehingga memudahkan untuk dibaca.

 Pada Aplikasi Microsoft Word, leading dapat diatur

dibagian paragraph – spacing. Beberapa contoh
leading :

 Leading erat kaitannya dengan Tracking untuk dapat

menghasilkan teks yang mudah dibaca .
LEADING (2) 20

• Pemilihan Tracking yang longgar biasanya akan membutuhkan pemilihan leading

yang lebih besar jarak spasinya. Sedangkan Pemilihan tracking yang lebih
ketat/sempit membutuhkan pemilihan leading yang lebih kecil.
 21

JENIS – JENIS TEKS

PLAIN TEXT 22

 Plain Text merupakan kumpulan karakter murni yang terbentuk dari kode
ASCII (American Standard Code For Information Interchange) dimana setiap
karakternya direpresentasikan oleh 7-8 bit "binary digit" (desimal 0 - 127).

 Plain Text disebut juga sebagai Unformatted Text yang artinya tidak ada format
khusus yang diberikan dalam pembetukan teks tersebut pada komputer .

 Contoh :
Teks pada aplikasi NotePad (.txt)
Typeface Courier New
RICH TEXT 23

 RICH TEXT Merupakan kumpulan karakter yang telah diberikan format

sedemikian rupa menggunakan aturan tertentu sehingga teks dapat
dimodifikasi sesuai kebutuhan.

 Rich text juga dikenal dengan istilah formatted text yang artinya teks ini dapat
diedit dan diformat dengan mengubah ukuran, warna, jenis huruf serta diberikan
efek khusus.

 Contoh :
Dokumen di MS word, Brosur di Corel Draw, Buku di indesign, dst.
RICH TEXT (2) 24

 Peranan Rich Text dalam produk multimedia tampak pada informasi pada konten iklan,
Informasi media interaktif(presentasi, game, media pembelajaran, dsb), serta
infromasi pada website.
HYPERTEXT 23

 HYPERTEXT merupakan Teks yang mengandung konten navigasi ke suatu arah

tertentu (halaman, file, aplikasi) yang telah didefinisikan sebelumnya, biasanya
disebut juga sebagai link.

 Hypertext ditemukan oleh Ted Nelson (1965) dan merupakan konsep dasar dari
bahasa HTML yang biasa digunakan sebagai bahasa standar pembuatan sebuah
website,

 Contoh :
Link dokumen, Link pada website,tombol, menu navigasi, dst .
HYPERTEXT 23

 Contoh pemanfaatan text sebagai link untuk berpindah ke halaman tertentu pada sebuah
website
 25

PENGGUNAAN TEKS
DIDALAM MULTIMEDIA
Penggunaan Teks dalam Multimedia 26

 Banyak manfaat yang didapat dari penggunaan teks dalam multimedia, dimana Elemen
teks dapat diterapkan dalam berbagai bentuk pada suatu konten atau aplikasi multimedia
seperti :

1. Sebagai Menu Untuk Navigasi

Pembuatan Menu merupakan hal yang lazim dalam pembuatan sebuah apliaksi,
termasuk juga pada pembuatan aplikasi multimedia. Pada aplikasi multimedia yang
komplek biasanya terdiri dari banyak menu dan sub menu. Dengan adanya teks pada
menu akan membantu pengguna untuk memilih menu atau sub menu sesuai dengan
apa yang dicari. Biasanya teks pada menu menjelaskan dan memberikan keterangan
pada bagian yang sedang atau yang nantinya akan dikerjakan pengguna.
Penggunaan Teks dalam Multimedia 27

2. Sebagai Button Untuk Berinterkasi

Pada sebuah aplikasi multimedia salah satu cara untuk berinteraksi dengan sistem
adalah dengan menggunakan button. Fungsi teks disini adalah sebagai penjelas dan
memberikan keterangan yang sesuai dengan fungsi dari button tersebut. Nantinya
apabila button ditekan maka aksi yang diberikan harus sesuai dengan teks yang
dituliskan pada button tersebut.

3. Sebagai Judul atau Headline

Teks dapat digunakan pada judul , heading atau caption pada suatu dokumen, Gambar,
ataupun media-media lainnya didalam multimedia untuk menjelaskan ataupun
memberikan gambaran tentang apa saja informasi yang ingin disampaikan dari media
tersebut.
Penggunaan Teks dalam Multimedia 28

4. Sebagai Bagian Untuk Dibaca (Isi Konten)

Teks dapat digunakan menuliskan konten multimedia yang berisi informasi - informasi
yang ingin disampaikan kepada pengunanya. Misalkan untuk pembuatan konten promosi,
Penjualan dan Pemasaran, Artikel Berita, Materi Pembelajaran, Isi dari Website, DST.

5. Sebagai Dasar HTML Document

Seiring berkembangnya teknologi pada pembuatan aplikasi berbasis web menyebabkan
pengembangan bahasa program dengan menggunakan teks sebagai dasarnya yaitu
hypertext atau yang lebih sering dikenal dengan sebutan HTML (Hypertext Markup
Language).
Panduan Umum Penggunaan Teks 29
 Teks sangat bermanfaat dalam pembuatan aplikasi multimedia. Namun apabila kurang
tepat dalam penggunaan maka hasil akhirnya akan tidak optimal. Seperti salah
penulisan, kurang tepat format yang digunakan, tidak cocok dengan media lainnya, dst.

 Berikut ini adalah beberapa panduan penggunaan teks yang bisa dijadikan acuan dalam
pembuatan multimedia:

1. Penggunaan jumlah teks yang sesuai

Dalam aplikasi multimedia sebaiknya tidak semua kontennya terdiri dari tulisan.
Maksimal setengah layar terisi teks sedangkan selebihnya adalah gambar maupun
elemen multimedia lainnya. Gunakan elemen gambar atau video untuk
mengantikan informasi teks yang ingin ditampilkan.
Penggunaan Teks dalam Multimedia 30

2. Legibility dan Readability

Legibility adalah kejelasan dari tiap huruf yang ditampilkan sehingga tidak menimbulkan
kebingungan pada saat dibaca..Sedangkan Readability adalah sejauh mana interaksi
tiap huruf dalam sebuah kata, kalimat dan dalam sebuah paragraf sehingga
menghasilkan tulisan yang menghasilkan informasi yang jelas dan sesuai. Gunakanlah
tipe dan format type face, font style atau warna dari teks yang sesuai dengan
fungsinya akan membuat tingkat legibility dan readability lebih tinggi.

3. Konsisten
Gunakan font yang sama untuk kategori penulisan teks di tempat yang yang sama, misal
untuk penulisan judul, menu , isi dan lain-lain. Kemudian sesuaikan tema dengan tujuan
pembuatan aplikasi multimedia.
Penggunaan Teks dalam Multimedia 31

4. Teks yang interaktif

Kelebihan dari sebuah aplikasi multimedia adalah dapat melakukan interaksi dengan
user. Teks dapat digunakan untuk memberikan kesan lebih interaktif pada
multimedia dengan cara menggunakan hyperlink, atau libatkan user dalam
menggunakan aplikasi multimedia seperti mengisi input, form, atau memberikan
komentar.
Ilustrasi Penggunaan Teks
Ilustrasi Penggunaan Teks
Ilustrasi Penggunaan Teks
 25

TOOLS PENGOLAH TEKS

Penggunaan Teks dalam Multimedia 26

 Ada banyak tools yang dapat digunakan untuk mengolah teks dalam pembuatan
multimedia. Beberapa tools tersebut antara lain :
Penggunaan Teks dalam Multimedia 26

Fontlab memungkinkan Anda untuk

mengedit font yang kompatibel dengan
Mac dan Windows. Perangkat lunak ini
memiliki koleksi font yang sangat besar,
menawarkan jenis desain yang
profesional, typo graphs dan graphic
designs.
23