Apa Itu UI dan UX Design?

UI Design adalah desain antarmuka untuk mesin dan perangkat lunak seperti komputer, perangkat mobile, dan perangkat elektronik lainnya. Jika dihubungkan dengan website, UI Design lebih mengarah pada bagaimana suatu website atau aplikasi yang Anda buat terlihat seperti apa.

Umumnya, orang menyebut UI sebagai tampilan atau desain sebuah website karena memang ia “bertanggung jawab” atas layout desain, tombol, gambar, ilustrasi, dan semua yang berhubungan dengan visual.

Sedangkan, UX Design adalah proses meningkatkan kepuasan pengguna website atau aplikasi tertentu melalui kegunaan dan kesenangan yang diberikan dalam interaksi antara pengguna dan produk. UX Design inilah yang membuat suatu website bisa digunakan dengan mudah sehingga tidak membingungkan pengguna.

Bisa dikatakan bahwa UX mencakup keseluruhan elemen dari suatu website: apakah website tersebut sudah tersusun dan terstruktur secara baik atau belum, bagaimana tingkat kemudahan untuk pindah dari satu halaman ke halaman lain, dan sebagainya.

Keduanya Merupakan Bagian dari Human Computer Interaction

Meski UI dan UX Design adalah komponen yang berbeda, keduanya masih memiliki kesamaan, yakni merupakan bagian dari Human Computer Interaction (HCI). Saat seseorang menggeser mouse, menekan keyboard, atau menggeser layar smartphone, sebetulnya mereka telah melakukan interaksi dengan komputer.

Semakin canggih teknologi yang berkembang, interaksi manusia dengan komputer pun akan semakin menarik dan terkesan natural. Contoh sederhananya adalah fitur personal assistant pada smartphone yang memungkinkan Anda untuk “berbicara” dengan perangkat Anda.

Tujuan Penerapan UI dan UX Design

Visualisasi merupakan kunci dari UI Design. Tujuan utama dari penerapan UI Design adalah menampilkan desain interface dengan keseragaman dan konsistensi yang baik, mulai dari segi font, warna, gambar, dan sebagainya.

Dengan desain interface yang seragam dan konsisten, pengguna diharapkan dapat lebih tertarik untuk menggunakan suatu website.

Sementara itu, tujuan utama dari UX Design adalah membuat suatu website atau aplikasi jadi lebih mudah digunakan oleh user. UX Design dituntut untuk menjadi “jembatan” agar UI Design mampu bekerja sama dengan sistem.

Ia harus memastikan bahwa setiap langkah demi langkah berjalan jelas dan logis. Tentunya diperlukan pemahaman yang baik akan kebutuhan dan kebiasaan pengguna terhadap website.

UX Design Memiliki Ranah yang Lebih Luas

Karena fungsinya tersebut, UX Design memiliki ranah yang cenderung lebih luas dari UI Design. Idealnya, UX Design dimulai dengan riset audiensi hingga akhirnya kebiasaan audiensi tersebut diimplementasikan ke dalam sebuah interface atau UI Design. UX Design adalah “alasan” mengapa UI Design menghasilkan desain tertentu pada interface mereka.

Misalnya, pada desain interface suatu website, Anda melihat sebuah tombol sign up berwarna hijau yang diletakkan di bagian kanan halaman. Tombol tersebut berada di dalam sebuah gambar dengan background cukup kontras.

Jika Anda memutuskan untuk menge-klik tombol tersebut, artinya UX Design telah berhasil menyesuaikan mindset dengan perilaku pengguna.

 beberapa perbedaan mendasar antara UI dan UX Design. Ingat, UI dan UX Design adalah dua hal yang berbeda, tetapi sama-sama memberi peran besar terhadap kemudahan penggunaan website Anda.

Read More

Cara Menghubungkan HTML dengan CSS

Kali ini saya akan berbagi pengetahuan tentang bagaimana menghubungkan HTML dengan CSS. 

Tutorial Menghubungkan HTML Dengan CSS ini merupakan tutorial yang bisa dibilang penting. Karena jika kita tidak dapat menghubungkan HTML dengan CSS secara otomatis kita tidak mengetahui bagaimana cara untuk mendesain halaman website yang kita buat karena file HTML tidak terhubung dengan CSS. Bukan hanya CSS, tetapi PHP juga

CARA MENGHUBUNGKAN HTML DENGAN CSS
Untuk Cara Menghubungkan HTML Dengan CSS saya kira sangat mudah. Gunakan tag <link> untuk menghubungkan HTML dengan CSS.
Tag link di letakkan pada bagian element head pada struktur HTML.
Silahkan perhatikan contoh berikut :

1.      Dari contoh dibawah ini saya membuat tag link yang berfungsi untuk menghubungkan file html/php dengan file CSS yang kita inginkan.

Atribut rel="stylesheet" dan type="text/css" merupakan deklarasi untuk menjelaskan bahwa file yang kita panggil atau hubungkan adalah file stylesheet atau CSS. dan href:"css/style.css" merupakan nama halaman yang berisi script css yanga akan dihubungkan dengan file html/php  

1. Script CSS

Pada Style CSS, merupakan script yang menuliskan style yang akan dihubungkan dengan script HTML/PHP. 

2. Hasil Setelah di buka di browser

Sekian , semoga dapat menambah pengetahuan teman - teman

Read More

HTML Vs CSS

A. HTML (HyperText Markup Language)

HTML merupakan bahasa pemrograman standar berbasis web. Standar dalam artian HTML dipakai luas, dan karenanya dipakai sebagai standar didalam browser dalam mengakses sebuah halaman web. Jika kita ingin menampilkan sebuah baris kata atau mungkin kalimat, kita bisa menuliskan terlebih dahulu dalam suatu editor seperti notepad, atom, dll. kemudian buka dengan menggunakan browser, dan dari situ dapat kita ambil kesimpilan dasar bahwa HTML digunakan sebagai standar supaya web yang kita buat dapat diakses oleh browser,

