CategoriesInternetJavascriptLaravelProgramming

WAF Sebagai Proteksi Terhadap Serangan XSS pada Aplikasi Web

Serangan XSS (Cross-Site Scripting) pada aplikasi web merupakan salah satu serangan yang paling sering terjadi. Tipe serangan ini berbentuk injeksi pada code melalui form atau inputan yang disediakan oleh website dan dapat diakses oleh khalayak umum. Akibatnya jika tidak ditangani, penyerang bisa saja menempelkan script yang bertujuan untuk mengganggu pengguna, mengakses cookies, session tokens, atau bahkan informasi sensitif yang hanya bisa diakses oleh pemilik website saja.

Beberapa cara untuk menangani serangan XSS salah satu yang paling sederhana adalah memberikan validasi baik di frontend maupun backend pada inputan user. Namun untuk beberapa organisasi, hal itu dianggap tidak cukup sehingga mereka menambahkan juga proteksi XSS yang disediakan pihak provider domain / hosting.

Continue reading
CategoriesProgramming

Mengoptimalkan Pengembangan Web (Lanjutan): Mengaplikasikan Template ASP.NET + Bonus

Halo! Kembali lagi! Artikel ini adalah kelanjutan dari yang sebelumnya berjudul “Mengoptimalkan Pengembangan Web: Panduan Praktis Membuat Template ASP.NET.” Kalau kamu belum baca artikel sebelumnya, silakan klik link diatas, di sana kita akan belajar langkah pembuatan template ASP.NET supaya proses pengembangan web jadi lebih cepat dan seru! 😀

Kali ini, kita bakal bahas langkah-langkah untuk menerapkan template ASP.NET yang sudah kita buat. Salah satu cara yang bakal kita gunain adalah lewat NuGet Package, yang memudahkan kita untuk install template dengan mudah dan pake template itu buat proyek baru.

Continue reading
CategoriesJavascriptProgrammingVue.js

Ref dan Reactive Pada Reactivity Vue.js 3

ini adalah artikel lanjutan dari artikel sebelumnya, buat kamu yang belum tau artikel sebelumnya yaitu Reactivity Pada Vue.js 3, pada artikel tersebut saya hanya memberikan contoh bagaimana menggunakan fungsi reactive untuk membuat state yang reactive. Namun, Vue.js 3 juga menyediakan fitur lain yang berguna dalam pengelolaan state, yaitu ref.

Pada artikel ini yang akan kita bahas adalah perbedaan antara ref dan reactive dan kapan kita menggunakan salah satu dari keduanya tersebut, tentu dengan contoh kodenya, karena kedua fungsi tersebut dapat kita gunakan untuk membuat reactivity pada Vue.js.

Continue reading
CategoriesProgramming

Mengoptimalkan Pengembangan Web: Panduan Praktis Membuat Template ASP.NET

Pernahkah kamu menghadapi masalah saat harus mengkonfigurasi ulang setiap kali membuat proyek baru dalam pengembangan web? Jika iya, jangan khawatir! Di artikel ini, kita akan menemukan solusi yang praktis dan efisien untuk mengatasi masalah tersebut. Kami akan membahas cara membuat template .NET yang telah terkonfigurasi sebelumnya, sehingga kamu tidak perlu lagi repot melakukan konfigurasi awal yang sama setiap kali memulai proyek baru.

Dalam artikel ini, kamu akan menemukan langkah-langkah yang mudah untuk membuat template .NET yang telah disesuaikan dengan konfigurasi umum yang biasa digunakan dalam pengembangan web. Template ini dirancang dengan mengimplementasikan clean architecture, sebuah pendekatan desain yang terkenal untuk membangun aplikasi yang terstruktur dan mudah dikelola.

Continue reading
CategoriesJavascriptVue.js

Reactivity pada Vue.js 3

Reactivity atau keaktifan adalah fitur penting dalam Vue.js yang memungkinkan pengembang untuk menciptakan antarmuka pengguna yang dinamis dan responsif. Dalam Vue.js 3, fitur reactivity telah ditingkatkan dengan penggunaan Proxy API JavaScript yang efisien. Artikel ini akan menjelaskan konsep reactivity dalam Vue.js 3 dan memberikan contoh kode untuk memahami penggunaannya.

Continue reading
CategoriesAndroidiOSLinuxProgrammingPythonSwift

Open CV untuk Pengolahan Citra dan Penglihatan Komputer.

OpenCV (Open Source Computer Vision) adalah perpustakaan open-source yang berisi berbagai fungsi dan algoritma untuk pengolahan citra dan penglihatan komputer. OpenCV ditulis dalam bahasa pemrograman C++ dan mendukung berbagai platform seperti Windows, Linux, macOS, iOS, dan Android. Selain itu, OpenCV juga menyediakan antarmuka untuk bahasa pemrograman lain seperti Python dan Java. 

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