ACL (Pengaturan bloking pada suatu divisi)

Misal kita memiliki jaringan seperti di bawah ini :


Jaringan yang ingin kita amankan adalah 192.168.10.40/29, bagian yang di lingkari di gambar..
Jaringan yang tidak boleh mengakses adalah 192.168.10.10/28 dan 10.10.0.0/16 atau IP public..

Jika kita blok 192.168.10.10/28 dan 10.10.0.0/16 maka ip 192.168.10.40/29 tidak dapat akses ke public juga padahal ia ingin browsing..
oleh karena itu kita buka saja port 80(http) dan 53(DNS)
agar divisi yang di lindungi dapat browsing juga, tetapi tidak dapat ping ke luar..

Seperti ini konfigurasi nya..
Router(config)#access-list 101 permit tcp 192.168.10.40 0.0.0.7 any eq 80
Router(config)#access-list 101 permit udp 192.168.10.40 0.0.0.7 any eq 53
Router(config)#access-list 101 deny tcp any any eq 80
Router(config)#access-list 101 deny udp any any eq 53
Router(config)#access-list 101 deny ip any 192.168.10.0 0.0.0.15
Router(config)#access-list 101 deny ip any 10.10.0.0 0.0.255.255
Router(config)#access-list 101 permit ip any any
Router(config)#int fa 0/0
Router(config-if)#ip ac Router(config-if)#ip access-group 101 in

Pengecekan user melalui SMS (Trigger)

Misal..
Jika ada sebuah user sms registrasi dengan nomor +62123123xxx. Nah,
bagaimana cara membuat trigger ketika nomor +62123123xxx mengirimkan lagi,
maka data user akan di update.

Triggernya seperti ini :

DROP TRIGGER IF EXISTS sms ||

CREATE TRIGGER sms after insert on inbox

FOR EACH ROW
BEGIN
  set @nama = SUBSTRING_INDEX(new.TextDecoded, '_', -1); 

  IF (SUBSTRING_INDEX(new.TextDecoded,'_', 1) ='REG')

  THEN

    IF EXISTS(SELECT no_telp FROM data_rw 

    WHERE no_telp = new.SenderNumber)  
    THEN
        UPDATE data_rw set nama = @nama 

        where no_telp = new.SenderNumber;
    ELSE
        INSERT INTO data_rw(no_telp,nama) 

        values(new.SenderNumber,@nama); 
    END IF;
  END IF;

END||

Keterangan :
tabel yang di gunakan = data_rw
field               = no_telp dan nama;
pesan masuk  = TextDecoded,
format sms     =   REG_nama user
No.pengirim   = sender Number

Semoga bermanfaat :)

Rangking 23

Ini Dapat dari milis, cuma share aja soalnya kisahnya sangat inspiratif

Ranking 23 : "Aku ingin menjadi orang yang bertepuk tangan di tepi jalan"

Di kelasnya ada 50 orang murid, setiap kali ujian, anak perempuanku tetap
mendapat ranking ke-23. Lambat laun membuat dia mendapatkan nama panggilan
dengan nomor ini, dia juga menjadi murid kualitas menengah yang
sesungguhnya.

Sebagai orangtua, kami merasa nama panggilan ini kurang enak didengar,namun
anak kami ternyata menerimanya dengan senang hati.

Suamiku mengeluhkan ke padaku, setiap kali ada kegiatan di perusahaannya
atau pertemuan alumni sekolahnya, setiap orang selalu memuji-muji "Superman
cilik" di rumah masing-masing, sedangkan dia hanya bisa menjadi pendengar
saja.

Anak keluarga orang, bukan saja memiliki nilai sekolah yang menonjol, juga
memiliki banyak keahlian khusus. Sedangkan anak nomor 23 di keluarga kami
tidak memiliki sesuatu pun untuk ditonjolkan. Dari itu, setiap kali suamiku
menonton penampilan anak-anak berbakat luar biasa dalam acara televisi,
timbul keirian dalam hatinya sampai matanya bersinar-sinar.

Kemudian ketika dia membaca sebuah berita tentang seorang anak berusia 9
tahun yang masuk perguruan tinggi, dia bertanya dengan hati pilu kepada
anak kami: Anakku, kenapa kamu tidak terlahir sebagai anak dengan
kepandaian luar biasa? Anak kami menjawab: Itu karena ayah juga bukan
seorang ayah dengan kepandaian luar biasa. Suamiku menjadi tidak bisa
berkata apa-apa lagi, saya tanpa tertahankan tertawa sendiri.

