Belajar jQuery dan Web Programming

Penanganan Event dengan jQuery

2010-03-27T01:25:00.000-07:00

Sebenarnya ada banyak metode yang dapat digunakan untuk menangani event (baca : event handler) menggunakan javascript dalam sebuah webpage. JavaScript memiliki beberapa metode terhadap interaksi user . Untuk membuat site yang dinamis dan responsif, kita perlu untuk memanfaatkan fitur ini Sementara kita bisa melakukan ini dengan JavaScript murni, jQuery meningkatkan dan memperluas mekanisme penanganan event dasar untuk memberi mereka sintaks yang lebih elegan, sementara pada saat yang sama membuat mereka lebih kuat.
1. Waktu untuk pengeksekusian kode
Pada bagian 1 kita telah mengetahui bahwa dengan $(document).ready() merupakan kode yang di gunakan oleh jQuery untuk melakukan pemrosesan terhadap dokumen html dimana dengan penggunaan code ini kita dapat menggunakannya tanpa harus memperhatikan tentang masalah urutan penulisan. Dengan kata lain sebuah penanganan handler dengan menggunakan $(document).ready() baru di eksekusi ketika DOM benar-benar telah siap. Ini juga berarti bahwa semua elemen dapat diakses oleh script kita, tetapi tidak berarti bahwa setiap file yang terkait telah download. Segera setelah HTML telah download dan diurai menjadi DOM, maka script langsung dapat dieksekusi.
2.Multiple scripts on one page

How to create a Google Adsense account without having website

2010-03-23T07:29:00.000-07:00

It is possible to create a Google Adsense account without having a websites or blog ?
It is 99.99% possible. If you have not Google Adsense account, now you can cerate a Google Adsense account by www.docstoc.com. Docstoc.com is providing Google Adsense account for new user. If you create an Adsense account of this sites, you can be used this Adsense ID for earnig extra from Adsense revenue share sites.

Okey, now follow this instruction step by step :

Just go to www.docstoc.com, for information this site has a partnership with Google, so if you create adsense account using doctsoc.com Google will not reject your account.
Go to register account
After this you will be askedto join the AdSense to earn money using DocCash. Select Adsense only.
Check your email, there will be a message from Google to fill out the registration form Adsense.
Fill the form . There will be a statement "Allows docstoc to access my account". Select the option "Yes allows docstoc to access". Remember, this option only to verify that your adsense account is active or not. So do not be afraid of this option. Docstoc can not change anything in your adsense account.
Now your account details (payee name, address, phone no) that you write in adsense application form will be equal to the profile details on docstoc. To fill in docstoc account, please go to MY Docs-> My Profile-> Update Profile. Write your complete data. If you do not do this, Google will not accept your application.
Now you are finished. Your adsense account will be active within 1-3 days.

If you have questions and feedback, please be submitted via comment form. Thanks

Google Secret - Mencapai TOP 10 Ranking

2010-03-17T20:48:00.000-07:00

Semua pengguna internet dari segala golongan pasti mengetahui pentingnya suatu website terindex bahkan memiliki rangking yang tinggi pada suatu search engine. Fakta menyebutkan "Jika website tertentu tidak masuk 30 besar pada suatu search engine, maka akan sulit untuk memperoleh pengunjung. Dan fakta lain menyebutkan, capaian 30 besar tenyata masih belum cukup, mengingat sebagian besar pengguna seacrh engine hanya tertarik pada halaman pertama hasil pencarian (rangking 1 s.d 10). Dan jika suatu website berada pada rangking 10 besar maka dapat dipaastikan bahwa jumlah pengunjungnya akan tinggi"(1).
Google merupakan salah satu search engine yang paling diminati pengguna jasa internet. Fakta menyebutkan , "Jika suatu website berada pada rangkin 10 besar google maka jumlah traffik yang masuk pada website tersebut dapat diapastikan aakn terus meningkat"(1).

