PENGENALAN KEPADA SISTEM MULTIMEDIA WXET 3142 BAB 3

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 boleh dibesarkan 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, Co. Nt. Oh ‘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 : <H 1> This is a title </H 1> <P> This is a line of paragraph format. . 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 <H 1> dan </H 1> 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 membantu pengguna menggunakan aplikasi nazlita@fsktm. um. edu. my 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