iTCyBER http://www.itcyber.com ชีวิตนี้ไม่ได้ให้เกิดมานั่งทำงานไปวันๆ Sun, 27 Nov 2011 02:53:11 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Ajax ง่ายๆ กับ jQuery http://www.itcyber.com/ajax-with-jquery http://www.itcyber.com/ajax-with-jquery#comments Sat, 26 Nov 2011 18:57:20 +0000 iAmbAsE http://www.itcyber.com/?p=366 บทความนี้จะเสนอเกี่ยวกับการใช้งาน Ajax ใน jQuery ซึ่งหาใครไม่มี src ของ jQuery ก็ให้เข้าเว็บ jquery.com เพื่อเข้าไปโหลด src มา

จริงๆ แล้ว jQuery ก็มีคู่มือการใช้งานของ jQuery อยู่แล้ว ซึ่งสามารถเข้าไปดูใน docs.jquery.com ซึ่ง Ajax ที่จะเขียนในบทความนี้ คู่มือการใช้งานของ Ajax ก็อยู่ในหน้า api.jquery.com/category/ajax/ คู่มือก็มีอยู่แล้ว แล้วผมจะสอนอะไรอีก งั้นผมก็จะแปลไทยให้คุณเข้าใจเพิ่มขึ้นแล้วกันนะครับ

ใน jQuery ผมแนะนำให้ใช้ function ของ jQuery.post() หรือ jQuery.get() ส่วน jQuery.ajax() ผมว่าวุ่นวายไป

มาเริ่มจาก jQuery.post() กันนะครับ post กับ get คนเขียนเว็บก็จะรู้กันว่าคืออะไร ซึ่ง function ตัวนี้จะส่งข้อมูลลักษณะการใช้ HTTP POST ซึ่ง function ตัวนี้จะให้เราใส่ parameter 4 ตัวดังนี้

jQuery.post(url[,data][,success(data,textStatus,jqXHR)] [,dataType]);

  • url ตัวแรกก็จะคือ url ของข้อมูลที่เราจะติดต่อ
  • data คือข้อมูลที่เราจะส่งไป
  • success คือข้อมูลที่ได้รับกลับมา จะเข้า function ซึ่งมี parameter อยู่ 3 ตัวคือ แต่เราสนใจแค่ 1 ตัวก็พอคือ data
  • dataType ชนิดของข้อมูล คือ html, script, xml หรือ json หากเป็น html หรือ taxt ธรรมดาก็ไม่ต้องระบุบ

ดูตัวอย่างกันเขียนกัน

<html>
	<head>
		<title> Test Ajax </title>
		<!-- นำเข้าข้อมูล jquery java library -->
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
		<script type="text/javascript">
		function submitData(){
			// ส่ง โดย function โพส ของ jquery
			// $ คือ jQuery
			$.post("jsondatatest.html", { name: $("#name").val(), pass: $("#passwd").val()},
				function(data) {
					process(data);
				},
				"json" // กำหนดให้มันเป็น json เพื่อที่ jquery จะแปลงข้อมูล json ให้เป็น object มาให้เลย
			);
		}
		function process(data){
			// เช็คข้อมูลสักหน่อย
			if(data){
				// อ่านตาม object ที่ได้รับจาก json
				$("#fullname").html(data.firstName+" "+data.lastName);
				$("#address").html(data.address.streetAddress+" "+data.address.city+" "+data.address.postalCode);
				$("#tel").html(data.phoneNumbers[0]);
				$("#divResult").show(); // สั่งโชว์ div divResult
			}
		}
		</script>
	</head>

	<body>
		Name : <input type="text" id="name" /><br />
		Passwd : <input type="password" id="passwd" /><br />
		<input type="button" name="bt" value=" Get Data " onclick="submitData()" />
		<div id="divResult" style="display:none">
			<hr />
			Name : <span id="fullname"></span><br />
			Address : <span id="address"></span><br />
			Phone : <span id="tel"></span>
		</div>
	</body>
</html>

ส่วนข้อมูล file jsondatatest.html

{
     "firstName": "John",
     "lastName": "Smith",
     "address": {
         "streetAddress": "21 2nd Street",
         "city": "New York",
         "state": "NY",
         "postalCode": 10021
     },
     "phoneNumbers": [
         "212 555-1234",
         "646 555-4567"
     ]
 }

