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

Tim Task-Force di Perusahaan

Image
Di perusahaan atau organisasi ada yang namanya tim Task-Force. Apa itu? Tim Task-Force adalah satuan tugas lintas fungsi atau lintas bagian yang dibentuk untuk menyelesaikan tugas khusus organisasi yang memiliki sasaran dan jangka-waktu tertentu. Contohnya Tim Task-Force Peningkatan Layanan Bisnis.  Nah contoh di atas tim bisa melakukan Kajian Proses Bisnis kemudian mengembangkan analisa melalui Olah Data dan Wawancara menjadi berbagai kemungkinan perbaikan mencakup alur proses, sumber daya manusia, hingga kemampuan infrastruktur teknologi informasi. Dari hasil itu tim bisa lanjut mengadakan Focus Group Discussion kepada masing-masing pemilik proses untuk menggali ide, kendala, dan tantangan yang dialami pelaku proses (user) serta meng-konfirmasi persetujuan masing-masing pimpinan bagian untuk memberikan arahan terkait perbaikan peningkatan layanan.  Dari sisi eksternal, tim juga melakukan Role Play bekerja-sama dengan sejumlah pengguna jasa / produk perusahaan tersebut untuk mendapat
Read more

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