KELOMPOK 12

1. Upik Tria Junisa

2. Putri Ratna Sari
3. Sheptia Dewi
 1. JENIS DAN PERANCANGAN TOOLS
PADA UI SOFTWARE
berikut adalah beberapa rekomendasi tools untuk membuat rancangan user interface: 

1. Axure RP
Axure RP merupakan aplikasi desktop yang digunakan untuk membuat wireframe, prototype interaktif, flow diagrams,
dan dokumentasi untuk aplikasi bisnis, website dan aplikasi mobile.Axure berfokus pada fleksibilitas, menyediakan fitur
untuk membuat tampilan visual yang bagus dan membantu non-coders (orang yang tidak dapat melakukan coding), dan
memberikan fitur yang mudah dimengerti oleh user yaitu dengan drag and drop. Axure RP juga dapat diexport menjadi
file HTML agar dapat dilihat melalui web browser. Axure RP dapat dijalankan baik di Windows maupun Mac.

2. Adobe XD
Adobe XD merupakan sebuah aplikasi yang dikeluarkan oleh perusahaan Adobe.Inc.Beberapa fitur unggulan yang
terdapat pada Adobe XD diantaranya adalah: Repeat grid – berfungsi untuk membuat grid untuk item yang berulang
seperti lists dan galeri foto; Prototype and animation – membuat prototype animasi lewat linking artboards;  
Interoperability – memungkinkan akses files dari aplikasi Adobe lainnya, seperti Illustrator, Photoshop, dan AfterEffects;
Voice design – berguna untuk membuat aplikasi agar dapat beroperasi dengan perintah suara; Symbols – dapat membuat
simbol untuk menggambarkan logo dan buttons; Responsive resize – dapat menyesuaikan ukuran gambar dan objek
lainnya pada artboards secara otomatis.
 3. SketchSketch adalah alat yang sangat populer dalam komunitas desain, dimana dapat memungkinkanmu membuat user interface dan p
fidelity.

4. Invision Studio
Invision Studio dapat dikatakan sebagai salah satu tools prototyping yang banyak digunakan oleh UI/UX designer di seluruh dunia.Pada f
invision menyediakan free-hand (untuk coret-coret), pixel-perfect inspection untuk berkolaborasi bersama developer dan memberikan kom
feedback pada tim lain secara langsung.

5. Figma
Figma meupakan aplikasi berbasis web, sehingga semua jenis platform baik Windows, Mac, ataupun Linux dapat menggunakan Figma. F
menyediakan beberapa plugin, dimana salah satunya adalah Google Sheet Sync. Dengan begitu, kita bisa menampilkan data yang berada p
Sheet, ke dalam sebuah rancangan desain yang sedang kita buat.

6. Framer XFramer X adalah salah satu program desain yang memungkinkan kita untuk menggunakan code programming dengan menggu
pemrograman Javascipt dan React.Plugin – Framex X menyediakan banyak plugin yang dapat digunakan, namun perbedaannya dengan to
adalah kita dapat menggunakan konten asli dari plugin tersebut, Seperti kita dapat memasukkan peta menggunakan plugin Mapbox, dan p
akan berfungsi seperti aplikasi map pada umumnya bukan hanya berupa gambar saja

7. Marvel
Marvel adalah alat prototyping lainnya yang merupakan pilihan tepat ketika digunakan untuk menghasilkan ide-ide cepat dan menyempur
interface. Seperti banyak aplikasi lain dari jenis ini, Marvel menawarkan cara membangun halaman (pages) yang sangat rapi dan memung
mensimulasikan desain yang kita buat melalui prototipe.
 2. UI TOOLS KIT
UI Toolkit adalah kumpulan fitur, sumber daya, dan alat untuk mengembangkan antarmukapengguna
(UI) dan ekstensi Editor. Di LTS 2021, ini mendukung pembuatan dan debugging UI runtime untuk
game dan aplikasi dengan alur kerja intuitif yang membantu artis dan desainer memulai lebih cepat.
UI Toolkit terinspirasi oleh teknologi web standar. Jika Anda memiliki pengalaman mengembangkan
halaman web atau aplikasi, pengetahuan Anda dapat ditransfer dan konsep intinya sudah familiar.

