1. Install python-software-properties
sudo apt-get install python-software-properties
2. add repository chris-lea
sudo add-apt-repository ppa:chris-lea/node.js
3. update apt-get
sudo apt-get update
4. install node.js
sudo apt-get install nodejs
express.js installation
1. install express
npm install -g express
2. check npm installation
npm ls
Done!
Modul mod_ssl merupakan salah satu fitur penting yang ada di Apache2 web server. Modul mod_ssl memungkinkan web server memiliki jalur komunikasi yang ter-enkripsi. Browser berhubungan dengan web server menggunakan ssl dengan menggunakan prefiks https:// pada awal URL.
Cara mengaktivasi mod_ssl dengan cara masuk terminal (CTRL + ALT + T) lalu ketik command di bawah ini:
sudo a2enmod ssl
massukkan password. lalu lakukan restart apache dengan cara
sudo service apache2 restart
Konfigurasi standar untuk HTTPS terdapat pada /etc/apache2/sites-available/default-ssl. Penggunaan HTTPS diperlukan sebuah certificate dan key, konfigurasi standar HTTPS menggunakan certificate dan key yang di-generate oleh ssl-cert package, akan tetapi certificate dan key ini sebaiknya digunakan hanya untuk keperluan testing saja.
Untuk mengkonfigurasi apache2 ketikkan command di bawah ini melalui terminal:
sudo a2ensite default-ssl
Terakhir lakukan kembali restart apache
sudo /etc/init.d/apache2 restart
Selanjutnya web server dapat diakses dengan menggunakan prefiks https://
Pada artikel ini dijelaskan cara mengubah action click button secara dinamis.
Contoh apabila ada 3 button, button_pertama, button_kedua dan button_ketiga. Action pada button_ketiga ditentukan oleh action button_pertama atau action button_kedua. Apabila button_pertama di click, maka button_ketiga akan memanggil fungsi_pertama apabila di-click. Apabila button_kedua di-click, maka button_ketiga akan memanggil fungsi_kedua.
Setiap button_pertama atau button_kedua di-click akan dipanggil dahulu fungsi unbind click action untuk button_kedua Fungsi unbind pada javascript digunakan untuk melepaskan action fungsi sebelumnya. Setelah fungsi unbind dipanggil, button_ketiga dapat di-bind pada fungsi baru.
Berikut baris kode javascript menggunan JQuery, kode ini diletakkan di dalam $(document).ready(function(){}):
$(‘#button_pertama’).click(function() {
$(‘#button_ketiga’).unbind(‘click’);
$(‘#button_ketiga’).click(fungsi_pertama);
});
function fungsi_pertama()
{
// Kode untuk fungsi_pertama
}
$(‘#button_kedua’).click(function() {
$(‘#button_ketiga’).unbind(‘click’);
$(‘#button_ketiga’).click(fungsi_kedua);
});
function fungsi_kedua()
{
// Kode untuk fungsi_kedua
}
Referensi selengkapnya mengenai fungsi unbind dapat dilihat di http://api.jquery.com/unbind/
Ajax merupakan teknik pemrograman web dinamis menggunakan javascript. Ajax dapat digunakan untuk mengambil data dari database tanpa harus me-reloading halaman atau berpindah url. Fungsi ajax dapat dikombinasikan dengan button atau event lainnya.
Pada artikel ini akan dijelaskan mengenai penggunaan Ajax pada JQuery, pembaca diharapkan sudah mengerti dasar php, html, javascript dan JQuery seperti membuat function, deklarasi variabel dan mengakses DOM dengan JQuery.
Berikut ini adalah contoh penggunaan Ajax pada JQuery.
Kode ini diletakkan di dalam $(document).ready(function(){} )
$.ajax({
url: http://www.yohanli.com/index.php/c_contoller_anda/fungsi_yang_dipanggil, //misalnya url controller anda
data: parameter,
cache: false,
dataType: “json”,
beforeSend: function() {before_ajax();},
complete: function() {after_ajax();},
success: function(result_json) {success_function(result_json);}
});
Data parameter
Parameter merupakan variabel yang akan di pass ke halaman selanjutnya. Contoh parameter didapatkan dari input box dengan id input_box_1, maka akan ditulis dengan format: ‘data1=’ + $(# input_box_1).val(). parameter ini mem-passing variabel data1 di url tujuan. Variabel ini dapat diakses dengan cara $_GET[‘data_1’] menggunakan php.
Multiple parameter dari banyak input box dapat dilakukan dengan contoh berikut ini:
var parameter = ‘data1=’ + $(#input_box_1).val() + ‘&data2=’ + $(#input_box_2).val()’;
Kode di atas menjelaskan bahwa akan ada 2 variabel yang dipass yaitu data1 dan data2 yang diambil dari input_box 1 dan input_box_2
Pada url tujuan, variabel ini dapat diambil menggunakan php dengan cara $_GET[‘data1’] dan $_GET[‘data2’]
Function
Fungsi before_ajax(), after_ajax() dan success_function() merupakan fungsi javascript yang maxing-masing akan di-execute pada saat terjadi ajax request. Fungsi ini dapat diletakkan di dalam $(document).ready(function() ).
function before_ajax()
{
// Kode ini akan dipanggil sesaat sebelum ajax request
}
function after_ajax()
{
// Kode ini akan dipanggil sesaat sesudah ajax request
}
Variabel yang didapat dari ajax dapat diakses langsung oleh javascript. Pada contoh ini digunakan JSON, JSON lebih fleksibel dan relatif simple daripada xml.
Contoh apabila return merupakan json data berupa {“hasil”: {“nama” : “saya”, “umur” : “20 tahun”}}
Data ini dapat diakses dengan cara:
result_json[‘hasil’][‘nama’] akan menghasilkan string “saya”
result_json[‘hasil’][‘nama’] akan menghasilkan string “20 tahun”
Kode PHP URL Tujuan
Berikut adalah contoh coding URL tujuan
<?php
class C_Controller_Anda {
function __construct()
{
// Kode Constructor
}
function index()
{
// Kode Index
}
function fungsi_yang_dipanggil()
{
// di sini diletakkan kode untuk menyajikan data return
$data_pertama = $_GET[‘data1’]; // ini adalah cara mengambil parameter data1
$data_kedua = $_GET[‘data2’]; // ini adalah cara mengambil parameter data2
$result_json = $this->Model_Anda->fungsi_di_dalam_model_yang_dipanggil($data_pertama, $data_kedua);
echo $result_json; // ini data yang akan diterima oleh ajax
}
XML merupkan singkatan dari eXtensible Markup Language. XML merupakan markup language seperti HTML, akan tetapi tidak seperti HTML, XML didesain untuk transportasi dan penyimpanan data. XML tidak didesain untuk menampilkan data.
XML 1.0 sudah memperoleh rekomendasi W3C sejak 10 Pebruari 1998. XML 1.0 2.Ed memperoleh rekomendasi sejak 6 Oktober 2000. XML 1.0 (3.Ed) sejak 4 Pebruari 2004. XML 1.0 (5.Ed) sejak 26 November 2008. XML 1.1 sejak 4 Pebruari 2004. XML 1.1 (2.Ed) sejak 16 Agustus 2006. XML 1.0 Namespaces sejak 14 Januari 1999. XML 1.0 Namespaces (2.Ed) sejak 16 Agustus 2006. XML 1.1 Namespaces sejak 4 Pebruari 2004. XML 1.1 Namespaces (2.Ed) sejak 16 Agustus 2006. XML Infoset sejak 24 Oktober 2001. XML Infoset (2.Ed) sejak 4 Pebruari 2004. XML Base sejak 27 Juni 2001. XML Base (2.Ed) sejak 28 Jan 2009. XLink 1.0 sejak 27 Juni 2001. XPointer Framework sejak 25 Maret 2003. XPointer element() scheme 25 Maret 2003. XPointer xmlns() scheme sejak 25 Maret 2003. XInclude 1.0 sejak 20 Desember 2004. XInclude 1.0 (2.Ed) sejak 15 November 2006. Untuk melihat perkembangan mengenai XML dapat dilihat pada situs http://www.w3schools.com/w3c/w3c_xml.asp.
Tag yang digunakan dalam XML tidak predifined seperti HTML, Tag pada XML didefinisikan oleh pengguna.
XML bukan merupakan pengganti HTML. HTML digunakan untuk penyajian data sedangkan XML digunakan untuk transportasi dan penyimpanan data itu sendiri. XML mempermudah web programmer dalam pengolahan data.
Berikut adalah contoh sederhana penggunaan XML
<produk>
<nama>Flash Disk Drive 2GB</nama>
<hargamodal>Rp 50.000</hargamodal>
<hargajual>Rp55.000</hargajual>
<stok>24 buah</stok>
</produk>
Dari contoh di atas dapat dijelaskan bahwa XML membantu web programmer dalam mengelola struktur data. Data dapat dipisahkan dari HTML ke dalam berkas XML, sehingga apabila ada perubahan data, programmer cukup merubah pada berkas XML saja. Programmer dapat membuat kode JavaScript untuk membaca dan merubah data pada berkas XML.
XML mempermudah data sharing. Banyak data diciptakan dengan format yang mungkin tidak kompatibel dengan sistem yang lain. XML disimpan dalam plain format yang sangat sederhana, sehingga data dengan mudah dapat digunakan semua komputer atau aplikasi. Karena XML disimpan dalam bentuk text, maka pengguna tidak perlu khawatir kehilangan data saat melakukan perubahan sistem operasi atau aplikasi. Bahkan bila didukung oleh para developer aplikasi, seluruh berkas word processor, spreadsheet, database, dan data lainnya akan disimpan dalam bentuk XML sehingga mempermudah pertukaran data antar aplikasi tanpa diperlukan konversi lagi.
Bentuk XML secara umum adalah sebagai berikut:
<root>
<child>
<subchild>…..</subchild>
</child>
</root>
Dalam XML dapat ditambahkan komentar dimulai dengan <!– dan diakhiri dengan –>
<!– Ini adalah komentar dalam XML, mirip pada HTML –>
Penamaan dalam XML