Posts

Showing posts from 2020

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

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.

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

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

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

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

Mengingat Kembali Digital Wellbeing untuk Tangkal Adiksi Gadget

Image
Smartphone kini semakin menjadi sesuatu yang lekat dengan aktivitas sehari-hari. Mulai dari mengambil foto, mendengarkan musik atau radio, menonton video, hingga bersosialisasi, semua bisa diakses dari sebuah perangkat yang sangat portable. Namun, di balik semua kemudahan tadi, ada adiksi yang membayangi pengguna. Yes, ketergantungan terhadap smartphone dan kehidupan virtual sudah jadi hal yang tidak dipisahkan, sejalan dengan kemudahan yang ditawarkan peranti smartphone. Google melalui sistem operasi Android 9.0 ingin menangkap hal ini dengan meluncurkan fitur Digital Wellbeing, sebuah fitur yang dirancang untuk menyeimbangkan aktivitas pengguna di smartphone dan kehidupan sehari-hari.  Begitu juga Apple melalui sistem operasi iOS 12 meluncurkan fitur Screen Time untuk tujuan yang sama. Digital wellbeing dan Screen Time ini bekerja dengan cara menaruh pengukur durasi penggunaan aplikasi secara individu, kemudian sistem akan menghadirkan dashboard, notifikasi maupun kontrol supaya kita

Proses membuat SHM rumah petak di Jakarta

Image
Tahun lalu (2019) saya berkesempatan membeli rumah di sebuah gang di Jakarta Barat. Status surat tanahnya adalah surat pembagian hak tanah yang diterbitkan oleh notaris di daerah Kebayoran Lama. Rumahnya saya beli kemudian saya usahakan untuk menjadikan SHM (Sertifikat Hak Milik). Qodarullah rupanya akhir tahun ada proses pemutihan dan ada petugas ukur-ukur bangunan jadi saya mengajukan pengukuran juga untuk menaikkan surat tanah. Rupanya status rumah yang saya beli tanahnya masih berstatus gabungan dan memiliki tunggakan pajak. Kemudian dari tahapan ukur tanah sebelumnya saya lanjut mengurus meminta bantuan kepada RW untuk mengakomodir sampai selesai. Dari semua proses yang saya alami, biaya yang keluar sebesar 7,6 juta rupiah dengan tahapan antara lain: Ukur tanah 300 ribu Membuat AJB (Akta jual beli) dari surat pembagian tanah: 4, 5 Juta Membuat berita acara di kepolisian dan lembaga terkait: 1 Juta Mengurus AJB menjadi SHM dan perwakilan untuk ambil surat: 1,5 Juta Lainnya: 300 rib

Pasti mampir ke toko buku

Image
Jalan-jalan ke mall terdekat saya pastikan saya mampir ke toko buku. Bisa jadi cuma lihat-lihat judul atau tema baru, bisa jadi beli secara random dalam beberapa kategori misalnya bisa kategori agama, teknologi informasi, self improvement, atau lainnya, bisa jadi juga saya tidak beli buku tapi beli asesoris yang ada di situ. Bagi saya sepuluh - dua puluh menit ada baiknya tetap berkunjung ke toko buku supaya tetap dapat inspirasi. Buku 'kan salah satu jendela inspirasi. Nah dari foto di atas, pembaca tentunya tahu ini toko buku apa dan di kategori apa. Ya, ini salah satu rak kategori komputer di toko Gramedia. Ngomong-ngomong tentang kategori komputer, saya punya beberapa wishlist buku untuk meningkatkan kemampuan di bidang komputer, yaitu pemrograman web dan aplikasi mobile. Meski agak terlambat saya tertarik untuk mengembangkan skills di pemrograman web dan mobile supaya bisa membuat aplikasi untuk dijual sesuai pesanan orang berbisnis maupun saya membuat layanan aplikasi dan bis

Kriteria konten website

Image
Saat ini website memerlukan beberapa kriteria pada konten isi maupun desain (tata-letak) isinya, agar tampak di mata pengunjung bahwa website tersebut mengikuti perkembangan antarmuka sebagai sebuah kebutuhan yang semakin tinggi. Di bawah ini adalah sejumlah kriteria yang kami maksud: Tampil lebih merespon layar mobile. Menyediakan Direct Link ke aplikasi Whatsapp, Email, Telepon, Login aplikasi seperti e-commerce, juga link ke Media Sosial seperti Instagram, twitter atau facebook. Menyediakan Form Pendaftaran Menyediakan Informasi legal, lisensi, FAQ, Privacy policy, Term and condition, Cookies policy apabila diperlukan Kotak/halaman pencarian informasi, Open Web Chat Tren desain atau layout spt: Slideshow, Infografis, Background Parallax, Light and Dark mode, Reading mode, Floating icon, Pop-up screen, Video clip Informasi tambahan: Statistik Pengunjung, Peta lokasi perusahaan atau peta penyebaran kantor cabang/mitra Menggunakan koneksi keamanan (SSL). Bersambung ...

One Time Password pada Aplikasi Web

