Senin, 12 Agustus 2013

Script PHP untuk Mendeteksi Browser Mobile HP/Tablet, Menggunakan User Agent Switcher ke Mobile Page

Script PHP untuk Mendeteksi Browser Mobile HP/Tablet, Menggunakan User Agent Switcher ke Mobile Page sangat berguna untuk membuat web yang dapat mendeteksi apakah diakses oleh Web Browser Desktop biasa atau Mobile Browser milik Handphone / Tablet. Script PHP ini penulis buat setelah menggunakan Tools User Agent Switcher pada Web Browser untuk Mengetes Respon Web Mobile Page seperti yang telah penulis terangkan pada artikel sebelumnya.

Hasil pengetesan berbagai User Agent yang populer, dengan target web yang ditampilkan yang cukup populer secara nasional diwakili detik.com dan secara internasional diwakili yahoo.com, hasilnya sebagai berikut:

Minggu, 11 Agustus 2013

Tools User Agent Switcher pada Web Browser untuk Mengetes Respon Web Mobile Page

Tools User Agent Switcher pada Web Browser untuk Mengetes Respon Web Mobile Page adalah alat pada Browser Web yang sangat berguna bagi anda programmer web atau desainer halaman web yang ingin mengetes suatu halaman web di berbagai browser milik perangkat mobile, misalnya Handphone atau Tablet.

Sekarang ini banyak web yang mampu melakukan deteksi browser sehingga mampu menampilkan tipe web dan content web yang sesuai dengan kapasitas dan spesifikasi yang dimiliki oleh Browser Web yang mengaksesnya.

Informasi tentang versi dan jenis Browser sering disebut User Agent. Daripada susah-susah mencoba menggunakan berbagai perangkat yang sebenarnya, misalnya Handphone Android, iPhone, iPad, Mac, Windows, lebih baik kita gunakan saja Tools yang dapat mensimulasikan perubahan User Agent agar kelihatan respon suatu web terhadap informasi User Agent tersebut.

Jumat, 26 Juli 2013

Aplikasi Searching Tweet dengan PHP Menggunakan Oauth Twitter API 1.1

Aplikasi Searching Tweet dengan PHP Menggunakan Twitter Oauth 1.1Aplikasi Searching Tweet dengan PHP Menggunakan Oauth Twitter API 1.1 merupakan aplikasi yang sangat berguna untuk mencari Tweet dengan kata kunci tertentu misalnya "jogja" atau hastack tertentu misalnya "#jogja" atau @ tertentu misalnya "@jogja".

Sebelumnya aplikasi untuk mencari twitter lebih sederhana karena tidak perlu dengan authentikasi tinggal memparsing halaman hasil pencarian dalam format JSON. Tetapi dengan berakhirnya masa pakai Search.Twitter.Com menggunakan authentikasi versi 1.0 maka pengguna diwajibkan menggunakan authentikasi oath Twitter API versi 1.1 untuk menggunakan layanan pencarian Tweet.

Kamis, 25 Juli 2013

Membuat Aplikasi Battery Info Android, Informasi Status Baterai Handphone

Membuat Aplikasi Battery Info Android, Informasi Status Baterai HandphoneMembuat Aplikasi Battery Info Android, Informasi Status Baterai Handphone ini penulis dapatkan dari sebuah buku. Aplikasi ini cukup berguna untuk memberi informasi bahwa baterai dalam kondisi charging, penuh, hampir habis, atau dalam keadaan masih bagus, atau sudah rusak, dan sebagainya.

Untuk membuat aplikasi ini butuh permission BATTERY_STATS yang menunjukkan bahwa aplikasi boleh melihat status baterai milik perangkat Android.

Caranya buat project baru, kemudian buat tampilan sederhana dengan 5 buah TextView pada file layout activity_main.xml seperti ini :

Senin, 22 Juli 2013

Menampilkan Grafik Pie Chart dengan Google Charts pada Web atau Blog

Menampilkan Grafik Pie Chart dengan Google Charts pada Web atau Blog caranya seperti yang pernah kita bahas pada artikel sebelumnya yaitu Menampilkan Grafik (Bar Chart) dengan Google Charts pada Web atau Blog. Seperti yang telah diterangkan sebelumnya, Google Charts memungkinkan kita membuat Charts dengan Javascript pada Halaman Web atau Blog, tentu saja dengan syarat Web atau Blog tersebut harus ada di Hosting atau komputer yang sedang online.

Kali ini kita coba gunakan Google Charts untuk membuat Grafik Roti (Pie Chart), kita buat pie-chart-google-charts.html dengan isi kode program berikut ini :

Sabtu, 20 Juli 2013

Sistem Pendukung Keputusan (SPK) Metode SAW dengan Excel Spreadsheet

Sistem Pendukung Keputusan (SPK) Metode SAW (Simple Additive Weighting) dengan Excel Spreadsheet ingin coba penulis sharing di Blog ini, karena berkali-kali penulis harus menyelesaikan pekerjaan Sistem Cerdas seperti ini. Metode ini sangat peopuler di kalangan Akademisi / Mahasiswa di Jurusan Teknik Informatika / Ilmu Komputer.

Teori tentang Algoritma SPK dengan Metode WP ini sebenarnya penulis dapatkan dari sebuah sumber yang tidak mungkin disharing secara langsung di Blog ini, maka penulis coba buatkan dalam bentuk Excel / Spreadsheet sehingga kelihatan cara menghitungnya di Formula yang ada di File Microsoft Excel tersebut. Untuk teorinya mohon dicari sendiri karena penulis memang tidak terlalu bisa dalam menjelaskan Teori seperti halnya seorang dosen. Mohon maaf, kerena Penulis seorang programmer praktis.

Berikut ini tampilan SPK dengan Metode WP di Excel :

Kamis, 18 Juli 2013

Membuat Aplikasi Android Untuk Vibrate (Bergetar), Menggetarkan Perangkat Secara Pemrograman