ต่อไปคือการเขียนโดนใช้ function jQuery.get() ตัวนี้แตกต่างจาก jQuery.post() ตรงที่ไม่มี parameter data เพราะว่า get จะส่งข้อมูลไปทาง url นั่นเอง

jQuery.get(url[,data][,success(data,textStatus,jqXHR)][,dataType]);

ดูตัวอย่างกัน

<html>
	<head>
		<title> Test Ajax </title>
		<!-- นำเข้าข้อมูล jquery java library -->
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
		<script type="text/javascript">
		function submitData(){
			// ส่ง โดย function โพส ของ jquery
			// $ คือ jQuery
			$.get("jsondatatest.html?name="+$("#name").val()+"&pass="+$("#passwd").val(),
				function(data) {
					process(data);
				},
				"json" // กำหนดให้มันเป็น json เพื่อที่ jquery จะแปลงข้อมูล json ให้เป็น object มาให้เลย
			);
		}
		function process(data){
			// เช็คข้อมูลสักหน่อย
			if(data){
				// อ่านตาม object ที่ได้รับจาก json
				$("#fullname").html(data.firstName+" "+data.lastName);
				$("#address").html(data.address.streetAddress+" "+data.address.city+" "+data.address.postalCode);
				$("#tel").html(data.phoneNumbers[0]);
				$("#divResult").show(); // สั่งโชว์ div divResult
			}
		}
		</script>
	</head>

	<body>
		Name : <input type="text" id="name" /><br />
		Passwd : <input type="password" id="passwd" /><br />
		<input type="button" name="bt" value=" Get Data " onclick="submitData()" />
		<div id="divResult" style="display:none">
			<hr />
			Name : <span id="fullname"></span><br />
			Address : <span id="address"></span><br />
			Phone : <span id="tel"></span>
		</div>
	</body>
</html>

เห็นไหมว่า ลักษณะการเขียน post และ get จะไม่แตกต่างกัน ซึ่งผมก็แนะนำให้ใช้ post เพราะว่าต่อไป เราอาจจะต้องทำกับข้อมูลที่ส่งมีขนาดหลายตัวอักษร ซึ่ง get มันจะจำกัดปริมาณข้อมูลความยาวของ url เอาไว้

มีข้อเสนอแนะติชมได้นะครับ

]]> http://www.itcyber.com/ajax-with-jquery/feed 2 PHP แยกส่วนการเขียนให้เป็นระเบียบ http://www.itcyber.com/php-include http://www.itcyber.com/php-include#comments Thu, 10 Nov 2011 17:01:51 +0000 iAmbAsE http://www.itcyber.com/?p=350 การเขียนโปรแกรมของแต่งละคนมีวิธีที่เขียนแตกต่างกัน แต่วิธีที่ผมจะสอนในวันนี้จะเป็นวิธีที่ผมจะแยกส่วนออกมาให้เป็นระเบียบ ประกอบกับการเขียนโปรแกรมในรูปแบบการเรียก function ซึ่งเป็นการยกระดับการเขียนอีก 1 ระดับทีเดียว

การนำเข้าข้อมูลจากไฟล์ต่างๆ มีฟังชั่นในการนำเข้าข้อมูลอยู่ 4 รูปแบบคือ

  • include วิธีนี้คือการนำเข้าข้อมูลในไฟล์นั้นๆ ซึ่งหากไม่พบ file นั้น ระบบก็จะทำการแจ้งเตือน (Warning)
  • include_once มีความหมายเหมือนกับ include แต่หากว่าเคยนำเข้าแล้ว ระบบก็จะไม่นำเข้าซ้ำ
  • require วิธีนี้คือการนำเข้าข้อมูลในไฟล์นั้นๆ ซึ่งหากไม่พบ file นั้น ระบบก็จะแจ้ง Error และหยุดทำงานทันที
  • require_once มีความหมายเหมือนกับ require แต่หากว่าเคยนำเข้าแล้ว ระบบก็จะไม่นำเข้าซ้ำ

ตัวอย่าง ผมจะเอาตัวอย่างง่ายๆ มาให้ดูก็แล้วกันครับ
แบบแรก เขียนแบบธรรมดาไม่มีการนำเข้ามูลทั้งสิ้น
File team.php

