Praktikum 02 – HTML5 Audio tag dengan button dan slider

-
Praktikum 02 – HTML5 Audio tag dengan button dan slider

1. Tujuan
Mengenal cara menyajikan file audio dilengkapi control dan slider menggunakan HTML5, jquery ui dan bootstrap

2. Alat
Notepad ++

3. Bahan
· Jquery UI
· Bootstrap 

4. Dasar Teori
Css
Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

Bootstrap
Bootstrap adalah sebuah framework css yang dapat digunakan untuk mempermudah membangun tampilan web. Bootstrap pertama kali di kembangkan pada pertangahan 2010 di Twitter oleh Mark Otto dan Jacob Thornton. Saat ini Bootstrap dikembangkan secara open source dengan lisensi MIT.

Jquery UI
JQuery UI adalah plugin komponen user interface (hal-hal yang berhubungan dengan antarmuka pengguna) berupa interaksi, widget berfitur lengkap dan efek animasi yang berada di bawah framework JQuery.Setiap komponen dibangun sesuai dengan arsitektur kerja JQuery (menemukan sesuatu, kemudian memanipulasinya) dan memiliki kemampuan untuk menerima tema yang bermacam-macam sesuai dengan keperluan desain Slider, button, dialog boxkotak dialog/modal, accordion, tooltip, tabs, dihasilkan dari jquery ui.

5. Tugas Praktikum
Membuat dan mendesain tombol, slider audio di web




6. Hasil Praktikum

Source Code




Komentar

Posting Komentar

Postingan populer dari blog ini

Praktikum 5 - Head Turn with Anticipation

-
Gambar
Tujuan Membuat animasi kepala menoleh dengan antisipasi (head turn with anticipation) Dasar Teori 1. Anticipation Anticipation adalah persiapan sebelum aksi, yang diikuti oleh sebuah aksi kemudian penyelesaian aksi tersebut. Hal ini dapat membangkitkan ketegangan atau kelucuan pada suatu aksi tertentu. Bagaimana antisipasi ini digunakan tergantung pada banyaknya aksi yang akan digunakan. Misalnya, awalan untuk lari, melompat atau perubahan ekspresi. http://www.gamasutra.com/db_area/images/feature/6026/anticipation.png 2. Timing Gambar yang jumlahnya banyak akan menghasilkan gerakan lambat dan halus. Gambar sedikit menghasilkan gerakan lebih cepat dan lebih kasar. Berbagai waktu lambat dan cepat dalam adegan menambahkan tekstur dan menarik bagi gerakan. Juga, ada waktu dalam akting dari karakter untuk membangun suasana hati, emosi, dan reaksi terhadap karakter lain atau situasi. Agar timing akurat, diperlukan pengaturan dope sheets pada animasi manual maupun timelinepada a
Baca selengkapnya

Animasi Karakter & Motion Graphics

-
Gambar
Animasi Karakter Animasi karakter merupakan sebuah cabang khusus animasi. Animasi karakter semacam ini yang Anda lihat dalam film kartun. Animasi ni berbeda dengan animasi lainnya, misalnya grafik bergerak, animasi logo yang melibatkan bentuk organic yang komplek dengan penggandan yang banyak, gerakan yang herarkis. Tidak hanya mulut, mata, muka dan tangan yang bergerak tetapi semua gerakan pada waktu yang sama. Contoh dari Animasi Karakter 2D : Naruto  Shincan  Doraemon  Detective Connan  Sailor Moon  Dragon Ball  Dora The Explorer  Captain Tsubasa  Avatar  Curious George  Motion Graphics Pengembangan dari seni graphic design yaitu motion design, konteksnya adalah motion graphic sebagai film, video atau computer animation. Termasuk di dalamnya adalah tipografi dan grafis yang bisa dilihat sebagai titles untuk film, pembuka program televisi, bumper dan elemen-elemen grafis yang muncul di layar kaca Contoh dari Motion Graphics : MTV Bumper Tipografi Kinetik
Baca selengkapnya

Tugas Jurnalistik Galeri Foto

-
Gambar
Masyarakat yosowilangun tengan menikmati liburan terakhir hari raya idul fitri yang jatuh pada tanggal 4 agustus 2014 lalu. Mereka menghabiskan waktu berlibur di pantai wot galih yang terletak di kecamatan yosowilangun. Mereka bermain air laut sambil menikmati sinar matahari di pinggir pantai. Icha, siswi kelas 3 sma taruna dra zulaeha, tengah berakting diatas kursi rodanya demi memenuhi tugas akhir dari bahasa Indonesia, april 2012 lalu. Dia memerankan tokoh delisa yang diangkat dari novel berjudul hafalan sholat delisa. Kali ini, karnaval kembali digelar 30 agustus lalu untuk memperingati hari kemerdekaan RI. Karnaval tersebut digelar di klakah dengan dimeriahkan berbagai siswa siswi mulai dari sd, smp, sma serta umum. Banyak tarian tradisional, tarian modern serta drama yang ditampilkan pada acara tersebut. Salah satu siswi sma klakah ini terlihat mengagumkan dengan kostum pohon yang ia kenakan pada karnaval 30 agustus lalu yang diadakan di klakah. Dia bersama
Baca selengkapnya