Membuat Aplikasi Android Untuk Vibrate (Bergetar), Menggetarkan Perangkat Secara PemrogramanMembuat Aplikasi Android Untuk Vibrate (Bergetar), Menggetarkan Perangkat Secara Pemrograman sebenarnya sederhana. Menjadi rumit jika saat kita membutuhkan tetapi lupa bagaimana caranya hehehe.

Langkah yang paling penting jangan lupa memberi Permission VIBRATE pada AndroidManifest, karena fitur ini termasuk harus mendapat izin dari Pemilik Perangkat.

Pertama kita buat Project Android baru. Kemudian tambahkan satu buah tombol di layout activity_layout.xml seperti ini :

Rabu, 17 Juli 2013

Membuat Algoritma Enkripsi AES di Android

Membuat Algoritma Enkripsi AES pada AndroidMembuat Algoritma Enkripsi AES di Android ini penulis buat karena ada permintaan dari teman. Sebelumnya kita pernah mencoba Membuat Enkripsi MD5 di Android. Sejujurnya penulis kurang ahli dalam enkripsi, karena algoritmanya benar-benar ruwet dan memusingkan ^_^'.

Berbeda dengan algoritma MD5 yang merupakan algoritma enkripsi satu arah, yaitu setelah diencrypt maka tidak dapat didecrypt lagi. Algoritma enkripsi AES ini dua arah, artinya bisa untuk mengenkripsi dengan kata kunci tertentu, untuk kemudian bisa dideskripsi kembali ke teks semula menggunakan kata kunci yang sama.

Kita mulai saja, buat Project Android baru di Eclipse, kemudian pada layout activity_main.xml kita beri kode program seperti ini :

Memperpendek Link Web dengan Google URL Shortener http://goo.gl

Memperpendek Link Web dengan Google URL Shortenet
Memperpendek Link Web dengan Google URL Shortener (http://goo.gl) sangat berguna ketika kita membutuhkan untuk memperpendek panjang URL agar ringkas, atau untuk manfaat lain yaitu agar link webnya sulit dicuri (copy paste).

Bagi anda yang sudah biasa membuat status atau tweet di twitter dengan menyertakan link ke suatu halaman web tentunya sudah sangat familiar dengan fasilitas semacam ini misalnya tiny url dsb.

Kali ini kita coba gunakan layanan untuk memperpendek URL milik google yaitu Google URL Shortener yang ada di http://goo.gl. Caranya sangat mudah, buka http://goo.gl, login dengan account Google anda. Kemudian ketik URL yang hendak diperpendek, kemudian klik Tombol Shorten URL. Hasilnya akan ditampilkan URL baru dengan fungsi sama, yaitu akan redirect ke web yang sama, Link tersebut biasanya mengarah ke http://goo.gl tetapi jika diklik akan diredirect oleh Google ke Web tujuan.

Semoga berguna.

Minggu, 14 Juli 2013

Membuat Grafik (Bar Chart) dengan Google Charts pada Web atau Blog

Membuat Grafik (Bar Chart) dengan Google Charts pada Web atau Blog
Menampilkan Grafik (Bar Chart) dengan Google Charts pada Web atau Blog sepertinya akan segera populer. Google Charts memungkinkan kita membuat Charts dengan Javascript pada Halaman Web atau Blog kita, dengan syarat Web atau Blog tersebut harus ada di Hosting atau mesin server yang online. Seperti biasa raksasa software Google selalu rajin merilis layanan software baru berbasis Web yang bisa digunakan secara gratis dan sangat bermanfaat.

Google Charts sendiri masih dalam versi Beta, artinya masih mungkin berkembang lebih bagus dan lebih lengkap lagi. Tetapi tidak ada salahnya coba kita pelajari sedini mungkin perkembangan software agar tidak ketinggalan.

Kali ini kita coba gunakan Google Charts untuk membuat Grafik Batang (Bar Chart), kita buat barchart.html dengan isi kode program berikut ini :

Senin, 08 Juli 2013

Membaca File CSV dengan PHP, Memparsing dan Memasukkan ke Database MySQL

Membaca File CSV dengan PHP, Memparsing dan Memasukkan ke Database MySQL penulis gunakan akhir-akhir ini untuk mendapatkan data pergerakan harga saham dari YahooFinance. Maaf jika lama tidak mengupdate Blog, karena kesibukan lain yang cukup menyenangkan :)

Kenapa CSV? Karena CSV (Comma-Separated Value) adalah bentuk file hasil ekspor dari Spreadsheet yang paling familiar dan mudah dibaca walaupun langsung kita buka dengan Editor Teks biasa. Format CSV ini juga dapat diexport oleh Aplikasi Spreadsheet yang paling populer saat ini yaitu Microsoft Excel dan Google Docs Spreadsheet.

Cara memparsing file CSV sangat mudah, intinya tiap baris dipisahkan tanda enter ("\n"), kemudian tiap kolom dalam baris tersebut dipisahkan tanda koma.

Jumat, 05 Juli 2013

Sistem Pendukung Keputusan (SPK) Metode TOPSIS dengan Excel Spreadsheet

Sistem Pendukung Keputusan (SPK) Metode TOPSIS dengan Excel SpreadsheetSistem Pendukung Keputusan (SPK) Metode TOPSIS (Technique for Order Preference by Similarity to Ideal Solution) dengan Excel Spreadsheet adalah Algoritma Sistem Cerdas yang sangat populer di kalangan Akademisi / Mahasiswa di Jurusan Teknik Informatika / Ilmu Komputer seperti halnya SPK dengan Metode WP (Weighted Product) yang pernah kita bahas.

Teori tentang Algoritma SPK dengan Metode TOPSIS ini penulis buatkan dalam bentuk Excel / Spreadsheet sehingga dapat dipelajari cara menghitungnya di Formula yang ada di dokumen Microsoft Excel tersebut. Untuk teorinya mohon dicari sendiri karena penulis memang tidak bisa terlalu mahir dalam menjelaskan Teori TOPSIS ini.

