Praktikum 13 – Membuat versi DIVI dari Desain User Interface yang Sudah Dibuat


Praktikum 13 – Membuat versi DIVI dari Desain User Interface yang Sudah Dibuat.



1.      Tujuan

-          Mahasiswa dapat lebih mengetahui tentang Desain Web dengan membuat Desain User Interface.

-          Mahasiswa dapat lebih mengenal DIVI untuk mendesain sebuah Web (statis).



2.      Alat dan Bahan

-          WordPress Tema ‘DIVI’

-          Assets yang telah dibuat



3.      Dasar Teori

Divi Theme adalah salah satu dari 87 theme WordPress premium Elegant Themes yang banyak diminati, ada sekitar +300.000 Website menggunakan Divi sebagai theme Mereka, Anda bisa lihat di divithemeexamples.com. Harga theme ini adalah $89 pertahun atau jika di rupiahkan sekitar Rp 1,179,873 an pertahun termasuk 87 Themes & 3 Plugins Premium lainnya yang bebas di gunakan tanpa batas.



Divi Theme ini merupakan theme multi guna atau multifungsi yang dapat di gunakan untuk berbagai jenis kebutuhan website, seperti kegiatan bloging, bisnis, toko online, agency dan lain sebagainya, fitur andalan Divi Theme ini adalah Page Buildernya yang sangat menakjubkan, Kita bisa membuat atau mendesain halaman website dengan mudah, hanya perlu drag & drop tanpa harus menulis code HTML atau CSS, namun jika ingin memberikan sedikit sentuhan CSS maka itu akan sangat baik.



Berdasarkan informasi yang ada di Elengan Themes kita dapat mempelajari fitur-fitur dari Divi Builder yaitu



a.       Real Time Design.

Ketika kita membuat perubahan disai pada suatu halaman, maka disain akan berubah secara instan pada saat itu juga.



b.      Klik dan ketik.

Dengan menggunakan divi kita tidak perlu membuka panel untuk menambahkan content. Kita dapat dengan mudah melakukan klik dan memulai mengerik isi halaman.



c.       Customize Everything.

Setiap elemen dapat dikuskom mulai dengan font, warna, ukuran, spacing dan juga custom CSS.



d.      Responsive Editing.

Fitur ini akan menampilkan live resposive preview.



e.       Pengaturan yang mudah.

Kemudahan menambah baris dan kolom.



f.        Global Elemen.

Sinkronisasi item yang bersifat global pada banyak halaman.



g.       46 Content Element.

Pada waktu artikel ini ditulis, Divi memiliki 46 Content Elemen.



h.      Import dan Export.

Kita dapat menyimpan layout ke dalam library untuk digunakan kemudian.



i.         Sedikit atau tanpa loading.

Divi builder bekerja cepat, sehingga sedikit atau tanpa loading.



j.         Premade Layouts.

Divi Builder menyediakan lebih dari 20 layout yang sudah dipersiapkan sebelumnya.



4.      Tugas Praktikum

Membuat versi DIVI dari Desain User Interface dengan minimal 1 buah elemen



5.      Hasil Praktikum





6.      Kesimpulan

Pada praktikum kali ini kami membuat Divi melalui localhost agar dapat disunting tanpa jaringan internet dan lebih aman.



7.      Referensi

Komentar