Cara Mudah Membuat Animasi HTML5 dengan HTML5 Maker

HTML5 Maker adalah layanan / tool online untuk membuat animasi, konten interaktif menggunakan HTML, HTML5, CSS dan JavaScript. Ini sangat mudah digunakan dan pada saat yang sama dapat membantu Anda mencapai hasil yang sangat baik. Seiring dengan kemampuan membuat animasi, presentasi dan slideshow, HTML 5 Maker menyediakan Anda cara untuk mempermudah pekerjaan / proyek awan Anda.

Demo

Langkah-langkah belajar PHP bagi pemula

Berawal dari pertanyaan seorang teman mengenai bagaimana belajar PHP, dan berhubung saya bukan master PHP..... :), maka saya sunting beberapa langkah-langkah dibawah ini dari Riyogarta.com yang mempunyai pertanyaan yang sama sebagai panduan untuk mempelajari PHP bagi pemula, yang posting aslinya dapat dilihat disini.

Catatan: database yang digunakan adalah MySQL.

1. PHP sebagai server side scripting secara umum digunakan untuk membuat situs dinamis atau aplikasi berbasis web. Jadi langkah awal untuk mempelajari PHP adalah menguasai HTML terlebih dahulu. Tanpa penguasaan HTML dasar, rasanya PHP kurang bermanfaat untuk dipelajari.Links untuk belajar HTML
   • http://www.w3schools.com/html/default.asp
   • http://www.html.net/tutorials/html/
   • http://www.w3.org/TR/1998/REC-html40-19980424/
2. PHP adalah bahasa pemrograman, artinya untuk menguasai PHP haruslah mengerti algoritma. Minimal yang harus diketahui untuk hal ini adalah apa dan bagaimana menggunakan variable, kondisi atau pencabangan, perulangan dan sub-rutin untuk menyelesaikan suatu masalah. Saat ini sudah banyak buku yang membahas mengenai algoritma dan pemrograman, silakan cari dan pilih sendiri.
3. Install Apache, PHP dan MySQL pada PC Anda. Saya menyarankan untuk tidak menggunakan installer yang instant (seperti PHPTriad,Wampserver, e-novative dsb), tetapi lebih baik belajar dan mencoba menginstallnya satu demi satu diawali dari Apache, lalu PHP dan MySQL.Link panduan menginstal Apache, PHP dan MySQL
   • PHP4 http://www.php-mysql-tutorial.com/install-apache-php-mysql.php
   • PHP5 http://www.webmasterstop.com/86.html
4. Setelah langkah 1 & 2 sudah dipelajari dan sudah dimengerti (meskipun hanya sedikit) dan langkah 3 sudah bisa Anda lalui. Langkah berikutnya adalah mempelajari sintaks-sintaks dari PHP dan Anda wajib memiliki atau mendownload file Help PHP.Link untuk belajar PHP
   • http://www.w3schools.com/php/default.asp
5. Coba untuk membuat form isian sederhana menggunakan PHP beserta HTML yang telah dikuasai. Lalu, tambahkan fitur validasi untuk beberapa atau semua data sehingga tidak boleh kosong saat submit ditekan.Links Tutorial membuat form
   • http://www.tizag.com/phpT/forms.php
   • http://www.htmlcenter.com/tutorials/tutorials.cfm/149/PHP/
6. Pelajari juga teknik session dan atau cookies. Ini penting dan sangat sering digunakan dalam pembuatan situs dinamis atau aplikasi berbasi web. Pada langkah ini, minimal Anda bisa membuat halaman login dengan user dan password yang masih ditulis secara hardcode dalam script.Links tutorial session dan cookies
   • http://www.phptutorial.info/learn/session.php
   • http://www.freewebmasterhelp.com/tutorials/cookies
7. Langkah berikutnya adalah mempelajar seluk beluk mengenai database seperti apa itu database, table, record, field dsb. Download dan pergunakan phpMyAdmin untuk mencoba membuat database, table dan field-fieldnya.
8. Pelajari SQL khusus untuk empat perintah dasar yaitu SELECT, INSERT, UPDATE dan DELETE. Perintah SELECT adalah perintah SQL yang paling kompleks karena meliputi klausa JOIN (INNER/OUTER), WHERE, GROUP BY, HAVING, ORDER BY dan LIMIT (limit adalah klausa yang diperkenalkan MySQL).Link tutorial SQL
   • http://www.w3schools.com/sql/default.asp
   • http://www.webdevelopersnotes.com/tutorials/sql/index.php3
9. Setelah perintah SQL bisa Anda mengerti (syukur-syukur menguasai), maka pelajari bagaimana PHP berinteraksi dengan MySQL. Pada langkah ini, Anda diharuskan menguasai fungsi-fungsi wajib sehubungan dengan MySQL, yaitu mysql_connect_db, mysql_select_db, mysql_query dan mysql_fetch_object / mysql_fetch_array.Download Help MySQL.
10. Sampai disini, coba untuk membuat script sederhana untuk input data menggunakan form. Data yang diinput melalui form disimpan dalam database (INSERT). Lalu buat juga script untuk menampilkan data-data yang telah tersimpan dalam database (SELECT). Selanjutnya, buat fasilitas untuk mmenghapus (DELETE) dan mengedit data (UPDATE).
11. Coba membuat halaman login dimana user dan passwordnya dibaca dari database
12. Coba gabungkan karya nomor 10 dan 11 sehingga hanya mereka yang login saja yang bisa menghapus/mengedit data.
13. Sampai disini, Anda bisa dikatakan sudah sampai pada tahap beginner. Selanjutnya banyak-banyaklah bereksperimen dengan membuat proyek-proyek kecil minimal untuk kesenangan Anda sendiri. Saat Anda mengerjakan proyek, disanalah pelajaran demi pelajaran bisa Anda dapat dari berbagai masalah yang muncul.
14. Selanjutnya, Anda harus mulai mempelajari masalah security seperti masalah Code/SQL Injection, session hijacking, session fixation, teknik enkripsi dsb.
15. Sempatkan untuk belajar Javascript saat Anda merasa kemampuan PHP yang dimiliki sudah lumayan. Kelemahan dari script PHP adalah tidak dimungkinkannya interaksi pengguna secara on the fly. Nah, kekurangannya inilah yang di “tambal” menggunakan Javascript. Syukur-syukur Anda bisa menguasai AJAX.Link tutorial Javascript
    • http://www.w3schools.com/js/default.asp