Oke lansung saja saya mulai penjelasannya.
1. Bagaimana cara kerja google
Jika kita ingin website kita terindex di google dengan rangking yang tinggi, tentunya pertama-tama kita harus tahu dulu bagaimana cara google mengindex suatu website.
Prinsip kerja google sebenarnya tidak jauh berbeda dengan search engine lain, google menggunakan sebuat software untuk melakukan proses indexing secara otomatis, sehingga perlu diperhatikan infromasi seperti gambar, video, animasi flash dan gambaran visual yang lain tidak akan diperhatikan oleh google. (bagaimana google melakukan indexing untuk file multimedia akan saya jelaskan pada posting berikutnya).
Google menggunakan suatu program yang biasa disebut spider/robots/bots untuk melakukan index, program ini membaca tiap halaman web dan melakukan indexing mulai dari halaman muka. Catatan "Google tidak akan pernah mengindex website yang tidak ada link dari website lain ke dalam web tersebut". Jadi usahakan untuk melakukan tukar-menukar link dengan wbsite lain yang lebih dahulu terindex oleh google.

Google sendiri memiliki 2 macam metode pengindexan, yaitu Deep Crawl dan Fresh Crawl. Proses Deep Crawl dilakukan tiap bulan satu kali tiap minggu terakhir pada akhir bulan oleh Googlebot. Deep Crowl melakukan proses indexing menyeluruh pada semua website yang ada, sehigga proses ini biasanya memakan waktu hingga 1 minggu. Dan yang kedua adalah Fresh Crawl dilakukan oleh Freshbot, dna dilakukan beberapa kali tiap minggu, tergantung bagaimana google meilihat tingkat kepentingan suatu website, semakin penting content suatu website menurut google maka akan semakin sering website tersebut dikunjungi. Catatan "Pemilihan web hosting yang baik berpengaruh pada proses crawl google, karena jika Googlebot maupun Freshboot mengunjungi suatu website, dan website tersebut ternyata dalam kondisi down, maka google tidak akan melakukan index s.d proses index berikutnya".

2.Bagaimana Google merangking suatu website
Google menggunakan suatu algoritma indexing yang terdiri atas lebih dari 100 kriteria untuk mengindex suatu website (1). Dimana kriteria itu terus diupdate, sehigga suatu website harus terus dilakukan optimasi sesuai dengan kriteria google.
Algoritma perangkingan google dapat dibagi atas 2 macam :
a. Keyword
Hal ini menyangkut mengenai kapan, dimana dan bagaimana keyword ini digunakan. Dalam artian pemilihan keyword yang baik yang mendiskripsikan isi dari suatuwebsite.
b. Page Rank(Link)
Hal ini menyangkut dua hal yakni jumlah dan kualitas link yang masuk ke dalam suatu website. Link mengindikasikan seberapa pening suatu website tersebut. Dapat disimpulkan bahwa google akan mencari, mengindex, dan merangking suatu website berdasarkan seberapa penting dan relevant suatu website.

3. Apa yang dicari oleh google
Ada 5 hal yang perlu diperhatikan, karena inilah yang dicari google ketika melakukan proses pengindexan :

Keyword yang digunakan sebagai judul halaman (yaitu antara tag title)
Keyword yang digunakan untuk menandai judul post dengan isi post (penggunaan tag H1)
Keyword yang digunakan pada link baik pada website itu sendiri maupun pada website lain (jika melakukan tukar menukar link)
Page Rank/ Link, yakni jumlah link masuk dari website lain (secara kualitas maupun kuantitas)
Jumlah kata, minimal 200 dan tingkat kerelevanan antara isi dengan judul posting.

Dalam hal pemilihan keyword kita dapat menggunakan dua macam cara :

Menggunakan tools yang disediakan oleh suatu website SEO yakni di http://www.wordtracker.com
Dengan melakukan analisa terhadap website trafik statistik. Yakni dengan melihat apa saja query yang paling sering digunakan oleh user ketika mengakses website kita. Website ini khusus melakukan penelitian tentang keyword untuk optimasi website.

Ada banyak metode lain yang dapat digunakan untuk menungkatkan posisi di google, salah sutunya adalah dengan memasukkannya ke dalam direktory. karena pembahasan mengenai direktori ini cukup panjang maka akan saya sertakan pada posting berikutnya.

