Pengenalan PHP (HyperText Preprocessor)

♠ Posted by Unknown

PHP (HyperText Preprocessor)



Apa itu PHP ?

  • PHP merupakan singkatan dari HyperText Preprocessor
  • PHP banyak digunakan, karena open source
  • Script PHP dieksekusi pada server
  • PHP bebas untuk di download dan digunakan

Apa itu File PHP ?
  • File PHP dapat berisi teks, HTML, CSS, JavaScript, dan kode PHP.
  • Kode PHP dieksekusi pada server dan hasilnya dikembalikan ke browser sebagai HTML biasa
  • File PHP memiliki ekstensi ".php"
Apa yang bisa PHP lakukan ?
  • PHP dapat menghasilkan konten halaman dinamis
  • PHP dapat membuat, membuka, menulis, menghapus, dan menutup file pada server
  • PHP dapat mengumpulkan data formulir
  • PHP dapat mengirim dan menerima cookie
  • PHP dapat menambah, menghapus, memodifikasi data dalam database anda
  • PHP dapat digunakan untuk mengontrol akses pengguna
  • PHP dapat mengenkripsi data

Dengan PHP anda tidak terbatas untuk output HTML. Anda dapat output gambar, file PDF, dan bahkan film flash. Anda dapat juga keluaran teks, seperti XHTML dan XML.

Mengapa PHP ?
  • PHP berjalan pada berbagai platform (Windows, Linux, Unix, Mac OSX, dll.)
  • PHP kompatibel dengan hampir semua server yang digunakan hari ini (Apache, IIS, dll)
  • PHP mendukung berbagai database
  • PHP ini gratis. Download dari sumber daya PHP resmi : www.php.net
  • PHP mudah dipelajari dan berjalan efisien pada sisi server

Apa yang dibutuhkan untuk mulai menggunakan PHP ? 

  • Menemukan web host dengan dukungan PHP dan MySQL
  • Menginstal weeb server pada PC anda sendiri dan kemudian menginstal PHP dan MySQL
Gunakan Web Host dengan dukungan PHP

Jika server anda telah mengaktifkan dukungan untuk PHP, anda tidak perlu melakukan apa-apa. Hanya membuat beberapa file php, menempatkan mereka dalam direktori web anda, dan server akan otomatis menguraikannya untuk anda. Anda tidak perlu mengkompilasi sesuatu atau memasang alat tambahan. Karena PHP ini gratis, paling web host menawarkan dukungan PHP.

Namun, jika server anda tidak mendukung PHP, anda harus :
  • Menginstal web server
  • Menginstal PHP
  • Menginstal database, seperti MySQL
Website PHP resmi memiliki petunjuk instalasi untuk PHP.


Sumber : http://www.w3schools.com/

Instalasi CMS Joomla_3.2.1 di Localhost

♠ Posted by Unknown in

Instalasi CMS Joomla_3.2.1 di Localhost







Joomla! merupakan Sistem Manajemen Konten (SMK atau CMS) yang bebas dan terbuka (free opensource) ditulis menggunakan PHP dan basis data MySQL untuk keperluan di internet maupun intranet. Joomla pertamakali dirilis dengan versi 1.0.0. Fitur-fitur Joomla! diantaranya adalah sistem caching untuk peningkatan performansi, RSS, blogs, poling, dll. Joomla! menggunakan lisensi GPL.

Asal kata Joomla sendiri berasal dari kata Swahili jumla yang mengandung arti "kebersamaan". Joomla! terdiri dari 3 elemen dasar, yaitu server web (webserver), skrip PHP dan basisdata MySQL. Server web diasumsikan terhubung dengan Internet/Intranet yang berfungsi sebagai penyedia layanan situs. Skrip PHP terdiri dari kode program dalam bahasa PHP dan basisdata merupakan tempat penyimpanan konten. Joomla menggunakan Apache sebagai server web dan MySQL untuk basisdatanya. Sejarah Joomla! sendiri awalnya dikembangkan dari aplikasi CMS lainnya yaitu Mambo.



Langkah-langkah instalasi sebagai berikut.

1. Buka terminal

2. Masuk ke directory /var/www/html/

# cd /var/www/html



3. Kemudian download joomla disitus resmi. Saya menggunakan copy link location.