Berikut ini tampilan SPK dengan Metode TOPSIS di Excel / Spreadsheet:

Jumat, 28 Juni 2013

Sistem Pendukung Keputusan (SPK) Metode WP (Weighted Product) dengan Excel Spreadsheet

Sistem Pendukung Keputusan (SPK) Metode WP (Weighted Product) dengan Excel Spreadsheet ingin coba penulis sharing di Blog ini, karena berkali-kali penulis harus menyelesaikan pekerjaan Sistem Cerdas seperti ini. Metode ini sangat peopuler di kalangan Akademisi / Mahasiswa di Jurusan Teknik Informatika / Ilmu Komputer.

Teori tentang Algoritma SPK dengan Metode WP ini sebenarnya penulis dapatkan dari sebuah sumber yang tidak mungkin disharing secara langsung di Blog ini, maka penulis coba buatkan dalam bentuk Excel / Spreadsheet sehingga kelihatan cara menghitungnya di Formula yang ada di File Microsoft Excel tersebut. Untuk teorinya mohon dicari sendiri karena penulis memang tidak terlalu bisa dalam menjelaskan Teori seperti halnya seorang dosen. Mohon maaf, kerena Penulis seorang programmer praktis.

Berikut ini tampilan SPK dengan Metode WP di Excel :

Kamis, 27 Juni 2013

Membuat Google Custom Search pada Web atau Blog

Membuat Google Custom Search pada Web atau Blog BlogspotMembuat Google Custom Search pada Web atau Blog sangat penting untuk dilakukan, karena search engine ini cukup akurat untuk mencari suatu keyword khusus untuk mencari dalam suatu web atau suatu blog.

Seperti sudah sering kita pakai Search Artikel milik Blogspot di sebelah kiri atas Blog ini, ternyata hasil pencariannya tidak terlalu akurat, kadang bisa mencari artikel yang dituju, kadang bahkan ketika koneksi agak lambat tidak bisa mencari sama sekali. Solusinya kita sediakan juga Google Custom Search Box di Blog ini.

Caranya seperti ini, buka Google Custom Search Engine. Kemudian login dengan Google Account anda, setelah itu klik New Search Engine. Kemudian masukkan URL Web di input Site to Search, dan pilih bahasa di input Language. Setelah selesai klik Create :

Minggu, 23 Juni 2013

Membuat HP Android Menjadi Wireless WebCam Diakses Di Laptop / PC

Membuat HP Android Menjadi Wireless WebCam Diakses Di Laptop / PCMembuat HP Android Menjadi Wireless WebCam Diakses Di Laptop / PC sangat-sangat menarik dan bermanfaat hehe ^_^ Asal jangan digunakan saja untuk kejahatan. Cara ini mampu membuat Perangkat Android anda menjadi WebCam dan dapat diakses dari Laptop / PC via Wireless LAN.

Install saja aplikasi IP WebCam di Handphone atau Tablet Android Anda, Gratis. Silakan klik link berikut dari Piranti Android kemudian Install. Atau dari Google Play di Android anda search dengan kata kunci "IP WebCam"

Setelah itu jalankan aplikasi. Kemudian silakan diubah setting-settingnya sesuai selera dan kemampuan device Android anda.

Kamis, 20 Juni 2013

Decompile APK, Melihat Source Code Aplikasi Android dari Google Play

Decompile APK, Melihat Source Code Aplikasi Android di Google Play bisa dimanfaatkan untuk melihat kode program dari Aplikasi Android yang sudah dalam bentuk APK. Sebenarnya judul diatas terlalu "berani" hehe, karena sebenarnya tidak semua APK dapat dilihat semua bagian source codenya. Dan sepertinya ada cara untuk mengakali agar APK tidak dapat dicompile karena penulis pernah membuktikan sendiri beberapa buah Aplikasi Komersial dari Google Play tidak dapat di-decompile menggunakan decompiler apktool ataupun dex2jar. Atau hasil Kode Programnya berantakan

Pertama yang kita butuhkan tentu saja file APK dari Aplikasi Android yang bisa saja telah terinstall di Perangkat Handhone / Tablet kita. Untuk mendapatkannya anda bisa Menggunakan Aplikasi MyAppSharer untuk Mendapatkan APK dari Aplikasi yang sudah Terinstall seperti di artikel ini

Rabu, 19 Juni 2013

Membaca Feed Atom dengan PHP Menggunakan SimpleXMLElement (PHP Atom Reader)

Membaca Feed Atom dengan PHP Menggunakan SimpleXMLElement (PHP Atom Reader)Membaca Feed Atom dengan PHP Menggunakan SimpleXMLElement (PHP Atom Reader) adalah sambungan dari artikel Membaca RSS dengan PHP Menggunakan SimpleXmlElement.

Seperti telah dijelaskan pada artikel sebelumnya, RSS beda dengan Atom. Saat ini banyak Blog, termasuk Blogspot yang menyediakan Feed dalam bentuk Atom bukannya RSS.
Perbedaan yang paling mencolok adalah RSS ditampilkan dalam Channel, sedangkan Atom dalam Entry. Tetapi keduanya dibuat dalam dokumen XML sehingga dapat dibaca juga dengan fungsi SimpleXmlElement.

Untuk membuat PHP Atom Reader ini kita buat file, misalnya dengan nama php-read-atom-simplexmlelement.php, ketikkan script seperti ini :

Senin, 17 Juni 2013

Mengambil APK dari Aplikasi Android yang sudah Terinstall dengan MyAppSharer

Mengambil APK dari Aplikasi Android yang sudah Terinstall dengan MyAppSharerMengambil APK dari Aplikasi Android yang sudah Terinstall dengan MyAppSharer sangat bermanfaat untuk mengambil installer aplikasi yang sudah terinstall di device handphone atau tablet.

Hal ini sangat penting karena  jika kita hendak menginstall aplikasi yang terdapat pada Google Play tetapi device atau perangkat yang hendak diinstall tersebut tidak terkoneksi dengan Internet maka akan kesulitan. Karena Google Play tidak memperbolehkan mendownload APK secara langsung.