<html>
 <head>
  <title>Inquiry</title>
 </head>
 <body>
  <?
  $conn = mysql_connect("localhost","root","");
  mysql_select_db("football");
  $query = mysql_query("Select id,name from team order by id");
  while($row = mysql_fetch_array($query)){
   $id = $row["id"];
   $name = $row["name"];
  ?>
  <h3>Team <?=$name?></h3>
  <?
   $query2 = mysql_query("select name,position,number from player where team = ".$id." order by number");
   while($row2 = mysql_fetch_array($query2)){
    echo $row2["number"]." ".$row2["name"]." (".$row2["position"].")<br />";
   }
   echo "<hr />";
  }
  ?>
 </body>
</hmtl>

แบบที่ 2 การเขียนแบบแยกส่วน
File connect.php

<?
$conn = mysql_connect("localhost","root","");
mysql_select_db("football");
function excuteQuery($sql){
 $query = mysql_query("Select id,name from team order by id");
 $return = array();
 while($row=mysql_fetch_array($query)) {
  $return[] = $row;
 }
return $return;
}
?>

File team.php

require("connect.php"); //นำเข้าข้อมูลใน connect.php เหมือนกับว่าไฟลนี้มีทุกๆ อย่างเหมือน connect.php
<html>
 <head>
  <title>Inquiry</title>
 </head>
 <body>
  <?
  $team = excuteQuery("Select id,name from team order by id");
  for($i=0; $i<count($team); $i++){
  ?>
  <h3>Team <?=$team[$i]["name"]?></h3>
  <?
   $player = excuteQuery("select name,position,number from player where team = ".$team[$i]["id"]." order by number");
   for($n=0; $n<count($player); $n++){
    echo $player[$n]["number"]." ".$player[$n]["name"]." (".$player[$n]["position"].")<br />";
   }
   echo "<hr />";
  }
  ?>
 </body>
</hmtl>

ซึ่งข้อมูลเบื้องหลังก็จะได้

$conn = mysql_connect("localhost","root","");
mysql_select_db("football");
function excuteQuery($sql){
 $query = mysql_query("Select id,name from team order by id");
 $return = array();
 while($row=mysql_fetch_array($query)) {
  $return[] = $row;
 }
return $return;
}
<html>
 <head>
  <title>Inquiry</title>
 </head>
 <body>
  <?
  $team = excuteQuery("Select id,name from team order by id");
  for($i=0; $i<count($team); $i++){
  ?>
  <h3>Team <?=$team[$i]["name"]?></h3>
  <?
   $player = excuteQuery("select name,position,number from player where team = ".$team[$i]["id"]." order by number");
   for($n=0; $n<count($player); $n++){
    echo $player[$n]["number"]." ".$player[$n]["name"]." (".$player[$n]["position"].")<br />";
   }
   echo "<hr />";
  }
  ?>
 </body>
</hmtl>
]]> http://www.itcyber.com/php-include/feed 2 Android ดึงภาพจากเว็บมาแสดงใน ImageView http://www.itcyber.com/android-remote-imageview http://www.itcyber.com/android-remote-imageview#comments Tue, 02 Aug 2011 13:54:59 +0000 iAmbAsE http://www.itcyber.com/?p=297 ImageView มีวิธีที่จะเอารูปภายนอกโปรแกรมมาใช้ โดยผ่าน Method setImageURI(String) แต่นั้นสิ มันสามารถใช้ได้เฉพาะรูปที่อยู่ใน SD Card หรืออยู่ในเครื่องได้เท่านั้น

แต่ถ้าหากจะเอารูปภายนอก เช่นอยากจะเอารูปถ่ายดาวเที่ยมล่าสุดจากเว็บต่างๆ มาแสดงในโปรแกรม โปรแกรมนั้นจำเป็นต้อง Connect Internet เพื่อดึงรูปภาพมาแสดง แต่จะแสดงยังไงได้หล่ะในเมื่อ setImageURI ใช้ได้เฉพาะรูปภาพที่อยู่ภายในเครื่องหรือ SD เท่านั้น

บทความนี้ผมก็จะเสนอวิธีการนำรูปภาพดังกล่าวมาใส่โปรแกรมของเราซึ่งมีขั้นตอนดังนี้

ส่วนแรก ผมตั้งชื่อว่า fetchImage จะใช้ในการเป็น Method ที่ช่วยดึงข้อมูลรูปภาพจาก URL ที่เรียก โดยจะส่งกลับเป็น Bitmap