# wget http://joomlacode.org/gf/download/frsrelease/19007/134333/Joomla_3.2.1-Stable-Full_Package.zip






4. Setelah selesai, Lalu menginstal php-xml-parser php5-intl php5-sqlite smbclient curl libcurl3 dengan perintah sebagai berikut.

# apt-get install php-xml-parser php5-intl php5-sqlite smbclient curl libcurl3






5. Lalu restart apache2 dengan perintah sebagai berikut.

# /etc/init.d/apache2 restart


6. Buat folder untuk joomla. Karena file dari joomla sendiri tidak terkelompok dalam 1 folder.

# mkdir joomla




7. Pindah file yang kita downloads ke direktori yang kita buat tadi.

# mv Joomla_3.2.1-Stable-Full_Package.zip joomla



8. Kemudian masuk ke directory joomla.

# cd joomla


9. Lalu extract file joomla tadi yang sudah kita pindah ke directory joomla.

# unzip Joomla_3.2.1-Stable-Full_Package.zip



10. Keluar terlebih dahulu dari directory joomla. Kemudian kita beri hak akses pada directory joomla.

# chown -R www-data:www-data joomla 

atau

# chmod 755 joomla




11. Buka browser dan ketikkan localhost/phpmyadmin. Buat database untuk joomla.




12. Buka tab baru kemudian ketikkan localhost/nama_database. Misal localhost/joomla



13. Isi Main Configuration dengan data yang sudah anda rencanakan. Jika sudah klik Next.




14. Isi Database Configuration sesuai data yang anda punya. Jika sudah klik Next.




15. Klik Install. Tunggu beberapa saat.





16. Remove folder installation untuk keamanan.


17. Setelah remove kemudian klik administrator.


18. Selesai.

Evaluasi Diri Bersama Mbah Suro Dhemit

♠ Posted by Unknown

Refreshing Pikiran dan Evaluasi Diri



           Setiap hewan memiliki gaya hidup sendiri-sendiri. Sebagai contoh, harimau. Harimau bisa menjadi jinak, bisa juga menjadi ganas dan berbahaya. Tetapi sebenarnya harimau mempunyai naluri untuk hidup bebas di alam liar. Sehingga harimau yang habitatnya dibatasi terkadang bisa membahayakan manusia karena hewan juga bisa merasakan kejenuhan seperti halnya manusia dan bisa memberontak pada saat yang tak terduga. Kemudian ada kucing yang jinak. Yang selalu dimanja oleh pemiliknya yang membuatnya menjadi hewan yang pemalas. Sama seperti manusia. Apabila manusia hidupnya selalu dimanja maka dia akan menjadi orang yang pemalas. Hewan tidak mempunyai rasio atau akal dan tidak mempunyai nafsu seperti manusia tetapi memiliki naluri. Hewan hanya mempunyai naluri. Naluri untuk melindungi, naluri untuk merias diri dan berkembangbiak. Tidak seperti manusia yang mempunyai nafsu dan akal fikiran. Sehingga manusia rentang akan godaan setan. Apakah kita akan menjadi hewan-hewan seperti harimau dan kucing ? Yang bisa memberontak sewaktu-waktu ? dan menjadi pemalas, yang selalu mengandalkan majikannya ?

            Manusia terkadang mencapai titik jenuhnya dan bisa mengakibatkan pemberontakan. Dan itu biasa terjadi pada remaja yang berusia 16 tahun menuju ke 17 tahun. Pada masa inilah remaja masih mencari jati dirinya dan sangat rentang dengan pergaulan dan kehidupan. Pada saat ini juga kita terkadang seperti kucing yang selalu ingin dimanja dan diperhatikan. Dan terkadang juga bisa menjadi harimau yang membahayakan sekitarnya. Perbedaan manusia dengan hewan sangat tipis. Sehingga manusia harus mempunyai pedoman hidup yaitu AGAMA. A yang berarti tidak dan GAMA yang artinya beraturan. Jadi fungsi dari agama adalah menjadikan hidup manusia menjadi beraturan dan tidak melenceng dari kodratnya. Dengan agama kita akan tidak akan seperti hewan. Dengan agama hidup kita akan menjadi teratur, terarah dan akan konsisten dengan apa yang diyakini.

Jadi tentukanlah hidupmu. Buatlah prinsip hidup dan teguhkanlah.