Selamat mencoba.
Daftar Pustaka :
[1]. Sission, Dan, 2004. Google Secrets-How to Get a Top 10 Ranking. Redmond Way, Blue Moose Webworks Inc.

Membangun Website yang Baik

2010-03-17T12:00:00.000-07:00

Seperti yang sudah saya janjikan pada posting sebelumnya disini saya akan membahas tentang bagamana membangun suatu website yang baik, dimana bertujuan agar website yang kita bangun pada nantinya akan dengan mudah terindex oleh search engine. Ada 3 aspek penting dalam pembangunan sebuah website yang mesti kita perhatikan :

1. Design antarmuka dan isi
Tampilan atau antarmuka website merupakan salah satu hal yang perlu diperhatikan, karena bagaimanapun user akan menilai sebuah website pertama kali melalui tampilan antarmuka. Dalam membangun design antarmuka terdapat beberapa aspek yang perlu diperhatikan, diantaranya :

Buat tampilan design interface semenarik munkin.
Tampilan awal / design interface sebisa munkin mencerminkan content / isi dari website tersebut.
Gunakan animasi seperlunya saja, jangan berlebihan, karena animasi seperti flash akan membutuhkan bandwidth extra untuk ditampilkan di webbrowser (user biasanya lebih menyukai website yang responsif).
Pada halaman home tampilkan informasi yang menggambarkan keseluruhan isi website.
Jika website memiliki banyak menu, gunakan pengelompokan (heirarki / category) agar user lebih mudah dalam pengoperasian website.

Berikutnya adalah masalah isi / content dari website :

Usahakan agar informasi ditampilkan dengan lugas, tidak berbelit-belit.
Jika website tersebut memiliki proses bisnis, mis : e-commerce, usahakan agar user dapat mengerti dengan mudah proses bisnis pada website tersebut.
Do it right, artinya hindari kesalahan dalam proses bisnis website, apalagi kesalahan ini dapat merugikan user, karena kesalahan sekecil apapun dapat menurunkan kredebilitas sebuah website.
Get sticky, maksutnya disini adalah pembentukan brand website itu sendiri, buat website dengan ide yang unik, berbeda dengan website yang lain.
Create credibility, agar website kita kelihatan kredibel, usahakan agar informasi yang kita masukkan benar-benar dari sumber yang terpercaya. Jika website tersebut berbentuk e-commerce maka buat sebuah kantor / tempat pemasaran yang real, sehingga user selain dapat melakukan transaksi secara online juga dapat mengunjungi toko tersebut secara langsung. Hal ini dapat meningkatkan tingkat kepercayaan user.
Make it compatible, dari segi programmer source code, buat website yang kompatibel / mendukung dengan segala jenis PC , browser, Sytem Operasi, karena sesungguhnya kita tidak tahu user mengakses website kita dengan perangkat seperti apa.

2. Petunjuk teknis

Gunakan browser teks seperti Lynx untuk memeriksa situs anda, karena kebanyakan search engine boots menganalisa situs anda seperti Lynx. Jika fitur khusus seperti JavaScript, cookie, session ID, frame, DHTML, atau Flash menghalangi pengaksesan informasi text dalam website tersebut, maka perlu dilakukan pengecekan kembali terhadap fitur tersebut, mengingat boots searche engine hanya dapat mengakses informasi yang sifatnya text saja.
Izinkan web crawl untuk mengakses website anda, jika perlu buatkan sitemap (biasanya berupa file XML) yang membantu mempermudah web crawl untuk melakukan indexing terhadap situs anda (pada CMS biasanya sudah tersedia).
Pastikan web server anda mendukung If-Modified-Since HTTP header, fitur ini memberikan informasi kepada Google jika terdapat perubahan isi dalam website anda.
Gunakan file robots.txt untuk menghindari pengaksesan oleh web crawl dari search engine ke bagian-bagian yang seharusnya ridak boleh diakses (mis. halaman administrator, halaman informasi penting yang membutuhkan otoritas khusus untuk pengaksesannya)
Jika menggunakan CMS, pastikan link dalam CMS tersebut dapat di crawl oleh seacrh engine.

