CategoriesUI DesignUncategorizedUX Design

Skeleton Screen

Kita semua pasti pernah menjadi user apps atau website. Pengalaman pengguna dalam mengakses suatu platform merupakan hal yang penting, terutama dalam memuat data. Ketika anda mengakses website maupun aplikasi, anda akan melihat kerangka abu yang menandakan server sedang memuat data yang ada di screen tersebut. Tampilan inilah yang dinamakan skeleton screen.

Sumber : Linkedin
Continue reading
CategoriesProgramming

Bikin Domain Untuk Localhost? Begini Caranya Membuat VirtualHost

biasanya kalau kita mendevelop web tentunya kita bakal melakukan uji coba terlebih dahulu di komputer kita sendiri sebelum kita upload ke server agar bisa di akses oleh banyak orang, nah saat kita melakukan development di windows biasanya kita menggunakan software Xampp, default nya kita akan menaruh project kita pada directory C:\xampp\htdocs kemudian kita mengakses di browser pada link http://localhost/[direktori projek]

nah gimana nih kalau kita pengen mengaksesnya seperti website dengan domain pada umumnya pakai domain .com / .co.id atau domain domain lainnya? nah kita bisa membuat yang namanya VirtualHost, dan bahkan dengan menggunakan VirtualHost kita bisa membuat domain dengan custom sendiri untuk local development saya sendiri biasanya menggunakan domain .test / .local / .dev, bahkan kita bisa menyimpan project kita selain di folder C:\xampp\htdocs oke tanpa berlama lama langsung kita praktekkan saja

Continue reading
CategoriesProgrammingVue.js

Interaksi Antara Parent dan Child Component di Vue.js 3

Bahasa pemrograman JavaScript kini telah sangat populer untuk digunakan sebagai bahasa utama dari pengembangan client-side/front-end website, yakni tampilan dari sebuah website. Namun, tidak berhenti di situ, terdapat banyak sekali framework JavaScript yang dapat membantu proses pengembangan website menjadi lebih cepat. Beberapa yang paling populer adalah Vue.js, React.js, jQuery, Angular.

Continue reading
CategoriesAutomated testFlutterProgramming

Bikin Widget Testing di Flutter

sebelumnya kita sudah membahas tentang unit testing, sekarang kita akan membahas Widget Testing. kita tentu tau Aplikasi pada Flutter dibangun dengan sekumpulan widget, widget adalah sebutan tiap komponen pada Flutter. kita perlu tau Widget tersebut berjalan sesuai dengan harapan kita atau tidak maka kita memerlukan yang namanya Widget Testing. pada dasarnya Widget Testing dan Integration Testing adalah hal yang sama, bedanya disini lingkup dari Integration Testing lebih luas karena mencakup keseluruhan fitur yang berarti banyak widget yang akan di test, sedangkan Widget Testing hanya terfokus pada satu Widget saja.

Continue reading

CategoriesAutomated testFlutter

Bikin Unit Testing di Flutter

dalam membuat aplikasi kita memerlukan testing untuk mengetahui kode kita sudah benar atau tidak dan apakah aplikasi dapat berjalan sesuai dengan Goal nya. kebanyakan dari kita melakukan testing dengan cara manual seringkali membutuhkan waktu yang cukup lama karena dilakukan secara manual, terkadang hasilnya juga kurang maksimal karena ada test case yang terlewatkan.

Continue reading
CategoriesGit

Gitflow In Action, Implementasi Gitflow Dengan Mudah

Dahulu sebelum saya mengenal tools version control, saya terbiasa menggunakan tool semacam filezilla untuk melakukan file transfer dari komputer (local) ke server, tetapi tools ini ada beberapa kekurangan, diataranya tidak ada nya fitur untuk melakukan rollback saat kode baru yang terupdate ternyata memiliki bug dan kita mencoba untuk mengembalikan ke update sebelumnya, untuk melakukan hal ini sebelumnya saya harus melakukan backup secara manual.

selain itu untuk melakukan kolaborasi kita tidak bisa melakukan tracking tiap ada update baru entah itu yang kita lakukan sendiri atau orang lain di team kita yang melakukan update, kita hanya bisa menebak atau mengaku telah melakukan update di beberapa file.

Continue reading
CategoriesUI DesignUX Design

Hook model dalam UI

sumber : google images

Sadarkah anda teknologi sudah membentuk kebiasaan kita? Fakta mengatakan bahwa manusia akan mengecek handphonenya selama 15 menit ketika bangun dari tidurnya. Kebiasaan ini  menjadi rutinitas perilaku yang diulang secara teratur dan cenderung terjadi secara tidak sadar.

Continue reading
CategoriesUI DesignUX Design

8 Golden Rules merancang UI

8 Golden Rules adalah panduan yang perlu diperhatikan dalam membuat suatu rancangan interface produk digital. Ben Shneiderman adalah seorang ilmuwan Amerika dengan keahlian yang kuat di bidang interaksi manusia-mesin. Golden rulesini diusulkan Schneiderman pada 21 Agustus 1947 dalam bukunya yang berjudul Designing the User Interface : Strategies for Effective Human-Computer Interaction.

Continue reading