Sabtu, 15 Juni 2013

Membuat Aplikasi Menggunakan MultiAutoCompleteTextView pada Android

Membuat Aplikasi Menggunakan MultiAutoCompleteTextView pada AndroidMembuat Aplikasi Menggunakan MultiAutoCompleteTextView pada Android mempunyai kegunaan seperti halnya pada Membuat Aplikasi Menggunakan AutoCompleteTextView pada Android  Pertanyaannya apa perbedaan keduanya? Setelah dicari ternyata perbedaannya MultiAutoCompleteTextView mampu mencari kata per kata yang kita ketikkan di Input tersebut, kira-kira seperti ketika menginputkan nama penerima di SMS, misalnya : Adi, Dewi, Joni. Nah, ketika kita ketik A maka otomatis mencari nama dengan awal A yaitu Adi, kemudian ketik koma, kemudian ketika ketik D maka otomatis mencari nama dengan awalan D yaitu Dewi, dan seterusnya.

Kita mulai saja, buat project Android baru di Eclipse. Pada MainActivity.java kita buat kode program seperti ini :

Jumat, 14 Juni 2013

Membaca RSS dengan PHP Menggunakan SimpleXmlElement (PHP RSS Reader)

Membaca RSS dengan PHP Menggunakan SimpleXmlElement (PHP RSS Reader)Membaca RSS dengan PHP Menggunakan SimpleXmlElement menjadikan cara membaca RSS sangat mudah dan singkat. Tidak perlu lagi parsing XML dengan DOM, SAX Parser atau apapun itu yang pernah kita gunakan di masa lalu :)

Yang harus diingat RSS beda dengan Atom. Saat ini sudah banyak Blog, termasuk Blogspot yang menyediakan Feed dalam bentuk Atom bukan RSS.
Salah satu perbedaan yang paling mencolok adalah RSS ditampilkan dalam Channel, sedangkan Atom dalam Entry. Tetapi sebenarnya sama-sama dalam dokumen XML sehingga dapat dibaca juga dengan fungsi SimpleXmlElement.

Untuk membuat RSS Reader PHP ini kita buat file, misalnya dengan nama php-read-rss-simplexmlelement.php dengan isi script seperti ini :

Kamis, 13 Juni 2013

Membuat Klik Back Button Dua Kali untuk Exit pada Android

Membuat Klik Back Button Dua Kali untuk Exit pada AndroidMembuat Klik Back Button Dua Kali untuk Exit pada Android sebenarnya mempunyai kegunaan mirip dengan cara pada artikel Mengontrol Button Back pada Android. Banyak sekali caranya mau keluar program di Android hehe ^_^. Teknik ini banyak digunakan di berbagai program Android komersial, kuncinya ada pada event onBackPressed, dan Menggunakan Handler.postDelayed. Ubah angka 2000 yang berarti 2000 milisecond atau 2 detik pada contoh di bawah ini menjadi angka lain, misal 3000 berarti 3 detik.
Ok kita mulai, buat Project Android baru. Pada MainActivity.java kita masukkan kode program seperti ini :

Selasa, 11 Juni 2013

Membuat Upload Image CodeIgniter, Mengupload Gambar (Dokumen) pada CI

Membuat Upload Image CodeIgniter, Mengupload Gambar (Dokumen) pada CIMembuat Upload Image CodeIgniter dan Mengupload Gambar (Dokumen) pada CI sangat berguna ketika kita tidak hanya ingin menambahkan data dalam bentuk tulisan teks, tetapi juga dalam bentuk gambar atau dokumen. Artikel ini adalah bagian terakhir dari artikel CodeIgniter yang lain yaitu Menampilkan Data(View), Mengedit Data (Update), dan Menghapus (Delete).

Buatlah View dengan nama /webci/application/views/vaddkaryawan.php seperti ini :

Minggu, 09 Juni 2013

Mengeset LookAndFeel Pada Tampilan Jendela Form Java Supaya Seperti Tampilan Windows

Mengeset LookAndFeel Pada Tampilan Jendela Form Java Supaya Seperti Tampilan Windows
Mengeset LookAndFeel Pada Tampilan Jendela Form Java Supaya Seperti Tampilan Windows sebenarnya masalah klasik. Berkali-kali penulis mengalami harus mengerjakan hal ini. Karena saking seringnya, kita tulis saja, supaya tidak perlu cari-cari lagi hehe :D.

Yang perlu dicatat, tidak semua LookAndFeel terinstall di komputer, sistem operasi atau JDK tempat aplikasi akan kita jalankan. Oleh sebab itu kita membutuhkan kode program yang "safe" (aman) agar tidak error ketika berusaha merubah LookAndFeel.

Membuat Aplikasi Menggunakan AutoCompleteTextView pada Android

Membuat Aplikasi Menggunakan AutoCompleteTextView pada AndroidMembuat Aplikasi Menggunakan AutoCompleteTextView pada Android berguna ketika kita ingin menampilkan Input seperti EditText tetapi bisa menampilkan List Pilihan yang sesuai dengan kata yang sudah diketik, bahkan bisa melengkapi (auto complete) teks yang telah kita ketik. Kira kira seperti sewaktu kita ketik kata pencarian pada Search Engine Google, yang bisa menampilkan kata yang memiliki kesamaan dengan huruf atau kata yang sudah diketik.

Caranya, kita buat project Android baru di Ecplise. Pada MainActivity.java kita ketik source code ini :

Kamis, 06 Juni 2013

Menampilkan ListView dan ScrollView di Android dalam Satu Tampilan Layout

Menampilkan ListView dan ScrollView di Android dalam Satu Tampilan LayoutMenampilkan ListView dan ScrollView di Android dalam Satu Tampilan Layout kelihatannya sederhana, tetapi implementasinya sangat sulit. Karena pada dasarnya ListView jika dimasukkan dalam ScrollView tidak akan mau Scroll, sebaliknya Scrollview juga tidak mau dimasukkan di dalam ListView hehe.