Pada pertengahan musim gugur, semua sanak keluarga berkumpul bersama untuk
merayakannya, sehingga memenuhi satu ruangan besar di restoran.
Topik pembicaraan semua orang perlahan-lahan mulai beralih kepada anak
masing-masing. Dalam kemeriahan suasana, anak-anak ditanyakan apakah
cita-cita mereka di masa mendatang? Ada yang menjawab akan menjadi pemain
piano, bintang film atau politikus, tiada seorang pun yang terlihat takut
mengutarakannya di depan orang banyak, bahkan anak perempuan berusia 4½
tahun juga menyatakan kelak akan menjadi seorang pembawa acara di televisi,
semua orang bertepuk tangan mendengarnya.

Anak perempuan kami yang berusia 15 tahun terlihat sibuk sekali sedang
membantu anak-anak kecil lainnya makan. Semua orang mendadak teringat kalau
hanya dia yang belum mengutarakan cita-citanya kelak. Di bawah desakan
orang banyak, akhirnya dia menjawab dengan sungguh-sungguh: Kelak ketika
aku dewasa, cita-cita pertamaku adalah menjadi seorang guru TK, memandu
anak-anak menyanyi, menari dan bermain-main.

Demi menunjukkan kesopanan, semua orang tetap memberikan pujian, kemudian
menanyakan akan cita-cita keduanya. Dia menjawab dengan besar hati: Saya
ingin menjadi seorang ibu, mengenakan kain celemek bergambar Doraemon dan
memasak di dapur, kemudian membacakan cerita untuk anak-anakku dan membawa
mereka ke teras rumah untuk melihat bintang-bintang. Semua sanak keluarga
tertegun dibuatnya, saling pandang tanpa tahu akan berkata apa lagi. Raut
muka suamiku menjadi canggung sekali.

Sepulangnya kami ke rumah, suamiku mengeluhkan ke padaku, apakah aku akan
membiarkan anak perempuan kami kelak menjadi guru TK? Apakah kami tetap
akan membiarkannya menjadi murid kualitas menengah?

Sebetulnya, kami juga telah berusaha banyak. Demi meningkatkan nilai
sekolahnya, kami pernah mencarikan guru les pribadi dan mendaftarkannya di
tempat bimbingan belajar, juga membelikan berbagai materi belajar untuknya.
Anak kami juga sangat penurut, dia tidak membaca komik lagi,tidak ikut
kelas origami lagi, tidur bermalas-malasan di akhir minggu juga tidak
dilakukan lagi.
Bagai seekor burung kecil yang kelelahan, dia ikut les belajar sambung
menyambung, buku pelajaran dan buku latihan dikerjakan tanpa henti.

Namun biar bagaimana pun dia tetap seorang anak-anak, tubuhnya tidak bisa
bertahan lagi dan terserang flu berat.Biar sedang diinfus dan terbaring di
ranjang, dia tetap bersikeras mengerjakan tugas pelajaran, akhirnya dia
terserang radang paru-paru. Setelah sembuh, wajahnya terlihat kurus banyak.
Akan tetapi ternyata hasil ujian semesternya membuat kami tidak tahu mau
tertawa atau menangis, tetap saja nomor 23.

Kemudian, kami juga mencoba untuk memberikan penambah gizi dan rangsangan
hadiah, setelah berulang-ulang menjalaninya, ternyata wajah anak
perempuanku semakin pucat saja.
Apalagi, setiap kali akan ujian, dia mulai tidak bisa makan dan tidak bisa
tidur, terus mencucurkan keringat dingin, terakhir hasil ujiannya malah
menjadi nomor 33 yang mengejutkan kami. Aku dan suamiku secara diam-diam
melepaskan aksi menarik bibit ke atas demi membantunya tumbuh ini.
Dia kembali pada jam belajar dan istirahatnya yang normal, kami
mengembalikan haknya untuk membaca komik, mengijinkannya untuk berlangganan
majalah "Humor anak-anak" dan sejenisnya, sehingga rumah kami menjadi
tenteram kembali. Kami memang sangat sayang pada anak kami ini, namun kami
sungguh tidak mengerti akan nilai sekolahnya.

