Transcript SISTEM PENGENDALIAN

PENGENALAN KEPADA
SISTEM MULTIMEDIA
(WXET 3142)
BAB 3 : TEKS
[email protected]
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
[email protected]
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
[email protected]
3
Elemen teks
Elemen teks boleh dibesarkan dan
dikecilkan
Bergantung kepada tujuan aplikasi
tersebut dan pengguna yang
menggunakannya
Disertakan dengan gambar, bunyi dan
video
[email protected]
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 : $+=,.
[email protected]
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
[email protected]
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)
[email protected]
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
[email protected]
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
[email protected]
9
Jenis fail data
ASCII
Teks pengkodan
Rich Text Format (RTF)
[email protected]
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)
[email protected]
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
[email protected]
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>
[email protected]
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
[email protected]
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).
[email protected]
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
[email protected]
membantu pengguna
menggunakan aplikasi
16
Penggunaan teks
Membekalkan identifikasi objek
(‘Informational text’)
Menghantar maklumat dalam bentuk
‘label’
Membantu pengguna dalam ‘navigating’
aplikasi
[email protected]
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.
[email protected]
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
[email protected]
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.
[email protected]
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.
[email protected]
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
[email protected]
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
[email protected]
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.
[email protected]
24