public Bitmap fetchImage( String imageUrl )
{
    try
    {
        URL url = new URL( imageUrl.trim() ); // imageUrl คือ url ของรูปภาพ
        InputStream input = null;
        URLConnection conn = url.openConnection();
        HttpURLConnection httpConn = (HttpURLConnection)conn;
    	httpConn.setRequestMethod("GET");
    	httpConn.setReadTimeout(40000); // ตั้งเวลา  connect timeout
    	httpConn.connect(); // connection

    	if (httpConn.getResponseCode() == HttpURLConnection.HTTP_OK) {
    		input = httpConn.getInputStream(); // จับใส่ InputStream
    	}
    	Bitmap bitmap = BitmapFactory.decodeStream(input); //แปลงเป็น Bitmap
    	input.close();
    	httpConn.disconnect();
        return bitmap;

    }
    catch ( MalformedURLException e ){
    	Log.d("fetchImage",
    			"MalformedURLException invalid URL: " + imageUrl );
    }catch ( IOException e ){
    	Log.d("fetchImage","IO exception: " + e);
    }catch(Exception e){
    	Log.d("fetchImage","Exception: " + e);
    }
    return null;
}

ส่วนที่ 2 จะเป็นส่วนเรียกใช้ เพื่อความเข้าใจต่อผู้อ่านแล้วกัน โดยจะมี 2 วิธีที่สามารถเอาข้อมูล Bitmap ไปใส่ใน ImageView ได้

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    image1 = (ImageView) findViewById(R.id.imageView1);
    image2 = (ImageView) findViewById(R.id.imageView2);

    String imgurl = "http://www.kitco.com/images/live/gold.gif"
    // แบบที่ 1
    image1.setImageBitmap(fetchImage( imgurl ));
    // แบบที่ 2
    image2.setImageDrawable(new BitmapDrawable(fetchImage( imgurl )));
}
]]> http://www.itcyber.com/android-remote-imageview/feed 1 Android การนำรูปภาพมาใส่ในโปรแกรม http://www.itcyber.com/android-include-image http://www.itcyber.com/android-include-image#comments Tue, 02 Aug 2011 09:10:52 +0000 iAmbAsE http://www.itcyber.com/?p=289 การนำเข้ารูปภาพสามารถทำได้ง่ายๆ คือ

  1. สร้าง Folder ชื่อว่า drawable ใน res
  2. คลิ๊กขวา drawable เลือก Import ให้เราเลือก General -> File System เสร็จแล้วกด Next
  3. เลือกข้อมูลรูปภาพที่จะเพิ่มเข้ามาใน Project Android โดยให้เราเลือก Directory ก่อน แล้วจะมีรูปภาพให้เลือก จากนั้นให้เรากด Finish รูปภาพก็จะมาอยู่ใน โปรแกรมเราแล้ว
ส่วนวิธีใช้งาน
ให้เราลองทดสอบสร้าง ImageView ก่อน
เสร็จแล้วให้เราไปดูที่ Properties ในส่วนของ src
ให้เรากดเลือก src ใหม่ โดยกดปุ่มด้านหลังสุด
ของผมจะเป็นชื่อรูปว่า lovethai เลือกเสร็จกด ok
เท่านี้รูปก็จะมาปรากฎที่โปรแกรมของเราแล้ว
]]> http://www.itcyber.com/android-include-image/feed 1 parseInt(“08″) ใน js ทำไมค่าที่ออกมาถึงเป็น 0 http://www.itcyber.com/parseint-on-javascript http://www.itcyber.com/parseint-on-javascript#comments Tue, 30 Nov 2010 14:23:39 +0000 iAmbAsE http://www.itcyber.com/?p=267 ปัญหานี้ผมก็เคยเจอมาครั้งแรกก็วันนี้ ซึ่งจะว่าเป็น bug ก็ไม่น่าจะใช่(อ่านจบแล้วจะรู้) ซึ่งปัญหาเกิดจาก ค่าใน parseInt ที่โปรแกรมเมอร์ต้องการจะเปลี่ยนเป็นข้อความชนิด String เป็น int มี 0 นำหน้าตัวเลขอื่น เป็นเลขฐาน 8 แต่ เมื่อมาสังเกตุดูที่ ตัวอักษรที่มี 8 และ 9 แล้ว โปรแกรมก็เหมือนจะตัดตั้งแต่ 8 และ 9 ทิ้งไปเลย สักเกตุได้จาก 08 = 0, 018 = 1, 028 = 2, 080 = 0, 077 = 63, 0100 = 64, 0101 = 65

เอาแล้วละสิ แล้วจะแปลงเป็นเลขฐาน 10 ได้ไง