Di dalam pemrogramannya, HTML juga dapat mengatasi kaitanya dengan pengaturan tampilan secara standar, seperti lebar halaman, pemilihan font, gambar, link, tabel, dsb. Tapi berbeda dengan CSS tentunya. Lalu apa hubungan antar keduanya?

B. CSS (Cascading Style Sheet)

Lantas bagaimana dengan CSS, apa perbedaannya dengan HTML?

Dilihat dari kepanjangannya “style sheet” sudah lumayan ada gambaran, merupakan bahasa pemrograman web yang digunakan dalam mengatur style / gaya / tampilan suatu halaman web yang ditampilkan. Didalamnya mengatur banyak aspek, diantaranya pengaturan border, background, tata letak teks maupun gaya teks, warna hyperlink, warna pointer, dll. Bahkan dalam pengembangan yang terbaru yaitu CSS3, terdapat banyak fitur, salah satunya banyak fitur pada opsi animasinya. Terkadang saat kita mengunjungi suatu situs tertentu, terdapat animasi yang menarik perhatian kita seperti icon link share yang biasanya berupa facebook, twitter, google+, rss, dsb. si icon tadi tidak hanya berupa gambar standar dan link, tetapi saat kita meletakkan mouse di icon tersebut, si icon pun akan.. ya mungkin berputar, zooming, menggeser, dsb. ini salah satu fasilitas css, masih luas yang lainnya. Pada dasarnya bahwa CSS merupakan sarana untuk mengendalikan / mengatur tampilan pada halaman web.

C. Hubungan antara HTML & CSS

Pada HTML, terdapat fasilitas standar seperti yang sudah dituliskan, tapi bagaimana jika kita mempunyai banyak halaman dalam sebuah situs? disinilah CSS diajak untuk bergabung dan bekerjasama. CSS dibuat terpisah, dalam artian bahwa satu set kode CSS dapat dipanggil atau dipakai dalam beberapa halaman web, dengan demikian tidak perlu repot mengatur tiap halaman paga kode HTML nya. Intinya adalah walaupun HTML juga bisa dibuat untuk mengatur tampilan halaman, tetapi si CSS akan lebih mempraktiskannya. Ini tak berarti bahwa si HTML kurang berguna, justru untuk dapat diakses maka diperlukannya HTML. Kerjasama dalam membangun sebuah web yang lebih maknyus, Sama seperti kerjasama halnya manusia.

Bagaimana dengan tag-tag atau kode-kode dasar dalam memprogram keduanya? kita bahas itu dilain kesempatan.

Demikian sedikit dasar pembahasan yang dapat dipaparkan, koreksi sangat dinanti.

Terimakasih atas waktu dan kesempatannya.

Read More

Apa Perbedaan Jurusan Sistem Komputer, Teknik Informatika, dan Sistem Informasi

Jurusan Sistem Komputer itu apa sih? Itu IT ya? SK itu SI kan? Sistem komputer, Teknik Informatika, dan Sistem informasi itu 3 hal yang berbeda.

       Yang pertama adalah Teknik Informatika. Teknik Informatika adalah suatu disiplin ilmu yang menangani proses analisis, perancangan dan implementasi software serta pemilihan hardware yang sesuai bagi suatu aplikasi menggunakan prinsip logika dan teknik algoritma, yang secara efisien mentransformasikan problem di dunia nyata ke dalam bentuk solusi, nah berarti jurusan Teknik Informatika lebih fokus mempelajari hal-hal yang berhubungan dengan komputer, terutama dalam bidang software/perangkat lunak. Bisa dikatakan bahwa Teknik informatika lebih mempelajari bagian software seperti C,C++,C#,Java, dll  dalam suatu komputer.

       Yang kedua adalah Sistem Informasi. Jurusan Sistem informasi juga mempelajari dasar-dasar bidang Teknik Informatika, tetapi Sistem Informasi juga mempelajari tentang dasar-dasar bidang bisnis dan manajemen. Jadi permasalahan di bidang bisnis bisa diselesaikan dengan adanya Teknik Informatika oleh seorang analisis sistem atau pakar Sistem Informasi. Jadi, sistem informasi menjebatani manajemen dan pengguna di sisi bisnis dengan para ahli Teknologi Informasi dengan cara menerjemahkan kebutuhan bisnis/pengguna secara akurat ke dalam rancangan dan spesifikasi teknis sesuai dengan standar yang berlaku di industri IT.

       Berikutnya yang ketiga adalah Sistem Komputer. Jurusan sistem komputer mempelajari tentang desain, rancangan konstruksi komputer dan sistem berbasis komputer. Jurusan ini juga kadang-kadang disebut Teknik Komputer. Nah Sistem Komputer itu lebih mempelajari hardware pada suatu komputer, dan juga bisa dikatakan kombinasi antara Teknik Elektro dengan Teknik Informatika. Jadi, Seorang sarjana Sistem Komputer mampu merancang, menganalisis, mengimplementasikan, meningkatkan kinerja serta mengelola suatu sistem komputer atau aplikasi berbasis microprosesor dan komputer dengan menggunakan teknologi yang ada untuk keperluan komersil. Bisa dikatakan untuk jurusan Sistem Komputer lebih mempelajari hardware contohnya seperti mikrokontroller di dalam suatu komputer.

Nah, jadi sekarang sudah tau kan apa itu Sistem Komputer dan perbedaan antara ketiga jurusan diatas? Semoga artikel ini bisa jadi panduan untuk pembaca semua.

 

Read More