AnymPedia

Di era sekarang penggunaan perangkat seluler seperti smartphone untuk berselancar di internet melalui web terus meningkat secara drastis, akan tetapi sayangnya tidak semua situs web telah dioptimalkan untuk perangkat seluler. Perangkat seluler umumnya memilliki dimensi layar yang kecil dibandingkan dengan perangkat desktop, hal inilah yang menjadi kendala sehingga membutuhkan pendekatan yang berbeda dalam bagaimana kontn web ditampilkan di dalam layar. Di samping itu, terdapat banyak sekali dimensi ukuran layar untuk ponsel, tablet, TV, desktop, konsol game dan perangkat lainnya yang bisa digunakan. Dimensi layar selalu berubah, hal ini menjadikan suatu situs web sangatlah penting untuk dapat beradaptasi dengan tiap ukuran layar. Desain web responsif, pada awalnya didefinisikan oleh Ethan Marcotte yang menyatakan jawaban atas kebutuhan pengguna dan perangkat yang mereka gunakan. Perubahan tata letak atau layout berdasarkan dimensi layar dan kemampuan perangkat. Contohnya, pada perangka...

Kamu mungkin sering mengunduh berbagai source code web yang dibangun menggunakan bahasa pemrograman PHP di internet, baik dari blogbugabagi maupun dari situs-situs lainnya. Untuk menguji apakah source code PHP tersebut berjalan dengan normal ataupun mulai mengembangkan source code tersebut, kamu dapat menggunakan tools XAMPP sebagai pengganti server. XAMPP ini merupakan salah satu tools yang bisa kamu pergunakan untuk menjalankan program PHP yang kamu bangun. XAMPP bisa kamu peroleh dengan gratis dengan mengunjungi https://www.apachefriends.org/ . Tanpa basa-basi lagi, yuk kita simak tutorial cara menjalankan source code PHP menggunakan XAMPP di bawah ini. Sebelum itu, apabila kamu mendapatkan source code PHP yang di arsipkan menjadi .rar/.zip silahkan kamu ekstrak terlebih dahulu menggunakan Winrar/7Zip ataupun software serupa lainnya.  1. Hidupkan Apache dan Mysql pada XAMPP Pertama-tama kamu perlu menghidupkan Apache dan MySQL pada XAMPP. Apache berfungsi sebagai server, dikare...

Vue JS berfokus pada layer ViewModel dari pola MVVM, meski sebenarnya Vue tidak benar-benar strict mengikuti pola MVVM. ViewModel adalah penghubung antara View (DOM atau tampilan) dan Model (Objek data). Manipulasi pada suatu View dipantau oleh DOM Listeners yang kemudian diterima oleh View Model untuk digunakan dalam memperbarui Model, demikianpun dengan perubahan data pada Model akan diteruskan oleh ViewModel ke View melalui Directives. Pada Vue JS, suatu objek Vue inilah yang mempunyai peran menjadi ViewModel pada pola MVVM. MVVM Vue Inisiasi Objek Vue Setiap aplikasi Vue diawali dengan menginisiasi objek Vue. var vm = new Vue ({      //opsi }) Variabel vm di atas merupakan singkatan dari ViewModel yang mengacu pada objek Vue, sebetulnya tidak harus membuat variabel baru vm dalam menyimpan objek dari Vue kecuali apabila memang diperlukan. Sedangkan opsi bisa diisi dengan properti-properti ang telah didefinisakan oleh vue misalnya data, methods, components, da...

Menurut OWASP ( Open Web Application Security Project ) sebuah projek open source yang dibangun untuk menemukan celah dan penyebab dari keamanan suatu perangkat lunak serta mencari penanganan dan solusinya, celah keamanan pada aplikasi web atau situs website yang sering dijumpai dan cara menanganinya menurut OWASP , diantaranya : Sumber : whello.id Unvalidated Input Seluruh laman web menampilkan data dari HTTP atau HTTPS request yang dibuat oleh pengguna dan menggunakan data tersebut dalam melakukan operainya. Para peretas bisa saja memanipulasi atau merubah bagian-bagian pada request dapat berupa query tring, cookie information, header sehingga dapat membypass mekanisme keamanan. Berikut beberapa penyerangan yang berkaitan dengan masalah ini Cross Site Scripting Injection Flaws Buffer Overflows Setidaknya ada beberapa hal yang musti diperhatikan saat menangani validasi pada aplikasi web. Pertama, tidak baik dan rentan apabila aplikasi web dibangun dengan client side scripting. Kedua, ...