เมื่อผมเจอปัญหานี้ผมก็พิมพ์ค้นหาก่อนเลย ปรากฏว่า เจอใน w3schools เลย ซึ่งมันบอกไว้ว่า

  • หากข้อความที่ขึ้นต้นด้วย 0x ก็คือเลขฐาน 16
  • หากข้อความที่ขึ้นต้นด้วย 0 ก็คือเลขฐาน 7
  • นอกนั้นคือ เลขฐาน 10

ซึ่งเมื่ออ่านดูแล้ว syntex ของ parseInt() จะมีพารามิเตอร์ทั้งหมด 2 ตัว คือ

  1. string คือ ตัวข้อความที่เราต้องการจะแปลงเป็นตัวเลข
  2. radix คือ ตัวที่บงบอกว่า ข้อความที่เราต้องการแปลงให้เป็นตัวเลข เป็นเลขฐานอะไร

เหอะ ๆ แต่ ทำไม 8 และ 9 ใน เลขฐาน 8 มันไม่ error หรือเปลี่ยนค่าเริ่มต้น(radix) ให้เป็นฐาน 10 แทนที่จะเปลี่ยนเป็น 8 9 เป็นตัวอักษร ที่ต้องตัดทิ้ง อันนี้ผมก็ไม่เข้าใจ คนสร้าง function parseInt() ใน js เหมือนกัน

สรุป หาต้องการใช้ parseInt() แนะนำให้ใส่ radix ไปด้วย

ตัวอย่างเช่น 


var eight = parseInt("08",10); // == 8

var seven =parseInt("Se7en",10); // == NaN

var six = parseInt("6 - 9",10); // == 6
]]> http://www.itcyber.com/parseint-on-javascript/feed 0 Thai To English Keyboard 1.0 http://www.itcyber.com/thai-to-english-keyboard-1-0 http://www.itcyber.com/thai-to-english-keyboard-1-0#comments Fri, 06 Aug 2010 07:21:23 +0000 iAmbAsE http://www.itcyber.com/?p=190 ที่ผมทำตัวนี้ขึ้นมาเนื่องจาก ผมเองประสบกับปัญหา พิมพ์ pass ไม่ถูก เพราะ ผมจะพิมพ์ ตามภาษาไทย ใน แป้น english ตลอด ทำให้เวลาใช้ Android ผมก็ไม่สามารถที่จะรู้ได้ว่าตัวอักษรไทย มันตรงกับตัวใดของ อังกฤษ

การทำงานของโปรแกรมนี้คือ

จะมี input ให้ป้อนข้อมูล ภาษาไทย หรืออังกฤษก็ได้ แต่ไม่สามารถเปลี่ยนภาษากลั้นกลางเอาไว้ได้

เมื่อป้อนเสร็จแล้ว กดปุ่มสลับอักษร โปรแกรมก็จะทำการเปลี่ยนตัวอักษรตามแป้นพิมพ์ให้โดยอัตโนมัติ

เช่น

รักไอที => iydwvmu

คนโสด => 8oFlf

เป็นต้น

Thai To English Keyboard 1.0

 

ทดสอบ Android 1.6 ใน Wellcom A88

ทดสอบ Android 2.2.2 ใน Wellcom A99

ดาวน์โหลด!

]]> http://www.itcyber.com/thai-to-english-keyboard-1-0/feed 4 เริ่มต้นกับการพัฒนาโปรแกรมใน Android http://www.itcyber.com/start-android-dev http://www.itcyber.com/start-android-dev#comments Fri, 23 Jul 2010 09:04:16 +0000 iAmbAsE http://www.itcyber.com/?p=166 บทความนี้จะเป็นการแนะนำการเริ่มต้น การพัฒนาโปรแกรมลงในมือถือ Android ซึ่งมันก็ไม่ยากอย่างที่ทุกๆ คนคิดกัน

บทความนี้เหมาะสมกับ

  1. ผู้ที่มีพื้นฐานการพัฒนาโปรแกรมทางด้าน C / Java / PHP / และผู้ที่รู้เรื่องเกี่ยวกับการเขียนประแกรมรูปแบบ OOP
  2. ไม่รู้เรื่องเกี่ยวกับการเขียนโปรแกรมลง android มาก่อน
  3. หล่อ สวย หน้าตาดี
  4. ใจรัก