MANAJEMEN PROYEK BIDANG IT & PENDIDIKAN

♠ Posted by Unknown

MANAJEMEN PROYEK BIDANG IT & PENDIDIKAN



Prinsip Umum Manajemen Proyek

George R. Terry telah merumuskan fungsi fungsi tersebut sebagai POAC (Planning, Organizing, Actuating dan Controlling).
  • Planning (Perencanaan)
  • Organizing (Pengorganisasian)
  • Actuating (Penggerakan)
  • Controling (Pengendalian)
A. Planning (Perencanaan)
Planning adalah proses yang secara sistematis mempersiapkan kegiatan guna mencapai tujuan dan sasaran tertentu. Kegiatan diartikan sebagai kegiatan yang dilakukan dalam rangka pekerjaan konstruksi, baik yang menjadi tanggung jawab pelaksana (kontraktor) maupun pengawas (konsultan). Kontraktor maupun konsultan, harus mempunyai konsep planning” yang tepat untuk mencapai tujuan sesuai dengan tugas dan tanggung jawab masing-masing.

Pada proses planning perlu diketahui hal-hal sebagai berikut :
  • Permasalahan yang terkait dengan tujuan dan sumber daya yang tersedia.
  • Cara mencapai tujuan dan sasaran dengan memperhatikan sumber daya yang tersedia.
  • Penerjemahan rencana kedalam program-program kegiatan yang kongkrit.
  • Penetapan jangka waktu yang dapat disediakan guna mencapai tujuan dan sasaran.
B. Organizing (Pengorganisasian)
Organizing (pengorganisasian kerja) dimaksudkan sebagai pengaturan atas suatu kegiatan yang dilakukan oleh sekelompok orang, dipimpin oleh pimpinan kelompok dalam suatu wadah organisasi. Wadah organisasi ini menggambarkan hubungan-hubungan struktural dan fungsional yang diperlukan untuk menyalurkan tanggung jawab, sumber daya maupun data.

Dalam proses manajemen, organisasi berfungsi untuk :
  • menjamin terpeliharanya koordinasi dengan baik.
  • membantu pimpinannya dalam menggerakkan fungsi-fungsi manajemen.
  • mempersatukan pemikiran dari satuan organisasi yang lebih kecil yang berada di dalam kordinasinya.
Dalam fungsi organizing, koordinasi merupakan mekanisme hubungan struktural maupun fungsional yang secara konsisten harus dijalankan. Koordinasi dapat dilakukan melalui mekanisme :
  • koordinasi vertikal (menggambarkan fungsi komando),
  • koordinasi horizontal (menggambarkan interaksi satu level); dan
  • koordinasi diagonal (menggambarkan interaksi berbeda level tapi di luar fungsi komando). 
Koordinasi vertikal dan bersifat hirarkis :
  • Pelaksana Konstruksi : koordinasi antara General Superintendant dengan Material Superintendant atau dengan Construction Engineer atau dengan Equipment Superintendant.
  • Field Supervision Team, koordinasi antara Site Engineer dengan Quantity Engineer atau dengan Quality Engineer merupakan koordinasi vertikal dan bersifat hirarkis.

Koordinasi horizontal dan bersifat satu level :
  • Pelaksanaan konstruksi, koordinasi antara Material Superintendant dengan Construction Engineer atau dengan Equipment Superintendant merupakan.
  • Field Supervision Team, koordinasi antara Quantity Engineer atau dengan Quality Engineer merupakan koordinasi horizontal dan bersifat satu level.
Koordinasi diagonal :
Koordinasi antara General Superintendant dengan Site Engineer merupakan koordinasi horizontal dan bersifat satu level, sedangkan koordinasi antara Kepala Satuan Kerja Pekerjaan Civil Works dengan General Superintendant atau dengan Site Engineer merupakan koordinasi vertikal.

