Wednesday, March 18, 2015

Cara Mudah Pasang WordPress Tanpa MySQL Database



---

Cara Mudah Pasang WordPress Tanpa MySQL Database
Tahukah anda Sistem Laman Web Wordpress boleh dibangunkan tanpa menggunakan MySQL Database iaitu dengan hanya menggunakan Sqlite sahaja?

1) Download pakej yang diperlukan

2) Ekstrak kandungan wordpress ke lokasi web root

Muatnaik dan ekstrak kandungan zip.
(delete zip file selepas selesai ekstrak)
Tukar nama folder jika perlu.
Folder ini sepatutnya mengandungi subfolder seperti berikut.

3) Esktrak kandungan sqlite plugin

3.1) Cari lokasi wp-content/plugins
3.2) Ekstrak kandungan sqlite-integration plugin ke dalam folder plugins
(delete zip file selepas selesai ekstrak)

4) Salin db.php ke folder wp-content

Semak dalam folder wp-content untuk pastikan dokumen db.php berjaya disalin.

5) Dokumen wp-config.php

Tukar nama wp-config-sample.php kepada wp-config.php

6) Edit dokumen wp-config.php

Sebelum edit, kunjungi laman URL berikut untuk dapatkan “salt data” , https://api.wordpress.org/secret-key/1.1/salt/
Salin kod di atas dan tampal pada bahagian “Authentication Unique Keys and Salts” dalam dokunen wp-config.php
Tambahan:
Anda tidak perlu ubah maklumat database server, username, password etc

7) Pasang WordPress

Layari URL WordPress anda  cth http:// … /grandcollege/wp-admin/install.php
Pilih bahasa lalai.
Isikan maklumat asas pemasangan WordPress.
Klik butang Install Wordpress apabila selesai memasukkan maklumat.
Tunggu sehingga mesej Berjaya keluar.
Klik Log In untuk uji.
Masukkan maklumat login ie username dan password.
Sekiranya login berjaya, anda akan melihat paparan Dashboard.
---

Tuesday, March 17, 2015

Hostinger.my-Panduan Daftar SubDomain Percuma


---
Hostinger.my-Panduan Daftar SubDomain Percuma
Internet membolehkan kita berkongsi dokumen elektronik dengan pengguna yang lain.
Terdapat dua perkara asas yang perlu diwujudkan sebelum dokumen elektronik boleh dikongsi:
  1. Alamat Web (Web Address) bagi dokumen elektronik. Ia dipanggil domain atau sub-domain.
  2. Ruang simpanan dokumen elektronik yang boleh diakses bila-bila masa melalui rangkaian Internet. Ia dipanggil hosting.
Untuk memudahkan kita berkongsi dokumen elektronik, www.hostinger.my menawarkan perkhidmatan SubDomain dan hosting percuma. Ikuti langkah berikut untuk mewujudkan website pertama anda secara percuma!

1) Pergi ke laman web hostinger

2) Pilih Order Sekarang

3) Gunakan akaun Google (Gmail) untuk memudahkan pendaftaran

klik butang Google.
Isikan maklumat akaun gmail anda.
Beri kebenaran kepada hostinger untuk akses profail gmail anda.

4) Masuk ke Control Panel utama

4.1) Pilih menu Hosting/Akaun Baru

4.2) Pilih Hosting Percuma

4.3) Isikan maklumat untuk SubDomain

4.4)  Sahkan tempahan anda

4.5) Akaun Hosting anda sudah tersedia

4.6) Uji dengan melayari Alamat Web di atas menggunakan Web Browser.

---

Friday, March 6, 2015

jQuery Form, SerializeArray and AJAX Post

---
jQuery Form, SerializeArray and AJAX Post

1) Lihat kod contoh untuk jQuery AJAX

