Learning Outcomes. Pada akhir pertemuan ini, diharapkan mahasiswa akan mampu : Menunjukkan Penggunaan Teks dan Hypertext pada Aplikasi Multimedia
|
|
- Sonny Hermawan
- 7 tahun lalu
- Tontonan:
Transkripsi
1 TEXT
2 Learning Outcomes Pada akhir pertemuan ini, diharapkan mahasiswa akan mampu : Menunjukkan Penggunaan Teks dan Hypertext pada Aplikasi Multimedia
3 Outline Materi Definisi Text Teknologi Text Fonts Text Data File Menggunakan Text Hypertext dan Hypermedia
4 Apakah Text Itu? Media dasar untuk banyak sistem multimedia Text dalam bentuk kata, kalimat, paragraf digunakan untuk mengkomunikasikan pikiran, ide, fakta dalam hampir setiap aspek kehidupan. Produk Multimedia bergantung pada text dalam banyak hal : Menjelaskan bagaimana aplikasi berjalan Membimbing user ber-navigasi dalam aplikasi Menyampaikan informasi sebagai tujuan rancangan aplikasi
5 Teknologi Text Didasarkan pada pembuatan huruf, angka dan special karakter. Text element dapat dikategorikan dalam : Karakter Alphabet : A - Z Angka : 0-9 Karakter Special : Punctuation [., ; ], Tanda atau Simbol [* & ^ % $! /\ ~ ] Juga dikenal sebagai Character Sets Termasuk juga spesial icon atau simbol gambar, simbol matematika, huruf Yunani dll.
6 Typeface, Font dan Point Typefaces Fonts Representasi grafik dari alfabet, angka dan spesial karakter Biasanya beragam tergantung ukuran dan style Ukuran tertentu suatu typeface Ragam ditentukan dengan ukuran dan style Ukuran diukur dalam point Satu point adalah 1/72 atau inc Ukuran diukur dari ujung atas huruf kapital (mis : A atau P ) ke ujung bawah dari descenders (mis : y, p, q )
7 Efek Font Beberapa efek yang berguna untuk menarik perhatian pembaca pada suatu content : Case: UPPER dan lower letter Bold, Italic, Underline, superscript atau subscript Embossed atau Shadow Colours
8 Tipe-Tipe Font Font terbagi dalam 2 kelas : Serif atau Sans Serif Font bertipe Serif menggunakan tips atau flag dekoratif pada bagian akhir ujung sebuah huruf Font bertipe Sans Serif tidak memiliki tips atau flag ini Font bertipe Serif biasanya digunakan untuk dokumen atau layar yang mengandung banyak text Hal ini disebabkan serif membantu membimbing mata pembaca selama membaca text Untuk tampilan komputer, font bertipe Sans Serif dianggap lebih baik karena mempunyai kontrast yang lebih tajam
9 Anatomi Font Point size Cap height I D xhp Baseline Serif Counter X-height Set width Mean line Ascender Descender Shoulder
10 Tracking, Kerning dan Leading Av Unkerned Av Kerned
11 Tracking, Kerning dan Leading Reading Line One Leading Reading Line One Ascender : garis di atas rata-rata untuk lower case karakter Descender : garis di bawah rata-rata untuk lower case karakter Leading : spasi antar baris Tracking : spasi antar karakter Kerning : spasi antara sepasang karakter, biasanya sebagai overlap untuk memperbaiki tampilan
12 Jaggies dan Antialiasing Jaggies merupakan batas kasar / patah-patah pada bitmapped image biasanya terlihat jika image diperbesar Merupakan konsekuensi dari array of pixel yang merupakan dasar dari suatu image Antialiasing merupakan teknik untuk mengeliminasi batas kasar tersebut Teknik untuk menggantikan pixel dengan warna lain sehingga batas kasar terlihat seperti garis yang berkesinambungan Teknik ini digunakan untuk menyatukan font dengan background nya dengan memberikan warna transisi dari font dengan background nya Teknik ini meminimalisasi batas patah-patah dan membuat tampilan yang lebih halus secara keseluruhan
13 Jaggies dan Antialiasing
14 Text Data Files Format data encoding yang umum untuk text adalah : Plain text (ASCII) merupakan text dalam format elektronik yang dapat dibaca dan dinterpretasikan oleh manusia Rich text mirip dengan Plain text tapi juga mengandung karakter pengendali spesial untuk feature tambahan Hypertext merupakan advance rich text yang memungkinkan pembaca untuk melompat ke bagian berbeda dalam dokumen atau juga ke dokumen baru
15 Text Data Files Plain text This is plain text. It is readable by humans. It can contains numbers (01234) and punctuation since it uses the ASCII character set. Rich text This is <bold>rich text</bold>.<br><center>it is also readable by humans but contains additional tags which control the presentation of the text.</center> Hypertext This is <a href= >hypertext</a>. It uses the rich text format shown above but adds the ability to hyperlink to other documents.<hr><img src= logo.gif >
16 Working With Text Yang perlu diperhatikan dan guidelines saat menggunakan text : Singkat dan jelas (Concise) Gunakan typeface dan font yang tepat Mudah dibaca Perhatikan type style dan warna Batasi dan konsisten
17 Mudah Terbaca Can you read me? Can you read me?
18 Mudah Terbaca The buzzword being splashed around is Convergence and by it we mean the convergence of multimedia technology with the telecommunications industry The buzzword being splashed around is Convergence and by it we mean the convergence of multimedia technology with the telecommunications industry.
19 Working With Text Text dalam jumlah besar Pertimbangkan alternatif lain - animasi, video, narasi. Tampilkan preview dan mungkinkan user untuk mendapatkan lebih Hyper linking Pop-up messages, scroll bars, dropdown menus
20 Menggunakan Text Secara Efektif Mengkomunikasikan data Nama dan alamat pelanggan Informasi harga produk Menjelaskan konsep dan ide Pernyataan misi perusahaan Perbandingan prosedur medis Menjelaskan media lain Label pada button, icon dan screen Captions dan callouts untuk graphics
21 Keuntungan dan Kerugian Penggunaan Text Keuntungan Relative murah dalam produksi Mempresentasikan ide secara efektif Menjelaskan media lain Menjaga kerahasiaan / privacy Mudah dirubah dan diperbaharui Kerugian Mudah dilupakan daripada media visual yang lain Membutuhkan perhatian lebih dari user daripada media lain Tidak teratur
22 Hypertext dan Hypermedia Hypertext Dokumen berbasis text dengan tambah data statis, misal : gambar dan tabel Referensi Silang (cross referencing) antar bagian melalui kata kunci (keyword) yang berfungsi sebagai penghubung ke bagian lain Terdiri dari jaringan node yang terhubung melalui link yang dapat dikunjungi oleh user Hypermedia Data Multimedia yang tersimpan dalam struktur hypertext terhubung Setiap node adalah presentasi. User dapat melompat dari satu presentasi ke presentasi lain
23 A Small Hypertext Structure (having six nodes and nine links) A B C D E F
24 Definisi Hypertext Sebuah link menghubungkan dua node dan biasanya terarah Source node Destination node Biasanya terhubung dengan bagian tertentu dari source node Anchor Kadang destination adalah bagian dari sebuah node Source anchor Destination anchor Kebanyakan fasilitas hypertext memiliki fasilitas backtrack Memungkinkan terjadinya lingkaran pengulangan (loop) Beberapa sistem hypertext memberikan indikasi jika sebuah link akan membawa ke node yang sudah pernah dikunjungi
25 Definisi Nodes + Links = Hyperdocument Konten Informasi Hypertext system Piranti Lunak (Software) yang digunakan untuk membaca dan menulis hyperdocument Hypertext Sistem hypertext yang berisi sebuah hyperdocument
26 Navigasi Hypertext User harus bisa mengikuti link dan bisa mengetahui mana informasi yang sudah dibaca dan mana yang belum Users dari hypertext bisa menjadi bingung Mudah tersesat Walaupun dalam dokumen kecil, user mengalami fenomena lost in hyperspace Navigasi user dalam hyperdocument dipengaruhi oleh Struktur Hyperdocument Bantuan navigasi yang disediakan oleh sistem hypertext Strategi browsing yang diterapkan oleh user
27 Navigasi Hypertext Lost in hyperspace Sebuah node yang menarik mungkin susah untuk ditemukan lagi di masa datang Bookmarks Ketika browsing, user dapat menjadi bingung tentang posisi Tidak ada petunjuk arah dalam hyperspace Tampilan Fish-eye Menampilkan hanya bagian tertentu dari sebuah hyperdocument secara detil Tampilan Birds-eye Peta yang detil Mungkin terlalu besar untuk ditampilkan secara keseluruhan sekaligus
Text dan Hypertext Pertemuan 3
Learning Outcomes Matakuliah : T0732 / Sistem Multimedia Tahun : 2007 Text dan Hypertext Pertemuan 3 Pada akhir pertemuan ini, diharapkan mahasiswa akan mampu : Menunjukkan Penggunaan Teks dan Hypertext
Lebih terperinciLearning Outcomes. Pada akhir pertemuan ini, diharapkan mahasiswa akan mampu : Memahami Penggunaan Teks dan Hypertext pada Aplikasi Multimedia
TEXT DAN HYPERTEXT Learning Outcomes Pada akhir pertemuan ini, diharapkan mahasiswa akan mampu : Memahami Penggunaan Teks dan Hypertext pada Aplikasi Multimedia Outline Materi Definisi Teks Teknologi Teks
Lebih terperinciSistem Multimedia. Text & Hypertext. Donny Reza, S.Kom
Sistem Multimedia Text & Hypertext Donny Reza, S.Kom Definisi Text Text: Perpaduan sekumpulan simbol yang digunakan untuk menyampaikan pesan. Text pada umumnya disebut dengan Tulisan (Writing) Media utama
Lebih terperinciKERANGKA BANGUN MULTIMEDIA
Materi 1. Konsep dasar, pembuatan dan aplikasi multimedia 2. Organisasi pengembang multimedia 3. Perangkat pembuatan aplikasi multimedia 4. Kerangka bangun multimedia 5. Metodologi pengembangan multimedia
Lebih terperinciCEG4B3. Randy E. Saputra, ST. MT.
CEG4B3 Randy E. Saputra, ST. MT. Definisi Teks Media dasar untuk banyak sistem jaringan multimedia Teks dalam bentuk kata, kalimat dan paragraf digunakan untuk mengkomunikasikan pikiran, ide dan fakta
Lebih terperinciThe quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog Teks & Typografi Komputer Multimedia 2009 Kekuatan Makna Sangat penting memberikan dan merancang label untuk judul layar, menu, tombol atau tab menggunakan
Lebih terperinciPemrosesan Dokumen. Objektif
Pemrosesan Dokumen copyright@ Pemrosesan Dokumen Ihsan Jatnika 1 Objektif Mengetahui pemrosesan dokumen komputer dari bentuk yang paling sederhana sampai dengan yang lebih kompleks Mampu mempertimbangkan
Lebih terperinciMengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency
Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat
Lebih terperinciPEMROGRAMAN MULTIMEDIA
PEMROGRAMAN MULTIMEDIA PERTEMUAN 2 BY : REZA ADITYA FIRDAUS TEKS (TEXT) Jenis-jenis Teks: 1. Plain Text (Unformatted Text) Teks adalah data dalam bentuk karakter. Teks dalam hal ini adalah kode ASCII (American
Lebih terperinciHTML. Hypertext Markup Language. Pemrograman Web 1. Genap
HTML Hypertext Markup Language Pemrograman Web 1 Genap 2009 2010 HTML HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser.
Lebih terperinciTeks dan Background SERIF SANS-SERIF MONOSPACE
Tujuan Teks dan Background Mahasiswa dapat memahami pengaturan teks melalui CSS Mahasiswa dapat memahami berbagai jenis ukuran teks Mahasiswa dapat memahami pengaturan background melalui CSS Dasar Teori
Lebih terperinciHTML (HyperText Markup Language)
HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Lebih terperinciModul 2. Text and Hypertext dan Image
Modul 2. Text and Hypertext dan Image Text adalah data yang terdiri dari karakter-karakter yang menyatakan kata-kata atau lambang-lambang untuk berkomunikasi oleh manusia dalam bentuk tulisan. Di dalam
Lebih terperinciAhli Tipografi disebut TIPOGRAFER (ahlinya tipografi gitu...)
PENDAHULUAN TIPOGRAFI adalah suatu ilmu dalam memilih dan menata HURUF dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca
Lebih terperinciPower Point - 02 TEKNIK Ilmu Komputer
Modul ke: Aplikasi Komputer Power Point - 02 Fakultas TEKNIK Muhammad Rifqi, S.Kom, M.Kom Program Studi Ilmu Komputer http://www.mercubuana.ac.id 1. Klik Start 2. Klik Microsoft Power Point 2010 Tampilan
Lebih terperinci1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML
MODUL 1 HTML Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML Tugas Pendahuluan 1. Apakah yang anda ketahui tentang World Wide
Lebih terperinciFont and typeface. Apa itu Font?
Font and typeface Apa itu Font? Koleksi dari huruf, angka, symbol dan karakter yang digunakan untuk membentuk kata. Apa itu typeface? Pandangan artistik atau desain dari alphabet, termasuk huruf, angka,
Lebih terperinciMEETING 4 (1) GRAPHIC DESIGNING. Huruf dan tipografi
MEETING 4 (1) GRAPHIC DESIGNING Huruf dan tipografi Font and typeface Apa itu Font? Koleksi dari huruf, angka, symbol dan karakter yang digunakan untuk membentuk kata. Apa itu typeface? Pandangan artistik
Lebih terperinciBAB 2 Teks dan Paragraph
BAB 2 Teks dan Paragraph Pada Bab ini anda akan mempelajari cara: Memilih tampilan untuk bekerja dalam dokumen Memotong, menyalin dan menempelkan teks Mengubah tampilan teks Menambahkan efek pada teks
Lebih terperinciSURVEY AKHIR KETRAMPILAN TEKNOLOGI GURU
Program Rintisan Pendidikan Jarak Jauh DBE 2: Survey Teknologi Guru Halaman 1 SURVEY AKHIR KETRAMPILAN TEKNOLOGI GURU (Teacher Technology Survey ) Nomor Identifikasi (prov tgl... /bln/ bln././th.. th..)...
Lebih terperinciMICROSOFT OFFICE POWERPOINT 2007
MICROSOFT OFFICE POWERPOINT 2007 Cakupan Panduan : Menjalankan software presentasi Menggunakan menu-menu serta shortcut Menyimpan, memanggil, insert, edit Menggunakan Header, footer, page numbering Pencetakan
Lebih terperinciTEKS, GAMBAR & GRAFIK
TEKS, GAMBAR & GRAFIK 1 TEKS (TEXT) Jenis-jenis Teks: 1. Plain Text (Unformatted Text) - Teks adalah data dalam bentuk karakter. - Teks dalam hal ini adalah kode ASCII (American Standard Code for Information
Lebih terperinciPipografi Aplikatif ANATOMI PARAGRAF. Ir. Kamil Rusdi Abdullah, M.Si. Modul ke: Fakultas FAKULTAS. Program Studi PROGRAM STUDI
Pipografi Aplikatif Modul ke: 07 ANATOMI PARAGRAF Fakultas FAKULTAS Program Studi PROGRAM STUDI Ir. Kamil Rusdi Abdullah, M.Si Tipografi Aplikatif Paragraf menurut Kamus Besar Bahasa Indonesia (KBBI),
Lebih terperinciWeb Design is 95% Typography Oliver Reichenstein, By: Ahmad SYAUQI Ahsan
Web Design is 95% Typography Oliver Reichenstein, 2006 By: Ahmad SYAUQI Ahsan What is Typography? Typography: the style and arrangement or appearance of text (corak dan cara menyusun visualisasi dari teks)
Lebih terperinciXHTML dan Dasar-dasar CSS XHTML
XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language
Lebih terperinciBab 3 Menulis Teks di dalam Kanvas
Student Guide Series: Adobe Photoshop CS3 Bab 3 Menulis Teks di dalam Kanvas Materi yang Dipelajari: Pengenalan terhadap Horizontal Type Tool dan Vertical Type Tool. Penulisan teks di dalam kanvas. Pembuatan
Lebih terperinciSix: Pembuat Presentasi. Point of View. KETRAMPILAN KOMPUTER by: Ahmad Syauqi Ahsan
Six: Pembuat Presentasi Point of View KETRAMPILAN KOMPUTER by: Ahmad Syauqi Ahsan Objectives Setelah menyelesaikan bab ini, anda diharapkan dapat: Mengenal aplikasi presentasi Microsoft Powerpoint Elemen
Lebih terperinciMICROSOFT POWERPOINT. Pendahuluan
MICROSOFT POWERPOINT Pendahuluan Microsoft Power Point adalah suatu software yang akan membantu dalam menyusun sebuah presentasi yang efektif, professional, dan juga mudah. Microsoft Power Point akan membantu
Lebih terperinciDEPARTEMEN TENAGA KERJA DAN TRANSMIGRASI R.I.
MATERI PELATIHAN BERBASIS KOMPETENSI SEKTOR TELEMATIKA SUB SEKTOR MULTIMEDIA MENGGABUNGKAN TEKS KE DALAM SAJIAN MULTIMEDIA BUKU INFORMASI SEKTOR TEKNOLOGI INFORMASI DAN KOMUNIKASI DEPARTEMEN TENAGA KERJA
Lebih terperinciPresentasi dan Properti Leksikal
Presentasi dan Properti Leksikal Pendahuluan Perancangan dialog harus terpisah dari perancangan detail presentasi dan interface leksikal. Fungsi sistem harus ditentukan terlebih dahulu, baru mendesain
Lebih terperinciBAB III LANDASAN TEORI
BAB III LANDASAN TEORI 3.1 Multimedia Definisi dari multimedia menurut Hofstetter dalam Juhaeri (2012), multimedia adalah pemanfaatan komputer untuk membuat dan menggabungkan teks, grafik, audio, gambar
Lebih terperinciI. PENGENALAN MICROSOFT POWER POINT. A. Membuka Aplikasi Microsoft Power Point
I. PENGENALAN MICROSOFT POWER POINT A. Membuka Aplikasi Microsoft Power Point Aplikasi Microsoft Power Point merupakan bagian dalam Microsoft Office, untuk instalasi aplikasi ini sudah menjadi satu paket
Lebih terperinciBAB II LANDASAN TEORI. sistem komputer tersusun atas tiga elemen, yaitu. 1. Hardware (Perangkat Keras), merupakan rangkaian elektronika
4 BAB II LANDASAN TEORI II.1. Pengertian Komputer Komputer merupakan suatu perangkat elektronika yang dapat menerima dan mengolah data menjadi informasi, menjalankan program yang tersimpan dalam memori,
Lebih terperinciMEMBUAT DAN MENGATUR DOKUMEN
MEMBUAT DAN MENGATUR DOKUMEN MENGEDIT DOKUMEN Ketika melakukan pengetikan, kita perlu mengetahui tombol tertentu pada keyboard yang memiliki fungsi operasi tertentu. Tanda Kegunaan Memindahkan kursor 1
Lebih terperinciDESAIN. Interaksi Manusia & Komputer
DESAIN Interaksi Manusia & Komputer Course Overview Design Grafis Filosofi Desain Prinsip-prinsip Desain Grafis Unsur-unsur visual ekonomi Teknik-teknik kode Tifografi Fonts Warna Desain icon Desain Grafis
Lebih terperinciCSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM
CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM CSS Cascading Style Sheet Bahasa yang digunakan untuk mengatur tampilan dan format dari dokumen markup (HTML) CSS didesain untuk memisahkan antara dokumen yang mendeskripsikan
Lebih terperinciMICROSOFT POWER POINT
MICROSOFT POWER POINT I. PENDAHULUAN Microsoft Power Point adalah suatu software yang menyediakan fasilitas yang dapat membantu dalam menyusun sebuah presentasi yang efektif, professional, dan juga mudah.
Lebih terperinciTEKS, GAMBAR DAN GRAFIK S1 INFORMATIKA ST3 TELKOM PURWOKERTO
TEKS, GAMBAR DAN GRAFIK S1 INFORMATIKA ST3 TELKOM PURWOKERTO TEKS (TEXT) Jenis-jenis Teks: 1. Plain Text (Unformatted Text) Teks adalah data dalam bentuk karakter. Teks dalam hal ini adalah kode ASCII
Lebih terperinci9/20/2011. Jenis-jenis Teks : Plain Text (Unformatted Text) Formatted Text (Rich Text Format) Hypertext
Jenis-jenis Teks : Plain Text (Unformatted Text) Formatted Text (Rich Text Format) Hypertext Teks adalah data dalam bentuk karakter. Teks dalam hal ini adalah kode ASCII (American Standard Code for Information
Lebih terperinciGambar 3.1 Kotak Dialog Font & Character Spacing
EDITING Agar web site menarik & banyak dikunjungi, yang perlu diperhatikan adalah tampilannya, baru kemudian isinya. Maka, membuat web site semenarik mungkin merupakan keharusan, agar menarik pengunjung
Lebih terperinciP - 5 Bab 4 : HTML (Hypertext Markup Language)
P - 5 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti konsep dasar, struktur, gaya penulisan, sound & background sound, hyperlink serta images, table, form & frame HTML. 4.2 Materi 1. Konsep
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan
Lebih terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Image dan Link
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Image dan Link Dosen Pembimbing : Dwi Susanto Oleh : Laras Intansari (4103131054) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
Lebih terperinciPengantar HTML. Pengantar HTML
Mark Up Language Mark up : informasi tambahan yang ditempatkan pada teks untuk menjelaskan bagaimana teks tersebut diinterpretasi Mark up ditambahkan bukan untuk tampilan tetapi untuk memberikan struktur
Lebih terperinciTIPOGRAFI. Menggabungkan Teks dalam Sajian Multimedia
TIPOGRAFI Menggabungkan Teks dalam Sajian Multimedia Pengantar Pada materi Design berikut ini, terdapat penggambaran konsep tipografi untuk lebih memperdayagunakan huruf sebagai element grafis, agar sebuah
Lebih terperinciAplikasi Komputer. Pengenalan tentang Ms. Word 2010 serta fungsi-fungsi dasarnya (1) Ita Novita, S.Kom, M.T.I. Modul ke: Fakultas Ilmu Komputer
Modul ke: Aplikasi Komputer Pengenalan tentang Ms. Word 2010 serta fungsi-fungsi dasarnya (1) Fakultas Ilmu Komputer Ita Novita, S.Kom, M.T.I Program Studi Informatika www.mercubuana.ac.id Pengenalan Microsoft
Lebih terperinciLEMBARAN SOAL ULANGAN HARIAN 1
J A Y A R A Y A PEMERINTAH PROVINSI DAERAH KHUSUS IBUKOTA JAKARTA DINAS PENDIDIKAN SEKOLAH MENENGAH ATAS (SMA) NEGERI 78 JAKARTA Jalan Bhakti IV/1 Kompleks Pajak Kemanggisan Telp. 5327115-5482914 JAKARTA
Lebih terperinciPENGANTAR KOMPUTER & SOFTWARE I
PENGANTAR KOMPUTER & SOFTWARE I Hyperlink, Chart, Smart Art dan Etika dalam membuat presentasi Tim Pengajar KU1102 - Institut Teknologi Sumatera Beberapa penelitian mengungkapkan bahwa berbicara di depan
Lebih terperinciTIPOGRAFI DEDDY AWARD W. LAKSANA, M.Pd TI - D3
TIPOGRAFI DEDDY AWARD W. LAKSANA, M.Pd TI - D3 Pengenalan Tipografi Apa itu tipografi? Tipografi adalah salah satu disiplin ilmu seni yang berisi pengetahuan mengenai huruf. Pengenalan Tipografi Apa itu
Lebih terperinciPEMBUATAN DESAIN TIPOGRAFI
PEMBUATAN DESAIN TIPOGRAFI Dasar - Dasar Tipografi Tipografi merupakan suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang ruang yang tersedia, untuk menciptakan kesan
Lebih terperinciBAB V ULASAN KARYA PERANCANGAN
BAB V ULASAN KARYA PERANCANGAN A. Huruf Tanjitawi Pada tahap berikut akan menyajikan proses penciptaan wujud karya desain huruf Tanjitawi, proses penciptaan dimulai dari proses penjaringan ide yang memunculkan
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Teori-teori Dasar/Umum Multimedia 2.1.1 Pengertian Multimedia Menurut Fred T. Hofstetter (2001, Multimedia Literacy, chapter 1 halaman 2), multimedia adalah suatu penggunaan komputer
Lebih terperinciPenulis :
Daftar Isi Dasar-Dasar HTML Cara Membuka Notepad dan Structure Dasar HTML 1 Heading dan Cara Menyimpan dengan Ekstensi HTML 4 Basic HTML Code 6 Style 11 Formating 18 Dasar Dasar HTML Cara Membuka Notepad
Lebih terperinciMicrosoft Power Point 2003
Microsoft Power Point 2003 A. Mengenal Microsoft Power Point Microsoft Power Point adalah suatu software yang akan membantu dalam menyusun sebuah presentasi yang efektif, professional, dan juga mudah.
Lebih terperinciDAFTAR ISI. LEMBAR PENGESAHAN PEMBIMBING... ii. LEMBAR PENGESAHAN PEMBIMBING... ii. LEMBAR PENGESAHAN PENGUJI... iii. LEMBAR PERNYATAAN KEASLIAN...
DAFTAR ISI LEMBAR PENGESAHAN PEMBIMBING... ii LEMBAR PENGESAHAN PEMBIMBING... ii LEMBAR PENGESAHAN PENGUJI... iii LEMBAR PERNYATAAN KEASLIAN... iv HALAMAN PERSEMBAHAN...v HALAMAN MOTTO... vi KATA PENGANTAR...
Lebih terperinciMODUL BAHAN AJAR Semua Program Keahlian KATA PENGANTAR
KATA PENGANTAR Pemanfaatan komputer sebagai salah satu sarana pembangunan pembelajaran saat ini sudah menjadi kebutuhan utama. Hal ini didasarkan kepada beberapa faktor, yaitu : Perkembangan teknologi
Lebih terperinciTeks dan Paragraph. Pada Bab ini anda akan mempelajari cara:
BAB Teks dan Paragraph 2 Pada Bab ini anda akan mempelajari cara: Memilih tampilan untuk bekerja dalam dokumen Memotong, menyalin dan menempelkan teks Mengubah tampilan teks Menambahkan efek pada teks
Lebih terperinciCSS Cascading Style Sheet
CSS Cascading Style Sheet Pengenalan CSS CSS adalah singkatan dari Cascading Style Sheets CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTML, dan tugas utamanya adalah menetapkan aturan tampilan/style
Lebih terperinciPengenalan Script. Definisi HTML
1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML
Lebih terperinciPUBLISHING. You cannot not communicate Paul Watzlawick. Week 1: Typography by Hestiasari Rante-Pasila
PUBLISHING You cannot not communicate Paul Watzlawick Week 1: Typography by Hestiasari Rante-Pasila Typography is fun Typography by Rudann Definition Berasal dari bahasa Yunani: typos (mould, impression,
Lebih terperinciHTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs.
HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs. HTML HyperText Markup Language HTML bahasa pemrograman HTML markup language Digunakan
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur
Lebih terperinciPEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE
PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE Oleh: Asyti Febliza I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain,
Lebih terperinciMICROSOFT POWERPOINT
MICROSOFT POWERPOINT Pendahuluan Microsoft Power Point adalah suatu software yang akan membantu dalam menyusun sebuah presentasi yang efektif, professional, dan juga mudah. Microsoft Power Point akan membantu
Lebih terperinciDaftar isi. West PoinT edu
Daftar isi 1.font-weight...2 2.Font-style...2 3.Font-family...2 4.font-size...2 5.color...3 6.text-align...3 7.vertical-align...3 8.text-decoration...4 9.text-transform...4 10.text-shadow...4 11.word-spacing...5
Lebih terperinciC. Ms Powerpoint D. Notepad E. Ms Acces
1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:
Lebih terperinciLEMBARAN SOAL ULANGAN HARIAN 1
J A Y A R A Y A PEMERINTAH PROVINSI DAERAH KHUSUS IBUKOTA JAKARTA DINAS PENDIDIKAN SEKOLAH MENENGAH ATAS (SMA) NEGERI 78 JAKARTA Jalan Bhakti IV/1 Kompleks Pajak Kemanggisan Telp. 5327115-5482914 JAKARTA
Lebih terperinciArea kerja. Gambar 1. Tampilan awal MS FrontPage
Microsoft FrontPage I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain, dan mengedit halaman World Wide Web seperti menambahkan text, images,
Lebih terperinciSistem Multimedia. Image. Donny Reza, S.Kom
Sistem Multimedia Image Donny Reza, S.Kom Image/Citra Image: representasi grafis dan visual dari suatu informasi yang dapat ditampilkan dalam layar komputer atau dicetak Berbagai bentuk image: Foto Gambar
Lebih terperinci1. Buatlah Folder di Drive D: dengan Nama CMB-PA-Nama Anda-Tgl Ujian 2. Simpanlah file Anda dengan Nama Jawaban_Tipe J1_Nama Anda.
Kode Dok : F-KPS-029 Revisi : UJI KOMPETENSI PRAKTIK UNIT KOMPETENSI PRESENTATION APPLICATION (PA) TAHUN AJARAN 2015/2016 KODE SOAL : STMIK-PA-J1-01-16 WAKTU PENGERJAAN 120 MENIT Penilaian tidak dilakukan
Lebih terperinciMateri. I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image
Pengenalan HTML Materi I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image I. Pengenalan HTML WWW HTML Browser dan Editor I. PENGENALAN HTML World Wide Web Internet merupakan jaringan global yang
Lebih terperinciPENGANTAR INTERNET & DESAIN WEB
Program Studi Manajemen Informatika Fakultas Bisnis Dan Teknologi Informasi Universitas Teknologi Yogyakarta PENGANTAR INTERNET & DESAIN WEB Ganjil 2012-2013, S.Kom HTML Dasar Definisi HTML Kemampuan HTML
Lebih terperinciTAG HTML LANJUT Tujuan Instruksional :
3 TAG HTML LANJUT Tujuan Instruksional : 1. Mahasiswa mengetahui tag-tag tingkat lanjut pada HTML 2. Mahasiswa dapat menyusun dan menyimpan sebuah dokumen HTML dengan tag HTML lanjut 3. Mahasiswa dapat
Lebih terperinciBAB III KONSEP, DESAIN DAN PENGUMPULAN MATERI 3.1. Konsep Dalam membangun program Aplikasi Simulasi Metoda Kompresi Data Huffman dengan Adobe Flash Profesional / Action Script 3.0 ini peneliti akan menganalisa
Lebih terperinciSOAL ULANGAN TENGAH SEMESTER GANJIL TP. 2012/2013
SOAL ULANGAN TENGAH SEMESTER GANJIL www.soalulangansekolah.blogspot.com TP. 2012/2013 Mata pelajaran : TIK Hari, tgl : Kelas / Semester : VII (TUJUH) / 1 Jam : Tanda tangan No. Test Nama Nilai Orang tua
Lebih terperinciPENGENALAN INTERFACE MACROMEDIA DITECTOR MX
PENGENALAN INTERFACE MACROMEDIA DITECTOR MX Sebelum kita mempraktekkan tutorial singkat ini, sebaiknya software Macromedia Director di-install terlebih dahulu. Untuk menjalankan program Macromedia Director
Lebih terperinciChapter 2. Tipe Data dan Variabel
Chapter 2 Tipe Data dan Variabel Pada prinsipnya suatu program computer memanipulasi data untuk dijadikan informasi yang berguna. Komputer memanipulasi berbagai macam data, bukan hanya angka, tetapi juga
Lebih terperinciTutorial # A-02 : Slide Show
Tutorial # A-02 : Slide Show 1. PENDAHULUAN Tutorial ini mengajak anda membuat presentasi slide show interaktif dengan komponen gambar, teks, audio dan video. Halaman tampil dari awal berurutan sampai
Lebih terperinciMODUL ADMIN WEBSITE FAKULTAS DAN JURUSAN
MODUL ADMIN WEBSITE FAKULTAS DAN JURUSAN Tim Website UNY 2014 Region Web Fakultas Region Web Jurusan 1 2 3 5 7 10 0 4 12 13 Struktur Web Fakultas dan Jurusan NO Block 1 2 3 4 5 Header Main Menu Header
Lebih terperinciCHAPTER 2 MACROMEDIA FLASH. Ariesto Hadi MACROMEDIA FLASH. Ariesto Hadi S
CHAPTER 2 MACROMEDIA FLASH Ariesto Hadi 1 DAFT AFTAR AR ISI 4. Teks... 3 1. Embeded dan device font... 3 2. Menulis dengan text tools... 3 3. Mengedit tulisan... 4 4. Panel character... 4 4. Panel paragraph...
Lebih terperinciSMH2D3 Web Programming. 2 BAB II BASIC HTML5 ELEMENT. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3
2 BAB II BASIC HTML5 ELEMENT 21 IDENTITAS Kajian Web Design menggunakan HTML5 dan CSS3 Topik Teknik dasar scripting HTML5 Kompetensi Utama 1 Mengetahui penggunaan script HTML5 dan CSS3 2 Penggunaan Link
Lebih terperinciMENGENALI LAYAR KERJA MICROSOFT WORD 2007
MENGENALI LAYAR KERJA MICROSOFT WORD 2007 Bagi yang sudah terbiasa menggunakan Microsoft Word 2003 mungkin akan kebingungan dengan tampilan baru pada Word 2007 dan memutuskan tetap menggunakan Word 2003
Lebih terperinciRUMAH BELAJAR CINTA ANAK BANGSA
2010 CENGKARENG RUMAH BELAJAR CINTA ANAK BANGSA UJI AN KETINGKATAN KURSUS KOMPUTER (BASIC) KOMP. PERMATA, KEDAUNG KALIANGKE 1. Cara mengatur margin dan mengganti jenis kertas adalah : A. View + print layout
Lebih terperinciFakultas Matematika dan Ilmu Pengetahuan Alam Universitas Negeri Yogyakarta
OPTIMALISASI PEMANFAATAN MS POWER POINT 2007 SEBAGAI MEDIA PEMBELAJARAN BERBASIS ICT UNTUK MENINGKATKAN EFEKTIFITAS PEMBELAJARAN Oleh: Sabar Nurohman, M.Pd NIP : 19810621 200501 1 001 Fakultas Matematika
Lebih terperinciPemrograman Komputer B
OPEN OFFICE WRITER Pengenalan OpenOffice OpenOffice adalah perangkat lunak open source untuk office suite dengan kemampuan seandal office suite komersial seperti MS Office, dengan menggunakan openoffice
Lebih terperinciMODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 1 Mengenal Website & HTML Tujuan: Mahasiswa mengenal konsep-konsep dan komponen dasar dari suatu website dan mampu membangun suatu website statis.
Lebih terperinciMODUL 1 HTML. (HyperText Mark-Up Language)
MODUL 1 HTML (HyperText Mark-Up Language) Laboratorium STIMIK Komputer PPKIA Pradnya Paramita Malang PERTEMUAN PRAKTIKUM 1 1.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah dasar
Lebih terperinciMembuat Slides PowerPoint
Membuat Slides PowerPoint Mencakup beberapa Tips: Outlines Slide Structure Fonts Colour Background Graphs Spelling and Grammar Conclusions Questions Outline Buatlah 1 2 Slide dalam outline pada presentasi
Lebih terperinciEsther Wibowo -
Esther Wibowo - esther.visual@gmail.com Bentuk Primitif Point - Titik Line - Garis Shape/Polygon - Bentuk bangun Text - Teks Titik Direpresentasikan dengan koordinat (x,y) Biasanya tidak tampil sendiri
Lebih terperinci{CSS} Cascading Style Sheet
{CSS} Cascading Style Sheet mekanisme sederhana yang mengatur gaya / style (cth: warna, ukuran, posisi, dll) pada halaman web. http://www.w3.org/style/css sebelum CSS sebelum CSS sebelum CSS sebelum
Lebih terperinciDASAR-DASAR MULTIMEDIA INTERAKTIF (MMI) by: Agus Setiawan
DASAR-DASAR MULTIMEDIA INTERAKTIF (MMI) by: Agus Setiawan Konsep MULTIMEDIA Multimedia is the combination of the following elements: text, color, graphics, animations, audio, and video MULTIMEDIA V.S MULTIMEDIA
Lebih terperinciBAB V FORMAT FONT DAN KOLOM KORAN
A. Membuat Kolom Koran BAB V FORMAT FONT DAN KOLOM KORAN Kolom koran adalah suatu naskah yang diketik berdasarkan kolom yang diatur sesuai dengan kebutuhan, kolom koran dapat dibagi menjadi dua kolo atau
Lebih terperinciMicrosoft Word
Microsoft Word 2010-1 Modul ke: Microsoft Word adalah software pengolah kata (word processing) yang merupakan bagian dari Microsoft Office Suite (Microsoft Excel, Powerpoint, dll) dibuat oleh Microsoft
Lebih terperinciKetika jendela Microsoft Word dibuka, maka secara otomatis akan disediakan 1 buah dokumen baru. Untuk menambahkan dokumen baru, caranya :
BAB 2 A. Menggunakan Menu dan Ikon Standar Pengolahan dokumen meliputi : 1. Membuat Dokumen Baru Ketika jendela Microsoft Word dibuka, maka secara otomatis akan disediakan 1 buah dokumen baru. Untuk menambahkan
Lebih terperinciPaket Aplikasi : Microsoft Office Power Point
P11 & 12 Paket Aplikasi : Microsoft Office Power Point 11.1. TUJUAN Mahasiswa memahami dan terampil menggunakan paket aplikasi presentasi. 11.2. PEMBAHASAN Membuka aplikasi Microsoft Office Power Point
Lebih terperinciDIGITAL MULTIMEDIA Yulyani Arifin,S.Kom, M.M., Michael Yosep Ricky, S.Kom, M.M., Violitta Yesmaya, S.Kom, MTI.
DIGITAL MULTIMEDIA Yulyani Arifin,S.Kom, M.M., Michael Yosep Ricky, S.Kom, M.M., Violitta Yesmaya, S.Kom, MTI. DIGITAL MULTIMEDIA.indd 1 10/29/2015 8:40:37 AM Digital Multimedia 2015 oleh Yulyani Arifin,S.Kom,
Lebih terperinciPemrograman Internet by Susiana Sari, S.Kom
1 Muara Teweh, 01 April 2009 Susiana Sari, S.Kom Manajemen Informatika Politeknik Muara Teweh STRUKTUR DASAR HTML : sebagai tanda awal dokumen : sebagai informasi page header : sebagai
Lebih terperinciDESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :http://dahlan.unimal.ac.id
DESAIN WEB STATIS DAN HTML Dahlan Abdullah Email : dahlanrpl@yahoo.com Website :http://dahlan.unimal.ac.id HALAMAN WEB KONSEP DASAR DAN TEKNOLOGI WEB World Wide Web secara luas lebih dikenal dengan istilah
Lebih terperinciDesain Grafis dengan Powerpoint
Desain Grafis dengan Powerpoint Desain Grafis dengan Powerpoint Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO Desain Grafis dengan Powerpoint Jubilee Enterprise 2016, PT Elex Media Komputindo, Jakarta
Lebih terperinci10/04/2014. Oleh: Fiftin Noviyanto, S.T., M.Cs.
Oleh: Fiftin Noviyanto, S.T., M.Cs. Realistis Jangan sertakan plug-ins dan fitur-fitur yang mungkin menyebabkan pengunjung tidak paham dengan apa yg anda maksud. Jangan menggunakan image yang berukuran
Lebih terperinci