C. Actuating (Penggerakan)
Actuating diartikan sebagai fungsi manajemen untuk menggerakkan orang yang tergabung dalam organisasi agar melakukan kegiatan yang telah ditetapkan di dalam planning. Pada tahap ini diperlukan kemampuan pimpinan kelompok untuk menggerakkan; mengarahkan; dan memberikan motivasi kepada anggota kelompoknya untuk secara bersama-sama memberikan kontribusi dalam menyukseskan manajemen proyek mencapai tujuan dan sasaran yang telah ditetapkan.
Berikut ini beberapa metoda mensukseskan “actuating” yang dikemukakan oleh George R. Terry, yaitu:
  • Hargailah seseorang apapun tugasnya sehingga ia merasa keberadaannya di dalam kelompok atau organisasi menjadi penting.
  • Instruksi yang dikeluarkan seorang pimpinan harus dibuat dengan mempertimbangkan adanya perbedaan individual dari pegawainya, hingga dapat dilaksanakan dengan tepat oleh pegawainya.
  • Perlu ada pedoman kerja yang jelas, singkat, mudah difahami dan dilaksanakan oleh pegawainya.
  • Lakukan praktek partisipasi dalam manajemen guna menjalin kebersamaan dalam penyelenggaraan manajemen, hingga setiap pegawai dapat difungsikan sepenuhnya sebagai bagian dari organisasi.
  • Upayakan memahami hak pegawai termasuk urusan kesejahteraan, sehingga tumbuh sense of belonging dari pegawai tersebut terhadap tempat bekerja yang diikutinya.
  • Pimpinan perlu menjadi pendengar yang baik, agar dapat memahami dengan benar apa yang melatarbelakangi keluhan pegawai, sehingga dapat dijadikan bahan pertimbangan dalam pengambilan sesuatu keputusan.
  • Seorang pimpinan perlu mencegah untuk memberikan argumentasi sebagai pembenaran atas keputusan yang diambilnya, oleh karena pada umumnya semua orang tidak suka pada alasan apalagi kalau dicari-cari agar bisa memberikan dalih pembenaran atas keputusannya.
  • Jangan berbuat sesuatu yang menimbulkan sentimen dari orang lain atau orang lain menjadi naik emosinya. 
  • Pimpinan dapat melakukan teknik persuasi dengan cara bertanya sehingga tidak dirasakan sebagai tekanan oleh pegawainya.
  • Perlu melakukan pengawasan untuk meningkatkan kinerja pegawai, namun haruslah dengan cara-cara yang tidak boleh mematikan kreativitas pegawai.
D. Controlling (Pengendalian)
Controlling diartikan sebagai kegiatan guna menjamin pekerjaan yang telah dilaksanakan sesuai dengan rencana. Didalam manajemen proyek jalan atau jembatan, controlling terhadap pekerjaan kontraktor dilakukan oleh konsultan melalui kontrak supervisi, dimana pelaksanaan pekerjaan konstruksinya dilakukan oleh kontraktor. Pengawas Umum (General Superintendat) berkewajiban melakukan Pengendalian (secara berjenjang) terhadap pekerjaan yang dilakukan oleh staf di bawah kendalinya yaitu Site Administration, Quantity Surveyor, Materials Superintendant, Construction Engineer, dan Equipment Engineer untuk memastikan masing-masing staf sudah melakukan tugasnya dalam koridor “jaminan kualitas (quality assurance)”. Sehingga, tahap-tahap pencapaian sasaran sebagaimana direncanakan dapat dipenuhi.
Kegiatan ini berlaku juga dalam kegiatan internal konsultan supervisi, dalam artian, kepada pihak luar konsultan supervisi itu bertugas mengawasi kontraktor, selain itu secara internal Site Engineer juga melakukan controlling terhadap Quantity Engineer dan Quality Engineer. Secara keseluruhan internal controlling ini dapat mendorong kinerja konsultan supervisi lebih baik di dalam mengawasi pekerjaan kontraktor.
Ruang lingkup kegiatan controlling mencakup pengawasan atas seluruh aspek pelaksanaan rencana, antara lain adalah:
  • Produk pekerjaan, baik secara kualitatif maupun kuantitatif
  • Seluruh sumber-sumber daya yang digunakan (manusia, uang , peralatan, bahan)
  • Prosedur dan cara kerjanya
  • Kebijaksanaan teknis yang diambil selama proses pencapaian sasaran.
      Controlling harus bersifat obyektif dan harus dapat menemukan fakta-fakta tentang pelaksanaan pekerjaan di lapangan dan berbagai faktor yang mempengaruhinya. Rujukan untuk menilainya adalah memperbandingkan antara rencana dan pelaksanaan, untuk memahami kemungkinan terjadinya penyimpangan.


