10/28/2557

การใช้คำสั่ง INNER JOIN ใน MySQL

หากเราต้องการหาข้อมูลจากตารางในฐานข้อมูล MySQL จากสองตารางโดยที่มี column ที่เป็น foreign key ( pimarkey ที่ไปอยู่ในอีกตาราง )  เป็นตัวเชื่อมระหว่างสองตาราง เราสามารถหาข้อมูลจากทั้งสองตารางพร้อมกันได้ในคำสั่งเดียวโดยใช้คำสั่ง INNER JOIN


จากทั้งสองตารางจะเห็นว่า Column Movie_type_id คือ column ที่ เชื่อมระหว่างสองตารางเข้าด้วยกัน และ จากตาราง Movie เรารู้ เพียงรหัส ประเภท แต่ไม่รู้ชื่อประเภทของมันถ้าเราต้องการรู้ชื่อประเภทด้วยสามารถสร้างคำสั่ง sql เพื่อหาชื่อประเภทได้ดังนี้

SELECT
                Movie.Movie_name AS name ,
                Movie_type.Movie_type_name AS type_name ,
                Movie.qty AS stock
FROM
               Movie INNER JOIN Movie_type ON Movie. Movie_type_id =Movie_type. Movie_type_id


ผลลัพธ์ที่ได้ คือ



จาก Movie INNER JOIN Movie_type ON Movie. Movie_type_id =Movie_type. Movie_type_id
คือ การสั่งให้แสดงตาราง Movie รวมกับ ตาราง Movie_type โดยที่จะนำ column Movie_type_name มาแสดงสำหรับแถวที่มี column Movie_type_id ของตาราง Movie_type ตรงกับ column Movie_type_id ของตาราง Movie จากคำสั่ง
( ON Movie. Movie_type_id =Movie_type. Movie_type_id )




9/30/2557

ขั้นตอนการ install phonegap

Phonegap คือ เครื่องมือในการพัฒนา cross path mobile application ( การพัฒนา Application ที่สามารถใช้งานได้ทุกระบบปฎิบัติการ )โดยใช้ HTML 5 เหมาะ สำหรับ Web Programmer ที่ต้องการพัฒนา Mobile Application แต่ไม่มีความรู้ภาษาที่ใช้เขียน Mobile Application เช่น objective-c หรือ java
ในบทความนี้จะอธิบายถึงขั้นตอนการลง phonegap และทดสอบ Application ที่เขียนขึ้น

1. ลง phonegap developer application จาก app store หรือ play store ลงในมือถือ หรือ tablet ก็ได้เพื่อใช้สำหรับทดสอบ Aplication ที่เขียนโดย phonegap



2. install node.js จาก www.nodejs.org


3. หลังจากลง node.js แล้วเราจะใช้ node.js ลง phonegap โดยเปิด command line แล้วพิมพ์คำสั่ง

     cd AppData
     cd Roaming
     npm install -g phonegap


4. เมื่อลง phonegap เสร็จแล้วให้ปิด comandline แล้วเปิดอีกครั้ง ครั้งนี้เราจะสร้าง folder สำหรับ project phonegap ชื่อว่า myApp ไว้ใน drive d
     
    d:
    phonegap create myApp


5. จะพบว่าใน drive d มี folder ชื่อว่า myApp อยู่ เมื่อเปิดเข้าไปดูจะมีไฟล์ index.html ซึ่งคือไฟล์ที่จะแสดงใน Application ให้เปิดไฟล์ขึ้นมาแก้ไขในบรรทัดที่ 34 เป็น <h2>www.projectsoft.biz</h2>



6. ใน command line ให้พิมพ์ cd myApp เพื่อเข้าไปใน folder project ของเรา และพิมพ์ phonegap serve หากมีหน้าจอ fire wall ขึ้นมาให้คลิก allow  ใน command line มี ip address ของและ port เพื่อให้ smart phone หรือ tablet ที่ลง application phonegap developer เอาไว้ เรียก


7. ใช้ smart phone หรือ tablet เปิด application phonegap developer  ใส่ ip และ port ที่ปรากฎใน commad line ลงใน application และแตะ connect เพื่อทดสอบ Aplication


8. Apllication จะปรากฎหน้า html ที่เขียน สังเกตุได้จากข้อความที่เราได้เปลี่ยนในไฟล์ index.html








8/07/2557

ข้อมูล JSON กับ javascript

json  คือโครงสร้างข้อมูลประเภทหนึ่งซึ่งนิยมใช้กับการ "เขียนโปรแกรม"  ภาษา javascript  โดยมีรูปแบบโครงสรา้งดังนี้

