Laras Intansari

1. Tujuan Belajar membuat Ads Banner berbasis HTML5. 2. Alat Adobe Photoshop CS6 jsfiddle.net 3. Bahan 4. Dasar Teori Linear Gradient Tipe gradasi warna ini terdiri dari dua atau lebih susunan warna dan disusun secara lurus (Linear). Syntax dasarnya seperti berikut : background-image:linear-gradient(titik-awal/derajat, warna1, warna2, warna-n); 5. Hasil Praktikum REFERENSI http://www.colorzilla.com/gradient-editor/

1. Tujuan Belajar membuat Ads Banner berbasis HTML5. 2. Alat jsfiddle 3. Bahan 4. Dasar Teori Banner ads adalah bentuk iklan yang dipakai di jaringan Internet. Bentuk iklan ini biasanya merupakan bagian dari suatu halaman web yang dipakai untuk menarik perhatian penjelajah supaya mengunjungi situs web yang dimaksud. Spanduk ini biasanya dibuat menggunakan format gambar (JPG, GIF, PNG), skrip Java, dan objek multimedia lainnya. Spanduk modern bahkan sudah disertai suara dan animasi sehingga terlihat lebih menarik. Ada berbagai ukuran yang dipakai, mulai dari yang sangat kecil, melebar, memanjang, hingga yang melintang. Flash based banner adalah iklan yang terdapat pada halaman website yang dibuat dengan software flash sedangkan HTML5 banner merupakan iklan yang dibuat menggunakan HTML5. 5. Hasil Praktikum

1. Tujuan Mengenal dan membuat CSS Spritesheet dari kumpulan gambar. 2. Alat Adobe Photoshop CS6 3. Bahan 4. Dasar Teori CSS Sprite Teknik css sprite adalah teknik untuk menggabungkan beberapa images menjadi satu supaya dalam pemanggilan images hanya satu yang dipanggil meski yang digunakan adalah images yang berbeda sekaligus mengurangi permintaan http://. Untuk membuat CSS Sprite, yang harus diperhatikan adalah posisi gambar (background-position), ukuran gambar (width - height), dan pengulangan gambar (background-repeat). Posisi dan ukuran gambar nantinya akan menentukan peletakan gambar, sedangkan pengulangan gambar akan berpengaruh terhadap tampilan gambar yang dihasilkan. Untuk itu gunakan CSS Sprite ini pada gambar - gambar yang tidak diulang (no-repeat) Kelebihan CSS Sprite Menggunakan css sprite bisa mempercepat dalam loading gambar karena dengan meletakkan beberapa gambar dalam 1 file gambar, dapat menghemat proses request gambar ke server. Keuntungan yang

Tujuan Mengenal GreenSock Animation Platform. Yaitu sebuah library javascript untuk membuat animasi. Alat 1.  jsfiddle 2.  GreenSock JS Hasil Praktikum Basic Tween Easing Delay Animate Multiple Properties From Tweens Relative Tweens Multiple Target Use jQuery with GSAP JS Event Callback Reference A Tween Control Playback Repeat A Tween any Number of Times Stagger Multiple Animation TimelineLite Basic Syntax

Tujuan 1. Mahasiswa memahami cara menambahkan kamera pada halaman website. 2. Mahasiswa dapat menyajikan kamera yang dilengkapi dengan button untuk snap photo menggunakan HTML5 3. Mahasiswa dapat menampilkan hasil dari capture camera. Alat dan Bahan 1. Notepad++ 2.  https://davidwalsh.name/browser-camera Hasil Praktikum klik disini

Praktikum 4 - Image Editor dengan CamanJs  Tujuan  Mengenal cara menyajikan file gambar dilengkapi button filter menggunakan camanjs. Alat  Notepad ++ Bahan  Jquery Bootstrap Camanjs Dasar teori  Caman js CamanJS kepanjangan dari Canvas Manipulation JavaScript adalah manipulasi kanvas dalam Javascript. Ini adalah kombinasi dari interface yang sederhana digunakan dengan teknik editing gambar / kanvas yang canggih dan efisien. CamanJS sangat mudah untuk memperluas atau memberikan filter baru dan plugin, dan dilengkapi dengan beragam fungsi editing gambar. Camanjs adalah library independen yang bekerja baik dalam NodeJS dan browser. Tugas Praktikum  Menyajikan gambar dan tombol untuk mengubah filter gambar. Hasil Praktikum