Rabu, 23 Maret 2016

Praktikum 3 Video Player

Prak 03 – HTML5 Video 

1. Tujuan

  • Mengenal cara menyajikan file Video menggunakan HTML5 dan Jquery.
  • Membuat Icon pada tombol di video seperti play,pause,stop menggunakan font awesome

2.Alat & Bahan

1. Komputer
2. Notepad ++


3. 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
jQuery adalah merupakan JavaScript multiplatform yang dirancang untuk memudahkan penyusunan client-side script pada file HTML. Digunakan oleh 60 persen dari 10000 situs web paling banyak dikunjungi di dunia, jQuery adalah library JavaScript yang paling populer saat ini. jQuery merupakan sebuah perangkat lunak bebas sumber terbuka yang berada di bawah 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.


Font Awesome
Font Awesome” adalah kumpulan icon yang telah dibuat sedemikian rupa, dan menggunakan system “Font Icon” yang memungkinkan kita untuk merubah warna dan ukuran font dengan menggunakan CSS tanpa takut Icon menjadi Pecah-pecah dan tantunya lebih ringan daripada Image Icon..

5. Hasil Praktikum
Review di Plunker

Related Posts:

  • Praktikum 3 Video Player HTML5 Video Player Prak 03 – HTML5 Video  1. Tujuan Mengenal cara menyajikan file Video menggunakan HTML5 dan Jquery. Membuat Icon pada tombol di video seperti play,pause,stop menggunakan font awesome 2.Alat &am… Read More
  • Praktikum 4 - CamanJS CamanJS Prak 04 - Image Editor dengan Caman JS  1. Tujuan Mengenal library javascript untuk image editing. 2.Alat & Bahan 1. Komputer 2. Notepad ++ 3. CamanJS 3. Dasar Teori Css  Cascadin… Read More
  • Praktikum 2 Audio Tag HTML5 Audio Tag Prak 02 – Audio Tag dengan button dan slider 1. Tujuan Mengubah tampilan HTML5 Audio Player menggunakan CSS 2.Alat & Bahan RapidPHP3. Dasar Teori 1. HTMLHyper Text Markup Language (HTML)… Read More
  • Laporan praktikum 13 ANIMASI 3DPraktikum bouncing ball with rigid body di blender. Tujuan : Menggunakan Blender Bouncing Ball Exercise untuk mengenal tool animasi yang disediakan oleh blender. Alat dan Bahan : Blender 2.73a Low Poly Characterl … Read More
  • Praktikum 1 - HTML5 Audio Tag HTML5 Audio Tag Prak 01 – Audio Tag  1. Tujuan Mahasiswa dapat mengenal cara menyajikan file audio menggunakan HTML 2.Alat & Bahan RapidPHP 3. Dasar Teori 1. HTMLHyper Text Markup Language (HT… Read More

0 komentar:

Posting Komentar