Solusinya ScrollView dan ListView harus disendirikan tetapi harus diatur dengan Layout yang melingkupi keduanya, misal memakai LinearLayout agar keduanya tidak saling mendesak atau menutupi.

Contoh aplikasinya kira-kira seperti ini, buatlah Project Android baru, di layout activity_main.xml buat seperti ini :

Rabu, 05 Juni 2013

Membuat Aplikasi Web Peta OpenLayers untuk Menampilkan Bing Map

Membuat Aplikasi Web Peta OpenLayers untuk Menampilkan Bing Map
Aplikasi Web Peta OpenLayers untuk Menampilkan Bing Map dari Microsoft. Setelah mempelajari cara Menampilkan Peta YahooMap di OpenLayers dan GoogleMap di OpenLayers. Belum lengkap rasanya jika belum mencoba Peta buatan Microsoft yaitu BingMap untuk ditampilkan di OpenLayers. Karena selain lengkap, peta ini juga tidak kalah canggih dari GoogleMap.

Seperti sebelum-sebelumnya, agar script di bawah ini dapat dijalankan, silakan download dan install OpenLayers, dari sini. Bagi yang belum pernah bisa membaca dahulu dari artikel Mengenal OpenLayers berikut ini.

Buatlah file HTML openlayers-bing-map.html :

Selasa, 04 Juni 2013

Membuat Aplikasi Android ListView Seperti Kamus Scroll Ke Posisi Tertentu, Dua ListView Berdampingan

Membuat Aplikasi Android ListView Seperti Kamus Scroll Ke Posisi Tertentu, Dua ListView BerdampinganMembuat Aplikasi Android ListView Seperti Kamus Scroll Ke Posisi Tertentu, Dua ListView Berdampingan, maksudnya kalau anda pernah lihat kamus ada index hurufnya di samping kanan ListView, kemudian jika index huruf misalnya huruf "P" diklik langsung scroll otomatis ke baris ListView yang memiliki awalan huruf "P" juga. Nah seperti itulah kira-kira, susah sekali membuat judul artikel ini ;p

Ada dua bagian yang cukup sulit pada Project ini, yaitu bagian membuat dua buah ListView berdampingan. Dan satunya membuat agar ListView bisa scroll otomatis ke posisi baris tertentu.

Nah caranya, buat Project baru. Ketikkan kode program berikut di MainActivity.java :

Senin, 03 Juni 2013

Membuat Halaman Paging Untuk Menampilkan Data pada CodeIgniter Menggunakan Library Pagination

Membuat Halaman Paging untuk Menampilkan Data pada CodeIgniterMembuat Halaman Paging Untuk Menampilkan Data pada CodeIgniter Menggunakan Library Pagination dibutuhkan karena bisa jadi data yang ditampilkan sangat banyak, katakanlah seribu atau beberapa puluh ribu baris sehingga tidak akan bisa ditampilkan dalam satu halaman. Artikel ini juga merupakan sambungan dari artikel CodeIgniter yang lain yaitu Menampilkan Data(View), Mengedit Data (Update), dan Menghapus (Delete).

Buatlah view dengan nama /webci/application/views/vguru.php seperti ini :

Minggu, 02 Juni 2013

Membuat Aplikasi Web Peta OpenLayers untuk Menampilkan Yahoo Map

Membuat Aplikasi Web Peta OpenLayers untuk Menampilkan Yahoo Map
Aplikasi Web Peta OpenLayers untuk Menampilkan Yahoo Map. Setelah berhasil menampilkan Peta GoogleMap dengan OpenLayers, coba kita pelajari teknik menampilkan Peta Web dari Yahoo ini. Memang tidak sepopuler GoogleMap tetapi cukup berkualitas juga.

Seperti diterangkan sebelumnya, agar script di bawah ini dapat dijalankan, silakan mendownload dan menginstall OpenLayers, dari sini. Bagi yang belum paham bisa membaca dahulu artikel Mengenal OpenLayers berikut ini.

Buatlah file HTML openlayers-yahoo-map.html :

Jumat, 31 Mei 2013

Membuat Halaman Login pada CodeIgniter

Membuat Halaman Login dengan CodeIgniterMembuat Halaman Login pada CodeIgniter PHP ini digunakan untuk membuat Halaman Admin adalah sambungan dari artikel CodeIgniter yang lain yaitu Menampilkan Data(View), Mengedit Data (Update), dan Menghapus (Delete).

Teknik membuat halaman login ini digunakan untuk membuat halaman Administrator yang diharapkan terlindungi dari akses oleh pengguna umum, atau pengguna yang tidak mengetahui username dan password, atau istilahnya pengguna yang tidak terautentikasi :)

Buat dahulu tabel (misal di database dbci seperti sebelumnya) berisi data login, di MySQL, misalnya seperti ini :

Rabu, 29 Mei 2013

Me-nonaktifkan (Disable) Tombol Back Button pada Android

Me-nonaktifkan Disable Tombol Back Button pada AndroidMenonaktifkan (Disable) Tombol Back Button pada Android sebenarnya masalah sepele. Tetapi bisa membuat penasaran ketika sedang membutuhkan ^_^.

Kode program ini mempunyai kegunaan untuk menangkap event ketika tombol Back HP/Device Android ditekan agar kita bisa menjalankan dahulu kode program yang kita inginkan kemudian baru menutup Aplikasi atau Activity yang sedang di depan atau memberi konfirmasi, misalnya "Apakah Anda Yakin Akan Keluar?". Kira-kira seperti itulah kegunaannya.

Pertama buat dahulu Project baru. Di MainActivity.java ketikkan kode program berikut :

Selasa, 28 Mei 2013

Membuat Web Peta OpenLayers untuk Menampilkan GoogleMap

Web Peta OpenLayers untuk Menampilkan GoogleMapKali ini kita buat Aplikasi Web Peta OpenLayers untuk Menampilkan GoogleMap. Sedangkan Web Google Map yang kita gunakan kali ini yang versi terbaru dahulu yaitu GoogleMap v3 Versi Web.

