Postingan

Praktikum 3 - Video Tag with jQuery Button and Slider

Tujuan Mengenal cara menyajikan file video dilengkapi control dan slider menggunakan HTML5, jquery ui dan bootstrap Alat Notepad ++ Bahan · Jquery UI · Bootstrap 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. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan...

Praktikum 02 – HTML5 Audio tag dengan button dan slider

Gambar
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...

Prak 01 – HTML5 Audio Tag

Gambar
1. Tujuan Mengenal cara menyajikan file audio menggunakan HTML5 2. Alat Notepad++ 3. Bahan Stance Gives You Balance by Hogan Grip download info 4. Dasar Teori - HTML HTML adalah kependekan dari Hypertext Markup Language dan pengertiannya adalah sekumpulan text atau file ASCII yang berisi intruksi atau perintah program untuk web browser untuk menampilkan tampilan grafis sebuah halaman website. File HTML dapat dibuat menggunakan aplikasi text editor pada semua system operasi,contohnya adalah Notepad di windows atau simple text di Macintosh. HTML merupakan cross platform karena walau pembuatannya menggunakan operating system tertentu, namun akan memiliki tampilan yang sama disemua operating system. - HTML5 HTML5 adalah Generasi selanjutnya dari HTML sebelumnya. HTML5 diciptakan dalam pengembangan bahasa HTML untuk memperbaiki konten dan memperbarui teknologi multimedia yang sudah ada padaHTML 4 dan versi sebelumnya agar mudah dijalankan oleh browser dan...

Laporan Praktikum 15 - Blender Network Render

Gambar
TUJUAN Melakukan render di Blender menggunakan jaringan komputer. ALAT Blender 2.73a BAHAN (Modified) Mike pan’s BMW DASAR TEORI --- PETUNJUK PRAKTIKUM Siapkan shared directory/network folder (contohnya Windows Share atau NFS mount atau OSX file sharing). Set directory tersebut sebagai directory output. Un-check (un-centang)/jangan centang opsi “Overwrite”. kemudian centang opsi “Placeholders”     4.  Save file blender yang telah diatur dengan setting tersebut.     5.  Copy file blender yang telah diatur ke masing-masing komputer yang ingin digunakan     6.  Jalankan render pada masing-masing komputer tersebut. dengan setting yang telah dilakukan,              masing-masing komputer akan menyimpan hasil render-nya pada folder yang di-share tersebut          tanpa saling menumpuki hasil render dari komputer yang lain. Hasil Praktikum Dari percobaan render dengan ...

Laporan Praktikum 14 - 3 Point Light Setup

Gambar
1. TUJUAN Mengenal tata lampu pada media 3D melalui praktek tata lampu 3-point lighting 2. ALAT Blender 2.7+ 3. BAHAN Sintel Lite by BenDansie 4. DASAR TEORI A. Lighting Component Salah satu komponen lighting adalah shadow. Shadow memberi informasi bentuk bagi sebuah objek. Shadow juga berfungsi sebagai informasi posisi objek terhadap environment. Penguasaan shadow, akan membantu kita untuk mendapatkan hasil yang maksimal. B. Lighting Setup Lighting setup adalah tata lampu yang melibatkan satu atau lebih lampu yang masing-masing memiliki fungsi yang berbeda untuk mencapai tujuan yang sama. Dalam 3 point lighting, terdapat 3 lampu yang digunakan. Masing-masing lampu tersebut ada yang berfungsi sebagai key light, fill light, dan back light. fungsi dari masing-masing lampu adalah sebagai berikut: Key light berfungsi sebagai sumber cahaya utama Fill light berfungsi untuk membuat shadow dari key light menjadi lebih soft Back light berfungsi untuk membuat outline dari objek Gunak...

Laporan Praktikum 12 - Bouncing Ball menggunakan Rigid Body

Gambar
Percobaan 1

Laporan Praktikum 10 - Walk Cycle

Gambar
Tujuan Membuat animasi walk cycle Alat Blender 2.6+ Bahan Biped Rig by Nathan Vegdal Dasar Teori A. Walk Cycle Pose Sebuah walk cycle dapat disusun dengan mengikuti acuan pose-pose berikut http://andrewnourse.com/images/walkcycle-25%20frmes.jpg http://static.comicvine.com/uploads/original/12/126071/2425899-walkcycle_side1.jpeg B. Biped Rig by Nathan Vegdal Ada beberapa hal yang perlu diketahui tentang biped rig yang akan digunakan, diantaranya meliputi setting IK dan FK, cara penggunakan IK pada kaki untuk mengatur pose kaki. C. Blender Dope Sheet Editor Blender dopesheet editor digunakan untuk melihat property apa saja yang terpengaruh oleh sebuah keyframe. D. Blender Graph Editor Graph editor merupakan editor untuk memanipulasi spacing antar keyframe. Digunakan untuk mengimplementasikan ease in, ease out, dan constant movement. E. Motion Paths Motion path merupakan menu untuk menvisualkan kalkulasi gerakan yang dilakukan oleh blender. Salah...