เริ่มต้นจาก การรู้จักเว็บ Android Developers http://developer.android.com ภายในหน้านั้น ก็จะประกอบด้วยเนื้อหาต่างๆ ให้เราอ่านดูเล่น ไม่ต้องสนใจอะไรมากครับให้เรากดที่ Tab SDK เพื่อดาว์นโหลด Android SDK เช่น android-sdk_r06-windows.zip

จากนั้น ต่อไปเราก็ต้องไปโหลดเครื่องมือพัฒนา โดยในเว็บผมเห็นมีแต่แนะนำ Eclipse IDE ซึ่งสามารถเข้าไปโหลดได้ที่ http://www.eclipse.org/downloads ซึ่งมันสามารถใช้ได้แค่ Eclipse 3.4 (Ganymede) หรือ Eclipse 3.5 (Galileo) ผมก็จะแนะนำ 3.5 ก็แล้ว กัน เพราะมันคือ version ที่ใหม่กว่าน่าจะดีกว่ามั่ง(อันนี้ไม่รู้) ซึ่งสามารถเข้าดาว์นโหลดได้ที่ http://www.eclipse.org/downloads/packages/release/galileo/sr2

eclipse จะสามารถที่จะรันได้ จำเป็นต้องมี JDK สามารถดาว์นโหลดได้ที่ http://java.sun.com/javase/downloads/widget/jdk6.jsp

จากนั้น unzip eclipse แล้วทำการรันโปรแกรม eclipse ขึ้นมา เพื่อทำการติดตั้ง ADT หรือชื่อเต็มๆ ว่า Android Development Tools

ขั้นตอนการติดตั้ง ADT

  1. เปิด Eclipse
  2. ไปที่ Help > Install New Software
  3. กดที่ ปุ่ม Add
  4. ให้เรากรอกข้อมูล Location เป็น https://dl-ssl.google.com/android/eclipse/ แล้วก็ตั้งชื่อ เสร็จแล้วกดปุ่ม OK
  5. รอการตรวจสอบจาก จะได้ดังรูป เสร็จแล้วให้เรากด เลือก Checkbox Developer Tools แล้วกด Next เรื่อยๆ จนกว่าจะมีปุ่ม Finish
  6. จากนั้น กดเลือกทั้ง 2 อย่าง แล้วกด Next ระบบก็จะทำการดาว์นโหลด
  7. เมื่อดาว์นโหลดเสร็จแล้วกด Finish จากนั้นให้เปิด eclipse ใหม่อีกครั้ง
  8. เมื่อเปิด eclipse ใหม่อีกครั้งคราวนี้เราจะเห็นว่ามี Android SDK and ADV Manager
    อยู่ใน Window > Android SDK and ADV Manager
  9. ให้เราทำการติดตั้ง Packages ต่างๆ ของ Android จะเลือกหมดก็ได้หรือจะเลือกตามที่ต้อง การพัฒนาอย่างเดียวก็ได้ เสร็จแล้วกด Install Selected
  10. ให้ไปดูที่ Install Packages จะเห็นว่ามี package ไหนได้ถูกติดตั้งไปบ้าง
  11. ต่อไปให้เราไปที่ Virtual Devices เพื่อสร้างตัวจำลองขึ้นมา 1 ตัวไว้ใช้ทดสอบ

  12. เพียงเท่านี้ก็ติดตั้ง eclipse เพื่อที่จะได้พัฒนา Android ต่อไป

ทดสอบสร้าง Project

ก่อนอื่นต้องบอกเลยว่า ตอนนี้สามารถพัฒนา โดยใช้ Current Location ของคุณเป็น United States ได้เท่านั้น

สร้างโปรโจคก็เหมือนกัยสร้าง Java Project แต่เปลี่ยนเป็น Android Project

เสร็จแล้วตั้งค่าต่างๆ ตามตัวอย่างก็ได้

ใส่ข้อมูลแล้วก็ Finish ได้เลย แล้วรอระบบบิ้วนิดหน่อย ก็สามารถทดลองรันได้เลย

หาก Error โปรดตรวจสอบว่า Current Location ของคุณเป็น United States หรือยัง