Seperti pernah diterangkan sebelumnya, agar script di bawah ini dapat dijalankan, anda harus mendownload dan menginstall OpenLayers, dari sini. Ada baiknya yang belum paham bisa membaca dahulu artikel Mengenal OpenLayers berikut ini.

Buatlah file HTML Javascript dengan nama googlemap-v3.html :

Senin, 27 Mei 2013

Menampilkan Nomor Urut pada Hasil Query MySQL dalam Satu Perintah SQL

Artikel pendek untuk Menampilkan Nomor Urut pada Hasil Query MySQL dalam Satu Perintah SQL ini adalah update dari artikel sebelumnya Membuat Nomor Urut dengan MySQL, Nomor Rangking dengan Bahasa SQL.

Artikel ini penulis buat setelah mencoba membuat nomor urut pada Pemrograman Java yang menampilkan data dari Database MySQL menggunakan dua perintah SQL seperti dibahas sebelumnya yaitu :

Sabtu, 25 Mei 2013

Mengenal OpenLayers, Peta Web Online yang Gratis dan Open Source

OpenLayers Peta Web Online yang Gratis dan Open SourceOpenLayers adalah Web Pemetaan Online yang Gratis dan OpenSource. Seperti diterangkan dalam website resminya, OpenLayers adalah library javascript yang digunakan untuk menampilkan data peta di web. Artinya OpenLayers mampu menampilkan sumber peta dari GoogleMap, BingMap, YahooMap dan Server Peta Gratis yang berbasis WMS (World Map Server). OpenLayers tidak membutuhkan dependecies atau ketergantungan dengan Server, artinya jika suatu saat ada Sumber Peta misalnya Bing Map atau Google Map yang berbayar ditutup, maka kita tidak perlu khawatir, OpenLayers mampu diubah agar mengambil sumber peta dari Map Server (Provider Peta) yang lain.

Keuntungan terbesar kita sebagai Programmer atau Developer Web ketika memakai OpenLayers yang bersifat OpenSource dan Free sangat banyak, antara lain :

Kamis, 23 Mei 2013

Mengedit (Update) Data dengan CodeIgniter Menggunakan Helper Form dengan PHP dan MySQL

Mengedit (Update) Data pada CodeIgniter Menggunakan Helper FormMengedit (Update) Data dengan CodeIgniter Menggunakan Helper Form juga merupakan teknik penyempurnaan dari Atikel sebelumnya dan merupakan sambungan dari Artikel Menambah (Add) Data dengan CodeIgniter Menggunakan Helper Form. Pada artikel sebelumnya yaitu Mengedit (Update) Data dengan CodeIgniter PHP MySQL kita menggunakan cara biasa dengan HTML langsung tanpa Helper Form.

Kali ini kita gunakan Helper Form untuk membuat halaman edit. Buatlah file view veditguru.php pada direktori webci/application/views/veditguru.php seperti ini :

Senin, 20 Mei 2013

Membuat Aplikasi Pengenalan Suara Indonesia pada Android (Voice Recognition) dengan Speech To Text Bahasa Indonesian

Beberapa saat yang lalu sudah dipelajari Membuat Aplikasi Speech to Teks Inggris di Android, kemudian bagaimana dengan bahasa kebanggaan kita Bahasa Indonesia, apa juga bisa dikenali Android? Eh ternyata bisa juga. Ternyata Google juga sudah mensupport bahasa Indonesia agar bisa dikenali oleh Aplikasi SpeechToText atau Aplikasi Voice Recognition di Android dengan syarat setting Language pada Android sebaiknya diset Bahasa Indonesia juga.

Nah kita mulai membuat Pengenalan Suara Bahsa Indonesia atau Bahasa Indonesian Speech Recognition, pada project Android buat kode program di MainActivity.java seperti ini :

Minggu, 19 Mei 2013

Menambah (Add) Data dengan CodeIgniter Menggunakan Helper Form dengan PHP dan MySQL

Menambah (Add) Data Dengan CodeIgniterMenambah (Add) Data dengan CodeIgniter Menggunakan Helper Form adalah teknik penyempurnaan dari Atikel sebelumnya dan merupakan sambungan dari Artikel Menampilkan (View) Data dengan CodeIgniter Menggunakan Library Table. Pada artikel sebelumnya yaitu Menambah Data dengan CodeIgniter PHP MySQL kita menggunakan cara biasa dengan HTML langsung tanpa Helper Form.

Kali ini kita gunakan Helper Form untuk membuat halaman tambah. Buatlah file view vaddguru.php pada direktori webci/application/views/vaddguru.php :

Sabtu, 18 Mei 2013

Memformat Kode Program pada Web dengan PrettyPrint, Highlight Source Code pada Blog Blogspot

Kode Program dengan PrettyPrint
Kali ini kita belajar Memformat Kode Program pada Web dengan PrettyPrint, Highlight Source Code pada Blog Blogspot. Seperti halnya di Blog ini yang terus berkembang, misalnya dulu masih acak-akan sekarang lumayan rapi hehe :) Mari kita belajar merapikan penampilan Source Code atau Kode Program yang ada di web tutorial kita.

Pertama kita pelajari cara khusus untuk Blog yang dibuat di Blogger atau Blogspot. Caranya :

1. Pada halaman Administrasi Blogger anda pilih Tata Letak, atau Layout panel di sebelah kiri.

Jumat, 17 Mei 2013

Menampilkan (View) Data dengan CodeIgniter Menggunakan Library Table dengan PHP dan MySQL

Setelah bisa mempelajari Code Igniter untuk View Data dengan Cara Coding PHP Langsung tanpa Library, sekarang Saatnya kita belajar CodeIgniter untuk Menampilkan Data dari Database MySQL dengan Menggunakan Library Table.