var ชื่อตัวแปร [
                               { ชื่อข้อมูล:"ค่าที่เก็บ",ชื่อข้อมูล:"ค่าที่เก็บ", ... },//ข้อมูลชุดที่ 0
                               { ชื่อข้อมูล:"ค่าที่เก็บ",ชื่อข้อมูล:"ค่าที่เก็บ", ... },//ข้อมูลชุดที่ 1
                                ....
                                ....
                           ];

ในการเข้าถึงเพื่ออ่านค่า หรือกำหดค่าให้กับ json เราสามารถทำได้โดย ใช้คำสั่ง

ชื่อตัวแปร[ชุดข้อมูล].ชื่อข้อมูล ="xxxx";

ตัวอย่าง 
<script>

var json=[
                          {id:"1",name:"a"},
                          {id:"2",name:"b"},
                          {id:"3",name:"c"}
                     ]; //สร้างข้อมูล json
var htm="";

for(var i=0;i<json.length;i++)//วน loop 3 ครั้ง เท่าจำนวนชุดข้อมูลใน json
{
htm+=json[i].id+" "+json[i].name;//อ่านค่าจากตัวแปร json ในแต่ละ id และ name
htm+="<br />";
}
document.write(htm);//พิมพ์ค่าตัวแปร htm

</script>

ผลลัพธ์ของโปรแกรมคือ

1 a
2 b
3 c

4/21/2557

การอ่านค่า get parameter ทุกตัวที่ส่งมาจากฟอร์ม


ในบางครั้งใน PHP เราต้องการ อ่านค่า GET ที่ส่งมาทั้งหมดที่มาทั้งหมดทุกค่า
เราสามารถอ่านค่าทั้งหมดที่ส่งมาได้ดีงนี้

// วน loop แต่ละ parameter โดย
// key จะเป็นชื่อ parameter
// value จะเป็นค่าที่ส่งมาของแต่ละ  parameter
foreach ($_GET as $key => $value){

  $str.=$key."->".$value;
  $str.="<br />";

}
echo $str;//จะแสดงค่าที่ส่งมาแบบ GET ทั้งหมด

2/11/2557

การอ่านและแสดงไฟล์รูปที่ upload ด้วย FileReader (HTML5)

 
HTML5 ได้เพิ่มความสามารถให้เราอ่านไฟล์ที่ upload ได้ เราสามารถนำมาประยุต์ใช้เพื่อแสดงรูปภาพที่ผู้ใช้ upload มาทันทีโดยไม่ต้องทำงานที่ฝั่ง server ดังนี้

<input type='file'  onchange='openFile(event)'>
<!-- สร้าง Element สำหรับ Upload ไฟล์ โดยกำหนดให้ทำงานที่ function openFile เมื่อ User Upload  -->
<br />
<img id='output'><!-- สร้าง Element แสดงไฟล์ที่ User Upload -ขึ้นมา -->
<script>
    var openFile = function(event) { // สร้าง function openFile
    var reader = new FileReader(); //สร้าง object สำหรับ อ่านไฟล์
    reader.onload = function(event){//สั่งให้เริ่มอ่านไฟล์เมื่อมีการสรั้าง object  FileReader
        var dataURL = event.target.result;//อ่านไฟล์ที่ Upload
        document.getElementById('output').src = dataURL; //แสดงไฟล์ใน Element img
    };
    reader.readAsDataURL(event.target.files[0]);
  };
</script>

1/14/2557

การเขียนโปรแกรมหาอายุจากวันเกิด

ในการออกแบบฐานข้อมูลที่ดีเราไม่ควรจะออกแบบให้คอลัมของตารางมีความสัมพันธ์กันเอง เช่น เราไม่ควรออกแบบให้ตารางเก็บข้อมูลวันเกิด และอายุอยู่ในตารางเดียวกัน เพราะทั้งอันมีความเกี่ยวข้องกัน (dependency)  แต่หากเราดึงวันเกิดของลูกค้าจากฐานข้อมูลมาได้แล้วต้องการอายุของลูกค้าเราสามารถใช้โปรแกรม PHP คำนวนหาอายุของลูกค้าได้ดังนี้

$today = new DateTime(); //สร้าง object วันที่ปัจจุบัน
$birthdate = new DateTime($data["birth_date"]); //สร้าง object วันเกิด
$interval = $today->diff($birthdate); //หาความต่างของวันที่
echo $interval->format('%y ปี'); //แสดงวันที่ต่างเป็นปี