16. Sempatkan pula untuk mempelajari CSS. Ini penting untuk membuat tampilan/interface situs atau web-based application secara lebih baik.Link tutorial CSS:
    • http://www.w3schools.com/css/default.asp
17. Terakhir. Karena PHP lebih banyak hidup di OS Linux, pelajari juga linux barang sedikit. Syukur-syukur kalo Anda ternyata sejak awal belajar di linux

TIPS:

• Jangan terlalu memaksakan untuk menghapalkan fungsi, sintaks dari PHP atau MySQL. Manfaatkan file HELP dalam praktek dan latihan. Semakin Anda sering praktek dan melatih diri, maka fungsi dan sintaks yang sering dipakai akan bisa Anda hapal dengan sendirinya.
• Jangan terlalu cepat untuk mengambil keputusan untuk bertanya terhadap masalah atau kesulitan yang timbul. Bertanyalah setelah Anda mencoba terlebih dahulu.
• Rajin-rajin mengikuti milis atau forum dan selalu ingat, diatas langit ada langit
  

Semoga bermanfaat..........

jQuery Fundamentals, Sebuah panduan untuk dasar-dasar jQuery

jQuery Fundamental adalah sebuah situs untuk mempelajari dasar-dasar pemrograman menggunakan jQuery. Dirancang untuk membuat Anda nyaman bekerja melalui masalah umum dimana Anda akan diminta untuk memecahkannya menggunakan jQuery. Untuk mendapatkan hasil maksimal dari situs ini, Anda akan membaca berbagai bab dan mencoba contoh interaktif. Setiap bab akan mencakup konsep dan memberi Anda kesempatan untuk mencoba contoh kode yang terkait dengan konsep tersebut.

Sangat disarankan menggunakan situs ini dengan browser Chrome atau browser lain yang mendukung fitur JavaScript modern dan termasuk alat pengembang yang baik.


Menggunakan editor built-in
Sebagian besar halaman di situs jQuery Fundamental meliputi editor built-in di mana Anda dapat mencoba kode. Kode ini akan dijalankan terhadap markup yang ditampilkan dalam kotak di sebelah kanan editor. Untuk menjalankan kode dalam editor, klik tombol  . Atur ulang daerah hasil ke keadaan semula dengan mengklik ikon .

Mencoba contoh
Setiap bab Fundamental jQuery termasuk kode contoh yang menunjukkan konsep yang sedang dibahas. Klik pada icon bar di atas contoh untuk menyalin contoh kepada editor di bagian atas halaman.

Mari meluncur ke TKP jQuery Fundamentals

Memodifikasi Adsense, Google Percepat Internet

Google, salah satu broker iklan terbesar di dunia maya, mengklaim telah mempercepat kinerja Internet. Peningkatan kecepatan tersebut dimungkinkan setelah mereka memperbaikin Javascript yang digunakan untuk menampilkan iklan.

Perbaikan dilakukan pada Javascript show_ads.js, yang digunakan oleh jutaan website yang memakai Google Adsense. Caranya, beban berat pada script itu ditempatkan dalam sebuah iframe. Hasilnya, browser tidak terbebani saat Javascript menentukan iklan mana yang akan ditayangkan.

“Pada pengujian, jeda waktu yang dibutuhkan untuk menampilkan iklan Adsense “pada dasarnya telah hilang” dengan menggunakan teknik asynchronous loading,” sebut juru bicara Google, seperti dikutip dari The Inquirer.

Google mengklaim, waktu load halaman yang menggunakan implementasi Adsense asynchronous baru itu secara statistik tidak dapat dibedakan dengan waktu loading halaman yang tidak memiliki iklan sama-sekali.

Perbaikan terhadap teknologi penayangan iklan dapat membantu situs agar tidak kehilangan pengunjung atau kehilangan potensi pemasukan karena pengunjung memilih untuk memasang software pemblokir iklan. Bagi Google, penayangan iklan yang efisien juga penting agar pendapatan mereka dari Adsense juga tetap mengalir deras.

Seperti diketahui, pemilik situs ataupun admin website terus berjuang untuk menurunkan loading time akibat penggunaan script Adsense. Dengan langkah yang diambil Google, yakni script itu tidak membebani browser, maka load time secara keseluruhan untuk sebuah situs akan menurun.

Menurut Google, script versi terbaru itu dapat berjalan di browser seperti Internet Explorer 8, Mozilla Firefox, dan Google Chrome terbaru. Dukungan untuk browser lainnya akan disiapkan. Dan bagi para developer web, untuk menikmati peningkatan kecepatan ini, mereka hanya perlu mengganti script yang lama tanpa perlu melakukan modifikasi.