Pada akhir minggu, teman-teman sekerja pergi rekreasi bersama. Semua orang
mempersiapkan lauk terbaik dari masing-masing, dengan membawa serta suami
dan anak untuk piknik. Sepanjang perjalanan penuh dengan tawa dan guyonan,
ada anak yang bernyanyi, ada juga yang memperagakan karya seni pendek.
Anak kami tiada keahlian khusus, hanya terus bertepuk tangan dengan
gembira.
Dia sering kali lari ke belakang untuk menjaga bahan makanan. Merapikan
kembali kotak makanan yang terlihat agak miring, mengetatkan tutup botol
yang longgar atau mengelap jus sayuran yang bocor ke luar. Dia sibuk sekali
bagaikan seorang pengurus rumah tangga cilik.

Ketika makan terjadi satu kejadian di luar dugaan. Ada dua orang anak
lelaki, satunya adalah bakat matematika, satunya lagi adalah ahli bahasa
Inggris. Kedua anak ini secara bersamaan menjepit sebuah kue beras ketan di
atas piring, tiada seorang pun yang mau melepaskannya, juga tidak mau
membaginya. Walau banyak makanan enak terus dihidangkan, mereka sama sekali
tidak mau peduli. Orang dewasa terus membujuk mereka, namun tidak ada
hasilnya. Terakhir anak kami yang menyelesaikan masalah sulit ini dengan
cara sederhana yaitu lempar koin untuk menentukan siapa yang menang.

Ketika pulang, jalanan macet dan anak-anak mulai terlihat gelisah. Anakku
terus membuat guyonan dan membuat orang-orang semobil tertawa tanpa henti.
Tangannya juga tidak pernah berhenti, dia mengguntingkan banyak bentuk
binatang kecil dari kotak bekas tempat makanan, membuat anak-anak ini terus
memberi pujian. Sampai ketika turun dari mobil bus, setiap orang
mendapatkan guntingan kertas hewan shio masing-masing.

Ketika mendengar anak-anak terus berterima kasih, tanpa tertahankan pada
wajah suamiku timbul senyum bangga.

Sehabis ujian semester, aku menerima telpon dari wali kelas anakku.

Pertama-tama mendapatkan kabar kalau nilai sekolah anakku tetap kualitas
menengah. Namun dia mengatakan ada satu hal aneh yang hendak
diberitahukannya, hal yang pertama kali ditemukannya selama 30 tahun
mengajar.

Dalam ujian bahasa ada sebuah soal tambahan, yaitu siapa teman sekelas yang
paling kamu kagumi dan alasannya. Selain anakku, semua teman sekelasnya
menuliskan nama anakku.

Alasannya sangat banyak: antusias membantu orang, sangat memegang janji,
tidak mudah marah, enak berteman, dan lain-lain, paling banyak ditulis
adalah optimis dan humoris. Wali kelasnya mengatakan banyak usul agar dia
dijadikan ketua kelas saja.
Dia memberi pujian: Anak anda ini, walau nilai sekolahnya biasa-biasa saja,
namun kalau bertingkah laku terhadap orang, benar-benar nomor satu.

Saya berguyon pada anakku, kamu sudah mau jadi pahlawan. Anakku yang sedang
merajut selendang leher terlebih menundukkan kepalanya dan berpikir
sebentar, dia lalu menjawab dengan sungguh-sungguh: "Guru pernah mengatakan
sebuah pepatah, ketika pahlawan lewat, harus ada orang yang bertepuk tangan
di tepi jalan."
Dia pelan-pelan melanjutkan: "Ibu, aku tidak mau jadi Pahlawan aku mau jadi
orang yang bertepuk tangan di tepi jalan." Aku terkejut mendengarnya dan
mengamatinya dengan seksama.

Dia tetap diam sambil merajut benang wolnya, benang warna merah muda
dipilinnya bolak balik di jarum bambu, sepertinya waktu yang berjalan di
tangannya mengeluarkan kuncup bunga. Dalam hatiku terasa hangat seketika.
Pada ketika itu, hatiku tergugah oleh anak perempuan yang tidak ingin
menjadi pahlawan ini. Di dunia ini ada berapa banyak orang yang
bercita-cita ingin menjadi pahlawan, namun akhirnya menjadi seorang biasa
di dunia fana ini.
Jika berada dalam kondisi sehat, jika hidup dengan bahagia, jika tidak ada
rasa bersalah dalam hati, mengapa anak-anak kita tidak boleh menjadi
seorang biasa yang baik hati dan jujur.

