30 Menit Membuat Aplikasi Android Dengan PhoneGap

Salah satu yang akan saya ulas sekarang adalah PhoneGap.

http://www.phonegap.com/

Beberapa keuntungan yang bisa saya garis bawahi adalah :

1. Memanfaatkan keahlian HTML dan Javascript – yang tentu saja bukan hal baru atau aneh buat programmer  IT
2. Aplikasi yang dihasilkan bisa mengakses feature native, misalnya di Android bisa mengakses camera, geo location dll
3. Mensupport 6 platform termasuk Ios, Blacberry, Android
4. Simple

Berikut ini beberapa feature native dari beberapa platform yang bisa diakses dari phonegap API :

Testing

Untuk membuktikan mudah tidaknya menggunakan  phonegap ini saya melakukan test sbb :

Tujuan : Membuat aplikasi Karikatur Investor Daily yang akan di deploy ke Android dan Blackberry

Berikut ini langkah yang saya lakukan

1. Membuat image gallery dengan menggunakan HTML dan Javascript (jQuery)
2. Melakukan konversi menjadi Android App dengan PhoneGap Build (ada beberapa hal teknis yang bisa dipilih, untuk kemudahan testing saya menggunakan fasiltas phoneGap Build

Tidak kurang dari 30 menit aplikasi Karikatur Investor Daily Sudah Bisa dijalankan.

Tentu ini aplikasi sederhana, dan belum menyentuh native feature. Tapi sudah bisa misalnya saat kita sentuh kartun yg ada berganti dengan database gambar karikatur yang kita masukan.

Screen shot :

Emulator Android :

Semua proses yang saya butuhkan untuk membuat aplikasi sederhana tersebut tidak lebih dari 30 menit.

Jika Anda ingin mencobanya silahkan download source yang saya gunakan di sini :

karikatur-galleria-300px

KarikaturInvestorDaily300px-debug

Oh ya jika Anda mau install file .apk di emulator android, caranya anda cukup copy file .apk tersebut dalam folder Android SDK > Tools

Dari sana kemudian Anda ketik perintah :

?

atau kalau di linux atau mac spt ini :

?

Selamat Mencoba …..

Source : http://sabukhitam.com/blog/topic/javascript/30-menit-membuat-aplikasi-android-dengan-phonegap.html

Read More

Membuat Aplikasi Android Untuk Mengambil Koordinat Lokasi dengan GPS

* Artikel ini dipersembahkan oleh Intel Developer Zone. Untuk Mengetahui lebih lanjut tentang membuat aplikasi Android di Arstitektur Intel, kunjungi Intel Developer Zone for Android.

Memanfaatkan fitur GPS di ponsel di pembuatan aplikasi tidaklah sulit apalagi jika menggunakan peralatan tambahan salah satunya Intel XDK. Dengan menggunakan Intel XDK, saya berhasil membuat aplikasi sederhana yang memanfaatkan fitur GPS di ponsel Android.

Aplikasi yang saya buat memanfaatkan Google Maps API untuk mengambil posisi kita saat ini dan memunculkannya di Google Maps. Aplikasinya dibuat menggunakan Intel XDK di sistem operasi Windows. Jika kamu belum memiliki Intel XDK dapat mengunduhnya terlebih dahulu di situs resmi Intel XDK dan jika ingin mengetahui lebih lanjut tentang Intel XDK dapat membaca artikel saya beberapa waktu lalu.

Pembuatan Proyek Aplikasi

Buat proyek baru di Intel XDK dan beri nama proyeknya “CekLokasi” dan tentukan lokasi penyimpanan proyeknya sesuai dengan preferensi kamu. Pilih “Start with App Designer” di menu sebelah kiri untuk mempermudah pembuatan aplikasi.

Intel XDK akan secara otomatis membuat template koding untuk

Read More

Membuat Aplikasi Android di Mac

Berikut ini yang Anda perlukan untuk mulai bisa membuat Aplikasi Android. (Oh ya semuanya bisa anda gunakan secara gratis alias cuma cuma)

1. Eclipse : linkhttp://www.eclipse.org/,
   Download lah eclipse versi terbaru, atau minimum eclipse versi 3.4
   Jika anda masuk kehttp://www.eclipse.org/downloads/, maka anda bisa melihat banyak pilihan. Pilihlah Eclipse Java Developer, Eclipse Classic atau Eclipse For JEE Developer.
2. Install Eclipse caranya sangat mudah, cukup extract file yang anda download. dan klik eclipse applikasi yang ada dalam folder tersebut. simple banget ya?
   Saran saya untuk managemen, simpan folder Eclipse tsb di folder Application.
   Oh ya, eclipse membutuhkan Java SDK. Bukan JRE. Hanya karena Mac itu sudah otomatis ada Java SDK nya, maka nggak perlu lagi ribet mikirin Java SDK ini. (Di PC berbasis windows, maka sebelum install eclipse perlu install Java SDK dulu)
   

   Simpan Hasil Extract di Folder App

Read More

Setting BBM Android Pada VirtualBox Agar Tampilan BBM Menjadi Vertical / Portrait

Artikel "Setting BBM Android Pada VirtualBox Agar Tampilan BBM Menjadi Vertical / Portrait" merupakn lanjutan dari artikel sebelumnya yaitu tentang "Membuat Virtual Mesin Di VirtualBox" dan "Cara Instal Android Di VirtualBox". Karena tujuan kedua artikel tersebut yang pada ujungnya bertujuan untuk menginstal BBM Android pada VirtualBox, maka pada artikel kali ini akan kita bahas cara menangani tampilan BBM yang terbalik/landscape pada Android yang telah kita instal sebelumnya di VirtualBox.

Banyak yang bertanya-tanya "Kok tampilan BBM saya pada Android di VirtualBox miring/landscape?". Karena Android-x86 pada dasarnya di terapkan untuk PC Tablet yang memiliki screen landscape, maka ketika BBM yang di install pada Android di VirtualBox akan terbalik atau tampilan landscape. Solusinya kita menambahkan ukuran screen baru pada VirtualBox yaitu screen resolusi 400x640.




Berikut langkah-langkah Setting BBM Android Pada VirtualBox Agar Tampilan BBM Menjadi Vertical / Portrait

Langkah1 : Buka Command Prompt.

Langkah2 : Setelah terbuka, arahkan ke lokasi directori dimana kita menginstall VirtualBox, caranya ketik perintah:
cd C:\Program Files\Oracle\VirtualBox\
Setelah di arahkan ke lokasi directori VirtualBox, maka tambahkan screen resolusi baru dengan mengetik.
VBoxManage setextradata "NamaVirtualMesinAnda" "CustomVideoMode1" "400x640x16"Note: Teks yang berwarna hijau silahkan rubah sesuai nama Virtual mesin yang ada pada VirtualBox anda. 

Langkah3 : Close CMD, lalu kita rubah resolusi layar pada Android di VirtualBox. caranya jalankan Android yang akan di rubah resolusi layarnya, pada saat Grub Loading maka pilih Mode Debug tunggu beberapa saat maka akan terbuka seperti gambar di bawah.

Setelah masuk lalu ketikan perintah untuk mengakses "menu.lst" dan mengeditnya.
mount -o remount,rw /mnt  (tekan Enter)
cd /mnt/grub  (tekan Enter)
vi menu.lst
Maka akan terlihat seperti contoh dibawah. Untuk dapat mengeditnya tekan tombol "i" pada keyboard, lalu edit bagian pada baris ke 7 menjadi
kernel /android-2.3-RC1/kernel quiet root=/dev/ram0 androidboot_hardware=eeepc acpi_sleep=s3_bios,s3_mode DPI=160 UVESA_MODE=400x640 SRC=/android-2.3-RC1 vga=864Note: Cukup tambahkan bagian teks yang berwarna hijau, sisanya ga usah di edit!

Jika sudah selesai mengedit file "menu.lst" tekan "Esc" lalu ketikan perintah.
:wq (tekan Enter)
Terakhir reboot Android anda dengan perintah.
cd / (tekan Enter)
umount /mnt (tekan Enter)
reboot -f
Maka tampilan Android anda sekarang telah berubah menjadi Portrait View.
Selamat mencoba.

Sumber : http://tipscantix.blogspot.com/2014/03/setting-bbm-android-pada-virtualbox.html

Read More

How to redirect to mobile site using htaccess

Do not redirect to your mobile site using javascript or PHP script. It wastes resources to execute the script. The right place to redirect to your mobile site is in .htaccess file. If you have proper redirect rules set up in the .htaccess file, the web server will forward the visitor to your mobile website before it executes the script.

The following set of rewrite rules will redirect all smart phone devices to a specific mobile website.

Simple Version of Rewrite Rules

# turn on rewrite engine
RewriteEngine on

# only detect smart phone devices if we are not on mobile site
# to prevent redirect looping
RewriteCond %{HTTP_HOST} !^m.mysite.com$

# a bunch of smart phone devices
RewriteCond %{HTTP_USER_AGENT} "android|blackberry|iphone|ipod"[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "iemobile|opera mobile|palmos|webos"[NC,OR]

# redirect google mobile bot
RewriteCond %{HTTP_USER_AGENT} "googlebot-mobile"[NC]

# if the request is from any one of the above devices
# redirect to mobile site
RewriteRule .? http://m.mysite.com%{REQUEST_URI}  [L,R=302]

Complete Version of Rewrite Rules

# turn on rewrite engine
RewriteEngine on

# only detect smart phone devices if we are not on mobile site
# to prevent redirect looping
RewriteCond %{HTTP_HOST} !^m.mysite.com$

# a bunch of smart phone devices
RewriteCond %{HTTP_USER_AGENT} "sony|symbian|nokia|samsung|mobile" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "windows ce|epoc|opera|mini|nitro" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "j2me|midp-|cldc-|netfront|mot" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "up\.browser|up\.link|audiovox" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "mini|nitro|j2me|midp-|cldc"[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "netfront|mot|up\.browser|up\.link"[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "audiovox|blackberry|ericsson,"[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "panasonic|philips|sanyo|sharp|sie-"[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "portalmmm|blazer|avantgo|dange"[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "palm|series60|palmsource|pocketpc"[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "smartphone|rover|ipaq|au-mic,"[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "alcatel|ericy|vodafone\/|wap1\."[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "wap2\.|iPhone|android"[NC,OR]

# redirect google mobile bot
RewriteCond %{HTTP_USER_AGENT} "googlebot-mobile"[NC]

# if the request is from any one of the above devices
# redirect to mobile site
RewriteRule .? http://m.mysite.com%{REQUEST_URI}  [L,R=302]

Source : http://ningningwang.blogspot.com/2012/07/how-to-redirect-to-mobile-site-using.html

Read More

Build your own Google TV Using RaspberryPi, NodeJS and Socket.io

Image By http://korben.info/

If you’d like to support this project please 

Please note that this project is not intended to replicate an actual GoogleTV, but it’s simply a proof of concept using modern web technologies.

Watch the full workshop here hosted by Menaversity

This workshop was given at Lamba Labs Beirut First Hackerspace 
after a series of lightning talks check out the presentation here
If you'd like to bypass the tutorial and jump into the fun stuff, you can always  fork the code on Github

What’s Google TV ?

Read More

Jenis-jenis Ketakutan (Phobia)

Mungkin salah satu dari kalian belum tahu jenis-jenis Ketakutan (Phobia). Di bawah ini adalah jenis-jenis Ketakutan (Phobia). Nah, termasuk yang manakah Anda?

1. Takut Air – Hydrophobia
2. Takut Agama – Theologicophobia
3. Takut Alat Kelamin – Kolpophobia
4. Takut Aliran Udara – Aerophobia
5. Takut Alkohol – Methyphobia
6. Takut Alkohol – Potophobia
7. Takut Amnesia – Amnesiphobia
8. Takut Anggur – Oenophobia
9. Takut Angin – Ancraophobia
10. Takut Angka – Arithmophobia
11. Takut Angka 13 – Triskaidekaphobia
12. Takut Angka 8 – Octophobia
13. Takut Anjing – Cynophobia
14. Takut Anjing Laut – Lutraphobia
15. Takut Anus – Rectophobia
16. Takut Api – Arsonphobia
17. Takut Api – Pyrophobia
18. Takut Awan – Nephophobia
19. Takut Ayam – Alektorophobia
20. Takut Ayan – Hylephobia
21. Takut Badut – Coulrophobia
22. Takut Bahan Kimia – Chemophobia

Read More