Mengambil value combobox di Javascript

Mengambil value combobox di Javascript
Suatu hari saya dipusingkan dengan kejadian dimana jika saya ingin mengambil nilai dari combobox melalui java script nilainya tidak ada. Tapi kalau saya mengambil nilai dari object TextBox isi dari text tersebut bisa terbaca (padahal fungsi javascript yang digunakan sama). Tapi sekitar 2 hari kemudian saat tengah melihat-lihat ulang script gue, eh…ternyata “value” dari property option dari combo box tersebut belum aku isi/definisikan. Setelah aku isi, baru dech isi dari combo box tersebut terbaca.

Mungkin ini karena pengaruh dari label combobox itu sendiri, jadi seolah-olah kita merasa itu adalah nilai/value dari object html tersebut. Namun barusan aku dapat pencerahan dari salahseorang teman di forum bahwa label tersebut juga bisa kita jadikan nilai/value dari object combo box.
Sekarang coba perhatikan kode berikut ini:




Maka jika dieksekusi, maka nilai dari variabel “nilai” akan berisi value dari object combobox tersebut (1,2,3). Sementara untuk variabel “label” akan berisi nilai label dari combobox (satu, dua, tiga).


Jika pada tutorial sebelumnya JavaScript mengambil text select combo box yang terpilih, tutorial yang sama untuk berikut ini dilakukan dengan JQuery

  1. Kode program Form
    "POST" action="#" id="frm1">
    Kota :
            
            
            
            
            
          