1.1) Pergi ke http://www.w3schools.com/jquery/jquery_ajax_get_post.asp dan baca nota bertajuk jQuery $.post() Method.
1.2) Lihat bagaimana kod contoh berfungsi di http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_ajax_post 
1.3) Pemerhatian
Kod ini mengandungi panggilan jQuery AJAX Post ke demo_test_post.asp.
Skrip demo_test.asp akan memproses data dan memulangkannya bersama maklumat status.
Apabila panggilan Post berjaya alert box akan muncul memaparkan maklumat data dan status.
1.4) Sebagai rujukan, kod yang terkandung di dalam demo_test_post.asp adalah berikut. (Anda juga boleh gunakan skrip lain seperti PHP, JSP dan sebagainya).
<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>

2) Lihat contoh untuk jQuery Form

2.1) Pergi ke http://www.w3schools.com/jquery/ajax_serializearray.asp dan baca tentang penggunaan serialize dalam pemprosesan form.
2.3) Fungsi serializeArray berperanan mengubah Data Field dan Data Value yang terdapat di dalam Form kepada bentuk data bersiri (serial data). Data bersiri ini seterusnya boleh digunakan sebagai salah satu parameter dalam fungsi jQuery AJAX Post (lihat Contoh 1). Untuk ini, kita akan salin kod dalam Contoh 1 dan masukkannya ke dalam Contoh 2.

3) Ubahsuai

3.1) Ubahsuai kod dalam elemen <form> pada Contoh 2 supaya menepati format AJAX Post Data Key dan Data Value.
<form id="SendForm">
  Name: <input type="text" name="name" value="Mickey"><br>
  City: <input type="text" name="city" value="Mouse"><br>
</form>
<button id="SendButton">Send Data</button>
3.2) Ubahsuai kod dalam elemen <script> pada Contoh 1 dan salin/tampal ke dalam Contoh 2
<script>
$(document).ready(function(){
    $("#SendButton").click(function(){
      var senddata = $("#SendForm").serializeArray();
      $.post("demo_test_post.asp",
        senddata
        ,
        function(data,status){
            alert("Data: " + data + "\nStatus: " + status);
        });
    });
});
</script>
3.3) Contoh:
3.4) Hasilnya:
PERHATIAN:
Bagi Web Mobile Project, kod ini mestilah dijalankan dalam domain yang sama. Jika tidak ralat CORS akan berlaku dan ia akan menghalang server dari memproses AJAX Post ini.

4) RUJUKAN

4.1) Kesudahannya, Kod Penuh adalah seperti dibawah.
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#SendButton").click(function(){
      var senddata = $("#SendForm").serializeArray();
      $.post("demo_test_post.asp",
        senddata
        ,
        function(data,status){
            alert("Data: " + data + "\nStatus: " + status);
        });
    });
});
</script>
</head>
<body>
<form id="SendForm">
  Name: <input type="text" name="name" value="Mickey"><br>
  City: <input type="text" name="city" value="Mouse"><br>
</form>
<button id="SendButton">Send Data</button>
</body>
</html>

5) TAMBAHAN

Jika anda mahu menguji dengan kod PHP, anda boleh ubahsuai kod di atas seperti berikut
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#SendButton").click(function(){
      var senddata = $("#SendForm").serializeArray();
      $.post("http://www.w3schools.com/php/welcome.php",
        senddata
        ,
        function(data,status){
            alert("Data: " + data + "\nStatus: " + status);
        });
    });
});
</script>
</head>
<body>
<form id="SendForm">
  Name: <input type="text" name="name" value="Mickey"><br>
  Email: <input type="text" name="email" value="Mouse"><br>
</form>
<button id="SendButton">Send Data</button>
</body>
</html>
Hasilnya.
Kandungan skrip welcome.php adalah seperti berikut.
<html>
<body>
Welcome <?php echo $_POST["name"]; ?><br>
Your email address is: <?php echo $_POST["email"]; ?>
</body>
</html>
(Berdasarkan contoh di http://www.w3schools.com/php/php_forms.asp .)
---