มีอะไรสงสัย Comment ถามได้ครับ

]]> http://www.itcyber.com/start-android-dev/feed 20 PHP5 กับการทำสอบเขียนแบบ OOP http://www.itcyber.com/php5-oop http://www.itcyber.com/php5-oop#comments Mon, 14 Jun 2010 10:39:31 +0000 iAmbAsE http://www.itcyber.com/?p=158 ใจจริงผมก็จะเขียนบทความเกี่ยวกับ การติดต่อฐานข้อมูลก่อน แต่อานะ หลายๆ เว็บมันก็มีแล้ว ทำยังไงหล่ะจะให้มันแปลกกว่าที่อื่นผมก็เลย เอ้ เอาเป็นว่าจะเขียน เป็น php ติดต่อกับ MySQLi แต่ก็อานะ อยากจะให้ติดต่อแบบ mysqli เป็น oop สักหน่อย เพราะต่อไป หลายคนก็อยากจะเขียนวิธีนี้เพราะมันเขียนได้สะดวกและสั้นกว่า แต่ถ้าหากผมจะส่วนวิธีการเขียนติดต่อฐานข้อมูลแบบ oo แล้ว หลายคนอาจจะงงได้ เพราะไม่ต้องว่ามันคืออะไรสัญลักษณ์อะไร ซึ่งในบทนี้ผมจะสอนแค่เบื้องต้นเท่านั้น(สอนมากกลัวว่าจะสอนแบบผิด ๆ)

ผมไม่อยากบอกว่า OOP มันคืออะไร เพราะคุณสามารถที่จะหาได้ผ่าน google และเมื่อท่านอ่านก็จะรู้ว่า มันจะประกอบด้วยส่วนต่างๆ มากมาย แต่ยังไง php5 มันก็ไม่ใช่ OOP ที่สมบูรณ์มากนัก เพราะลอกเพื่อนอย่าง java มาไม่หมด

เอาละนะเริ่มจาก class เลยนะ class ใน php ไม่ได้อยู่ภายใน package เหมือน java (อันนี้ผมไม่แน่ใจเท่าไร)  แต่ก็อานะ ที่ผมเขียน  class ที่อยู่คนละ file กัน  php มันจะต้อง include หรือ require มาก่อน มันถึงจะเห็น class นั้น ๆ ได้

ส่วนประกอบของ class

<?
class ClassName{
   $name = "eXscript";
   function __construct() { // หรือ function ClassName(){ ก็ได้แล้วแต่ความจำของตัวเอง
      echo 'hi!';
   }
   function hello($name){
      echo "hello ".$name.".";
   }
   function hello2($name){
      echo "hello ".$this->name.".";
   }
   function welcome(){
      echo $this->hello($this->name)." Welcome to OOP.";
   }
}
?>

มอง ๆ แล้ว ลักษณะโครงสร้าง จะเหมือนกัน java แต่มันไม่ได้อยู่ใน package จึ่งมีลักษณะ class->function->… ส่วนลักษณะการทำงาน หากเราจะเรียนใช้ class นี้ จะต้องสร้าง พื้นที่ให้มันอยู่ ก่อน หรือบางคนอาจจะบอกว่า สร้าง object ก่อน เหมือนเดิม object คืออะไรให้ไปหาใน google, yahoo ,หรือ bing ตามความสามารถของท่าน แต่คนไทยอย่างผมต้อง google ไว้ก่อน

วิธีการสร้าง object นั้นคือ คำสั่ง new ส่วนจะไปเก็บที่ object ไหนก็แล้วแต่ท่านจะกำหนด ตัวอย่างเช่น

$myobj = new ClassName();
// ผลลัพธ์ออกคำว่า hi! เพราะเมื่อสร้าง object มันจะไปเรียก construct ทันที

นี้คือประกาศว่า คุณได้สร้าง object ให้มีคุณสมบัติตามที่กำหนดใน class ClassName ไว้ใน $myobj

แต่ในนี้ เมื่อประกาศสร้าง Object มันก็จะไปเรียกใช้ construct ทันที เลยทำให้แสดงคำว่า hi!

ต่อไปก็คือวิธีเรียก function ภายใน object หรือ function ภายใน class นั้น ๆ หล่ะครับ

ใน java จะใช้ . ในการลงลึกไปภายใน object นั้นเรื่อย ๆ แต่ใน php โดนแย่งการทำงานไปเป็นการต่อ string เรียบร้อยแล้ว เขาจึงหาสัญลักษณ์มาแทนคือ -> ดังนั้นเราจะเรียกใช้ function hello ได้ดังนี้

<?
$myobj = new ClassName();
$myobj->hello("iAmbAsE");
// ผลลัพธ์จะแสดงคำว่า hello iAmbAsE.

$myobj->hello2("iAmbAsE");
// ผลลัพธ์จะแสดงคำว่า hello eXscript.

$myobj->welcome();
// ผลลัพธ์จะแสดงคำว่า hello eXscript. Welcome to OOP.
?>

