Notes

Metadata pada HTML

Metadata adalah sekumpulan data informasi tentang data halaman suatu web.

Untuk tag <meta> pada html tidak akan di tampilkan di halaman suatu web, tetapi itu di gunakan oleh mesin pencari.

Fungsi dari metadata sendiri

Memuat informasi tentang halaman web
Sebagai Keywords untuk mesin pencari

Meta diletakan didalam tag <head>, meta pada HTML berbeda dengan XHTML, pada HTML tag meta tidak memerlukan penutup tetapi pada XHTML tag meta memerlukan penutup.

ketika kita menggunakan DOCTYPE maka meta tag yang harus ada adalah
HTML 4.01:

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

HTML5:

<meta charset="UTF-8">

beberapa contoh metadata yang umum digunakan:

Mendefinisikan keywords untuk mesin pencari:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Mendefinisikan deskripsi suatu halaman web:

<meta name="description" content="Free Web tutorials on HTML and CSS">

Mendefinisikan pemilik halaman web:

<meta name="author" content="Hege Refsnes">

Merefresh halaman web setiap 30 detik:

<meta http-equiv="refresh" content="30">

More info : w3school

Note:

DO NOT CACHE !!!

Beberapa waktu lalu saya bermasalah dengan cache. Semestinya halaman web memuat image baru, tetapi kenyataanya tidak berubah dan malah menampilkan image lama,ini kemungkinan karena cache image lama tersimpan di browser.

Ada beberapa cara untuk mengatasi ini, yang pertama, hapus cache di browser dengan menekan tombol Ctrl+Shift+Del , atau yang kedua, dengan menggunakan tag meta html:

<meta Http-Equiv="Cache-Control" Content="no-cache">
<meta Http-Equiv="Pragma" Content="no-cache">
<meta Http-Equiv="Expires" Content="0">
<meta Http-Equiv="Pragma-directive: no-cache">
<meta Http-Equiv="Cache-directive: no-cache">

Kegunaan dan Macam Macam DOCTYPE Pada HTML

DOCTYPE adalah suatu deklerasi yang digunakan untuk mengidentifikasi jenis dokumen HTML yang digunakan sehingga browser dapat menentukan bagaimana memperlakukan kode tersebut.

DOCTYPE sendiri berguna untuk memberitahu programer, HTML versi berapa yang digunakan dan juga membantu programer untuk dapat menggunakan tag-tag HTML dengan benar.

JENIS - JENIS DOCTYPE :

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict

DTD ini berisi semua elemen HTML dan atributnya, tapi TIDAK TERMASUK presentasional (seperti font). Framesets tidak diperbolehkan.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

DTD ini berisi semua elemen HTML dan atributnya, TERMASUK presentasional dan elemen lama (seperti font). Framesets tidak diperbolehkan.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

DTD ini sama dengan HTML 4.01 Transitional, tapi memungkinkan penggunaan Frameset.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict

DTD ini berisi semua elemen HTML dan atributnya, tapi TIDAK TERMASUK presentasional (seperti font). Framesets tidak diperbolehkan. Markup juga harus ditulis sebagai well-formed XML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

DTD ini berisi semua elemen HTML dan atributnya, TERMASUK presentasional dan elemen lama (seperti font). Framesets tidak diperbolehkan. Markup juga harus ditulis sebagai well-formed XML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

DTD ini sama dengan XHTML 1.0 Transitional, namun memungkinkan penggunaan Frameset.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

DTD ini sama dengan XHTML 1.0 Strict, tetapi memungkinkan Kamu untuk menambahkan modul (misalnya untuk memberikan dukungan ruby untuk bahasa Asia Timur).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Cara Memasang Timeline Twitter Ke Blog

Dari salah satu postingan di dev.twitter.com, katanya twitter telah mengembangkan sebuah alat, yang membuat suatu website dapat melihat isi timlines twitter. dan tepatnya itu sudah setahun yang lalu. wah bener bener ketinggalan saya. hahaha .

Tapi tapi nenek moyang dulu bilang "Lebih Baik Terlambat Dari Pada Tidak Sama Sekali", nah oleh karena itu saya disini akan berbagi caranya untuk orang orang yang belum tahu.

Pertama!

Masuk ke link ini https://twitter.com/settings/widgets dan login dengan akun twitter kamu.

Kedua!

Pada bagian konfigurasi kamu bisa memilih username twitter yang bakalan kamu tampilin. Untuk opsi lainnya bisa dipilih menurut keinginan kamu.

Ketiga!

Sebelum kamu simpan widget nya, copy kan teks HTML nya..

Keempat!

Simpan Widgetnya

Setelah kamu mendapatkan kode HTML nya. sekarang kamu bisa memasangkannya di Blog kamu.

Untuk di blog kamu bisa pergi ke :

Menu tata letak ,

Kemudian klik tambahkan gadget, dan pilih gadget HTML/Javascript,

Kemudian paste kan kode yang sudah kamu dapat tadi