Image
One Time Password adalah metode otentikasi menggunakan kombinasi angka/huruf untuk memasuki sistem yang berlaku sekali saja dalam rentang waktu tertentu. Ketika end-user akan memasuki sistem di lain waktu berikutnya maka end-user diharuskan menggunakan password lain yang digenerate oleh subsistem dan dikirimkan kepada end-user. Contoh penerapannya adalah pengiriman OTP yang di-generate saat pengunjung website melakukan pendaftaran account, atau melakukan login, atau juga mengakses sebuah halaman atau dokumen rahasia seperti tagihan pembayaran, mengubah password, melihat saldo dan sejenisnya. Dalam pembuatan OTP kita dapat merancang sebuah tabel berisi field-field informasi seperti di bawah ini: id, email_address, phone, otp, otp_attempt, otp_status (SENT/USED/EXPIRED/MAXATTEMPT), otp_send_datetime. Ini sebagai contoh saja.

Geolocation dengan javascript dan library Leaflet

Image
Geolocation adalah proses mendeteksi lokasi keberadaan kita menggunakan koneksi internet tepatnya pada saat kita menggunakan aplikasi web browser, seperti Chrome, Firefox, Safari atau sejenisnya. Geolocation ini dapat menggunakan script HTML5, javascript dan juga menggunakan Google Maps kita bisa menampilkan lokasi keberadaan kita pada peta di web. Dengan menggunakan librari Leaflet kita dapat menghadirkan contoh pemetaan user yang mengakses website kita seperti gambar di atas.  Leaflet ( https://leafletjs.com ) adalah pustaka JavaScript open-source terkemuka untuk peta interaktif yang ramah-mobile. Dengan berat hanya sekitar 38+ KB JS, ia memiliki semua fitur pemetaan yang paling dibutuhkan pengembang. Nah, Untuk mendapatkan lokasinya bagi aplikasi PHP kita bisa dengan menanamkan script deteksi gelocation (latitude, longitude) seperti di bawah ini. Skrip PHP nya kita pakai uituk menghasilkan alaam IP nya saja dalu dari alamat IP itu kita kirim ke website lahanan http://ipinfo.io/

Contoh tampilan web yang merespon mobile screen

Image
Layout ini menggunakan bantuan framework UIKIT v3. Itu tersedia di laman https://getuikit.com/ yang punya cukup banyak komponen interface yang bisa dipakai. UIKIT dari getuikit.com ini adalah kerangka front-end yang ringan dan modular untuk mengembangkan antarmuka web yang cepat dan kuat. Berbagai komponen disediakan untuk pembuatan sebuah website apalagi sekarang makin dibutuhkan dukungan tata letak website yang diakses dari gadget mobile. Oh ya bicara tentang kerangka front-end website. Kita bisa memilih UIKIT atau BOOTSTRAP. Berikut ini sedikit ulasannya. Developer menggambarkan Bootstrap sebagai "HTML, CSS, dan JS sederhana dan fleksibel untuk komponen dan interaksi UI yang populer". Bootstrap adalah kerangka HTML, CSS, dan JS paling populer untuk mengembangkan proyek pertama yang responsif dan mobile di web. Di sisi lain, UIkIt dirinci sebagai "Kerangka front-end yang ringan dan modular untuk mengembangkan antarmuka web yang cepat dan kuat". UIkit member

Mengakses URL web melalui script PHP

Image
Script "exec" di atas adalah contoh script PHP untuk mengakses sebuah URL website dan menyimpan hasil atau output-nya sebagai sebuah file di direktori yang sejajar script tersebut. Contoh "exec" ini saya buat ketika mengakses URL berupa dokumen .PDF dan menyimpannya ke direktori /var/www/html/web Salah satu alasannya mengapa menggunakan "wget" adalah karena file server yang saya tuju tidak menyediakan akses FTP dari server. Keterangan lainnya: 1. Fungsi basename. Adalah mengambil nama dasar suatu file sesuai dengan string path yang berikan. Jika $suffix disertakan maka beberapa string yang memiliki kesamaan dengan $suffix akan ikut terpotong. Struktur yang digunakan adalah: string basename (string $path [, string $suffix]) . 2. Base64 adalah metoda yang digunakan untuk melakukan encoding (penyandian) terhadap data binary sehingga menjadi “printable” atau pendek katanya data binary disandikan menjadi format ukuran sejumlah bit character

Pelatihan model perilaku dan komunikasi

Image
Sabtu minggu di awal februari tahun ini saya kembali ikut serta pelatihan achievement dengan tema Becoming Effective Person. Isi pelatihannya adalah materi tentang komunikasi, model perilaku ala D-I-S-C, juga tentang kepercayaan, juga tentang mengubah diri dengan alur MEMULAI DIRI SENDIRI - MINDSET - MEMBANGUN KEBIASAAN. Di dua hari itu juga diisi sejumlah games kekompakan, sesi makan dan coffee break pastinya. Coach-nya bapak Harsono. Salah satu bukunya berjudul JANGAN LUPA BAHAGIA. Di kesempatan kali ini model perilaku dan komunikasi saya cenderung ke arah D-I pada ruang lingkup Work dan Self Images. Nah, tahun lalu ada di posisi I-S. Pergeseran ini katanya disebabkan oleh bermacam-macam hal seperti adanya tambahan tanggung jawab di lingkungan kerja atau lingkungan rumah, atau juga karena beban kerja, pembaruan lingkar pergaulan, dan sejenisnya. Kemudian, saya ditanya mengenai sudut pandang dari sebuah botol yang berisi MASIH SETENGAH atau TINGGAL SETENGAH. Jawab saya MASIH SETE