เนื่องจาก function hello จะต้องใส่ parameter ไป 1 ตัวเพื่อไว้ใช้งานต่อใน function นั้น ผมเลยใส่คำว่า iAmbAsE เป็น String ลงไป และสังเกตุได้ว่า $name จะมีอยู่ 2 ตัวคือ ภายใน function และ ภายใน class หากเรา เรียก ผ่าน $this->name ก็จะแสดงว่า เรียก $name ภายใน class นี้ $name หลังจาก -> ไม่ต้องใส่ $

เขาบอกว่าโปรแกรมเมอร์จะสื่อสารกับคนไม่ค่อยจะรู้เรื่อง มีข้อความในชุดไหนที่ท่านงง หรือสงสัย ขอให้ท่าน comment บอกสอบถามได้นะครับ

]]> http://www.itcyber.com/php5-oop/feed 3 PHP ในเรื่องของ if while และ for http://www.itcyber.com/php-if-while-for http://www.itcyber.com/php-if-while-for#comments Mon, 14 Jun 2010 09:11:38 +0000 iAmbAsE http://www.itcyber.com/?p=132 if while for ในการโปรแกรมมิ่ง php จะเป็นคำสั่ง ในการตัดสินใจ ว่าโปรแกรมจะไปต่อยังไง ซึ่งเรามาดูกันทีละตัว

if คำสังนี้จะมีใช้ หรือไม่ใช่ โดยตามหลักแล้ว if ก็คือใช้ และ else คือถ้าไม่ใช่ ซึ่งลักษณะการเขียน if(ในนี้จะเป็นการเปรียบเทียบ ค่าที่ได้เป็น boolean:true|false) ตัวอย่าง

<?
$val = 3;
if(1+2 == 3)
   echo "Yes.";
else
   echo "No.";
?>

จากตัวอย่าง ภายใน if และ else จะเป็นการจบคำสั่ง 1 ประโยคคำสั่ง คือสิ้นสุด ; 1 ครั้งได้เท่านั้น ถ้าหากว่า เราต้องการที่จะเขียนหลายประโยคคำสั่ง ให้เราใส่ {} เพื่อบ่งบอกว่ายังอยู่ใน if หรือ else นะ

<?
$ex = 0;
if(1==1){
   echo "true";
   $ex = 1;
}else
   echo "false";
?>

while คำสั่งเงื่อนไขการลูป หรือวนทำงานใหม่ จนกว่าข้อมูลเปรียบเทียบจะเป็นเท็จ ซึ่งลักษณะการเขียนจะมีลักษณะดังนี้

<?
$i = 0;
while($i<10){
   echo $i;
   $i++;
}
?>

ผลที่ได้คือ 0123456789

ส่วน for จะมีการเขียนได้หลายรูปแบบตามลักษณะของงาน ซึ่งในนี้ผมจะสอนแค่วิธีที่โปรแกรมเมอร์ทั่วไปใช้อยู่เป็นประจำคือ for(เริ่ม;ตรวจสอบเงื่อนไข;หลังการลูปแต่ละรอบ) ตัวอย่างเช่น

<?
for($i=0;$i<10;$i++){
   echo $i;
}
?>

ซึ่งตัวอย่างนี้ก็จะทำงานเหมือน while คือค่าที่ได้ เท่ากับ 0123456789 ซึ่ง $i=0; มันจะทำครั้งเดียวเมื่อเริ่ม แล้วก็เข้าตรวสอบ $i<10; หรือไม่ ถ้าไม่ก็จัดการภายใน {} นั้น และเมื่อทำเสร็จในแต่ละรอบ ก็จะทำการ $i++; หลังเสร็จจากการทำภายใน {} ในรอบนั้น ๆ

]]> http://www.itcyber.com/php-if-while-for/feed 0 โอ๊ตในร่างทหารเรือ http://www.itcyber.com/aot-navy http://www.itcyber.com/aot-navy#comments Wed, 09 Jun 2010 06:10:27 +0000 iAmbAsE http://www.itcyber.com/?p=137 รูปนี้ถ่ายในวันที่ 6 มิถุนายน 2553 ซึ่งน้องชายผมได้หยุดพักจากการฝึกซ้อมทหาร ผมก็เลยเก็บภาพมาฝากทุกๆ คน ว่าชายชาติทหารมันเท่ขนาดไหนกัน

]]> http://www.itcyber.com/aot-navy/feed 0