Flash di Rails tidak bekerja ?!

Beberapa waktu lalu saya menemukan bugs di aplikasi rails tentang flash. saya cek, ternyata flash nya menghilang di salah satu contoller!. mengapa bisa begitu? lihat alur nya.

Controller1 (redirect to Controller2) --> #flash here!! Controller2 (redirect to Controller3) --> #no flash!! Controller3

Saya menggunakan sekitar lebih dari satu redirect dan flash nya terhenti di tengah tengah.

Dari beberapa sumber saya menemukan caranya agar flash tetap terkirim sampai akhir yaitu menambahkan:

flash.keep(:notice) sebelum script redirect di Controller2.

Tambahan!!

ketika kita menggunakan rendering maka tambahkan now pada flash.

ex : flash.now[:notice] = "This is Notice guys!!!"

tapi ketika kita menggunakan redirect maka jangan gunakan now!

Baru!

Ketika berpindah ke halaman lain, tetapi notice nya tidak menghilang. maka coba gunakan kondisi :

if flash[:notice]
flash.keep(:notice)
end

Delete Data di Rails Console

Kali ini saya mau berbagi bagai mana caranya mendelete data di console. kenapa harus di console? kenapa gak langsung di phpmyadmin atau lain sebagainya?.

terkadang kita terlena akan bentuk GUI dari suatu program, alhasil ketika kita main di server dan tidak ada bentuk GUI nya sama sekali, yah mau tidak mau kita harus menggunakan console!

ok yang belum tau caranya masuk ke console di rails bisa lihat di postingan ini

http://achmad-rifaldi.blogspot.com/2013/08/query-update-on-rails.html

selanjutnya jika sudah masuk ke console

User.find(1).delete #or User.find(1).destroy

nah jika kita ingin mendelete lebih dari satu data kita bisa menggunakan cara ini

user = User.where(:account_id => 1)                                                                                              User.delete user.map { |u| u.id } or User.destroy user.map { |u| u.id }

Sumber :

http://stackoverflow.com/questions/5761377/rails-given-an-array-of-items-how-to-delete-in-the-console

http://stackoverflow.com/questions/7069221/delete-a-record-from-console-ruby-on-rails

Calendar Date Select for Rails

Ada berbagai macam cara untuk menambahkan fasilitas Date Picker pada aplikasi rails kita. Diantaranya kita bisa menggunakan JQuery UI atau pun menambahkan Plugin atau Gem Calendar Date Select.

Untuk kali ini saya akan berbagi bagai mana caranya menambahkan fasilitas Date Picker dengan menggunakan Plugin atau Gem Calendar Date Select.

Pertama!

Install Pluginnya terlebih dahulu

git clone git://github.com/timcharper/calendar_date_select.git vendor/plugins/calendar_date_select && rm -rf vendor/plugins/calendar_date_select/.git

atau jika ingin menggunakan Gem, tambahkan kode berikut ke dalam Gemfile

gem 'calendar_date_select', :git => 'git://github.com/paneq/calendar_date_select.git'

selanjutnya jalankan perintah 'bundle install'

Kedua!

Bagi yang menggunakan Gem jalankan perintah ini

'run rake calendar:install'
Ketiga!

Tambahkan <%= calendar_date_select_includes %> sesudah <%= javascript_include_tag :defaults%> di layout/application.html.erb

Keempat!

Tambahkan <%= f.calendar_date_select "calendar" %> ke dalam view.

Sumber :

https://code.google.com/p/calendardateselect/

http://stackoverflow.com/questions/3979495/using-calendar-date-select-with-rails-3

Puisi: Tak Sama Lagi

Bumi yang kupijak ini kini tak ku kenal lagi

Udara yang kuhirup tak sesegar kemarin

Sang surya kini membakar tak lagi menghangatkan

Bintangku pun dirampas oleh kabut yang tak kukenal

Apa ini tempat tinggalku?

Dimana tempat bermainku?

Kemana perginya teman temanku?

Ini dimana?

Kini semua tak lagi sama

Aku tak kenal ini semua!

Rumahku, tempat tinggalku, tempat bermainku

Semua telah berubah!

Beton kokoh dimana mana

Gedung tinggi kian marak

Merampas semua keindahan

Mencuri kehidupan

Aku ingin merubah! merubah ini semua

Tak ingin kulihat bumiku merana lebih lama lagi

Ku ingin hijaunya kembali

Ku ingiin semua kembali

Will Paginate Condition In Rails 3

will paginate di rails 3 memiliki beberapa perbedaan, jika di rails 2 "paginate" hampir sama dengan "find", tetapi di rails 3 berbeda.

Contoh Script:

conditions = ["condition what!"]
order_by = ["order by what!"]
a = current_user.a

for rails 2:

@A = a.paginate(:page => params[:page], :per_page => @per_page, :conditions => conditions, :order => order_by)

for rails 3:

a = current_user.a
@A = a.find(:all, :conditions => conditions, :order => order_by).paginate(:page => params[:page], :per_page => @per_page)

jika condition atau order tidak dibuat variabel terpisah maka kita bisa menggunakan where atau order sesuai ketentuan di rails 3

Query Update On Rails

Untuk melakukan query update di rails kita tidak perlu repot masuk ke phpmyadmin atau sebagainya cukup lakukan ini :

1. Masuk ke console

Rails 2 -> ruby script/console
Rails3 -> rails s

2. Cari user yang akan di update

user = User.find_by_email("achmadrifaldi64@gmail.com")

3. Lakukan perintah update

User.update_attribute(:alamat, "Bandung")

Catatan :

update_attribute(:field , "new") -> hanya satu attribute yang di update

update_attributes(:field => "new", :fields => "news") -> attribute yang di update lebih dari satu

TAMBAHAN!

Di Rails3 untuk mengupdate semua data pada field dan table tertentu, kita tidak perlu merubahnya satu persatu,cukup menjalankan perintah berikut:

User .update_all(:status => 'active')

Membuat Twitter Client ala Kamu

Postingan kali ini akan menjelaskan bagaimana caranya membuat twitter client menggunakan Dabr dengan rinci.
Tapi saya tidak akan menjelaskan Dabr itu apa, karena saya tau agan agan udah pada ahli deh hehehe
Oke langsung saja check this out

Untuk persiapannya silahkan

Buat hosting terlebih dahulu , jika belum tahu silahkan baca membuat hosting gratis di Idhostinger terlebih dahulu

Download Dabr r510 disini

Langkah Pertama

Login ke https://dev.twitter.com/apps dengan akun twitter mu

Pada menu pilih My Applications

Klik Create a new aplication :

Pada bagian name isikan dengan nama aplikasi yang akan kamu buat

Pada bagian Description deskripsikan secara umum aplikasi yang akan kamu buat

Pada bagian Website dan callback URL isikan dengan url yang telah kamu buat contoh: http://www.kukuruyuk.p.ht

Jangan lupa centang yes I agree

terakhir isi captcha sesuai dengan teks

klik Create your twitter application

Setelah itu kamu akan di bawa ke detail aplikasi yang baru saja dibuat,
lalu pilih tab setting dan pilih Read, Write, and Access Direct Messages. Pilihan ini agar pengguna Twitter Client kamu juga bisa mengakses Direct Message pada akun twitternya.
Setelah itu geser cursor ke bawah dan klik Update this Twitter Application's Setting.

Setelah melakukan setting, kini kembali pada tab Detail dan klik Create my Access Token. Jangan keluarkan tab/windows Twitter Developer ini.

Langkah kedua

buka script dabr kamu

rubah config.sample.php menjadi config.php

buka file config.php:

pada bagian define('ENCRYPTION_KEY', 'Example Key - Change Me!'); rubah bagian 'Example Key - Change Me!' terserah kamu

pada bagian define('OAUTH_CONSUMER_KEY', ''); dan define('OAUTH_CONSUMER_SECRET', ''); salin dari aplikasi yang di buat di Twitter Developper sebelumnya.

Langkah ketiga

buka file [dot]htaccess

tambahkan "RewriteBase /" (tanpa tanda petik) dibawah "RewriteEngine on". Seperti ini:

jika sudah selesai sekarang upload seluruh file ke hosting anda.

Pada dabr versi R510 avatar tidak muncul, untuk memunculkannya buka file config.php

// Image Proxy URL

// Use http://src.sencha.io/ for regular connections

// Use https://tinysrc.appspot.com/ for SSL connections

define('IMAGE_PROXY_URL', ' ');

pada bagian kosongnya isikan dengan https://tinysrc.appspot.com/

Oh iya kalau mau coba silahkan nih aplikasi bikinan saya http://www.kukuruyuk.p.ht

ok sekian postingan kali ini dan jangan lupa follow @achmad_rifaldi jika ada yang ditanyakan silahkan comment dibawah sini

Puisi : Ibu?

Ibu?, siapa itu Ibu?

Apakah yang mebunuh anaknya itu Ibu?

Atau yang menjual anaknya itu Ibu?

Ibu?, apakah Ibu itu?

Apa yang menyiksa balita itu Ibu?

Atau yeng membuang bayi itu Ibu?

Atau yang memberimu ketakutan itu Ibu?

Ibu.. Ibu.. Ibu..

siapakah ibu itu? Apa arti Ibu itu?

Ibu itu apa?

kucari tau Ibu,kuingin tau Ibu..

Ibu yang menjagaku

Ibu yang melahirkanku

Ibu yang selalu ada disisiku..

Yang kutau hanyalah seseorang yang mengorbankan jiwa dan raganya

Seseorang yang penuh akan kasih sayang

Seseorang yang membimbingmu dikala bimbang

Seseorang yang jiwanya sehangat sang surya

Itulah Ibu yang kukenal

Itulah Ibu yang kucintai

Itulah Ibuku...