Kota Pilihan : "text" name="kota" value="" size="20"/>

  • Berikut kode JQuerynya :
     

  • Cara Koneksi Internet Gratis Dengan XL

    http://4.bp.blogspot.com/-hlrjO5S5wN8/UK0J2yNxaEI/AAAAAAAAAWQ/GMlVYLsaDBo/s1600/p19715.gif
      
    Trik Internet Gratis Menggunakan SSH dari Smootping Untuk Kartu XL
    Sebenarnya saya tak begitu paham sama SSH, tutorial yang saya share ini adalah yang paling mudah dan gratis, yang pasti ada kekurangagnya yaitu kalau tiap 20 menit disconnect sendiri, tapi tenang saja bisa diconnect in lagi. Lumayan lah, daripada bayar. Sebenarnya caranya ada banyak, tapi yang menurutku paling mudah adalah lewat penyedia akun SSH gratis Smootping. Trik ini saya tes menggunakan kartu XL dan kasilnya berhasil, tidak tau juga kalau bisa pakai kartu yang lainnya.

    Langkah - langkahnya
    • Siapkan kartu XL (Pulsanya 0 tidak apa2, yang penting masih aktif)
    • Download softwarenya dan bahanya => DISINI  (Bisa dipakai untuk trik SSH lainnya)
    • Ekstrak hasil download tadi
    • Install BITVISE TUNNELIER
    • Install PROXIFIER SETUP dan masukan serial number di bawah ini
    Name : NUhedofe
    Serial : T3ZWQ-P2738-3FJWS-YE7HT-6NA3K

    • Close semua sofwarenya
    • Sekarang buka internet dan Daftar ke site Smootping langsung DISINI dan isi form registrasi


    • Cek email yang sudah kita daftarkan di smootping,dan tunggu balasan email konfirmasi dari smootping


    • Klik link konfirmasi email tersebut dan akan keredirect ke site smootping untuk verifikasi akun

    • Matikan Anti Virus (Jika XL Patch nya kedetec)
    • Buka "XL PATCH", dengan cara klik kanan kemudian run as administrator tunggu sampai program terbuka kemudianpilih XL-1, KLIK START
    • Buka software Bitvise SSH Client
    • Load Profil --> Cari file di folder yang kamu download dan ekstrak tadi ‘SETTING DI BITVISE” 
    • Isikan....
    Host : asia01.smoothping.com
    Port : 443
    Username & Password : yang tadi kamu daftar di Smootping

    • Kemudian Klik Proxy setting (di bawah port di bitvise) lalu isika..
    Centang Use proxy 
    Server : 127.0.0.1
    Port : 8089
    Proxy type : Ganti jadi HTTP
     ssh7_1
    • Klik Oke
    • Klik Save profil
    • Kemudian klik Login
    • Tunnggu sampai tulisan Abord menjadi Logout
    • Buka Proxifer yang telah anda install tadi
    • KLIK FILE > IMPORT FILE > CARI file "SETING DI PROXIFIER" di folder yang kamu tadi download dan ekstrak  
    Atau juga bisa dengan cara double klik file “SETTING DI DIPROXIFER” 
    • Selesai.... selemat ber-internetan gratis
    • Kalau setelah 20 menit DC dan mau internetan lagi ==> klik icon proxifer di bawah (dekat icon batrey, sinyal wifi, specker, dll) kemudian klik file dan close. Kemudian di Bitvise klik abord kemudian klik logout.
    • Kalau mau internetan lagi XL Patch nya tidak usah di close, langsung buka Bitvise - log in - sampai menjadi logout, kemudian buka proxifer.
    • Ini hasil saya download kecepatanya 500kb/s dan nonton youtube lancar tanpa buffering
     http://sphotos-f.ak.fbcdn.net/hphotos-ak-prn1/922900_638143046199961_679427258_n.jpg
     http://sphotos-d.ak.fbcdn.net/hphotos-ak-ash3/946915_636531673027765_2127689411_n.jpg
    • Kalau mau browsing2 pakai  host asia01.smoothping.com dan kalau mau downlod dari server luar atau nonton video di youtube pakai host newyork01.smoothping.com
    • Dan ini daftar list host lainya dari smootping :
    • asia01.smoothping.com
    • atlanta01.smoothping.com
    • chicag01.smoothping.com
    • chicag02.smoothping.com
    • chicag03smoothping.com
    • chicag04.smoothping.com
    • chicag05.smoothping.com
    • chicag06.smoothping.com
    • chicag07.smoothping.com
    • chicag08.smoothping.com
    • dallas01.smoothping.com
    • dallas01.smoothping.com
    • dallas02.smoothping.com
    • dallas03.smoothping.com
    • frankfurt01.smoothping.com
    • frankfurt02.smoothping.com
    • frankfurt03.smoothping.com
    • frankfurt04.smoothping.com
    • london01.smoothping.com
    • losangeles01.smoothping.com
    • losangeles02.smoothping.com
    • losangeles03.smoothping.com
    • losangeles04.smoothping.com
    • losangeles05.smoothping.com
    • losangeles06.smoothping.com
    • losangeles07.smoothping.com
    • losangeles08.smoothping.com
    • losangeles09.smoothping.com
    • newyork01.smoothping.com
    • newyork02.smoothping.com
    • newyork03.smoothping.com
    • newyork04.smoothping.com
    • newyork05.smoothping.com
    • paris01.smoothping.com
    • paris02.smoothping.com
    • paris03.smoothping.com

    Sumber softwaren BITVISE dan PROXIER dan tutorial instalnya
    Grup Facebook = SSH VAN JAVA

    Sumber Gambar dan sedikit artikel :
    http://kaduthokcay77.blogspot.hk/2013/04/layanan-penyedia-free-ssh-dari-Smootping.html#ixzz2UAGAHpCT

    40+ CodeIgniter Framework Tutorials for Kick-Ass PHP Application

    40+ CodeIgniter Framework Tutorials for Kick-Ass PHP Application
    title-codeigniter-tutorials-resources
    CodeIgniter is an Application Development Framework – a toolkit – for people who build web sites using PHP. Its goal is to enable you to develop projects much faster than you could if you were writing code from scratch, by providing a rich set of libraries for commonly needed tasks, as well as a simple interface and logical structure to access these libraries. CodeIgniter lets you creatively focus on your project by minimizing the amount of code needed for a given task.
    Here is the list of 40+ Excellent And Useful CodeIgniter Application Development Framework Tutorials & Resources that includes some useful tutorials and few great resources that has been developed for programer and designers. We are hoping that you will learn further on CodeIgniter Application Development Framework after reading out this post.
    Do you want to be the first one to know the latest happenings at 2ExpertsDesign.com just subscribe to our rss feed and you can follow us on twitter as well.
    1. CodeIgniter Tutorial: [Creating Accounting Application] Part 1 Setting Up the Environment
    CodeIgniter Tutorial
    2. CodeIgniter: Creating First Application at CodeIgniter
    [postadsense]
    Tutorial to Creating Application at CodeIgniter
    3. Building a basic PHP E-Commerce Application using CodeIgniter Framework – Part 1
    tutorial to building a basic e-commerce application with codeigniter framework
    4. CodeIgniter Advent: Day 1
    Codeigniter secure application starting point
    5. How to make CodeIgniter file upload class accept all extensions?
    CodeIgniter file upload solution
    6. An Introduction to CodeIgniter
    An Introduction to CodeIgniter
    7. 9 Ways to Integrate Ajax with CodeIgniter
    Integrate Ajax with CodeIgniter
    8. Debugging a CodeIgniter application with FirePHP
    Debugging a CodeIgniter Application with FirePHP
    9. Getting Started with CodeIgniter
    Getting Started with CodeIgniter
    10. CodeIgniter From Scratch: Day 1
    Learn CodeIgniter from Scratch Day1
    11. Building An Application Using CodIgniter Part 1/3
    12. FreakAuth_light USERGUIDE
    13. Displaying User Comments in a Code Igniter Blog Application
    14. Building a Complete CodeIgniter Application: Part 1
    15. The Best Way to Make CodeIgniter Website Multi-Lang
    16. Codeigniter for Joomla
    17. A Guide to Using Template
    18. CodeIgniter and jQuery – Real Live Search with Pagination
    19. Optimizing and Scaling your CodeIgniter Application – with Benchmarks!
    20. Smarty as a template engine in Code Igniter
    21. Speed Up your Web Application by CodeIgniter
    22. Archive for the ‘CodeIgniter’ Category
    23. Building with CodeIgniter: Beginning your Tumblelog
    24. Template Library for Ext.CodeIgniter
    25. Codeigniter: Setting up multiple sites on one install
    26. How to use CodeIgniter’s OpenID library to integrate OpenID in your existing user system
    27. CodeIgniter for Rapid PHP Application Development Table of Contents
    28. Review: CodeIgniter for Rapid PHP Application Development
    29. Book Review: Code Igniter for Rapid PHP Application Development
    30. Amazon Book Review: CodeIgniter for Rapid PHP Application Development
    31. Code Igniter ExtJs Integration – 3
    32. Implementing the Zend Framework with CodeIgniter
    33. PHP Application Framework Battle Royale: CodeIgniter vs. Symfony
    34. A Quick Code Igniter and JQuery Ajax Tutorial
    35. Build Your Portfolio With CodeIgniter
    36. How to make a link using Codeigniter
    37. Dynamically Dropdown Value On Code Igniter
    38. CodeIgniter Resources Useful
    39. Rapid Application Development with CodeIgniter
    40. SlideShow: CodeIgniter PHP MVC Framework
    41. Everything You Need to Get Started With CodeIgniter
    42. Run CodeIgniter from the Command Line / SSH
    43. PHP Tutorials : Building a basic PHP E-Commerce Application using CodeIgniter Framework – Part 1
    If you enjoyed this post, please consider to subscribe to the feed and get future articles delivered to your feed reader.

    Cara Membuat Aplikasi dengan Yii Framework

    Cara Membuat Aplikasi dengan Yii Framework
    meskipun tidak selalu seperti ini, tapi berikut langkah2nya..

    #1. download Yii Framework, install, test requirementnya,
    http://www.yiiframework.com/doc/guide/1.1/en/quickstart.installation

    #2. test demo2nya dan yang terpenting sample blog...pelajari code2nya didalamnya dan baca dokumentasinya disini http://www.yiiframework.com/doc/blog/

    #3. Saatnya membuat aplikasi Yii sendiri. buat skeleton Yii Framework dengan mengikuti tutorialnya disinihttp://www.yiiframework.com/doc/guide/1.1/en/quickstart.first-app aplikasi ini sudah jadi aplikasi jadi, meskipun masih skeleton

    #4. Melalui MySQL, Buat database apa saja beserta tabel2nya. Setiap tabel wajib punya Primary Key setelah itu setup koneksi database-nya ke Yii. Ikuti petunjuknya disini:http://www.yiiframework.com/doc/guide/1.1/en/database.dao

    #5. Saatnya membuat aplikasi CRUD dengan tabel2 di database yang sudah kita buat melalui Auto Generation Code Yii dengan mengikuti petunjuknya disinihttp://www.yiiframework.com/doc/guide/1.1/en/topics.gii
    #6. Sisanya tinggal terbang bersama Yii. pelajari semua class, componen, db, gii, loging, validation, Filter, Form, zii Widget, extension, module, behaviour, theme, layout, captha, authentication, internationalization, localization, webservices, unit testing, dan integrasi dengan third party, framework lain, encapsulate js yang keren di luar sana, danmasih banyak lagi.. semua sudah built-in di Yii..tinggal pake, tinggal pikirin business process..dimana ada kemauan, disitu ada jalan...

    MaskMe: Akhirnya cara untuk menggunakan web tanpa menyerah semua info pribadi Anda

    MaskMe: Akhirnya cara untuk menggunakan web tanpa menyerah semua info pribadi Anda

    MaskMe: Akhirnya cara untuk menggunakan web tanpa menyerah semua info pribadi Anda
     


    Berikut ini adalah kenyataan yang jelas tentang pelanggaran privasi: Perusahaan tidak bisa kehilangan data bahwa mereka tidak memiliki.
     
    Mengambil keuntungan dari realisasi ini adalah perusahaan privasi Abine, yang telah secara resmi mengumumkan MaskMe, sebuah ekstensi browser ambisius yang memberikan pengguna kekuatan privasi melindungi alamat sekali pakai e-mail, nomor telepon, dan bahkan nomor kartu kredit.
     
    "Tujuan kami dengan MaskMe adalah untuk memberi orang pendekatan baru untuk privasi yang nyaman dengan cara mereka sudah menjalani kehidupan mereka secara online," kata Sarah Downey, seorang analis di Abine privasi.
    Sementara MaskMe telah berada dalam versi beta publik sejak Januari, rilis terbaru menandai pertama kalinya Abine telah menawarkan nomor kartu kredit boneka , yang merupakan bagian dari MaskMe senilai $ 5 per bulan langganan premium.
    Fitur ini mungkin memerlukan sedikit penjelasan. Terikat ke rekening kartu kredit Anda yang sebenarnya, nomor kartu kredit bertopeng MaskMe kita bekerja sedikit seperti Visa hadiah kartu Anda dapat membeli: Ketika Anda melakukan pembelian dengan mereka, tidak hanya pedagang akhir pernah benar-benar tahu apa nomor kartu Anda yang sesungguhnya hanyalah kredit Anda perusahaan kartu juga sama dibiarkan dalam gelap untuk apa yang Anda beli.
    real-kartu-versus-bertopeng-card
    Virtual bertopeng kartu meninggalkan semua orang dalam gelap - kecuali Anda.
    Lebih, bila Anda menggunakan nomor kartu kredit bertopeng, itu sangat memotong bawah pada jumlah situs Anda untuk memberikan informasi yang nyata untuk - yang pada gilirannya mengurangi kemungkinan bahwa data Anda akan terpengaruh oleh pelanggaran privasi yang tak terelakkan. (Hal yang sama berlaku untuk sekali pakai account e-mail dan nomor telepon.)
     
    "Bahkan merek yang Anda benar-benar percaya tidak bisa mengatakan dengan kepastian 100 persen bahwa mereka tidak akan hack," menunjukkan Downey keluar.
    Ini, sekali lagi, mengapa layanan seperti MaskMe sangat penting: perusahaan Web "tidak bisa kehilangan, penyalahgunaan, atau penyalahgunaan" (kata-kata Downey) informasi Anda jika Anda tidak memberikannya kepada mereka di tempat pertama.
     
    Tapi sementara itu jelas, apa yang telah kurang jelas adalah bagaimana orang dapat mengambil keuntungan penuh dari web sementara juga mempertahankan kontrol penuh atas data yang mereka berbagi. Bagaimana orang bisa lolos dengan menggunakan layanan web sementara juga tidak menyerahkan potongan diri di setiap kesempatan? Jawabannya mungkin datang dalam bentuk sesuatu seperti MaskMe.

    Mengapa PR adalah senjata pemasaran terbaik Anda - dan bagaimana menggunakannya

    Mengapa PR adalah senjata pemasaran terbaik Anda - dan bagaimana menggunakannya
    Mengapa PR adalah senjata pemasaran terbaik Anda - dan bagaimana menggunakannya

    Motto perusahaan kami seharusnya, "Kami belum pernah mendengar tentang Anda baik." Setidaknya, itulah bagaimana kita bercanda saat startup pertama saya, Maha Melihat Technologies, yang kami didirikan pada tahun 1990.
     
    Kami telah memecahkan rekor dengan menumbuhkan sebuah perusahaan perangkat lunak yang baru lahir menjadi $ 118.000.000 per tahun mesin pendapatan. Dan kami telah melepas IPO yang sukses hanya dalam waktu lima tahun. Bahkan legenda waktu itu - Microsoft dan Oracle - telah mencapai seperti suatu prestasi. Namun orang akan mengatakan mereka belum pernah mendengar dari kami.
     
    Untuk mengatakan bahwa ini adalah frustasi akan meremehkan. Itu masalah bukan dari ego, tapi kredibilitas dan kesadaran. Karena kita tidak tahu, kita harus berjuang untuk menemukan setiap memimpin penjualan. Pada setiap panggilan penjualan, kita membuang-buang waktu berharga menjelaskan siapa perusahaan itu sebelum kita bisa bicara tentang produk kami.
     
    Ini bukan karena kurangnya investasi atau usaha. Kami menghabiskan banyak uang pada pemasaran. Departemen pemasaran kebesaran kami menyewa lembaga mahal untuk merancang logo dan untuk mengembangkan materi pemasaran. Mereka memproduksi video yang indah dan brosur cantik. Kami host acara pelanggan boros. Kami membeli iklan satu halaman penuh di majalah.
     
    Masalahnya adalah bahwa kita tidak mengerti alat pemasaran yang paling kuat dari semua: public relation (PR). Kami berasumsi bahwa kesuksesan bisnis secara otomatis akan diterjemahkan ke dalam pengakuan. Dan kami terlalu berhati-hati tentang apa yang kita katakan di depan umum-sehingga kita "dikenal karena hal yang benar".
     
    Pendekatan hati-hati kami berarti bahwa kita menolak banyak permintaan wawancara, dan hati-hati scripted jawaban kita dengan yang kita lakukan menerima. Hasilnya pun bisa ditebak: Selama periode enam tahun, perusahaan kami adalah fitur dalam 20 sampai 30 artikel secara total. Dan ini adalah sebagian besar dalam publikasi perdagangan kecil atau pers lokal.

    Menghasilkan buzz untuk peningkatan valuasi 12x

    Ketika saya mendirikan bisnis sendiri, Relativitas Technologies, pada tahun 1997, saya memutuskan untuk mengambil taktik yang sama sekali berbeda. Kami memberikan PR diutamakan daripada pemasaran dan memutuskan kami akan berbicara tentang apa pun media yang tertarik karyawan saya dan saya mungkin melakukan kesalahan, akan salah kutip, dan mungkin memberikan terlalu banyak informasi, tapi saya bersedia untuk mengambil kesempatan. Kami akan memiliki kebijakan yang dapat diakses dan benar-benar terbuka dengan media, pelanggan, dan investor. Kami akan membiarkan penjaga kami turun dan menjadi diri kita sendiri.
     
    Produk kami benar-benar membosankan: Kami memproduksi sistem perangkat lunak warisan modernisasi. Jadi kami harus menemukan cara yang berbeda untuk mendapatkan perhatian. Kami memutuskan bahwa Relativitas terbaik Generator dengungan akan staf kami programmer Rusia, yang sebelumnya melakukan coding rahasia untuk militer Rusia dan kecerdasan. Kami mulai menjual diri sebagai perusahaan yang menarik dengan tepi James Bond.
     
    Strategi itu berhasil. Meskipun kami terletak di apa yang kemudian terpencil teknologi - Durham, NC - kita mendapatkan banyak perhatian sebagai startups dot-com panas selama gelembung Internet. Hanya dalam lima tahun pertama, kami tampil di semua jaringan TV utama dan lebih dari 1000 artikel dalam publikasi bisnis utama di seluruh dunia. Majalah Fortune memuji kami sebagai salah satu dari 25 "keren" perusahaan di dunia. The Wall Street Journal unggulan kami di lebih dari selusin artikel-termasuk dua di halaman depan.
     
    Sebagian besar artikel tersebut tidak tentang produk kami tetapi tentang pendapat kita. Itu baik-baik saja, karena, seperti yang kita lihat, kredibilitas yang Anda membangun sebagai opinion leader tumpah ke segala sesuatu yang Anda lakukan.
    Akibatnya, kotak surat kami dibanjiri pertanyaan dari pelanggan potensial dan pelamar kerja. Karyawan kami menunjukkan rasa jauh lebih besar kebanggaan. Pada saat nilai dari perusahaan teknologi diukur dengan seberapa baik diketahui, penilaian pasar kami meningkat dengan faktor 12. Kami mampu meningkatkan jutaan untuk memperluas.

    7 cara untuk mendapatkan PR besar

    Pertanyaan Anda akan bertanya adalah: Bagaimana seseorang mendapatkan PR - dan apa biayanya?
    Kabar baiknya adalah bahwa PR tidak perlu biaya banyak. Anda tidak perlu menyewa mahal-lembaga yang mengkhususkan diri dalam racking tagihan besar dan spamming wartawan. Tapi itu membutuhkan eksekutif perusahaan - sebaiknya CEO - untuk mengambil pendekatan proaktif dan terbuka dan tersedia.
    Berikut adalah tips saya.
    1. Baca puluhan publikasi bisnis. Memahami topik apa yang layak diberitakan dan mana wartawan menulis tentang topik apa. Anda akan menemukan bahwa wartawan selalu di bawah tenggat waktu yang ketat, memiliki spesifik "ketukan" bahwa mereka menutupi, dan mencari untuk menginformasikan para pembaca mereka tentang tren terbaru dan menjelaskan maknanya. Menulis kepada mereka dan menawarkan wawasan Anda. Anda akan menemukan bahwa sebagian besar wartawan yang menulis kembali kepada Anda.
    2. Fokus pada kebutuhan jurnalis dan bukan milikmu. Tidak ada yang tertarik pada produk Anda. Jika wartawan menanyakan sebuah pertanyaan, menjawab pertanyaan itu, dan tidak terobsesi dengan mendapatkan produk Anda tertutup. Membangun hubungan dari waktu ke waktu, dan kemungkinan akan melunasi dengan Anda mendapatkan liputan yang Anda cari.
    3. Jika Anda memiliki sesuatu untuk mengumumkan, memasukkannya ke dalam konteks "hook berita". Membuat pesan Anda tepat waktu dan relevan dengan apa yang terjadi dalam industri atau dunia.
    4. Jangan mengabaikan publikasi kecil atau regional. Anda mungkin ingin berada di The Wall Street Journal, tetapi tidak mungkin untuk melindungi Anda sampai Anda telah membangun kredibilitas besar. Titik awal terbaik Anda adalah kecil, publikasi berorientasi industri atau regional. Mereka adalah jauh lebih mudah untuk mendekati dan kemungkinan akan tertarik dalam memecahkan cerita Anda.
    5. Selalu siap-bahkan ketika Anda sedang sibuk. Wartawan pada tenggat waktu yang ketat membutuhkan sumber mengutip secepat mereka bisa mendapatkannya. Yang pertama untuk menanggapi biasanya mendapatkan fitur.
    6. Jujurlah. Anda akan menemukan bahwa wartawan telah sangat baik "omong kosong detektor". Jika Anda menyesatkan mereka bahkan sekali, tidak hanya akan mereka tidak pernah menulis tentang Anda dalam cara yang positif, mereka cenderung untuk memberitahu rekan-rekan mereka tentang pengalaman mereka. Saya curhat wartawan sepanjang waktu. Saya tidak punya bahkan satu laporan wartawan pada sesuatu yang saya katakan adalah off the record atau berada di latar belakang.
    7. Jadilah diri sendiri, dan mengekspresikan pendapat yang kuat. Jika Anda akan untuk lindung nilai taruhan Anda atau bersikap diplomatis, pesan Anda akan tenggelam dalam peringatan.
    Ketika semuanya gagal, menulis cerita diri Anda sendiri. Blogosphere telah demokratisasi jurnalisme selama beberapa tahun terakhir, dan ada ratusan situs blog di mana Anda dapat memposting pendapat Anda. Anda bahkan dapat mengatur sendiri. Jika Anda terus ini segar dan memberikan alasan bagi orang untuk datang kembali untuk lebih, Anda akan menemukan bahwa Anda membangun setia.
    Ini tidak bekerja seperti dalam film Field of Dreams, di mana, "Jika Anda membangunnya, mereka akan datang." Jadi membuat rencana pemasaran yang baik, logo mewah, slogan licin, dan nama merek yang hebat. Tapi ingat bahwa apa yang benar-benar membuat dampak yang mendapatkan kata keluar.

    Cara Menampilkan Peta Google Maps Dengan Google Maps v2 di Aplikasi Android


    android osNangkring di kampus lagi, demi sesuap koneksi inet super duper kenceng untuk update SDK android di laptop kesayangan saya. Setelah sebelumnya saya kelayapan kemana-mana menenangkan pikiran yang mumet gak karuan gara-gara faktor X, ini gak ada acara sangkut pautnya sama acara X-Factor lho yaw. Iseng-iseng main ke berbagai belahan group FB yang saya ikuti, akhirnya nangkringlah saya di group FB kampus. Disana ada wacan baru kalau akan ada peraturan tidak boleh merokok di kampus. Wah..wah..saya yang tergolong perokok kelas berat terancam digusur dan mungkin gak bisa menikmati wifi super ngebut lagi disana. 
    Nah, ngomong-ngomong soal kampus, dulu sempat ada teman kampus yang bertanya tentang cara menampilkan google map di android. Kebetulan saya dulu sudah pernah menulis tutorial tersebut. Ternyata pas dicoba dan ini membutuhkan api key dari google, caranya berbeda dengan yang dulu saya praktekkan. Ternyata google telah memperbaharui Google Map nya menjadi ke Versi 2 alias sudah di-upgrade. Otomatis semua aturan berubah, coding juga berubah. Dan ternyata caranya cukup ribet. Iseng-iseng deh saya main ke situs Google Developers untuk cari-cari info tentang Google Maps yang baru. Akhirnya ketemu juga sedikit pencerahan untuk menampilkan peta google maps di android. Berikut caranya :
    1. Disini seperti biasa saya memakai eclipse ADT bundle yang menurut saya sangat praktis dan gak pake ribet seperti saya dulu saat pertama kali kenalan sama yang namanya dunia per-android-an. Buka android SDK Manager, ini butuh koneksi internet karena kita harus menambahkan library google play services. Setelah muncul daftar SDK dan tetek bengeknya, centang Google Play Services. Tunggu sampai library selesai diinstal.

    2. Setelah itu buat sebuah android project baru, kira-kira namanya WisataKuliner.
    3. Kita akan membutuhkan google map key dimana pada saat masih versi 1, caranya cukup mudah yaitu hanya dengan mendaftarkan hasil generate SHA1 dari debug.keystore. Sekarang caranya beda lagi dan cukup rumit -_-.
    4. Cari file debug.keystore di folder .android. Kalau pakai windows, file debug.keystore ada di direktori C:/Users/nama_user/.android/debug.keystore. Sedangkan kebetulan saya pakai mac, filenya ada di /Users/nama_user/.android/debug.keystore dalam posisi hidden.
    5. Buka terminal, jalankan perintah berikut. Sesuaikan direktori file debug.keystore sesuai dengan milik rekan-rekan.
    keytool -list -v -alias androiddebugkey -keystore /Users/gedesumawijaya/.android/debug.keystore -storepass android -keypass android

    6. Catat hasil dari SHA1
    0F:FC:A2:AE:EF:E6:7E:C4:D7:8B:30:78:7B:40:21:0D:B5:C1:8A:BA
    7. Sekarang buka link https://code.google.com/apis/console. Syaratnya yaw so pasti harus punya dan masuk ke akun gmail terlebih dahulu. Klik Create Project

    8. Pada menu Services, aktifkan menu Google Maps Android API V2


    9. Klik menu API Access, dan klik link Create New Android Key. Masukkan kode SHA1 yang sudah kita dapatkan di atas. Klik Create.


    10. Maka akan muncul API key nya dan ini yang akan kita gunakan di aplikasi petanya.
    11. Kini kita beralih ke IDE eclipse. Pilih menu Import, disini kita akan memasukkan library Google Play Services sebagai library project. Tentukan alamat root direktorinya kira-kira seperti ini /Users/gedesumawijaya/Downloads/Folx/application/adt-bundle-mac-x86_64-20130219/sdk/extras/google/google_play_services/libproject/google-play-services_lib. Jangan lupa centang opsi copy project into workspace.

    12. Karena bentuknya sudah sebagai library project, saatnya kita menambahkannya ke android project yang tadi sudah kita buat. Klik kanan pada project aplikasi, WisataKuliner > Properties. Maka akan muncul menu seperti di bawah ini. Klik tombol Add, dan pilih google play services.

    13. Beralih ke file AndroidManifest.xml, saatnya kita mendaftarkan api key yang sudah kita dapatkan tadi.
    
    
        
    
        
    
        
    
        
        
        
        
        
        
    
        
            
                
                    
    
                    
                
            
    
            
    
        
    
    
    
    14. Buka dan edit file layout activity_main.xml.
    
    
        
    
    
    
    15. Buka dan edit file MainActivity.java dengan kode di bawah ini :
    package dlmbg.pckg.wisata.kuliner;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.Menu;
    
    import com.google.android.gms.maps.CameraUpdateFactory;
    import com.google.android.gms.maps.GoogleMap;
    import com.google.android.gms.maps.MapFragment;
    import com.google.android.gms.maps.model.LatLng;
    import com.google.android.gms.maps.model.Marker;
    import com.google.android.gms.maps.model.MarkerOptions;
    
    public class MainActivity extends  Activity {
       static final LatLng DENPASAR = new LatLng(-8.658075,115.211563);
       private GoogleMap map;
    
       @Override
       protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         map = ((MapFragment) getFragmentManager().findFragmentById(R.id.map)).getMap();
         Marker denpasar = map.addMarker(new MarkerOptions()
             .position(DENPASAR)
             .title("Denpasar")
             .snippet("Kota Denpasar - Kota Berwawasan Budaya"));
    
         map.moveCamera(CameraUpdateFactory.newLatLngZoom(DENPASAR, 15));
    
         map.animateCamera(CameraUpdateFactory.zoomTo(10), 2000, null);
       }
    
       @Override
       public boolean onCreateOptionsMenu(Menu menu) {
         getMenuInflater().inflate(R.menu.main, menu);
         return true;
       }
    
     }
    
    
    16. Nah, ketika akan di-run, aplikasi tidak dapat dijalankan langsung ke emulator. Saya coba langsung ke hape android dan ternyata bisa. Mungkin ada beberapa komponen yang dibutuhkan untuk menjalankannya di emulator. Kira-kira hasil akhirnya seperti ini :

    Memang sangat berbeda jauh cara untuk mendapatkan google map key di google map v2 ini. Dulu kita membuthkan google apis untuk menampilkan peta. Sedangkan sekarang kita cukup membuthkan google play services yang ukuran filenya terbilang lebih kecil. Dari segi fitur, memang google map v2 ini menawarkan banyak perubahan dan tambahan fitur yang lebih baik dibandingkan versi sebelumnya. OK deh, sekian dulu postingan saya malam ini. Semoga bermanfaat untuk rekan-rekan.

    ref : gedelumbung.com