Membuat Mobile Webview dengan Android dan Onsen UI


Bagi programmer web yang belum menguasai pembuatan aplikasi mobile android secara native dapat membuat aplikasi mobile app android dengan memanfaatkan framework antarmuka bernama Onsen UI (html5, javascript dan CSS). Onsen UI adalah framework untuk user interface mobile berbasis Angular JS yang menggunakan metode MVC untuk menghasilkan tampilan seperti aplikasi android maupun iOS. 

Kemudian pada sisi mobile app-nya yang berbasis Java, Programmer cukup membuatkan satu modul (activity) berisi webview untuk me-loading alamat website  yang sudah dibuat dengan Onsen UI sebelumnya. Contohnya adalah gambar di atas. Hal yang perlu ditambahkan error handling adalah pada saat ponsel tidak terkoneksi dengan internet atau alamat website yang dipanggil bermasalah. Di sini perlu dibuatkan custom error page atau notification alert sehingga alamat website yang bermasalah tidak muncul ke pengguna.

Pada case kali ini, Onsen UI dipakai untuk menampilkan halaman web dengan element (dari atas ke bawah) berupa AppBar, Cardview, List, TabBar, Alert, Pull to Refresh.


Comments

Post a Comment

Popular posts from this blog

Addon untuk form input secara autocomplete text dengan typeahead.js

Image
Form input autocomplete text adalah contohnya seperti kita sedang search di google atau mesin pencari lainnya. Kita ketikkan beberapa huruf lalu muncul pilihan seperti gambar di bawah ini.       Fitur autocomplete text ini di aplikasi web dapat kita hadirkan dengan menggunakan jQuery dan Typeahead seperti yang tersedia di link ini  https://phppot.com/jquery/bootstrap-autocomplete-with-dynamic-data-load-using-php-ajax Bagi web programmer yang terbiasa menggunakan jQuery dan bootstrap bisa pakai addon ini. Addon serupa dapat dilihat di https://plugins.jquery.com/tag/typeahead/ . Ini sangat membantu
Read more

Contoh Penerapan Barcode di Surat Tanda Terima Order

Image
Barcode pada dasarnya adalah susunan garis vertikal hitam dan putih dengan ketebalan yang berbeda, sangat sederhana namun sangat berguna, dengan kegunaannya untuk menyimpan data-data spesifik misalnya seperti kode produksi, tanggal kadaluwarsa, serta nomor identitas lingkaran konsentris atau tersembunyi dalam sebuah gambar. Barcode dibaca dengan memakai sebuah alat baca optik yang disebut dengan barcode reader . Pada prinsipnya barcode reader hanyalah sebuah alat input biasa seperti halnya keyboard ataupun scanner namun peran manusia sebagai operator sangat minim dalam sisi Point of Sale. Penggunaan barcode sangatlah membantu dalam menganalisis data trend penjualan dengan sangat cepat. Barcode digunakan untuk kebutuhan seperti pembuatan tiket, resep, inventori, tagihan dan lain-lain. Pada urusan tiket digunakan untuk lacak entri, masuk kembali dan keluar untuk acara, perjalanan, dan lainnya. Pada urusan resep bisa untuk cari pembelian dan faktur sebelumnya. Pada urusan invento
Read more

Share Contoh Serangan SQL Injection

Image
SQL injection adalah sebuah teknik hacking yang dilakukan dengan menyisipkan baris kode SQL pada kotak isian (misalnya form login berisi input username dan password) atau pada url yang mana serangan ini akan mempengaruhi logika dari website tersebut. SQL injection memanfaatkan celah keamanan yang disebabkan karena masukan pengguna tidak disaring secara benar oleh aplikasi sehingga seorang hacker bisa masuk aplikasi tanpa harus memasukkan username dan password yang asli atau valid atau sesuai. Gambar di atas adalah contoh baris kode SQL yang pernah saya dapat di aplikasi saya seperti ini. Hacker atau pentester di sini bisa menggunakan software untuk generate ratusan tambahan baris kode untuk mendapatkan error pada aplikasi target yang dituju. Dari error logika tersebut nantinya hacker dapat masuk menerobos sistem melalui celah keamanannya.
Read more