Posts

Membuat Mobile Webview dengan Android dan Onsen UI

Image
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) ber
Post a Comment
Read more

Permainan Tebak Nama Kelompok Benda atau Hewan

Image
Kita punya sejumlah permainan yang bisa dilakukan untuk membangun keceriaan misalnya dalam keluarga, kelompok kerja, kelompok studi atau sejenisnya. Tentunya ini bisa diterapkan dalam sebuah acara dengan cara disisipkan 10 - 30 menit. Banyaknya jawaban harus disiapkan melebihi jumlah peserta. Contohnya permainan tebak nama benda / hewan. Berikut ini contoh yang bisa dipakai. A. Nama-nama gunung yang bisa didaki: Semeru Welirang Lawu Ijen Raung Bromo Argapura Salak Merbabu Ciremai Rinjani Agung Jaya Wijaya Kerinci Cikurai Papandayan Gede Pangrango Guntur  Sindoro Sumbing    B. Nama-nama kayu yang biasa dipakai di Indonesia Jati Bangkirai (Bengkere) Meranti Kamper Merbau Sonokeling Albasia (Sengon) Sungkai Cendana Pinus, Cemara Ulin Kelapa Ebony Mahoni Trembesi Kayu Aren   C.  Nama-nama reptil yang banyak ditemui Kura-kura Buaya Aligator Salamander Ular Biawak Tokek Kadal Iguana Komodi Bunglon Crocodile Caiman Penyu Anole     D. Nama-nama merek air mineral kemasan botol Aqua Ades Vit Le
Post a Comment
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.
Post a Comment
Read more

Contoh Dashboard Early Warning System Sederhana

Image
Early Warning System (EWS) adalah sebuah sistem peringatan dini yang dapat diartikan sebagai rangkaian sistem komunikasi informasi yang dimulai dari deteksi awal, perhitungan atau pemantauan, dan pengambilan keputusan selanjutnya. Perlunya EWS ini adalah untuk melakukan tindakan pencegahan suatu hal sebelum sesuatu yang lainnya terjadi. Contoh, kami punya kegiatan menerbitkan sebuah laporan atas suatu barang sebelum datangnya barang tersebut di pelabuhan. Untuk keperluan itu kami membuat dashboard untuk mengenali, mendeteksi atau meng-estimasi perhitungan datangnya barang. Nah, ini bisa memanfaatkan kumpulan data jadwal kegiatan inspeksi barangnya dan kumpulan data rata-rata waktu pengapalan dalam hitungan hari atau kami biasa sebut Sailing Days.   Jadi, sebuah dashboard yang kita butuhkan untuk keperluan itu kita bisa membuatnya seperti pada gambar di atas ini. Komponen-komponen pada dashboard-nya dapat berupa: Judul: Early Warning System untuk Dwelling Time. Sub judul:  Monitor
Post a Comment
Read more

Aplikasi pengajuan permintaan inspeksi barang

Image
Ada sebuah aplikasi saya buat, namanya RFIO, ini adalah aplikasi berbasis web untuk melayani pengajuan permintaan pekerjaan inspeksi di negara asal muat barang impor tertentu oleh eksportir. Di dalamnya disediakan menu dashboard, daftar order, kalender jadwal inspeksi, pelaporan, buku panduan. Form pengajuan jadwal inspeksi tersebut berisi input yang harus dilengkapi mencakup: nomor referensi dokumen, identitas supplier, informasi barang, moda pengapalan, jadwal inspeksi dan estimasi pengapalan, lokasi inspeksi hingga lampiran dokumen seperti packing list dan invoice. Aplikasi membantu beberapa otomatisasi pada tahap pengisian form seperti adanya fitur pengetikan autocomplete / autosuggestion, date picker, time picker, checkbox untuk otomatis mengambil data dari dokumen order, validasi isian mandatori, validasi isian tanggal dan sebagainya. Pengguna aplikasi ini adalah eksportir. Mereka akan masuk ke aplikasi melalui link yang tertera pada email pemberitahuan yang dikirim oleh kantor
Post a Comment
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
Post a Comment
Read more

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
Post a Comment
Read more