Interactive Broadcasting
|
|
- Fanny Gunardi
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Modul ke: Interactive Broadcasting Penyusunan Halaman Web Fakultas Ilmu Komunikasi Bagus Rizki Novagyatna S.Ikom Program Studi Broadcasting
2 Penyusunan Halaman Web Definisikan secara jelas tujuan penyusunan halaman web Buatlah (content) yang menarik untuk disampaikan Buatlah halaman web sedemikian rupa sehingga para pengunjung dirayu dan ditantang untuk kembali lagi
3 Desain Suatu pekerjaan / kegiatan / proses kreatif untuk menghasilkan sesuatu yang sifatnya : Baru (Inovatif), segar (fresh), menakjubkan. Mempunyai daya guna, menghasilkan sesuatu yang lebih baik, lebih mudah dan praktis (useful), memecahkan suatu masalah (solusi).
4 What is Web Design? Definition : Web design is the process of creating experiences for users of the web. Web design refers to the process of conceptualizing and planning the experiences for visitors as they interact with the information and activities on the site Situs Web yang baik Design (50 %) Usefulness (50 %)
5 Situs Web Yang Baik (1) Elemen Desain Estetika : warna (color), tataletak (layout), tipografi (typhography) Komunikasi : isi (content), penyampaian pesan (language style used for communication), interaksi (interaction/ feedback), pembentukan citra (building image) Usefulness. Utility/ fungsionalitas, teknologi yang tepat Usability/ kemudahan penggunaan : waktu belajar, kecepatan kinerja, tingkat kesalahan, daya ingat dan kepuasan subyektif
6 Pengembangan Situs Web Content Creation User Interface Design Graphic/ Visual Design Technology Planning Web Authoring Web Programming Multimedia Design
7 Content Creation Content is king Langkah-Langkah mempersiapkan content : Menentukan tujuan Menentukan audience/ target pembaca Menulis isi Tips : Harus singkat dan jelas Gunakan bahasa sederhana Memudahkan scanning: highlighting,bulleted list Berikan preview informasi Hindari click here, under construction Jangan memaksa user menghapal
8 User Interface Design Perhatikan usability Beberapa hal untuk mencapai usability Percabangan struktur yang berarti, tidak berlebihan, tidak menggunakan frame Kekompakan situs hindari halaman terlalu panjang, horizontal scrolling Akses universal platform, browser, kecepatan akses, resolusi layar, warna Dukungan navigasi
9 Graphic / Visual Design Tata letak grid dan struktur Konsistensi warna, font, style Kesederhanaan situs tidak membingungkan user Optimasi file grafik format file, web safe colors
10 Mengatur Situs Web Jenis situs web yang sedang kita susun sangat mempengaruhi struktur situs web itu dan urutan informasi yang akan dihasilkan. Kita dapat mengatur sebuah situs web untuk : Mengupas hobby kita atau ketertarikan kita pada satu hal tertentu dsb. Membuka suatu forum diskusi dan komunikasi Memberikan layanan kepada pelanggan Menghasilkan keuntungan bagi perusahaan atau organisasi tertentu
11 Informasi Pada Halaman Web Beberapa situs web terdiri dari ribuan halaman web, beberapa lagi hanya terdiri dari beberapa halaman saja. Semakin banyak informasi yang akan diberikan atau semakin penting informasi itu, maka kita perlu membuatnya mudah bagi pengguna untuk mengaksesnya. Penyusunan sistem navigasi hendaknya dibuat sesederhana mungkin sehingga lebih mudah diikuti oleh pengunjung. Secara umum, pengunjung pencari informasi juga membutuhkan akses yang cepat. Penempatan iklan harus hati-hati, usahakan letaknya jangan mengganggu atau membuat bosan pengunjung. Proporsi yang baik diperlukan untuk mengatur antara kemudahan akses dan kecepatan akses dengan kelangsungan situs web.
12 Nilai Tambah (1) Animasi dan Gambar Banyak situs menggunakan animasi dan gambar untuk menarik pengunjung. Namun hati-hati! Jika terlalu banyak justru akan membuat pengunjung terganggu Pertimbangkan masalah bandwidth (waktu download) dan kompatibilitas browser. Animasi flash harus ada flash player. Animasi javascript browser harus enable. Hindari: Menampilkan gambar ukuran besar (> 1 MB) Merubah ukuran gambar yang besar menjadi kecil melalui atribut di tag <img>. Lebih baik gunakan image-editor.
13 Nilai Tambah (2) Teks ekuivalen Setiap gambar atau image yang kita letakkan di halaman web, haruslah disertai dengan atribut teks ekuivalen pada tag yang digunakan. Contoh: Atribut alt didalam tag <img> Atribut title pada tag <a> Mengapa? Karena beberapa pengunjung menon-aktifkan opsi untuk mendownload gambar atau animasi untuk mempercepat download time.
14 Proses Pembuatan Website Define Content / Website Objectives Develop Architecture Membuat kerangka dasar situs atau arsitektur atau hirarki. Create Design Desain seharusnya bisa tampak bagus di monitor komputer. Konsistensi desain pada semua halaman web SANGAT penting. Warna, Huruf, Grafis, Garis, Tabel, Logo, dan Navigasi Implement The Site Ujikan desain web anda pada berbagai monitor komputer, platform dan browser Maintaining the site
15 Define Content/ Isi 1. Tentukan Maksud dan Tujuan Situs Anda 2. Apa Kebutuhan Orang Mengunjungi Situs Anda? 3. Tentukan Target Umur Rata-rata Audience dan Tingkat Ketrampilan. 4. Kenali Audience Anda 5. Jagalah Content Anda Fresh dan Up To Date 6. Dahulukan Kualitas diatas Kuantitas 7. Nyatakan Kebijaksanaan Anda Dengan Jelas [Privacy Policy, Copyright, Disclaimer]
16 Navigasi Situs Pembuatan navigasi situs hendaknya mengikuti beberapa aturan dasar, seperti: Batasi jumlah item dalam list dan menu. Jangan menggantungkan sepenuhnya pada image grafis untuk navigasi. Homepage harus mudah ditemukan. Integrasikan fasilitas navigasi dengan content. Hindari frame jika mungkin (gunakan tabel atau CSS).
17 Arsitektur Situs Arsitektur situs menentukan bagaimana situs dan halaman-halaman di dalamnya diorganisasikan, dinamai, dan saling dihubungkan (linked) untuk mempermudah proses browsing dan pencarian informasi oleh pengunjung.
18 Konsep Dasar Web Design Perencanaan website Proses ini merupakan awal dalam merencanakan halaman web. Dimulai dengan mengumpulkan seluruh data serta informasi kemudian hasil akhirnya adalah sebuah site map lalu dimulai dengan merancang tata letak (LayOut) halaman, biasanya dilakukan mendesain tata letak halaman depan dan halaman kedua. Dalam mendesain halaman ini beberapa komponen penting biasanya masuk adalah content, rencana letak image, copyright/hak cipta (bagian footer), serta komponen website dan hal lain yang dianggap perlu (animasi, video, musik, dll).
19 Konsep Dasar Web Design
20 Konsep Dasar Web Design Desain Halaman Web Dasar Berdasarkan hal diatas selanjutnya kita mulai melakukan desain web dengan menterjemahkan perencanaan ke dalam software desain, keahlian yang mesti diperdalam adalah typografi (kemampuan memilih font yang tepat), tata letak halaman (menguasai kemampuan membagi ruang halaman), pewarnaan (menguasai konsep warna dan pemilihan warna berdasarkan warna perusahaan dan teori pencampuran warna). Software yang digunakan salah satunya Adobe Photoshop, dengan mempelajari pembuatan tombol/navigasi, background, bekerja dengan teks, manipulasi gambar/image, dan khususnya memperdalam teknik teknik desain website.
21 Contoh Halaman Web
22 Contoh Halaman Web
23 Konsep Dasar Web Design Contoh Halaman Web
24 Contoh Halaman Web
25 Dasar Skrip / Tag HTML <html> <head> <title>judul / Title</title> </head> <body> Isi / Content </body> </html>
26 Dasar Skrip / Tag HTML Heading <html> <head> <title>latihan 01</title> </head> <body> <h1> Heading 1-24 Point </h1> <h2> Heading 2-18 Point </h2> <h3> Heading 3-14 Point </h3> <h4> Heading 4-12 Point </h4> <h5> Heading 5-10 Point </h5> <h6> Heading 6-7 Point </h6> Normal body text - 12 Point </body> </html>
27 Dasar Skrip / Tag HTML Paragraf dan Break <html> <head> <title>latihan 02</title> </head> <body> Politeknik NSC Surabaya <br> Program Studi Teknik Komputer <p> Jl. Basuki Rahmad No. 85 Surabaya </body> </html>
28 Dasar Skrip / Tag HTML HR (Horizontal Rule) <html> <head> <title>latihan 03</title> </head> <body> <h1>politeknik NSC SURABAYA</h1> <hr> </body> </html>
29 Dasar Skrip / Tag HTML Font <html> <head> <title>latihan 04</title> </head> <body> <font face=verdana size=3 color=blue>fakultas Ilmu Komputer</font> </body> </html>
30 Terima Kasih Bagus Rizki Novagyatna
Komunikasi Multimedia
Komunikasi Multimedia Modul ke: KONSEP DASAR DESAIN WEB Fakultas Ilmu Komunikasi Yusuf Elmande., S.Si., M.Kom Program Studi Humas Halaman Web Secara umum, ada tiga kategori alasan yang mendasari untuk
Lebih terperinciINTERACTIVE BROADCASTING. Modul ke: Manajemen Web. Fakultas Ilmu Komunikasi. Yusuf Elmande., S.Si., M.Kom. Program Studi Penyiaran
INTERACTIVE BROADCASTING Modul ke: Manajemen Web Fakultas Ilmu Komunikasi Yusuf Elmande., S.Si., M.Kom Program Studi Penyiaran Pengertian Web Situs dapat diartikan sebagai kumpulan halamanhalaman yang
Lebih terperinciModul Web Design. Dosen: Nofiyati, S.Kom, M.Kom Program Studi Teknik Informatika Universitas Jenderal Soedirman
Modul Web Design Dosen: Nofiyati, S.Kom, M.Kom Program Studi Teknik Informatika Universitas Jenderal Soedirman Materi: Pertemuan ke- Materi 1, 2 & 3. Konsep Dasar Web Design: Perencanaan WebSite Typografi,
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 terperinciModul Praktikum Desain Web 2015
MODUL 1 DASAR-DASAR HTML A. TUJUAN PRAKTIKUM Melalui praktikum Dasar-dasar HTML, diharapkan mahasiswa dapat memiliki kompetensi, antara lain: 1. Memahami struktur dasar dokumen HTML. 2. Membuat dokumen
Lebih terperinciDASAR-DASAR WEB DESIGN
DASAR-DASAR WEB DESIGN Pengenalan website dan istilah-istilah internet By Reynaldi Wilianata Web Design? Asal Design hasil karya manusia yang harus dapat berfungsi untuk memecahkan suatu masalah (problem
Lebih terperinciPert 11 DASAR-DASAR WEB DESIGN
Pert 11 DASAR-DASAR WEB DESIGN WEB DESIGN? Design merupakan hasil karya manusia yang harus dapat berfungsi untuk memecahkan suatu masalah (problem solving) www (world wide web) merupakan kumpulan web server
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 terperinciPerancangan Multimedia untuk World Wide Web Pertemuan 12
Matakuliah : T0732 / Sistem Multimedia Tahun : 2007 Perancangan Multimedia untuk World Wide Web Pertemuan 12 Learning Outcomes Pada akhir pertemuan ini, diharapkan mahasiswa akan mampu : menyesuaikan desain
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 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 terperinciPemrograman Web I (HTML) Oleh: Devie Rosa Anamisa
Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: Pengertian struktur dasar tag-tag HTML membuat aplikasi dengan perintah-perintah HTML HTML Hyper Text Markup
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 terperinciInteractive Broadcasting
Modul ke: Interactive Broadcasting HTML Fakultas Ilmu Komunikasi Bagus Rizki Novagyatna Program Studi Broadcasting www.mercubuana.ac.id Pengertian HTML Program adalah kata, ekspresi, pernyataan atau kombinasi
Lebih terperinciBab 5. Cascading Style Sheet (CSS)
Bab 5. Cascading Style Sheet (CSS) Overview Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan sebuah dokumen yang ditulis dalam bahasa markup. CSS diperkenalkan
Lebih terperinciInteraksi Manusia dan Komputer
Interaksi Manusia dan Komputer Tim Dosen IMK THE USER INTERFACE (UI) DESIGN PROCESS Web-Based User Interface 1 Atribut Bagaimana mendesain antarmuka sistem berbasis web untuk membangun website dengan halaman
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 terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Visualisasi Visualisasi adalah tampilan pada layar monitor baik dalam bentuk gambar yang bergerak ataupun tidak, serta dapat pula gambar yang disertai dengan suara.
Lebih terperinciDasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata
Dasar Pemrograman Web Pemrograman Web Adam Hendra Brata Konsep Dasar Desain Web HTML CSS HTML HTML (HyperText Markup Language) Bahasa standar yang digunakan untuk menampilkan document web. Mengontrol tampilan
Lebih terperinciPRAKTIKUM SISTEM INFORMASI MANAJEMEN
MODUL V DREAMWEAVER 5.1 Tujuan Praktikum Setelah menyelesaikan modul ini, mahasiswa diharapkan mampu : 1. Mengenal komponen aplikasi Macromedia Dreamweaver 2. Membuat template website offline sederhana
Lebih terperinciPERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage
PERTEMUAN 1 Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage Materi yang akan dibahas : 1. Kegunaan dari dokumen dan audiens 2. Bahasa HTML 3. Struktur dasar penulisan dokumen 4. Site
Lebih terperinciTips dan Trik dalam Mendesain Web
Tips dan Trik dalam Mendesain Web Sering kita temui website yang tipikal: "Welcome to my homepage," animasi e- mail, background dengan tulisan miring (diagonal), animasi garis pembatas, tabel dengan border
Lebih terperinciInteractive Broadcasting
Modul ke: Interactive Broadcasting Komponen umum yang biasa ada pada website Fakultas Ilmu Komunikasi Bagus Rizki Novagyatna Program Studi Broadcasting www.mercubuana.ac.id Komponen umum yang biasa ada
Lebih terperinciRuang Kerja DREAMWEAVER MX 2004 :
1.1 Pengertian Macromedia Dreamweaver : merupakan sebuah HTML editor Profesional untuk mendesain secara visual dan mengelola situs web beserta halaman- web. 1.2 Spesifikasi PC untuk menjalankan DREAMWEAVER
Lebih terperinciPERTEMUAN 5. Pengujian (testing) aplikasi website
PERTEMUAN 5 Pengujian (testing) aplikasi website Pengujian Aplikasi Web Pengujian (Testing) adalah instrumen penting dalam pengembangan aplikasi web untuk mendapatkan produk yang berkualitas dan seperti
Lebih terperinciMODUL 1 HTML. (HyperText Mark-Up Language)
MODUL 1 HTML (HyperText Mark-Up Language) Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 1 1.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah dasar HTML 2. Mahasiswa
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 terperinciPANDUAN UJI KOMPETENSI
PANDUAN UJI KOMPETENSI KLASTER WEB DESIGN LSP TIK INDONESIA Jl. Pucang Anom Timur 23 Surabaya 60282, Jawa Timur Telp: +62 31 5019775 Fax: +62 31 5019776 Daftar Isi 1. Latar Belakang... 2 2. Persyaratan
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 terperinci1. Pengenalan HTML. 2. Tag Dasar HTML
1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh
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 terperinciLima (5) Langkah Membangun Website : 1. Merumuskan Tujuan Membuat Website
DESAIN WEB Lima (5) Langkah Membangun Website : 1. Merumuskan Tujuan Membuat Website Berdasarkan isi maupun tujuan, suatu website biasanya dapat digolongkan menjadi seperti berikut : website marketing,
Lebih terperinciBAB II TINJAUAN PUSTAKA. Multimedia dapat diartikan sebagai penggunaan beberapa media
BAB II TINJAUAN PUSTAKA 2.1 Multimedia Multimedia dapat diartikan sebagai penggunaan beberapa media untuk menggabungkan dan menyampaikan informasi dalam bentuk teks, audio, grafik, animasi, dan video.
Lebih terperinciBAB 1 PENGANTAR WEB DESIGN
BAB 1 PENGANTAR WEB DESIGN Dalam dunia maya (internet) kita mengenal beberapa istilah tentang web, www, website, web pages, dan homepage. Bagi orang awan, istilah tersebut bisa saja diartikan sama. Ada
Lebih terperinciLOMBA KOMPETENSI SISWA SMK TINGKAT PROPINSI JAWA TIMUR Nganjuk, XX XX Oktober 2016
KISI-KISI dan PEDOMAN PELAKSANAAN KELOMPOK TEKNOLOGI INFORMASI BIDANG LOMBA : WEB DESIGN A. Pendahuluan LKS Jawa Timur tahun 2016, bidang lomba Web Design akan memperlombakan kompetensi pada kemampuan
Lebih terperinciNama : Yohandes Efindo NIM : Kelas : F. Terjemahan halaman 4-5. Tag HTML
Nama : Yohandes Efindo NIM : 09018198 Kelas : F Terjemahan halaman 4-5 Tag HTML Pada dasarnya, sebuah halaman web adalah file teks yang berisi petunjuk dalam bentuk kode-kode HTML (disebut tag) dan atribut.
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 terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Internet Internet merupakan suatu jaringan antar komputer yang saling dihubungkan. Media penghubung tersebut bisa melalui kabel, kanal satelit maupun frekuensi radio, sehingga
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu (Kamus Bahasa Indonesia, 1988, h: 927). Perancangan merupakan penggambaran, perencanaan,
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 terperinciBAB 4 IMPLEMENTASI DAN EVALUASI. membutuhkan spesifikasi Perangkat Keras (Hardware) dan Perangkat Lunak (Software)
108 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Implementasi majalah elektronik Bitmap beserta editor majalah ini akan membutuhkan spesifikasi Perangkat Keras (Hardware) dan Perangkat Lunak (Software)
Lebih terperinciPENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 5
PENGANTAR KOMPUTER DAN TI PERTEMUAN 5 Struktur dokumen HTML Homepage Kepala Judul Homepage Tubuh Isi Teks Isi Tabel. Isi Audio, Video, dll.
Lebih terperinciBAB 2 TINJAUAN PUSTAKA. : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris
BAB 2 TINJAUAN PUSTAKA 2.1 XAMPP XAMPP merupakan singkatan dari : X A M P P : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris : Apache HTTP Server : MySQL Database Server : PHP Scripting
Lebih terperinciBab2 -Pengenalan HTML
Bab2 -Pengenalan HTML Web Design & Programming Team Dosen (PENS) 1 Dokumen HTML kependekan dari Hyper Text Markup Language file teks murni yang dapat dibuat dengan teks editor Dokumen ini dikenal sebagai
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengenalan HTML 2.1.1 Pengertian Dokumen HTML HTML ( Hypertext Markup Language ) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Pengertian Multimedia Multimedia merupakan suatu konsep dan teknologi baru dalam bidang teknologi informasi. Dimana teks, gambar, suara, animasi dan video disatukan dalam computer
Lebih terperinciDASAR HTML UNTUK PEMULA
DASAR HTML UNTUK PEMULA Dian Propa, dianpropa@gmail.com HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser, seperti Internet
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Informasi dan Internet Informasi menurut Jogiyanto H, M, Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan bagi yang menerima. (Jogiyanto, H.M., Analisis
Lebih terperinciSOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA
SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.
Lebih terperinciCara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
Lebih terperinciBAB II LANDASAN TEORI. di jaman sekarang, namun apakah Anda mengetahui sejarah nya itu?. Mungkin,
BAB II LANDASAN TEORI 2.1. Sekilas Mengenai Web Internet sudah menjadi hal yang sangat dekat bagi masyarakat ataupun penggunanya di jaman sekarang, namun apakah Anda mengetahui sejarah nya itu?. Mungkin,
Lebih terperinciBAB 2 TINJAUAN TEORI
BAB 2 TINJAUAN TEORI 2.1. Pengenalan HTML 2.1.1. Pendahuluan HTML Hypertext Markup Language merupakan kepanjangan dari kata HTML. Adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur dokumen HTML Contoh HTML
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI. lunak yang digunakan untuk membangun aplikasi perangkat ajar ini adalah : perangkat ajar bisa terlihat lebih menarik.
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Spesifikasi Sistem Berdasarkan hasil analisis dan perancangan, perangkat ajar dibangun dengan menggunakan beberapa perangkat lunak dan perangkat keras. Perangkat lunak
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperinciMateri 1 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com
Materi 1 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Memahami cakupan materi dan sistem perkuliahan
Lebih terperinciFakultas Teknologi Informasi Program Studi Sistem Informasi
Desain dan Pemrograman Web 1 Halaman : 1 dari 6 Kode Mata Kuliah : PG110 Nama Mata Kuliah : Desain & Pemrograman Web 1 Beban Kredit : 3 Prasyarat : - : 1. Menjelaskan konsep 2. Memperagakan 3. Studi Kasus
Lebih terperinciBAB IV KONSEP PERANCANGAN
BAB IV KONSEP PERANCANGAN 4.1. Ide/Gagasan Perancangan Promosi sebuah grup band adalah salah satu cara yang umum dilakukan oleh banyak grup band untuk dapat dikenal oleh banyak orang dan mendapat penggemar
Lebih terperinciPENGENALAN HTML dan TAG-TAG DASAR HTML
Pengenalan HTML dan Tag tag dasar HTML PENGENALAN HTML dan TAG-TAG DASAR HTML Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML,
Lebih terperinciSecara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan : <namatag>.. </namatag>
Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML, misalnya semua produk Microsoft office, MotMetal, HotDog, HTMLLed dsb. Bahkan
Lebih terperinciBAB IV KONSEP DESAIN DAN PERANCANGAN
BAB IV KONSEP DESAIN DAN PERANCANGAN 4.1 Strategi dan Konsep Desain Media yang digunakan pada pembuatan company profile PT. Bardie Puritama adalah media interaktif. Keunggulan media interaktif, adalah
Lebih terperinciSejarah Web Browser. Web Browser pertama menggunakan perintah teks biasa dan hanya bisa menampilkan dokumen teks.
Sejarah Web Browser Web Browser pertama menggunakan perintah teks biasa dan hanya bisa menampilkan dokumen teks. Pada tahun 1993, Marc Andreessen, seorang mahasiswa Universitas Illinois, menciptakan web
Lebih terperinciDesain Grafis. RAHMADY LIYANTANTO liyantanto.wordpress.com
Desain Grafis RAHMADY LIYANTANTO liyantanto@gmail.com liyantanto.wordpress.com Apa Desain Grafis..? Desain Grafis dapat diartikan sebagai proses pemikiran yang diwujudkan dalam gambar. >> Ruang Lingkup:
Lebih terperinciBAB 2 LANDASAN TEORI. Istilah sistem berasal dari bahasa Yunani yaitu systema yang mengandung arti kesatuan
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem dan Sistem Informasi 2.1.1 Pengertian Sistem Istilah sistem berasal dari bahasa Yunani yaitu systema yang mengandung arti kesatuan atau keseluruhan dari bagian
Lebih terperinciDasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata
Dasar Pemrograman Web 2 Pemrograman Web Adam Hendra Brata Teknologi Client Server Konsep Dasar Desain Web Teknologi Client Server Arsitektur Client Server Model komunikasi yang terdiri server sebagai pemberi
Lebih terperinciIV KONSEP PERANCANGAN
IV KONSEP PERANCANGAN A. TATARAN LINGKUNGAN/KOMUNITAS Perancangan website FDSK UMB ini bertujuan sebagai media promosi dan informasi untuk para siswa sekolah SMA/sederajat yang akan segera melanjutkan
Lebih terperinciMengenal dan Mengedit HTML
Mengenal dan Mengedit HTML 3.1 Pengertian HTML HTML (HyperText Markup Language) merupakan protocol yang digunakan untuk mentransfer data atau dokumen dari web server ke dalam browser. HTML juga digunakan
Lebih terperinciKomunikasi Multimedia
Komunikasi Multimedia Modul ke: Fakultas Ilmu Komunikasi Teknik Lanjutan Corporate Website: HTML Editing dengan Macromedia Dreamweaver MX Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi 4.1.1 Spesifikasi Sistem Hardware Spesifikasi hardware yang disarankan untuk menjalankan aplikasi ini adalah sebagai berikut: Processor Intel Pentium 4
Lebih terperinciKonsep Pembuatan Website
Konsep Pembuatan Website Sebelum membuat web secara profesional, tugas penting sebagai seorang pengembang web adalah memberikan ide dan gagasan tentang point apa saja yang akan ditampilkan dalam sebuah
Lebih terperinciDASAR HTML. Dasar HTML 8
Dasar HTML 8 10 2 DASAR HTML Tujuan Pembelajaran : Bisa menuliskan struktur dokumen HTML dan tag HTML dengan benar kedalam software pendukung untuk pembuatan sebuah halaman web. Bisa mendefinisikan fungsi
Lebih terperinciHTML (Sindy Nova Si )
HTML (Sindy Nova) Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML, misalnya semua produk Microsoft office, MotMetal, HotDog,
Lebih terperinci7 KONSEP DASAR WEB DESIGN
7 KONSEP DASAR WEB DESIGN PENDAHULUAN Sebelum membuat web secara profesional, tugas penting sebagai seorang pengembang web adalah memberikan ide dan gagasan tentang point apa saja yang akan ditampilkan
Lebih terperinciHTML5 Komplet. Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO
HTML5 Komplet HTML5 Komplet Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO HTML5 Komplet Jubilee Enterprise 2017, PT. Elex Media Komputindo, Jakarta Hak cipta dilindungi undang-undang Diterbitkan
Lebih terperinciperusahaan dan memeberikan citra positif perusahaan
74 BAB IV KONSEP DESAIN DAN PERACANGAN 4.1 Strategi dan Konsep Desain Media yang digunakan pada pembuatan company profile BISNIS INDONESIA adalah media interaktif. Keunggulan media interaktif adalah sarana
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 terperinci(Dasar Servlet & HTML) 1. Muhamad Alif
(Dasar Servlet & HTML) 1 Muhamad Alif Server (Open Source) Apache Jakarta Tomcat(http://jakarta.apache.org/tomcat/) Sun Java System Application Server Sun Java System Web Server GlassFish JBoss Oracle
Lebih terperinciMengenal Dreamweaver MX 2004
Mengenal Dreamweaver MX 2004 Macromedia Dreamweaver MX merupakan software yang dikenal sebagai software web authoring tool, yaitu software untuk desain dan layout halaman web. Versi terbaru Dreamweaver
Lebih terperinciDesain Web. A. Prinsip Desain Web
Desain Web #rekayasaweb FIFTIN NOVIYANTO A. Prinsip Desain Web Realistis Jangan sertakan plug-ins dan fitur-fitur yang mungkin menyebabkan pengunjung tidak paham dengan apa yg anda maksud. Jangan menggunakan
Lebih terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Flash Audio Video
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Flash Audio Video Dosen Pembimbing : Dwi Susanto Oleh : Laras Intansari (4103131054) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
Lebih terperinciTeknologi Multimedia untuk Teknologi Web
Teknologi Multimedia untuk Teknologi Web Multimedia mencakup segala sesuatu yang dapat dilihat dan/atau didengar baik dalam media cetak, elektronik maupun yang lainnya. Multimedia sangat dibutuhkan dalam
Lebih terperinciBAB 2 LANDASAN TEORI. saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi. Beberapa komponen komputer yaitu :
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Komputer adalah serangkaian elektronik yang terdiri dari sejumlah komponen yang saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi
Lebih terperinciTrik Mudah Membuat CMS Website dari Nol
Trik Mudah Membuat CMS Website dari Nol Trik Mudah Membuat CMS Website dari Nol Rohi Abdulloh PENERBIT PT ELEX MEDIA KOMPUTINDO Trik Mudah Membuat CMS Website dari Nol Rohi Abdulloh 2016, PT Elex Media
Lebih terperinciBAB II TINJAUAN PUSTAKA
BAB II TINJAUAN PUSTAKA Web sekolah merupakan ajang untuk menampilkan informasi dan dokumentasi sebuah sekolah. Sebenarnya banyak sekali informasi tentang sebuah sekolah yang bisa dipaparkan atau ditampilkan
Lebih terperinciMODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2.
MODUL I PENGENALAN HTML A. MAKSUD DAN TUJUAN 1. Maksud a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. Tujuan a. Mahasiswa dapat membuat
Lebih terperinciIII DATA PERANCANGAN
III DATA PERANCANGAN A. KELOMPOK DATA BERKAITAN DENGAN ASPEK FUNGSI PRODUK RANCANGAN 1. Data Primer Data Primer adalah data yang diperoleh penulis secara langsung (dari tangan pertama) dan data diperoleh
Lebih terperinciMateri latihan yang akan Anda dapatkan dalam Buku Student Exercise Series Pemrograman Web dengan HTML, CSS, dan JavaScript ini mencakup:
Kata Pengantar Buku Student Guide Series Pemrograman Web dengan HTML, CSS, dan JavaScript ditujukan untuk para siswa-siswi SMP/SMA dan pemula pengguna komputer agar dapat lebih memahami, menguasai, dan
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperinciInteractive Broadcasting
Modul ke: Interactive Broadcasting Desain Visual Fakultas Ilmu Komunikasi Bagus Rizki Novagyatna Program Studi Broadcasting www.mercubuana.ac.id DESAIN VISUAL Pada halaman web terdapat beberapa format
Lebih terperinciPengenalan HTML dan CSS
Pengenalan HTML dan CSS Pengenalan HTML dan CSS Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO Pengenalan HTML dan CSS Jubilee Enterprise 2016, PT Elex Media Komputindo, Jakarta Hak cipta dilindungi
Lebih terperinciBAB 5 PROSES EDITING 5.1. EDITING AWAL
BAB 5 PROSES EDITING Ada sebagian web designer dalam membuat situs professional tidak memanfaatkan Adobe Photoshop dalam merancang web, padahal dengan software tersebut kita akan lebih mudah dan lebih
Lebih terperinciBAB 2 LANDASAN TEORI
7 BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Sistem informasi merupakan suatu sistem yang menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan instruksi dan mengeluarkan
Lebih terperinciSEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER STMIK EL AHMA YOGYAKARTA
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER STMIK EL AHMA YOGYAKARTA Nama : Tiva Hamsyah Nim : 12141387 Prodi : TI { malam } Tugas Dosen : UAS Web Statis : Wahyu Widodo Jl. Sisingamangaraja
Lebih terperinciMODUL 1 PENGENALAN HTML
MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan
Lebih terperinciBelajar membuat gambar bergerak menggunakan Macromedia Flash MX
Belajar membuat gambar bergerak menggunakan Macromedia Flash MX Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Macromedia Flash adalah software yang banyak dipakai oleh desainer Web karena mempunyai
Lebih terperinciBahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya
Pertemuan 2 1 Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya menentukan tampilan suatu teks dan tingkat kepentingan
Lebih terperinciBAB III LANDASAN TEORI. Multimedia terdiri dari dua kata yaitu Multi dan Media. Multi yang berarti
BAB III LANDASAN TEORI 3.1 Multimedia Multimedia terdiri dari dua kata yaitu Multi dan Media. Multi yang berarti banyak dan media yang berarti alat atau prasarana pendukung. Di lingkungan sekitar kita
Lebih terperinciPERTEMUAN 4 MANAJEMEN SITUS WEB
PERTEMUAN 4 MANAJEMEN SITUS WEB Elemen dari metodologi pembangunan situs web adalah sebagai berikut: Informasi audience Informasi-informasi ini termasuk latar belakang pengguna, minat, dan semua perincian
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 terperinciSILABUS MATAKULIAH. Revisi : 2 Tanggal Berlaku : September 2012
SILABUS MATAKULIAH Revisi : 2 Tanggal Berlaku : September 2012 A. Identitas 1. Nama Matakuliah : A14. 17502 / Metode Produksi Grafika II Program Studi : Desain Komunikasi Visual-S1 2. Fakultas : Ilmu Komputer
Lebih terperinci