3. Kualitas
A. Prinsip dasar

Buat website dengan menitikberatkan pada kenyamanan user, bukan search engine. Jangan menipu pengguna anda atau memberikan content yang berbeda antara tampilan user dan infromasi yang diberikan kepada search engine, yang umumnya disebut sebagai "cloaking."
Hindari penggunaan trik-trik yang illegal demi meningkatkan page rank di mesin pencari, ingat segala bentuk pelanggaran akan dikenakan sangsi. Silakan liat Webmaster Quality Guidelines.
Hindari penggunaan program-program yang berfungsi untuk menginkatkan page rank, misal : spam, trojan, virus, dll

B. Aturan spesifik

Hindari penggunaan hidden link dan hidden text
Hindari penggunaan website redirect dan trik curang sejenisnya
Hindari penggunaan program query otomatis untuk search engine
Gunakan keyword yang relevant dengan isi website.
Hindari duplicate content, seperti pembangunan lebih dari website dengan content yang sama persis, hal ini justru akan menurunkan peringkat di seach engine.

Demikiaanlah sedikit ulasan tentang bagaimana membangun website yang baik. Jika ada informasi lain yang mungkin kurang silakan di comment, sebagai bahan perbaikan dari artikel ini.

Semoga bermanfaat.

Informasi lain PayPal Sudah Bisa Verifikasi dengan Rekening Bank Lokal, Cerdas Berinternet, Belajar jQuery dan Web Programming

Menambahkan RSS Feed pada Blog

2010-03-17T08:00:00.000-07:00

Sebenarnya infomasi ini sudah tergolong usang, apalagi bagi blogger-blogger yang sudah lama berkecimpugn di dunia internet. Tapi takapalah siapa tahu masih ada saudara-sauadra kita yang masih awam dan baru berkenalan dengan dunia internet terutama blogging masih bingugn bangaimana caranya menambahakan RSS Feed pada blog.
Langsung saja saya akan jabarkan, disini contoh yang akan saya bahas hanya dua, yakni pada blogger dan satunya pada wordpress. Mengingat dua macam website ini yang paling disukai para blogger mania.

Berikut beberapa alamat RSS Feed yang pernah saya pasang :

RSS Detiknews.com : http://rss.detik.com/index.php/detikcom
RSS Detikinet.com : http://detikinet.com/index.php/detik.feed
RSS liputan6.com : http://www.liputan6.com/feed/rss/
RSS Okezone.com : http://sindikasi.okezone.com/index.php/okezone/RSS2.0

1. Wordpress
Setelah dapat alamat RSS Feed nya tinggal di masukkan ke widget RSS yang ada di wordpress.com

Login ke dashboard
pilih tab design > Widgets > RSS (klik Add)
klik Edit RSS di sebelah kanan
Kemudian isi RSS feed URL dengan alamat RSS yang kita inginkan

2. Blogger
Caranya sebenarnya kurang lebih sama, :
1. setelah dapat alamat feed nya langsung login ke blogger, lalu pilih menu Layout >> Page Element
2. Tinggal tambahkan gadget dengan menu Add Gadget
3. Lalu pilih Feed, dan isikan URL dari alamat Feed yang ingin ditambahkan ke dalam blog.
4. Dan yang terakhir jangan lupa di save hasil perubahan pada blog tersebut.

Selamat mencoba, jangan lupa comment ya, buat perbaikan isi blog ini kedepannya.

agar website cepat terindex search engine

2010-03-17T04:45:00.000-07:00

Saat ini hampir semua mesin mencari mengutamakan konten web yang fresh, ide baru dan aplikasi yang fleksibel, jadi agar dapat terindex di Yahoo, Google dan MSN serta sebagian besar mesin pencari, kita perlu melakukan pengecekan apakah website atau blog kita memenuhi kebutuhan dari meta tags, keyword dan lainnya. Berikut ini beberapa tips dan link yang diperlukan bagi pemula ataupun anda yang sudah cukup berpengalaman di dunia SEO, agar mendapat jumlah pengunjung lebih banyak di website atau blog kita.

3 aplikasi yang paling sering digunakan:

Gunakan aplikasi diatas, baca petunjuknya secara mendetail, lakukan pengecekan, verifikasi dan tambahkan website atau blog anda disana, ikuti semua petunjuk yang ditentukan oleh website tersebut, dan web anda pasti akan terindex.

Penjelasan mengenai web aplikasi diatas:

Google.com - Ini merupakan tools yang paling mudah digunakan, tinggal tambahkan website anda ke google melalui http://www.google.com/addurl/, kemudian gunakan Webmaster tool dengan sitemap, tambahkan website anda dan lakukan verifikasi, kemudian tunggu beberapa hari dan check lagi untuk melihat googlebot telah meng-crawl website atau blog anda dan telah menambahkan link pada google.com, yang anda perlukan hanya sebuah konten yang baru/fresh.

Yahoo.com - Untuk dapat terindex pada yahoo.com anda perlu menggunakan buzz yahoo. Semakin banyak artikel yang anda tulis, semakin banyak pula index link website anda di yahoo.com. Setelah mengikuti langkah site explorer dan buzz artikel, maka anda dapat mengecek backlink web anda pada Yahoo akan meningkat.

Live.com/MSN - ini lebih kompleks dan memerlukan waktu cukup lama untuk dapat terindex, dikarenakan mereka menggunakan Bots yang cukup kompleks. Trik paling baik untuk dapat terindex di msn adalah mengupdate RSS feed setiap kali anda login pada webmaster area di msn, tetapi meskipun cara ini adalah petunjuk yang mereka berika, banyak yang belum berhasil meningkatkan backlink pada msn.

Trik lain yang dapat digunakan untuk meningkatkan page rank di google adalah dengan tukar menukar link dengan blog lain ataupun web lain yang memiliki page rank yang lebih tinggi. Mengapa bisa demikian? Penjelasannya akan saya berikan pada postingan berikutnya. Contoh website yang menyediakan layanan tukar menukar link antara lain

kambinonine.net
website-website submission semacam addme.com, addpro.com, freewebsubmission.com juga memberikan layanan tukar-menukar link.
dll.

Selain itu kita juga dapat menggunakan fasilitas lain seperti situs-situs jejaring sosial semacam facebook, friendster. twitter, plurk, dan yang sejenisnya untuk membantu memperkenalkan situs website kita kepada khalayak. Dan yang terakhir dan paling utama adalah menjaga mutu tulisan blog maupun website kita agar jelas siapa target pengunjung website kita (akan saya bahas bagaimana membuat suatu website yang baik).

Jika semua cara yang saya sebutkan diatas sudah dilakukan saya rasa tinggal menunggu waktu saja bagi website kita untuk diindex oleh search engine.

Beberapa perangkat tambahan untuk SEO:

SelfSEO

IweebTool

jQuery Selector

2010-03-16T22:20:00.000-07:00

Buat yang masih tertarik dengan jQuery mari kita pelajari lebih dalam tentang jQuery itu sendiri, bagaimana sebenarnya penulisan script jQuery, bagaimana cara mengakses DOM melalui jQuery?

Berikut penjelasannya :
1. $( ) digunakan sebagai alias dari jQuery, jadi setiap kali kita akan menggunakan jQuery kita cukup memulatinya dengan menuliskan tag $()
contoh pengaksesan CSS dengan jQuery :

Belajar jQuery Bagian 1

2010-03-16T19:35:00.000-07:00

Belajar jQuery sebenarnya tidak sulit, hal-hal yang perlu dipersiapkan pertama kalia adalah :
1. download jQuery dari website jQuery atau download disini jQuery 1.4
2. notepad kalo ada disaranin pake dreamweaver CS 4 (biar lebih gampang), soalnya udah integrated sama javascript
3. kopi panas
4. pisang goreng

Okey sekarang kita mulai dari pengenalan code di jQuery
1.Disini akan saya beri contoh program dengan menggunakan jQuey yang paling sederhana, yakni perubahan CSS dengan menggunakan modul jQuery :

a. tanpa jQuery

b. dengan jQuery