Instalasi ppdb_online di Localhost

♠ Posted by Unknown

Instalasi ppdb_online



Langkah-langkah instalasi ppdb online sebagai berikut.

1. Masuk terminal
2. Masuk ke directory ppdb online berada. File ppdb online saya berada di folder Download. Maka

# cd Downloads/


3. Kemudian copy file ppdb online ke directory /var/www/html/

# cp ppdb_online.zip /var/www/html/


4. Masuk ke directory /var/www/html/

# cd /var/www/html


5. Extract file berdasarkan jenis file.

# unzip ppdb_online.zip


6. Beri hak akses menggunakan perintah sebagai berikut.

# chown -R www-data:www-data ppdb_online


7. Buat database untuk ppdb online


8. Buka tab baru kemudian ketikkan perintah sebagai berikut.

 localhost/ppdb_online/media.php


kita menggunakan media.php karena index.php masih kosong.

9. Kemudian akan muncul tampilan sebagai berikut.



10. Lalu kita ubah url agar melalui index.php dan kita hanya tinggal mengetikkan url localhost/ppdb_online
  • Masuk terlebih dahulu ke directory ppdb_online
# cd ppdb_online/


  • Masuk ke directory config
# cd config/


  •  Buka koneksi.php dengan perintah sebagai berikut.
# nano koneksi.php
  • Copy alamat url yang masih menggunakan ppdb_online/media.php kemudian paste.

tekan ctrl+x => Y => enter
  •  Buka browser dan ketikkan localhost/ppdb_online

jQueryMobile

♠ Posted by Unknown

jQueryMobile


     jQuery Mobile adalah kerangka web untuk menciptakan aplikasi web mobile. jQuery Mobile bekerja pada semua smartphone yang populer dan tablet. jQuery Mobile menggunakan HTML5 & CSS3 untuk meletakkan halaman dengan scripting yang minimal.

Pengetahuan dasar sebelum belajar jQuery Mobile yaitu : 
  • HTML 
  • CSS 
  • jQuery

jQuery Mobile bekerja pada semua smartphone yang populer dan tablet:


     jQuery Mobile dibangun di atas perpustakaan jQuery, yang membuatnya mudah untuk belajar jika Anda sudah tahu jQuery.

     Menggunakan HTML5, CSS3, JavaScript dan AJAX untuk menyelesaikan pekerjaan untuk meletakkan halaman dengan scripting yang minimal.


     jQuery Mobile memecahkan masalah ini, karena hanya menggunakan HTML, CSS dan JavaScript, yang merupakan standar untuk semua browser web mobile.

Menambahkan jQuery Mobile untuk Halaman Web Anda

Ada dua cara untuk menambahkan jQuery Mobile ke situs web Anda. Kamu bisa: 

  • Link ke perpustakaan jQuery Mobile disimpan pada CDN (dianjurkan) 
  • Link ke perpustakaan jQuery Mobile disimpan pada komputer Anda 
   

  1. Viewport tag <meta> di dalam <head> elemen menentukan bagaimana browser harus mengontrol tingkat zoom halaman dan dimensi
  2. Width = device-width set lebar halaman untuk mengikuti lebar-layar perangkat (yang akan bervariasi tergantung pada perangkat)
  3. Awal skala = 1 set tingkat zoom awal saat halaman pertama dimuat oleh browser.
     Jika Anda ingin menjadi tuan rumah perpustakaan jQuery Mobile sendiri, Anda harus terlebih dahulu men-download dari jQuery mobile.com.
Kemudian tambahkan kode berikut ke halaman Anda:
  
Tip: Tempatkan file yang didownload dalam direktori yang sama seperti halaman di mana Anda ingin menggunakannya. 
Catatan: Apakah Anda bertanya-tanya mengapa kita tidak memiliki type = "text / javascript" dalam <script> tag?

Hal ini tidak diperlukan dalam HTML5. JavaScript adalah bahasa scripting default pada HTML5 dan di semua browser modern.
Create a Page (Buat Halaman)
Catatan: Meskipun jQuery Mobile bekerja pada semua perangkat mobile, mungkin memiliki beberapa masalah kompatibilitas pada komputer desktop (karena dukungan CSS3 terbatas).  
Di bawah ini, adalah standar halaman jQuery Mobile: 