Kenapa harus menggunakan library table, library database dan library-library yang lain di CodeIgniter. Karena mereka percaya bahwa halaman web akan lebih mudah dibuat, efisien, aman dan SEO Friendly dengan bantuan Library CodeIgniter :)

Kita mulai. Buat Database berikut misal database dbci, dengan table guru :

Kamis, 16 Mei 2013

Mengakali Bug Data Report Visual Basic 6.0 pada Windows 7 / Windows 8 Komponen RptLabel RptTextBox Tidak Bisa Ditambahkan

Dan Terulang Lagi, penulis mengalami saat-saat sulit ketika harus membuat Report di VB 6.0 Menggunakan Data Report di Windows 7. Seperti kita ketahui bersama, Data Reportnya ngadat, tidak bisa dimasuki komponen seperti RptLabel, RptTextBox, RptImage, RptFunction dan sebagainya. Kacau. Apakah ini Bug? Prasangka baik sajalah, mungkin karena perbedaan umur yang terlalu jauh antara Vb 6.0 dan Win 7 (10 tahun lebih)

Solusinya? Tentu saja dengan akal-akalan yang sebenarnya trik kurang terpuji hehe ;p Buka saja project lama yang pernah dibuat di Visual Basic 6.0 di Windows XP, kemudian copy paste (Copas) komponen yang sudah ada ke project baru, beres!! Memang Copas adalah ilmu pamungkas tertinggi di dunia IT ^_^

Rabu, 15 Mei 2013

Membuat Aplikasi Teks Berbicara pada Android (Text To Speech / TTS) Teks ke Suara

Setelah berhasil membuat Aplikasi Speech to Teks Inggris di Android, rasanya sangat tidak lengkap jika kita tidak membuat sebaliknya yaitu  Aplikasi Android Text to Speech (Teks ke Suara). Seperti biasa, buka Eclipse, buat project Android baru.

Buat MainActivity.java sehingga berisi kode program berikut :





Selasa, 14 Mei 2013

Membuat Aplikasi Android Bisa Menerima Share Image dari Gallery (Aplikasi Lain) Receive Share Send Intent

Setelah bisa membuat Aplikasi Android Share Teks Status ke Aplikasi Lain, Misal Facebook App atau Twitter App. Tentu saja kita ingin membuat aplikasi pasangannya, yaitu sebaliknya Aplikasi yang Dapat Menerima Sharing Gambar dari Aplikasi Lain, Receive Sharing Intent dari Aplikasi Seperti Image Gallery.


Kita mulai saja, buat Project baru. Ketikkan source code ini pada MainActivity.java :



Minggu, 12 Mei 2013

Membuat Aplikasi Android Rute GoogleMap V2 Direction Route ke MyLocation Lokasi GPS

Dulu kita pernah membuat Aplikasi Rute Direction di Google Map Android tetapi masih Versi 1. Sekarang kita coba mempelajari Cara Membuat Aplikasi GoogleMap V2 dengan Fasilitas Rute Direction dari suatu titik, dalam hal ini adalah Marker yang sudah kita buat, menuju lokasi GPS tempat kita berada yang ditunjukkan oleh fasilitas MyLocation pada GoogleMap V2.

Sebagai pengantar bagi yang belum pernah membuat Aplikasi Peta GoogleMap Versi 2 sebaiknya Membaca dahulu Artikel Ini. Berdasarkan project dari Artikel tersebut, sekarang kita tambahkan Fasilitas Rute. Untuk mudahnya dalam pembuatan, sebenarnya fasilitas rute ini ditampilkan dengan cara Aplikasi buatan kita memanggil Aplikasi lain yang memiliki fasilitas Route Direction bisa Maps milik Google Android atau Aplikasi Web Maps.Google.com, Membuat Garis Rute Direction Sendiri di Atas Peta GoogleMap kita sebenarnya bisa, tetapi terlalu sulit, dan lama, harus memparsing informasi Direction dari Google Map, mungkin lain kali ^_^.

Langsung kita mulai dengan membuat Project baru, jangan lupa tipenya harus tipe platform Google API. Kemudian tambahkan kode program berikut ini pada MainActivity.java :

Sabtu, 11 Mei 2013

Membuat Aplikasi Android Speech To Text Bahasa Inggris, Voice Recognition Android

Penulis selalu memimpikan bisa memiliki komputer yang bisa mengenali perintah suara kita. Seperti dalam film-film, misal seperti JARVIS dalam Iron Man ^_^ Nah mimpi itu kita awali dari membuat aplikasi yang dapat mengubah suara (speech) menjadi teks dulu (SpeechToText) di aplikasi smartphone Android. Suara ini sebenarnya bisa dalam Bahasa Indonesia, tetapi itu untuk artikel yang lain. Kali ini kita awali dahulu TextToSpeech dalam Bahasa Inggris.

Pertama buat Project Android. Kemudian pada MainActivity kita tuliskan kode program ini :


Jumat, 10 Mei 2013

Pemrograman ADODB pada Visual Basic 6.0 untuk Mengakses Database Access

Beberapa saat yang yang lalu saat pelatihan penulis sempat sangat kelabakan karena ditanya Pemrograman ADODB pada VB 6.0 dan sempat lupa karena sudah lama sekali tidak memakai. Daripada hal itu terulang lagi, sebaiknya dicatat saja di blog ini kan :)

ADODB lain dengan ADODC, jadi pemrograman ini tidak memakai komponen Database ADO Data Control tetapi murni coding. Termasuk bagaimana caranya membuat DataReport dengan ADODB. Berikut codingnya :

Kamis, 09 Mei 2013

Membuat Aplikasi Android Bisa Share Teks Mengirimkan ke Aplikasi Lain, Share Send Intent Status ke Facebook Twitter

Kadang ingin juga membuat Aplikasi Android yang bisa mengirimkan atau sharing teks yang sedang kita tulis atau input ke aplikasi lain, misalnya saja aplikasi GMail, Facebook App For Android atau Twitter App For Android dan masih banyak lagi.