a. SISTEM UIInti dari UI Toolkit adalah sistem UI mode yang dipertahankan berdasarkan teknologi
web yang diakui. Sistem UI mencakup beberapa fitur berikut:
- Visual tree
- Controls
- Data Binding System
- Layout engine
- Event system
- UI Renderer
b. ASET UI Gunakan jenis aset berikut untuk membangun UI yang serupa dengan cara mengembangkan aplikasi web:
1. Dokumen UXML
2. Unity Style Sheets (USS)

Alat dan sumber daya UI Beberapa Alat untuk membuat dan men-debug antarmuka yaitu;
1. UI Debugger: Alat diagnostik yang menyerupai tampilan debugging browser web.
2. Pembuat UI: Alat UI memungkinkan kita membuat dan mengedit aset UI Toolkit secara visual seperti file UXML dan
USS.
3. Sampel UI: Pustaka sampel kode untuk kontrol UI yang dapat kita lihat di Editor di bawah Window > UI Toolkit >
Samples.
GRAPHICAL USER INTERFACE BUILDER
Graphical User Interface Builder (GUI) (GUI)
merupakan tampilan antarmuka yang digunakan pengguna
untuk berkomunikasi dengan program. Istilah GUI digunakan karena dahulu komputer belum
menggunakan grafis atau masih berbasis text. Dengan model text ini pengguna harus menghafalkan
setiap perintahnya. Karena tidak mudah bagi orang awam untuk mengingat setiap perintah tersebut,
maka dibuatlah OS dengan berbasis GUI.

2. Fungsi GUI
Secara sederhana fungsi GUI adalah mempermudah user menggunakan sebuah software dalam
komputer.Karena GUI mempermudah user dengan satu klik bisa menampilkan sebuah aplikasi, bukatn
lagi dengan cara mengetiknya.

3. Contoh Komponen GUISetiap sistem memiliki komponen yang berbeda-beda, tergantung

perangkatnya seperti apa dan tujuan pemakaiannya seperti apa. Contoh OS yang mengusung GUI
seperti: Windows, MacOS- Chrome OS, Android, Apple System 7, Linux Ubuntu dan versi lainnya
 4.Cara Kerja GUI
Mengutip Omni Sci, GUI adalah sistem yang menggunakan prinsip desain yang
sesuai dengan pola software model-view-controller.Jadi, representasi informasi internal dan
eksternal yang ditampilkan pada pengguna.Pengguna hanya akan melihat fungsi mana yang bisa
digunakan tanpa perlu memahami input kode untuk memproses perintah tersebut. Dengan begitu,
interaksi jadi lebih mudah.Developer bisa mengubah tampilan interface sebebas mungkin, yang
penting fungsinya tetap sama.Contohnya, ketika kamu ingin memilih sebuah menu, aksi yang bisa
dilakukan sebagai pengguna adalah mengarahkan mouse ke ikon menu tersebut dan mengkliknya.
Setelah itu, kode akan diinput oleh komputer berdasarkan GUI yang dipilih tersebut dan hasil dari
aksi akan ditampilkan padamu.

5. Kelebihan GUIGUI adalah kemudahannya dipahami.Selain itu,

dengan adanya GUI, antarmuka aplikasi atau sistem operasi jadi lebih menarik.Pada akhirnya,
interaksi apapun yang dilakukan pengguna dengan mesin menjadi lebih jelas. Tentunya, teknologi
jadi lebih terbuka untuk diakses siapa pun.

6. Kekurangan GUISalah satu kekurangan dari GUI adalah keterbatasan interaksi yang bisa dilakukan. Karena sudah
bersifat pre-programmed, kita hanya bisa melakukan interaksi yang sudah ditentukan oleh developer.Selain itu, GUI
dinilai lebih lambat dibanding command-based interface dan membutuhkan penyimpanan yang lebih besar.
TERIMAKASIH