Jika anakku besar nanti, dia pasti akan menjadi seorang isteri yang berbudi
luhur, seorang ibu yang lemah lembut, bahkan menjadi seorang teman kerja
yang suka membantu, tetangga yang ramah dan baik. Apalagi dia mendapatkan
ranking 23 dari 50 orang murid di kelasnya, kenapa kami masih tidak merasa
senang dan tidak merasa puas? Masih ingin dirinya lebih hebat dari orang
lain dan lebih menonjol lagi? Lalu bagaimana dengan sisa 27 orang anak-anak
di belakang anakku? Jika kami adalah orangtua mereka, bagaimana perasaan
kami?

---------------------

Anakmu bukan milikmu.

Mereka putra putri sang Hidup yang rindu pada diri sendiri,

Lewat engkau mereka lahir, namun tidak dari engkau,

Mereka ada padamu, tapi bukan hakmu.

Berikan mereka kasih sayangmu, tapi jangan sodorkan bentuk pikiranmu,

Sebab mereka ada alam pikiran tersendiri.

Patut kau berikan rumah untuk raganya,

Tapi tidak untuk jiwanya,

Sebab jiwa mereka adalah penghuni rumah masa depan, yang tiada dapat kau
kunjungi meski dalam mimpi.

Kau boleh berusaha menyerupai mereka,

Namun jangan membuat mereka menyerupaimu

Sebab kehidupan tidak pernah berjalan mundur,

Pun tidak tenggelam di masa lampau.

Kaulah busur, dan anak-anakmulah Anak panah yang meluncur.

Sang Pemanah Maha Tahu sasaran bidikan keabadian.

Dia merentangmu dengan kekuasaan-Nya,

Hingga anak panah itu melesat, jauh serta cepat.

Meliuklah dengan suka cita dalam rentangan tangan Sang Pemanah,

Sebab Dia mengasihi anak-anak panah yang melesat laksana kilat

Sebagaimana pula dikasihiNya busur yang mantap.

- Khalil Gibran

Sumber : Milis Parakontel, Pak Rumy Lanuar

IUD ( SQL ) di codeigniter ( db : MySQL )

Dalam kesempatan pembaca kali ini, pembaca akan membaca tentang bagaimana membuat pemprosesan data-data di database. Pemprosesan ini adalah Input, Update, Delete, dll. Pemprosesan ini dalam codeigniter maupun SQL biasa. Sebenarnya sudah ada penjelasan di user_guide, tetapi saya akan menjelaskannya dalam bahasa Indonesia dan menurut pemahaman saya, hhe.. Ayo kita mulai, cek it out..

Pertama, seperti inilah database yang kita miliki :
Nama Database : database_x
Nama Table : Tabel_x
Database :

idNamaUmur
1Cakra20
2Hani20


SELECT
Select berfungsi untuk memilih data dari database.
PHP biasa :
Btk Sederhana :
select * nama_tabel where id=1;

Dalam pengaplikasian :

$sql=mysql_query("select * from Tabel_x");
while($data=mysql_fetch_array($sql))
{
echo $data[Nama];
}

Hasil :
Cakra
Hani

Codeigniter :
Bentuk Sederhana :
$query=$this->db->get('Tabel_x');

Dalam pengaplikasian :

$query=$this->db->get('Tabel_x');
foreach ($query as $data):
{ echo $data->Nama;}

INSERT
PHP Biasa :
Bentuk biasa :
mysql_query("INSERT INTO `Nama_Tabel` (`Kolom_1`, `Kolom_2`, `Kolom_3`) VALUES ('Data_1', 'Data_2', 'Data_3';");

Pengaplikasian :

mysql_query("INSERT INTO `Tabel_X` (`id`, `Nama`, `Nim`) VALUES ('Null', '$_POST[username]', '$_POST[nim]';");


Codeigniter :
Bentuk biasa :
$this->db->insert($this->Tabel_X, $data);

Pengaplikasian :

$data = array(
'id' => '',
'name' => '$this->input->post('name');',
'Nim' => '$this->input->post('nim');',
)
$this->db->insert($this->Tabel_X, $data);