Ternyata solusinya lagi-lagi menggunakan Intent. Wah banyak banget ternyata kemampuan Intent ini. Kali ini kita gunakan Send Intent. Berikut caranya, buat project Android Baru :


Pada MainActivity.java ketikkan kode program ini :

Rabu, 08 Mei 2013

Membuat Aplikasi Android Pengusir Nyamuk dan Tikus dengan Suara Frekuensi Tinggi

Mungkin aplikasi ini terdengar sangat konyol, tapi mungkin begitulah adanya :D Ide dasarnya sebenarnya dari Aplikasi Pengusir Nyamuk dan Tikus yang pernah penulis dapatkan, diinstall di laptop / PC dan suaranya memang cukup mengganggu ^_^' Dari ide tersebut penulis bisa membuat Piano Virtual Menggunakan Frekuensi Tanpa File Sound. Dan akhirnya penulis perkenalkan di bawah ini. Aplikasi Pengusir Nyamuk dan Tikus yang sangat-sangat belum sempurna ;p

Langkah pertama buat Project Android baru, ketikkan kode program berikut di MainActivity.java :

Selasa, 07 Mei 2013

Mengkonversi Aplikasi Java JAR Menjadi Executable EXE, Jar To Exe Converter dengan Launch4J

Sudah lama penulis impikan bisa membuat Aplikasi Java tetapi dalam bentuk EXE (Executable). Karena biasanya aplikasi Java yang dihasilkan dari NetBeans berekstensi *.jar, bukan *.exe. Dan menjalankannya pun repot, harus dengan perintah DOS Prompt.

Akhirnya ketemu suatu tool converter dari *.JAR ke *.EXE yang cukup simple, gratis dan open source, yaitu Launch4J. Dapat didonwload secara gratis di website resminya berikut ini. Nah cara pemakainnya sebagai berikut :



Senin, 06 Mei 2013

Algoritma Menampilkan Deret Fibonacci di Visual Basic

Ternyata tidak hanya Algoritma Mencari Bilangan Prima yang ditanyakan pada penulis, Algoritma menampilkan Bilangan (Deret) Fibonacci juga ditanyakan. Apa deret Fibonacci itu, setahu penulis sih sama dengan Fibonacci Retracement yang sering digunakan di Analisa Teknikal Grafik Saham, silakan bagi yang belum tahu atau lupa untuk googling sendiri hehe :D

Hasilnya penulis buatkan di Visual Basic .NET karena VB 6.0 sudah tidak terinstall di komputer. Tetapi coding di bawah ini bisa dipakai untuk Visual Basic 6.0 :

Buat project baru, tambahkan satu buah ListBox dan satu buah Button, pada button tambahakan kode program berikut :

Sabtu, 04 Mei 2013

Pemrograman Android Mendeteksi MultiTouch, Two Finger Tap, Three Finger, atau Click Lebih dari Dua Jari

Akhirnya ketemu juga cara mendeteksi klik dengan banyak jari, atau disebut multitouch, dengan dua jari (two finger), three finger (tiga jari) atau lebih. Sebenarnya Android mendukung sampai 256 jari :D Tetapi kenyataannya device atau perangkat Android hanya mendukung sampai 2 jari, tetapi perangkat Android versi HoneyComb, IceCream Sandwich dan Jelly Beans kabarnya sudah mendukung hingga 4 jari. Dengan kata lain Froyo dan Gingerbread hanya mendukung 2 jari ^_^'

Oh ya, deteksi multi tap ini dimaksudkan sekaligus mendeteksi koordinat dari screen, dalam hal ini koordinat dari komponen ImageView, karena komponen ini mampu memuat gambar background misalnya gambar piano atau gitar, sehingga dengan mendeteksi koordinatnya kita tahu tombol atau senar mana pada gambar yang tersentuh.

Kita mulai saja dengan membuat Project Android Baru, kemudian ketikkan kode program berikut pada MainActivity.java :

Memainkan File Sound Pada Android dengan SoundPool Lebih Responsif, Misal untuk Game

Ada tiga cara untuk memainkan File Sound (Suara), atau File Musik. Yang pertama memakai MediaPlayer, yang kedua memakai SoundPool, dan yang ketiga Penulis lupa memakai apa :) Media Player lebih ditujukan untuk memainkan file yang berdurasi panjang misalnya file MP3. Tetapi MediaPlayer tidak responsif, artinya untuk loading lebih lama. Sedangkan SoundPool adalah teknik memainkan file suara yang sering digunakan untuk Game dan Background Music yang lebih Responsif. Tetapi tentu saja kekurangannya SoundPool tidak untuk file Music (Sound) yang berukuran besar atau berada di lokasi eksternal misalnya Web atau SDCard. Tetapi harus berada di dalam aplikasi (Raw atau Asset folder) dan bertipe OGG atau MIDI.

Cara memainkan file Suara dengan MediaPlayer sepertinya pernah penulis bahas di artikel lain, kalau belum ya lain kali lah :) Untuk artikel memainkan file MP3 di SDCard atau Web juga rencananya ingin penulis buat di kesempatan lain. Kali ini kita gunakan teknik SoundPool untuk memainkan file suara berekstensi OGG.

Buat project Android baru, tempatkan file sound *.ogg di direktori project res/raw/sound1.ogg. Kemudian kita tuliskan kode program di MainActivity sebagai berikut :

Jumat, 03 Mei 2013

Membuat Piano Virtual di Android dengan Nada Frekuensi

Kode program ini penulis temukan di GitHub. Cukup menarik, karena mampu membuat Aplikasi Android yang Mampu Mengeluarkan Suara dengan Frekuensi alias tanpa file suara (tanpa mp3, ogg, midi, atau apalah itu).

Nah aplikasi ini supaya cukup bermanfaat kita buat dalam bentuk Aplikasi Piano. Frekuensi dalam piano ini sudah diset sesuai dengan frekuensi tuts-tuts atau kunci-kunci tangga nadanya.

Pertama buat peroject Android baru di Eclipse.

Pada MainActivity.java tambahkan kode program berikut :