Menguji Aplikasi Responsif secara offline
Ditulis Oleh: Alfians Increms April, 2021
Aplikasi: Perkebunan - Pertambangan - HTI - HPH Sistem Integrasi
KUPAS BOOTSTRAP SNIPPETS III
MENGUJI APLIKASI RESPONSIF OFFLINE
Menguji Aplikasi responsif Offline
Dalam hal ini tentu programmer membutuhkan untuk mengetes atau menguji aplikasi yang dibuat apakah responsive atau tidak maka perlu adanya alat test tersebut, secara offline sebelum di onlinekan, biasanya ada text editor tertentu yang sudah menyiapkan hal ini, yakni simulator yang ada pada android studio, namun masih dalam tahapan terbatas, maka jalan yang terbaik untuk saat ini adalah menggunakan browser Mozila firefox, Microsoft Edge, Google Chrome yang memiliki fasilitas ini, perhatikan gambar dibawah ini :
Klik tombol kotak bergaris tiga pada tooolbar atau navbar yang berada disebelah kanan atas, seperti gambar diatas, kemudian pilih Pengembang Web atau Developer Web, jika sudah maka jendela sebelah kanan berubah sehingga seperti gambar dibawah ini :
Kemudian pilihlah Tampilan Design Reponsif, sehingga tampilan halaman web akan berubah seperti contoh diatas, adapun untuk mecoba bermacam ukuran layar dapat dilihat digambar ini :
Letak ukuran layar ada diatas atau di toolbar (navbar) silahkan mencoba ukuran dengan menganti angka dan menu pada dropdown linkpun sudah disediakan untuk memilih, silhkan dipraktekkan projek yang sudah atau sedang dibuat.
Dalam hal ini juga jauh berbeda dengan Microsoft Edge, Google Chrome dengan klik kanan - Inspect atau klik baris titik 3 vertikal pilih More Tools- Developer Tools seperti gambar dibawah ini :
Jika mengklik pada titik verikal pada toolbar atas paling kanan maka seperti gambar dibawah ini :
Jika sudah selesai maka cukup mengklik Tooggle Device Toolbar atau menggunakan tombol keyboard CTRL-SHIFT-M, seperti gambar dibawah ini :
Selamat mencoba !!!
DEBUGGING APLIKASI
Cek Debugging Aplikasi secara Offline dan Online
Debugging pada aplikasi Web dan Dekstop sangatlah penting untuk menelusuri proses berjalannya suatu skrip agar dapat diketahui jika ada masalah sehingga sangat mudah untuk melakukan perbaikan, tentu membutuhkan waktu tersendiri dalam memperbaikinya, begitu juga suatu bug dapat ditelusuri dengan Debugging ini, Bug sendiri memiliki arti serangga atau binatang kecil, maksudnya adalah kesalahan kecil, adapun cara untuk melakukan debug atau cek debugging dapat menggunakan mozila juga, dengan proses yang sama dengan pembahasan sebelumnya, yakni klik tombol kotak navbar yang berada disebelah kanan atas, kemudian pilih Pengembang Web (Developer Web) kemudian pilih perangkat Pengembang Web, maka akan muncul jendela bawah dengan menu yang cukup lengkap, ada konsole, debugging, inspektur dan lain-lain, yang semua sangat bermanfaat dalam mengecek suatu skrip yang ditulis apakah ada suatu kesalahan kecil ataupun tidak.
Arti pada Debugging itu sendiri merupakan proses mendeteksi dan menghapus bug atau yang mengandung kesalahan (error) pada kode yang ditulis maupun yang di copy sehingga dapat menyebabkan sistem tak dapat berfungsi baik atau crash. Bug sendiri dapat di maknai dengan cacat atau kesalahan pada program dibuat yang menyebabkan hasil yang tidak sesuai atau tidak terduga sesuai yang diharapkan.
Pada dasarnya kesalahan kecil memang tidak menganggu proses skrip yang berjalan namun setidaknya sedikit menganggu saja, jika aplikasi tersebut dikembangkan tentu harus segera diperbaiki hal itu, jika tidak diperbaiki maka semakin banyak dan menumpuk kesalahan-kesalahan kecil tersebut yang berakhir menjadi BESAR.
Silahkan membaca Pembahasan Bedah Koding dibawah ini :
Input Data Tanpa Refresh Dengan Database MYSQL
Perhatikan setiap warna yang diberikan, karena kata-kata itu akan saling berhubungan atau dikenal dengan INTEGRASI jika sudah jadi maka menjadi INTEGRITED, Para penggunanya menjadi INTEGRITER (Integrity), Kata setiap warna yang diberikan selalu berhubungan dengan skrip selanjutnya
Input Data Tanpa Refresh Dengan Radio button
Kita Melanjutkan dari Input data tanpa refresh dengan database MySQL I yang sudah kita bahas sebelumnya, maka kita melanjutkan pembahasan ini walaupun tidak jauh berbeda hanya perbedaan pada pilihan kelamin, yang sebelumnya menggunakan type input, sekarang menggunakan type Radio button atau Checkbox kita pilih salah satunya saja,
Input Data Tanpa Refresh Dengan Checkbox
Ini hanya penambahan saja dari Input data tanpa refresh dengan database MySQL dan Input data tanpa refresh dengan database MySQL II yang sudah kita bahas sebelumnya, yakni sebelumnya menggunakan type input, dan type Radio button maka sekarang menggunakan Checkbox. Seperti biasa membuat database, atau bisa juga menggunakan database yang sudah ada
