Praktikum III
HTML 5 Video Tag Dengan Button Dan Slider
I. Tujuan
Tujuan dari praktikum ini adalah:
1. Mahasiswa memahami cara menambahkan dokumen Flash ke halaman website
2. Mahasiswa memahami cara menambahkan video dan audio ke halaman website
3. Mahasiswa dapat menyajikan file audio dilengkapi control dan slider menggunakan HTML5, Jquery UI dan Bootstrap.
II. Alat & Bahan
Alat dan bahan yang digunakan diantaranya:
1. Komputer
2. Jquery UI
3. Bootstrap
III. 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.
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.
IV. Praktikum
Berikut ini langkah kerja yang perlu anda lakukan selama menyelesaikan semua percobaan yang ada pada praktikum ini
1. Tempatkan folder “Praktikum1” beserta isinya pada lokasi yang anda inginkan
2. Pastikan anda menyimpan semua hasil percobaan pada praktikum ini di dalam folder tersebut
3. Buka teks editor pilihan anda
4. Ketikkan semua kode yang ada pada tiap percobaan
5. Setiap kali anda menyelesaikan satu percobaan, simpan dengan nama file sesuai nomor percobaan dengan ekstensi .html
6. Apabila anda menggunakan notepad, pastikan anda merubah pilihan tipe file pada “Save asType” menjadi “All Files”
7. Apabila anda menggunakan notepad++, pada pilihan tipe file, pilih yang bertipe HTML
Tidak ada komentar:
Posting Komentar