Wireframe || Pemrograman web

 

Framework Front End
(Vue.js)

Vue.js merupakan front end framework yang diluncurkan pada tahun 2014 oleh Evan You, yang merupkana salah satu kreatur framework Angular. Vue.js ini adalah framework berjenis MVVM (Model-View ViewModel) yang dibangun di atas Bahasa javascript. Adapun Fitur-fitur keunggulan dari framework ini adalah sebagai berikut:

  • Virtual DOM (Document Object Model), merupakan tiruan dari real DOM untuk menyimpan dan mereview perubahan kode sebelum menerapkannya di real DOM.
  • Components, berfungsi untuk membuat sekaligus mengelola kustom dalam format HTML, sehingga dapat digunakan berulang-ulang.
  • Two-Way Data Binding, yang berfungsi untuk menjafikan setiap perubahan kode di javaScript berpangaruh terhadap tampilan HTML dan sebaliknya.

 Adapun kelebihan dan kekurangan dari Vue.js ini adalah sebagai berikut:

  • Kelebihan
    • Dokumentasi yang lengkap dan detail.
    • Mudah digunakan untuk developer dangan keterampilan javaScript
    • Sangat fleksibel untuk merancang struktur aplikasi
    • Mendukung TypeScript, yaitu Bahasa pemrograman berbasis javaScript
  •  Kekurangan
    •  Komponen yang tersedia belum stabil
    • Komunitas belum terlalu besar
    • Kebanyakan plugin dan komponen ditulis dengan Bahasa mandarin


Contoh penerapan Vue.js dalam pengembangan website if.unila.ac.id


  • Identifikasi kebutuhan

Tujuan dari dibuatnya website if.unila.ac.id ini adalah tempat mendapatkan sumber informasi mengenai hal-hal yang menyangkut Fakultas Teknik Universitas Lampung. Adapun pencapain yang ingin dicapai melalui website ini adalah untuk mempermudah mahasiswa Universitas Lampung dalam mendapatkan informasi yang ada. Untuk target dari pembuatan website ini sendiri adalah para mahasiswa universitas lampung khususnya mahasiswa fakltas Teknik.


  • Wireframe



      

  •       Pemilihan warna dan desain

Pada website ini warna yang dipilih adalah warna biru tosca yang meupakan ciri khas dari fakultas Teknik itu sendiri dengan desain yang lebih menarik lagi.


  •  Mockup


  • Konten

Adapun konten yang ada pada website ini adalah sebagai berikut:

1.      Video pada halaman home

2.      Terdapat galeri yang memuat foto-foto jurusan

3.      Terdapat juga teks yang dapat memudahkan user dalam berinteraksi



  •  Integrasi system

Website ini di integrasi dengan database yang telah dibuat dengan mysql

·          

 

Komentar

Posting Komentar