UPDATE
PHP biasa :
Bentuk Biasa :
$update=mysql_query("UPDATE `Nama_Tabel` SET `Kolom_1` = 'Data_1',
`Kolom_2` = 'Data_2',
`Kolom_3` = 'Data_3' LIMIT 1");

Pengaplikasian :

$update=mysql_query("UPDATE `Tabel_X` SET `id` = '$_POST[id]',
`Nama` = '$_POST[username]',
`Nim` = '$_POST[nim]' LIMIT 1");


Code Igniter :

Bentuk Biasa :
$this->db->where(Kolom_1, $data);
$this->db->insert($this->Tabel_X, $data);

Pengaplikasian :

$data = array(
'id' => '',
'name' => '$this->input->post('name');',
'Nim' => '$this->input->post('nim');',
)
$this->db->where('id', $data);
$this->db->insert($this->Tabel_X, $data);

DELETE
PHP biasa :
Bentuk Sederhana:
mysql_query("delete from Nama_Tabel where Kolom_1='Data_1'");

Pengaplikasian :


mysql_query("delete from Tabel_X where id='1'");


Code Igniter
:
Bentuk Sederhana:
$this->db->delete('Nama_Tabel', array('Kolom_1' => $Data_1));
Pengaplikasian :

$this->db->delete('Nama_Tabel', array('Kolom_1' => $Data_1))

Blog Challenge dari Pacar Saya

1. Apa tindakan yang pernah anda lakukan yang sekiranya berharga bagi anda yang telah memberi sumbangan perbaikan ke negeri kita?
  • Dengan belajar saja dengan sungguh-sungguh sebenarnya sudah membuat negara kita tidak rusak, karena tidak bertambahnya tingkat pengangguran.
  • Selebihnya tidak ada klihatannya, hhe
2. tindakan yang anda akan lakukan untuk negeri kita lebih baik apa?
  • Wah, belum tau saya..hhe saya bukan negarawan yang baik, hhe
  • Mungkin dengan tidak mengambil hak orang lain(korupsi) sudah menjadikan negara ini lebih baik. tapi itu saja ga cukup sih klihatannya..
3. 10 atlet yang anda kenal dan apa cabang olahraganya? yang indo punya ya.
  • Taufik H, susi susanti (Badminton), gonzales, irbah, marcus, bp(sepak Bola), Hendri, Jesica, Ryan(Renang), Ade ray(Binaraga),
4. kira kira kalo udah kerja nanti jadi apa ya?
  • Aq pingin jadi Dokter, karena bisa suntik orang lewat, ncus, ncus, ncus, hhe(korban Susan)
5. cita cita impian yang belum terwujud?
Menjadi seorang Ayah(belum waktunya, hhe)
6. sebutin min.3 resolusi tahun ini!
  • masi menjalin hubungan dengan Anisa Nur Hani
  • Membuat aplikasi pembelajaran bahasa Sunda
  • Menyelesaikan kurikulum" yang telah saya buat

7. sebutin min.3 pengalaman paing berkesan di dalam hidup lo!


8. lagi sibuk apa? alasannya?
  • Menyelesaikan PA, karena harus sudah lulus sebelum agustus
9. sebutin min.3 tempat wisata favorit!
  • Tangkuban Perahu
  • Danau Toba
  • Pangandaran
  • Garut
  • Tempat wisata yang ane pernah kunjungi baru sedikit, udah baru itu semua, hhe
10. alasan ngeblog?
  • Share ilmu yang di miliki
  • menjadi catatan ilmu sendiri
11. Apakah anda suka pink?
  • Lumayan..

VLC : Pengaturan straming unicast(VLC 1.XX)

Ada tiga jenis streaming pada VLC :
  • Unicast
  • Broadcast
  • Multicast
Pada bagian ini hanya membahas tentang unicast saja, multicast dan broadcast menyusul..

Unicast
Hubangan hanya dari satu komputer ke satu komputer lainnya.

Komputer A adalah server, dan komputer B adalah client. Komputer B hanya melihat apa yang di siarkan oleh komputer A, komputer B tidak memilih siaran/video.

Konfigurasi pada VLC :
Komputer A
(IP : 192.168.1.4 ):

1. Buka VLC player dan pilih media>stream. Atau Ctrl+S

2. Pilih video yang ingin di tampilkan dengan mengklik tombol “Tambah”, kemudian klik “Stream”.

3. Setelah itu klik next atau maju.

4. Pada pilihan file, pilihlah UDP atau RTP. Jika sudah, klik “Tambah”. Setelah itu pilih Codec yang sesuai dan klik “Stream”. Pilihan "Tampilkan secara lokal" hanya opsional, jika ingin di tampilkan di VLC server juga, maka ceklist.

Note :
  • Bacalah petunjuk penggunaan UDP atau RTP lebih banyak lagi.
  • Cobalah terus mencoba hasil dari setiap streamingan jika kita menggunakan codec yang berbeda.
  • H264 + AAC (MP4) : delay lumayan cepat, tetapi jika kita menginginkan pemutaran di server juga, itu tidak bisa. Kualitas yang di hasilkan bagus.
  • Theora + flac (OGG) : delay lama, jika kita menginginkan pemutaran di server juga, bisa. Kualitas yang di hasilkan lebih bagus.
  • MPEG-2 + MPGA (TS) : delay cepat, jika kita menginginkan pemutaran di server juga, bisa. Kualitas yang di hasilkan kurang bagus.
  • dll
5. Isi Alamat IP computer yang kita tuju. (Contoh : 192.168.1.4). Biarkan saja portnya 5004.

6. Jika sudah, klik "STREAM"Proses di komputer A selesai.

Kompter B (IP : 192.168.1.4 ) :

1. Pilih media>buka stream jaringan atau Ctrl+N

2. Isi URL Jaringan dengan rtp://@:5004

Note :
  • Kita menggunakan rtp dan 5004 karena pengaturan di server atau komputer A.
3. Klik play, tunggu sampai muncul tampilan video. Jika tidak, coba lihat komfigurasi IP dan PORT yang di gunakan di masing-masing komputer.

KESIMPULAN :

  • Komputer A memiliki IP (192.168.1.3) dan Komputer B memiliki IP (192.168.1.4).
  • Konfigurasi alamat di komputer A menggunakan RTP, IP: 192.168.1.4 dan port 5004.
  • Konfigurasi URL di komputer B rtp://@:5004
  • Pengaturan codec menentukan delay streaming.
Sekian dan terimakasi, semoga bermanfaat_^.

TUTORIAL HTML 5 (Video, Audio, Form)

Sebenarnya HTML 5 ini sangat baik di gunakan, mungkin sudah banyak artikel menuliskan kelebihan-kelebihannya. Tetapi, yang jelas hanya satu, yaitu browser yang tidak support dengan beberapa scipt atau tag HTML 5 itu sendiri. Gunakanlah : http://html5test.com untuk melihat berapa support browser yang anda miliki untuk mendukung performa html 5. Atau tidak dapat melihat W3schools atau http://html5demos.com.

Penjelasan lengkap tentang HTML 5 mungkin ada di http://slides.html5rocks.com, http://www.w3schools.com/html5/default.asp, http://www.html5rocks.com, mungkin beberapa penjelasan saja.

Penulisan HTML 5
Deklarasi awal agar kita menggunakan HTML 5 ialah hanya menulis "<!DOCTYPE html>" pada awal halaman yang kita buat. Hal tersebut untuk membedakan HTML 5 dan HTML 4.

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>

Pengenalan HTML 5
Dalam HTML 5 ada beberapa bagianyang membedakan tiap jenisnya, yaitu :
• Graphics / Multimedia
• Semantics & Markup
• Offline / Storage
• Realtime / Communication
• File / Hardware Access
• CSS3
• Nuts & Bolts

HTML5 Multimedia
Pada HTML 5, kita dapat memutar suatu video maupun lagu hanya dengan scipt saja, tidak membutuhkan bantuan dari player. Ada dua jenis HTML 5 multimedia, yaitu :
• HTML5-video
• HTML5-audio

HTML 5 video
Terdapat tiga jenis format video yang dapat di putar di HTML 5 ini, Ogg, mp4 dan Webm. Setiap browser support berbeda-beda browser. Penulisannya :
Script :
<video width="320" height="240" controls="controls">
<source src="yourvideo.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>

Contoh :

*anda tidak dapat memplay vidio ini karena file audio di atas hanya sebagai contoh.

HTML 5 audio
Terdapat tiga jenis format video yang dapat di putar di HTML 5 ini, Ogg, mp4 dan Waw. Setiap browser support berbeda-beda browser. Penulisannya :
<audio controls="controls">
<source src="song.ogg" type="audio/ogg" />
<source src="song.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>

Contoh:

*anda tidak dapat memplay audio ini karena file audio di atas hanya sebagai contoh.

HTML 5 INPUT TYPE

Sudah di pastikan HTML 5 harus memiliki input type yang lebih baik dari pendahulunya HTML 4. Input type yang baru dalam HTML 5, yaitu :

INPUT TYPE KETERANGAN
COLOR memilih warna
URL menghasilkan tulisan http:// tanpa mengetiknya
TEL Iput untuk nomor telp, dapat +,0-9
NUMBER input 0-9, jika tidak akan otomatis memfalidasi
RANGE input tinggal mendrag saja, berapa nilai yang kita inginkan
EMAIL input harus berbentuk email, jika tidak akan memvalidasi
SEARCH akan memunculkan simbol search(kacamata pembesar) di beberapa browser
Date pickers
(date, month, week, time, datetime, datetime-local)
Dapat memilih tanggal, minggi, hari, jam dalam bentuk yang lebih menarik seperti J-Query datepicker. Tetapi saat ini hanya suport Opera saja.

Browser Support
Buka saja link ini
*Note: Opera adalah browser terbaik untuk mensuport input type yang terbaru.

Penulisan dan Contoh:
*Bukalah halmana ini di browser Opera agar anda dapat melihat fungsi input type dengan maksimal..

1. Color
Script : <input type="color">
Contoh :

Keterangan : Gambar di atas adalah hasil tampilan script “input type=color” yang di lakukan di browser Opera. Gambar di kanan setelah klik “Other..”

2. Datepicker

DATE
Script 1 : <input type="date">
Contoh 1 :

Keterangan1 : Hasil inputan akan berben

DATETIME
Script 2 : <input type="datetime">
Contoh 2 :

Keterangan 2 : Hasil dari Input type=datetime.tuk tahun-bulan-tanggal

DATETIME-LOCAL
Script 3 : <input type="datetime-local">
Contoh 3 :

Keterangan 3 : Sama seperti input type datetime, tetapi tidak ada keterangan UTC-nya.

MONTH
Script 4 : <input type="month">
Contoh 4 :

Keterangan 4 : Berbeda dengan “input type=date”, dalam “input type=month” kita memilih satu bulan sekaligus dan hasilnya “tahun-bulan” saja.

WEEK
Script 5 : <input type="week">
Contoh 5 :

Keterangan 5 : Dalam “input type = week”,kita dapat memilih satu minggu langsung. Hasilnya adalah “tahun-W0X”. “0X” adalah minggu ke berapa dalam bulan tersebut.

TIME
Script 6 : <input type="time">
Contoh 6 :

Keterangan : Dalam input type ini, kita dapal langsung mengketik pukul berapa sesuai keinginan kita, kita juga dapat mengklik atas dan bawah.

3. Email
Script : <input type="email">
Contoh :
Keterangan : Jika kita salah menginputkan email(tidak ada “@ dan .”), maka akan ada perintah “please enter a valid email address”, tergantung browser.

4. URL
Script : <input type="url">
Contoh :
Keterangan : Jika kita mengketik url kita tanpa http, sedangkan gambar di kanan secara langsung menambahkan http di form tersebut saat mengklik submit.


5. Number
Script : <input max="10" min="0" type="number">
Contoh :

Keterangan : Pada input type-number ini, kita dapat menentukan nilai max dan min.

6. Range
Script : <input max="10" min="0" type="range">
Contoh :

Keterangan : Dalam input type ini kita dapat juga menentukan nilai max dan min. Perbedaan input type ini dengan input type number adalah system klik dan system drag-nya. Range menggunakan drag, sedangkan number klik atau type.

7. TEL
Script : <input type="tel">
Contoh :

Keterangan : Saya belum mengetahui pasti. Untuk angka maupun nomor sama-sama bisa.

8. SEARCH
Script : <input type="search" results="5" >
Contoh :

Keterangan : Perbedaannya hanya terletak pada gambar pencari seperti di atas, dan juga . Gambar di atas di ambil dari browser Google Chrome. Selain google chrome bentuk/gambar input type-search hanya seperti input type biasa.

Tambahan
Gabungan dengan CSS, Iput type speach :
<input x-webkit-speech>

*input type ini baru bekerja pada browser Google Chrome.

Jika anda tidak memiliki browser yang banyak anda dapat melihat gambar/bentuk input type di PDF. PDF dapat di donwload disini


Semoga Postingan ini bermanfaat_^