Contoh menjelaskan:
The data-role="page" adalah halaman yang ditampilkan dalam browser.
The data-role="header" menciptakan toolbar di bagian atas halaman (sering digunakan untuk tombol judul atau pencarian).
The data-role="main" mendefinisikan isi halaman, seperti teks, gambar, tombol, bentuk, dll
The "ui-content" class menambahkan padding tambahan dan marjin dalam konten halaman.
The data-role="footer" menciptakan toolbar di bagian bawah halaman.
Di dalam wadah ini, Anda dapat menambahkan elemen HTML - paragraf, gambar, judul, daftar, dll
Menambahkan Artikel dalam jQuery Mobile
Dalam jQuery Mobile, Anda dapat membuat beberapa halaman dalam satu file HTML. Pisahkan setiap halaman dengan id yang unik dan menggunakan atribut href untuk menghubungkan antara mereka:       
Tip: waktu membuka akan terpengaruh oleh aplikasi web dengan banyak konten (yaitu teks, link, gambar, script dll). Gunakan file eksternal jika Anda tidak ingin link halaman internal:

Menggunakan Pages sebagai Dialog
 
      Sebuah kotak dialog adalah jenis jendela yang digunakan untuk menampilkan informasi khusus atau masukan permintaan.
Untuk membuat kotak dialog yang terbuka ketika pengguna mengetuk link, menambahkan data-dialog = "true" untuk halaman yang ingin ditampilkan sebagai dialog:
 
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung Mentransformasi 3D.

Efek transisi dapat diterapkan untuk setiap link atau formulir pengajuan dengan menggunakan data atribut-transisi:

Efek memudar adalah default pada semua link di jQuery Mobile (jika dukungan browser itu).

Tip: Semua efek di atas juga mendukung tindakan terbalik / mundur, misalnya jika Anda ingin halaman untuk geser dari kiri ke kanan, bukan kanan ke kiri, menggunakan data atribut-arah dengan nilai "reverse".

Membuat Tombol di jQuery Mobile

Sebuah tombol di jQuery Mobile dapat dibuat dalam tiga cara:

  • Menggunakan <input> elemen
  • Menggunakan <button> elemen dengan class = "ui-btn"
  • Menggunakan elemen <a> dengan class = "ui-btn" 
<input>

 


<button>


 <a>
Catatan: Tombol di jQuery Mobile secara otomatis bergaya, membuat mereka menarik dan dapat digunakan pada kedua perangkat mobile dan komputer desktop. Lebih baik menggunakan elemen <a> dengan class = "ui-btn" untuk menghubungkan antara halaman, dan <input> atau <button> elemen untuk pengiriman formulir. 
Tombol navigasi 
Untuk menghubungkan antara halaman dengan tombol, menggunakan elemen <a> dengan class = "ui-btn":
  
Grouped Buttons (Tombol dikelompokkan)
jQuery Mobile menyediakan cara mudah untuk mengelompokkan tombol bersama-sama.

Menggunakan data-role = "controlgroup" atribut bersama-sama dengan data-type = "horisontal | vertikal" dalam elemen kontainer, untuk menentukan apakah tombol kelompok horizontal atau vertikal:
     Secara default, tombol dikelompokkan secara vertikal tanpa margin dan ruang antara mereka. Dan hanya yang pertama dan tombol terakhir telah sudut bulat, yang menciptakan tampilan yang bagus ketika dikelompokkan bersama. 
  
Back Buttons (Tombol Kembali)

Untuk membuat tombol Kembali, menggunakan data-rel = "kembali" atribut (Catatan: ini akan mengabaikan nilai href jangkar ini):
  
Inline Buttons (Tombol Dalam Barisan)

Secara default, tombol mengambil lebar penuh layar. Jika Anda ingin sebuah tombol yang hanya selebar isinya, atau jika Anda ingin dua atau lebih tombol untuk muncul berdampingan, tambahkan kelas "ui-btn-inline" :







Catatan: Jika Anda ingin menggunakan lebih dari satu kelas, memisahkan masing-masing kelas dengan ruang, seperti: class="ui-btn ui-btn-inline ui-btn-corner-all ui-shadow"


Secara default, <input> tombol memiliki bayangan dan sudut bulat. <a> Dan <button> elemen tidak.


Sumber : http://www.w3schools.com/