pada contoh diatas terdapat 4 file, yakni:
1. file jquery.js (merupakan engine dr jquery) yang dapat di download disini
2. file index.html dapat di download di sini
3. file alice.css dapat di download di sini
4. file alice.js dapat di download di sini

pada tradisional javascript code javascript di panggil menggunakan event handler, eg : onClick(), onLoad, onMouseOver, dll. Sebagai contoh :

akibatnya javascript baru akan bisa diload setelah seluruh code HTML selesai diload, untuk mengatasi kekurangan ini jQuery memberikan solusi dengan construktor $(document).ready() yang berfungsi untuk menload DOM tanpa menuggu image selesai di load oleh web browser.
Selain itu tehnik ini tidak memerlukan modifikasi source code HTML.
sehingga source code nya menjadi :

$(document).ready(highlightPoemStanzas);

tapi metode ini pun masih memiliki kelemahan, karena fungsi highlightPoemStanzas() hanya di definisikan untuk segera dieksekusi tepat satu kali, sehingga jika kita ingin menggunakannya lagi makan kita diharuskan untuk mendefinisikan variabel baru yang berbeda dengan variabel yang digunakan sebelumnya. Untuk mengatasi hal ini makan jQuery menyediakan mekanisme yang disebut dengan anonymous function / lamda function sehingga setiap kali instan dari fungsi di panggil tidak perlu mendefinisikan variabel baru untuk menampung fungsi tersebut :

dengan menggunakan function keyword tanpa nama fungsi, maka kita dapat mendefinisikan fungsi tepat dimana fungsi itu dibutuhkan, tidak di tempat lain.

Sejarah jQuery

2010-03-16T09:25:00.001-07:00

jQuery yang beralamatkan di http://jquery.com kurang lebih baru menginjak usia 3 tahun. Akan tetapi, jQuery sebenarnya bukanlah hal yang baru jika melihar “jeroan”-nya, karena berisi fungsi-fungsi yang ditulis dengan JavaScript, dan JavaScript itu sendiri telah diperkenalkan oleh Netscape sejak tahun 1995.
Tetapi, tentu jQuery menawarkan fitur-fitur modern yang siap pakai, walaupun idenya sederhana, yaitu membuat sebuah library JavaScript, ternyata jQuery mampu menarik perusahaan-perusahaan besar yang mem-bundling jQuery kedalam produknya. Nokia akan mengintegrasikan jQuery kedalam platform web Run-Time, sedangkan Microsoft mengadopsi jQuery kedalam Visual Studio.
Menggunakan jQuery sangatlah mudah, yang anda perlukan adalah men-download file jQuery pada http://jquery.com, versi terakhir sampai saat ini adalah versi 1.3.2 dengan nama file jQuery-1.3.2.min.js. Ukurannya juga cukup kecil untuk sbuah library yang powerfull, hanya sekitar 60 kilobyte, dan hanya inilah yang diperlukan. File JavaScript ini memiliki fungsi-fungsi Ajax, DOM (Document Object Model), Event, serta berbagai efek yang siap dipergunakan oleh web developer.
Untuk mempermudah pemakaian, kita dapat mengubah file jquery-1.3.2.min.js menjadi jquery.js saja, dan menyisipkannya pada kode program (HTML/PHP/ASP dan seterusnya) sebagai berikut:
Path lib/jQuery.js menunjukkan lokasi file jQuery.js. karena jQuery merupakan library JavaScript, maka web developer terutama hanya perlu memperdalam pengetahuan JavaScriptnya, bahkan jQuery juga dapat dimanfaatkan oleh web desainer yang mendalami CSS (Cascading Style Sheets), tidak ada bahasa pemrograman yang baru, tetapi banyak hal baru yang dapat diciptakan pada website.
Bagi web developer yang baru akan menggunakan jQuery, akan lebih mudah memahami prinsip dasarnya dengan terlebih dahulu melihat contoh kasus dengan menggunakan HTML/CSS yang static, dengan demikian tidak perlu dipusingkan dengan server side scripting seperti PHP dan seterusnya, juga tidak perlu melakukan operasi database. Setelah memahami bagaimana jQuery bekerja, maka dengan mudah akan dapat mengimplementasikannya kedalam website yang dinamis.