Prak 12 - Mengubah Mock Up 3 Versi HTML

1. TujuanMahasiswa mampu membreakdown elemen bootstrap
2. AlatVisual Studio Code 3. BahanGambar versi png dari gambar di praktikum 8
4. Dasar TeoriPengertian Bootstrap adalah library (pustaka/kumpulan fungsi-fungsi) dari Framework CSS yang dibuat khusus untuk bagian pengembangan fonted dari suatu website. Di dalam library tersebut terdapat berbagai jenis file yang diantaranya HTML, CSS, dan Javascript. Hampir semua developer website menggunakan framework bootstrap agar memudahkan dan mempercepat pembuatan website. Karena semuanya sudah ada dalam frameworknnya sehingga para develop atau  pengembang hanya tinggal membuat atau menyisipkan classnya yang ingin dipakai seperti membuat tombol, grid navigasi dan lain sebagainya.
Bootstrap telah menyediakan kumpulan aturan dan komponen class interface dasar sebagai modal dalam pembuatan web yang telah dirancang sangat baik untuk memberikan tampilan yang sangat menarik, bersih, ringan dan memudahkan bagi penggunanya. Dan penggunaan bootstrap ini kita juga diberikan keleluasan selama pengembangan website, anda bisa merubah dan menambah class sesuai dengan keinginan.
5. TugasMembuat website dengan bootstrap
6. Hasil PraktikumBerikut ini adalah hasil mock up versi html yang kami kerjakan


7. KesimpulanMengubah desain web versi gambar menjadi html dapat dilakukan menggunakan Visual Studio Code. Penulis tidak harus membangun file html dari awal, dikarenakan secara default sudah terdapat plugin dimana ketika kita mengetikkan 'html' (tanpa tanda petik) software akan menawarkan beberapa opsi yang ketika di click maka file html akan dibangun berdasarkan struktur yang diperlukan. Sehingga penulis hanya perlu mengganti item yang dibutuhkan. Pada bootstrap disediakan berbagai item yang sangat bermanfaat dalam membangun website. Cari item yang mirip dengan desain web versi jpg kemudian gunakan kodenya untuk dimasukkan ke Visual Studio Code.

Komentar

Posting Komentar

Postingan populer dari blog ini

Prak 10 - Finishing Story Board

Gambar
A. Tujuan Menyelesaikan story board untuk project animasi branding komunitas Animasi B. Dasar Teori x Apa itu story board ? Storyboard adalah visualisasi ide dari aplikasi yang akan dibangun, sehingga dapat memberikan gambaran dari aplikasi yang akan dihasilkan. Storyboard dapat dikatakan juga visual script yang akan dijadikan outline dari sebuah proyek, ditampilkan shot by shot yang biasa disebut dengan istilah scene. Storyboard sekarang lebih banyak digunakan untuk membuat kerangka pembuatan website dan proyek media interaktif lainnya seperti iklan, film pendek, games, media pembelajaran interaktif ketika dalam tahap perancangan /desain. Apakah story board itu penting dalam proses pembuatan film atau karya animasi? Penting. Karena banyak keuntungan yang dapat diperoleh dengan menggunakan storyboard. Salah satu keuntungan menggunakan Storyboard adalah dapat membuat pengguna untuk mengalami perubahan dalam alur cerita untuk memicu reaksi atau ketertarikan ya
Baca selengkapnya

Prak 04 - Rangkuman Materi Design Thinking

Gambar
A. Tujuan 1. Mahasiswa mampu mempersiapkan diri dalam menghadapi Tugas Akhir. 2. Mahasiswa dapat menyelesaikan tugas akhir menggunakan prinsip desain thinking . 1.    People centered : dalam metode ini, perlu ditekankan bahwa setiap tindakan yang dilakukan berpusat pad apa yang diinginkan dan dibutuhkan oleh user 2.    Highly creative : dalam menggunakan metode ini, dapat digunakan kreativitas sebebasnya, tidak perlu aturan yang terlalu kaku dan baku 3.    Hands on : proses desain memerlukan percobaan langsung oleh tim desain, bukan hanya pembuatan teori atau sebuah gambaran di kertas 4.     Iterative : proses desain merupakan sebuah proses dengan tahapan-tahapan yang dilakukan berulang-ulang untuk melakukan improvisasi dan menghasilkan sebuah produk atau aplikasi yang baik Proses dengan metode design thinking akan menghasilkan produk yang tidak hanya dapat dijual atau menggunakan teknologi yang paling canggih. Metode ini menggabungkan kebutuhan user atau pengguna, dengan kemampuan
Baca selengkapnya

Prak 11 - Membuat Story Board Animatic

Gambar
A. Tujuan Membuat story board animatic untuk project animasi branding komunitas Animasi B. Dasar Teori STORYBOARD ANIMATIC  Storyboard Animatic ini digunakan untuk mengetahui pewaktuan secara realtime.  Sebenarnya bagian ini merupaka draft dari film animasi yang dibuat. Disitu sudah ada dialog, sound FX, narasi, layaknya sebuah film.  namun bedanya adalah gambar dari animatic storyboard adalah gambar still\diam karena materi yang dipakai dari storyboard yang diolah kemudian diproses melalui software editing  seperti adobe premiere adau adobe after effect  lalu dirender berupa out put file movie.  Animatic merupakan prototipe sebelum cerita yang asli dibuat untuk memastikan bahwa cerita sudah sesuai dan waktunya sudah tepat.  Dengan adanya animatic dapat mengurangi kesalahan dan dapat dilakukan perbaikan. C. Alat Laptop D. Bahan Powerpoint E. Tugas Praktikum Membuat Story Board Animatic F. Hasil Praktikum G. Kesimpulan Pada praktiku
Baca selengkapnya