Transcript SISTEM PENGENDALIAN

PENGENALAN KEPADA
SISTEM MULTIMEDIA
(WXET 3142)
BAB 3 : TEKS
nazlita@fsktm.um.edu.my
1
Pengenalan
Bentuk paling asas bagi sesuatu maklumat
Teks boleh dilihat dalam bentuk perkataan,
ayat dan perenggan yang digunakan untuk
berkomunikasi
Oleh itu, produk multimedia bergantung
kepada teks dalam beberapa perkara :
untuk menerangkan bagaimana aplikasi bekerja
untuk menyampaikan maklumat aplikasi
nazlita@fsktm.um.edu.my
2
Teks untuk memaparkan tajuk,
ungkapan dan maklumat bertulis yang
lain
Teks juga digunakan sebagai
Hypertext untuk menghubungkan
(link) maklumat yang berada di dalam
dokumen yang berbeza
nazlita@fsktm.um.edu.my
3
Elemen teks
Elemen teks boleh dibesarkan dan
dikecilkan
Bergantung kepada tujuan aplikasi
tersebut dan pengguna yang
menggunakannya
Disertakan dengan gambar, bunyi dan
video
nazlita@fsktm.um.edu.my
4
Teknologi teks berdasarkan huruf, nombor
dan aksara khas seperti titik(.), koma(,)
untuk membina perkataan, ayat dan
perenggan maklumat.
Elemen teks mempunyai 3 kategori iaitu :
Aksara huruf : A–Z, a-z
Nombor : 0-9
Aksara khas : $+=,.
nazlita@fsktm.um.edu.my
5
‘Typefaces’
adalah
persembahan
grafik bagi huruf, nombor dan aksara
khas dan selalunya berbeza saiz dan
cara (style)
‘Font’ melibatkan kesan untuk menarik
perhatian pengguna terhadap
kandungan maklumat tertentu
nazlita@fsktm.um.edu.my
6
‘case’ : huruf boleh dipaparkan di dalam
huruf besar atau kecil (CONTOH, contoh,
CoNtOh
‘bold’ : huruf akan dipaparkan dengan lebih
tebal seperti untuk tajuk. (contoh)
‘italic’ : huruf akan dicondongkan untuk
mengambil perhatian pembaca. (Contoh)
‘underlined’ : huruf akan digariskan.
(Contoh)
nazlita@fsktm.um.edu.my
7
Contoh penggunaan font
Times New Roman, Regular, 20 point
Times New Roman, Bold, 20 point
Times New Roman, Italic, 20 point
Times New Roman, Underlined, 20 point
Times New Roman, Regular, 32 point
Times New Roman, Bold, 32 point
nazlita@fsktm.um.edu.my
8
Jika mesin tidak dapat menyokong
jenis ‘font’ yang digunakan, kita boleh
‘install’ jenis ‘font’ tersebut
Tetapi apabila kita menukar mesin,
‘font’ tersebut akan ditukarkan ke
jenis ‘font’ yang hampir sama kerana
ia tidak dapat menyokong jenis ‘font’
tersebut
nazlita@fsktm.um.edu.my
9
Jenis fail data
ASCII
Teks pengkodan
Rich Text Format (RTF)
nazlita@fsktm.um.edu.my
10
ASCII
American
Standard
Code
for
Information Interchange
Bentuk data yang paling mudah
skim 7-bit pengkodan bagi teks 128
aksara termasuk huruf kecil, huruf
besar, nombor, symbol matematik dan
32 aksara kawalan (control character)
nazlita@fsktm.um.edu.my
11
Teks pengkodan
Menggunakan ‘embedded codes’ untuk
menentukan penampilan (appearance)
teks tersebut
Kod akan dipisahkan dengan aksara
khas seperti ‘line feed’ atau symbol
seperti ‘<’ dan ‘>’
Pengkodan selalunya digunakan untuk
menentukan format teks pada aksara
nazlita@fsktm.um.edu.my
12
Hypertext Markup Language (HTML) :
satu contoh teks pengkodan
Contoh :
<H1> This is a title </H1>
<P> This is a line of paragraph format..
xxx….xxx…xxx </P>
nazlita@fsktm.um.edu.my
13
Tag menentukan format apa yang akan
digunakan untuk mewakilkan teks tersebut
Tag mula dan tag tamat digunakan untuk
mengelilingi teks yang akan diformatkan
Contoh : teks di antara <H1> dan </H1>
ditulis di dalam saiz yang lebih besar
(selalunya 14 poin) dan di’bold’kan
nazlita@fsktm.um.edu.my
14
Rich Text Format (RTF)
RTF digunakan untuk menyimpan dan
memanipulasi teks
Ia merupakan format yang dimiliki dan
dikawal oleh Microsoft Corporation
untuk digunakan dengan pemproses
kata (word processor).
nazlita@fsktm.um.edu.my
15
Penggunaaan Teks di dalam
Aplikasi Multimedia
Sistem komputer bergantung kepada teks
sbg
antaramuka dengan pengguna
menyampaikan maklumat
Walaupun dengan antaramuka secara
grafik, teks masih diperlukan (menu, arahan
dll)
Teks digunakan untuk pelbagai tujuan
membekalkan identifikasi objek seperti label
kepada gambar
menghantar maklumat dalam bentuk teks
nazlita@fsktm.um.edu.my
membantu pengguna
menggunakan aplikasi
16
Penggunaan teks
Membekalkan identifikasi objek
(‘Informational text’)
Menghantar maklumat dalam bentuk
‘label’
Membantu pengguna dalam ‘navigating’
aplikasi
nazlita@fsktm.um.edu.my
17
Membekalkan identifikasi objek
‘Informational text’ biasanya mengandungi
beberapa perkataan, ayat dan perenggan yang
menyampaikan maklumat.
Sejumlah teks yang besar adalah sukar untuk
dibaca.
‘Scroll bar’ perlu digunakan untuk memaparkan
teks yang banyak berbanding dengan
memampatkan teks tersebut untuk
memuatkannya di dalam satu mukasurat.
nazlita@fsktm.um.edu.my
18
Menghantar maklumat dalam bentuk label
Label selalunya pada tetingkap tajuk (title bar
windows)
Contoh : digunakan untuk mengenalpasti
hubungan gambar dengan maklumat
Selalunya pendek dan ringkas
Menonjol berbanding dengan latar belakang dan
‘font’ yang digunakan mesti mudah untuk dibaca
nazlita@fsktm.um.edu.my
19
Membantu pengguna dalam ‘navigating’
aplikasi
Kawalan berdasarkan teks termasuklah butang
(button), kotak senarai (list box), ‘drop-down
list’ dan menu tetingkap (window menu).
Dgn penggunaan tetikus untuk klik atau dengan
menekan kekunci ‘enter’, teks masih diperlukan
sebagai pengenal ataupun untuk memilih elemen
dari kotak senarai.
nazlita@fsktm.um.edu.my
20
Dengan objek multimedia yang lain, teks
pada butang atau pada kotak senarai
perlulah jelas dan senang untuk
dikenalpasti.
Penggunaan warna yang kontras dengan
latar belakang menjadikan teks tersebut
mudah untuk dilihat dan digunakan.
nazlita@fsktm.um.edu.my
21
Garis panduan
Pemilihan ‘font’ adalah penting dari segi
kebolehbacaan teks tersebut
Cuba minimumkan penggunaan ‘typefaces’
kerana ia akan mengelirukan pembaca
Perhatikan ruang di antara aksara, baris,
perenggan di antara teks dan ruang di
antara teks dengan objek lain seperti
gambarajah, graf atau imej
Teks yang terlalu rapat dengan objek akan
menyebabkan ianya sukar untuk dibaca
nazlita@fsktm.um.edu.my
22
Berhati-hati meletakkan teks pada grafik
terutamanya dengan warna, saiz dan ‘font’
Pelbagaikan saiz, ‘style’, ‘boldness’ bagi
perkataan yang perlu untuk diambil
perhatian lebih apabila pengguna membaca
Gunakan tulisan cerah bagi latar belakang
yang gelap dan sebaliknya
Elakkan warna yang seakan-akan warna latar
belakang
nazlita@fsktm.um.edu.my
23
Tutorial bab 3
1.
Nyatakan elemen teks yang telah
dibincangkan.
2. Apakah perkakasan yang biasa digunakan
dalam navigasi.
3. Terangkan keburukan ‘Proprietary Text
Format’.
4. Apakah kegunaan label?
5. Bincangkan garis panduan penggunaan teks
di dalam sesuatu aplikasi.
nazlita@fsktm.um.edu.my
24