เริ่มเบื้องต้นกับ Node.js

Node.js ชื่อนี้ในช่วงหลังๆมักจะได้ยินกันบ่อยๆ node.js นั้นเป็นสิ่งใหม่ที่ถ้า google นั้นคิดค้นซึ่งมันจะทำงานได้นี้ใน chrome นั้นเองซึ่งประโยชน์ของ node.js นั้นส่วนมากเว็บหรือระบบใหญ่จะนำมาประยุกต์ใช้กับ application พวก real time ที่จะมีการตอบสนองทันที ที่มีเหตุการณ์เกิดขึ้น หรือที่เรียกว่า event-driven ซึ่งเจ้า node.js นั้นจะรันโดยอาศัย V8 JavaScript Engine เป็นตัวหลักและการพัฒนา node.js นั้นจะใช้ javascript แบบ server-side มันคงแปลกดีที่ภาษาที่เคยเป็น client – side มานาน อยู่ๆสามารถมาเป็น server – side เอาละที่นี้เรามาลองกันเลย

สำหรับผมแล้ว node.js ที่ผมลองนั้นจะเป็น version window เพราะผมไม่ได้ใช้ os ตระกูลอื่นซะเท่าไรซึ่งมันก็ support หลาย os นั้นแหละ เริ่มแรกก็ไป download ตัว install สำหรับ window ได้ที่ node.js เมื่อโหลดเสร็จก็ทำการติดตั้งได้เลย

เมื่อติดตั้งเสร็จแล้วก็ให้ทำการเขียนโค้ดตัวอย่างเริ่มต้นกันเลยโดยเขียนโค้ดดังนี้

var http = require('http');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('Thaicoding\n');
}).listen(6510, '127.0.0.1');
console.log('Server running at http://127.0.0.1:6510/');

เมื่อเขียนโค้ดนี้เสร็จแล้วก็ทำการเซฟไว้ที่เราต้องการ ส่วนของผมนั้นเซฟไว้ที่ D:/testnode

จากนั้นก็เปิด command line ขึ้นมาแล้วลองพิมพ์คำสั่ง node –version ถ้าติดตั้งไม่มีปัญหาก็จะขึ้น version ให้เห็นจากนั้นก็ cd ไปยัง directory ที่เราทำการเซฟโค้ดไว้ แล้วทำการรันโดยใช้คำสั่ง node ตามด้วยชื่อไฟล์ .js

เมื่อรันแล้วมันจะทำการเปิด port 6510 ตามโค้ดที่เขียนไว้ที่นี้เราก็ลอง เปิด web browser โดยมี url ดังนี้ http://127.0.0.1:6510/

จะได้ดังรูป

จากโค้ดมันจะทำการเปิด port 6510 โดยมีการประกาศตัวแปร http ซึ่งเป็นตัวแปรของโมดูล http นั้นจะทำการ response กับไปเป็น Content-Type: ‘text/plain สถานะ 200 เพื่อบอกว่าสถานะทำการส่งข้อมูลสำเร็จ โดยใช้คำสั่ง res.writeHead(200, {‘Content-Type’: ‘text/plain’});

และทำการส่งข้อมูล string เป็นคำว่า Thaicoding โดยใช้คำสั่ง res.end(‘Thaicoding\n’); สุดท้ายจะเป็นการบอกว่าให้เจ้าโปรแกรม node ที่เราเขียนขึ้นนั้นเปิด port เพื่อรอรับ request ที่หมายเลข port ใดจากตัวอย่างจะเป็น port 6510 โดยใช้คำสั่ง

.listen(6510, ’127.0.0.1′); ซึ่ง 127.0.0.1 เป็น ip ของ server ซึ่งก็คือเครื่องเรานั้นเอง จะเห็นว่าการใช้ node.js มันจะเหมือนกับการเขียนโปรแกรมแนว client – server เพื่อรอรับ request จะ user ซึ่งด้วยความที่ตัวมันเบาเหมาะสำหรับทำโปรแกรมแบบ real time ซึ่งในบางครั้งถ้าทำโปรแกรม real time ที่ใช้ server แบบ apache หรือ iis แล้วใช้ภาษาพวก php, asp.net นั้นมันจะเสียเวลาในการแปลงภาษาหรือประมวลผลของ server เลยทำให้ช้า แต่ node.js นั้นด้วยความที่ไม่ตัดตอนบ้างส่วนที่ซับซ้อนของ application server ออกไปเลยทำให้มันทำงานเร็วมากขึ้น ซึ่งเหมาะสำหรับโปรแกรมเฉพาะทางที่ต้องการทำงานที่เร็วมากขึ้น

ในบทความนี้เรามาตอนกันว่าด้วยในกรณีที่ถ้าสมมุติใน 1 ไฟล์เว็บเพจนั้นมีการเรียกใช้งาน class และสร้าง object ของ class ที่แตกต่างกัน เราก็ต้องทำการ include หรือ require กันเป็นชื่อไฟล์หลายๆบรรทัดตามแต่จำนวนไฟล์คลาส ที่เราใช้งาน เริ่มแรกเพื่อความเข้าใจก็ให้ทำต่อจากตัวอย่างในครั้งก่อน การเขียน PHP แบบ OOP ตอนที่ 3 การสร้าง constructor  ให้ทำการสร้างคลาสขึ้นมาอีกคลาส 1 ชื่อว่า class.Course.inc โดยมีโค้ดการทำงานง่ายๆดังนี้

<?php

class Course
{
private code;
private name;

function __construct($data = array())
{
if(count($data) > 0){
foreach($data as $name => $value){
$this->$name = $value;
}
}
}

public function display()
{
$display = 'Course Code: ' . $this->code;
$display .= '<br/>';
$display .= 'Course Name: ' . $this->name;
return $display;
}
}

เมื่อเขียนโค้ดของไฟล์ class นี้เสร็จแล้วให้ไปทำการแก้ไขการ include ไฟล์ใน index.php ให้เป็นดังนี้

/**
* Define autoloader.
* @param string $class_name
*/
function __autoload($class_name){
include 'class.' . $class_name . '.inc';
}

โดยทำการเพิ่ม function __autoload เข้าไปแล้วลบบรรทัด require ‘class.Student.inc’; ออกด้วยนะครับ เมื่อเพื่อฟังก์ชั่น __autoload ให้ทำการเขียนโค้ดลองสร้าง object ของคลาส Course ดังนี้

echo '<h2>Test Class Course</h2>';
$course = new Course(array('code'=>'111-000','name'=>'Programming'));

echo '<h2>Function Display Course</h2>';
echo $course->display();

เมื่อลอง run ไฟล์ index.php ก็จะได้ผลดังรูปครับ

จะเห็นต่อให้มีการใช้ class กี่ class ก็ไม่ต้องเหนื่อยมานั่ง include หรือ require ไฟล์หลายๆไฟล์แล้ว แค่ใช้ megic method อย่าง __autoload แต่ autoload นั้นมันจะทำการโหลดตามรูปแบบของชื่อไฟล์ที่เรากำหนดสังเกตจากโค้ดตัวอย่าง การทำงานของมันจริงๆคือ

include ‘class.’ . $class_name . ‘.inc’;

นั้นคือมันจะทำการ include ชื่อไฟล์ที่มีรูปแบบ class.ชื่อคลาส.inc ทั้งหมดเท่านั้นเอง เพราะฉะนั้นเราก็ต้องปรับเปลี่ยนไปตามการตั้งชื่อไฟล์คลาสที่เราสร้างขึ้นนครับ

Downlaod Source Code

การเขียน PHP แบบ OOP ตอนที่ 3 การสร้าง constructor

เรามาตอนจากครั้งก่อน การเขียน PHP แบบ OOP ตอนที่ 2 ผมแนะนำให้ดาวโหลดโค้ดจากครั้งก่อนด้วยนะครับ เพราะผมจะทำต่อจากครั้งก่อนโดย ครั้งนี้จะเป็นการสร้าง construtor ของ class ซึ่งในหลักการของ OOP นั้นการมี constructor นั้นก็เพื่อกำหนดค่าเริ่มต้นให้ object ของ class ที่สร้างขึ้นเพื่อให้มันสามารถทำงานได้ตามที่ผู้ออกแบบคลาสตั้งใจ โดยใน PHP นั้นมันเป็นภาษาออกแนว script ผมเลยรู้สึกว่า constructor ของ php มันออกจะ dynamic พอสมควรแต่ไม่รู้ว่าจะส่งผลให้ทำงานช้ารึเปล่า

โดยเริ่มแรกให้ทำการสร้าง constructor ในไฟล์ class.Student.inc โดยมีโค้ดดังนี้

function __construct($data = array())
{
if(count($data) > 0){
foreach($data as $name => $value){
$this->$name = $value;
}
}
}

ใน php นั้นหากชื่อ method ขึ้นต้นด้วย under scorce 2 ตัวจะเป็นการใช้ magic method คือมันจะเป็นรูปแบบ method dynamic ใน oop ของ php ซึ่งใน construtor นั้นก็ขึ้นต้นด้วย _ 2 ตัวเหมือนกัน

จากนั้นก็ไปแก้ไข้ที่ไฟล์ index.php โดยให้ลบ

$student->setFirstName('Thaicoding');
$student->setLastName('.Com');

ออก จากนั้นบรรทัดที่ new object นั้นให้ทำการส่ง array ข้อมูลเพื่อทำการกำหนดข้อมูลเริ่มต้นให้ object โดยเปลี่ยนโค้ดเป็นดังนี้

$student = new Student(array(‘firstName’ =>’Thaicoding’, ‘lastName’ => ‘.Com’));

จากนั้นลองรันไฟล์ index.php อีกครั้ง

จะเห็นมา array ที่ส่งไปในตอนใช้คำสั่ง new object นั้นจะส่งไปยัง constructor เพื่อไปกำหนดให้ member ใน class นั้นเอง โดยสังเกตโค้ดใน construtor นั้น

if(count($data) > 0){
foreach($data as $name => $value){
$this->$name = $value;
}

จะเห็นว่าจะมีการเช็คว่ามีข้อมูลส่งมาหรือถ้ามีก็จะวนลูปจนครบข้อมูลทั้งหมดจากนั้นจะแยกเป็นชื่อกับค่าแล้วกำหนดให้ member ตามชื่อ ที่คู่กับค่านั้นเอง

นั้นก็หมายความว่า ข้อมูล array(‘firstName’ =>’Thaicoding’, ‘lastName’ => ‘.Com’) จะเป็น ‘ชื่อ member’ => ‘ค่าที่ต้องการกำหนด’ ซึ่งจากวิธีการนี้เราสามารถกำหนดค่าเริ่มต้นให้ object ผ่าน constructor ให้ member ทุกตัวใน class ที่มีนั้นเองและหากมันไม่มีชื่อ member ที่เราส่งไปกับ array ข้อมูลมันก็จะไม่ error อีกด้วย ไม่เชื่อก็ลองใส่ array(‘firstName’ =>’Thaicoding’, ‘lastName’ => ‘.Com’,'test’ => ’123′) ไปให้ construtor ดูครับ

Download SourceCode

การเขียน PHP แบบ OOP ตอนที่ 2

ในตอนที่แล้ว ภาษา PHP: การเขียนแบบ OOP ตอนที่ 1   เป็นเนื้อหาเกี่ยวกับการสร้าง class และ object เบื้องต้นในครั้งนี้จะพูดถึง การสร้าง method get กับ set

โดยเริ่มจากโค้ดจากตอนที่แล้วโดยเปลี่ยนโค้ดดังนี้

<?
class Student{

private $firstName;
private $lastName;

public function display()
{
$display = 'FistName: ' . $this->firstName;
$display .= '<br/>';
$display .= 'LastName: ' . $this->lastName;
return $display;
}

public function setFirstName($name)
{
$this->firstName = $name;
}

public function setLastName($name)
{
$this->lastName = $name;
}

public function getFirstName()
{
return $this->firstName;
}

public function getLastName()
{
return $this->lastName;
}
}

เมื่อลองรันไฟล์ index.php ที่ทำมาจากตอนก่อนก็จะได้ดังนี้

สังเกตว่าโค้ดใน Class Student มีการเปลี่ยน modifier จาก public เป็น private  เพื่อไม่ให้ object ที่สร้างขึ้นไม่สามารถอ้างอิง member fistName และ lastName หรือเปลี่ยนแปลงค่าได้โดยตรงจึงทำการสร้าง method get และ set ขึ้นมาตามโค้ด

เมื่อลองแก้ไฟล์ index.php ตามโค้ดต่อไปนี้

<?php
require 'class.Student.inc';
echo '<h2>Test Class Student</h2>';
$student = new Student();

echo '<h2>Set Property Class Student</h2>';
$student->setFirstName('Thaicoding');
$student->setLastName('.Com');
echo '<pre>' . print_r($student) . '</pre><br/>';

echo '<h2>Function Display</h2>';
echo $student->display();

echo '<h2>Function get FirstName</h2>';
echo $student->getFirstName();

echo '<h2>Function get LastName</h2>';
echo $student->getLastName();
?>

เมื่อลองรันไฟล์ index.php ก็จะได้ดังรูป

สังเกตว่า method setFirstName กับ setLastName จะทำการกำหนดค่า member firstName และ lastName ตามค่าที่ส่งเข้าโดย object จะสามารถทำการเรียกใช้งานให้ดูตัวอย่างในไฟล์ index.php คือ $student->setFirstName(‘Thaicoding’);

ส่วน method get นั้นก็แค่ทำการ return ค่า member ที่ต้องการออกมาให้กับ object ที่เรียกใช้งาน ในการทำ method get set นั้นเพื่อป้องกันการเข้าถึง member ของ object ของ class โดยตรงหรือที่เรียกว่า Encapsulation เพื่อให้คนที่เอา class ไปใช้งานนั้นไม่ทำการอ้างอิงถึงจนทำให้เกิดความผิดพลาดของการทำงานของโปรแกรมเกิดขึ้น

ใน php นั้นจะมี magic method ของ _get กับ _set อยู่แต่ในเบื้องต้นนี้ผมเขียนบทความขั้นพื้นฐานก่อนแล้วค่อยหาโอกาสเขียนบทความในรายละเอียดต่อไป

Download SourceCode

ภาษา PHP: การเขียนแบบ OOP ตอนที่ 1

ในสมัยนี้การเขียนโปรแกรมในรูปแบบ OOP นั้นมีประโยชน์มากและเป็นรูปแบบทั่วไปสำหรับการพัฒนาโปรแกรมในสมัยนี้ เพราะมันสามารถออกแบบมารองรับการทำงานที่สลับสับซ้อนแล้วอีกอย่างหนึ่งคือมันสามารถ reusable code ได้ทำให้การพัฒนาโค้ดได้เร็วขึ้น และในภาษา PHP นั้นก็สามารถรองรับการเขียนโค้ดในรูปแบบ OOP ได้แล้ว โดยวันนี้จะเป็นการเขียนบทความเกี่ยวกับการเขียน PHP ในรูปแบบ OOP เบื้องต้น โดยมีเนื้อหาในตอนที่ 1 ดังนี้

• การสร้าง class
• การสร้าง member , method
• การสร้าง object

เอาละเรามาเริ่มกันเลยโดย ผมจะทำการสร้าง Class ที่เกี่ยวกับข้อมูลนักเรียนง่ายๆๆ ขึ้นมานั้นคือ Class Student โดยในตอนที่ 1 นี้จะมี member ใน class 2 ตัวคือ firstName กับ lastName และมี method 1 method คือ   display() โดยมีโค้ดดังนี้

<?
class Student{

public $firstName;
public $lastName;

public function display()
{
$display = 'FistName: ' . $this->firstName;
$display .= '<br/>';
$display .= 'LastName: ' . $this->lastName;
return $display;
}
}

สังเกตว่าในภาษา php นั้นเวลาเขียนเป็น class ส่วนมากเขาจะนิยมไม่มี tag ปิด ?>

ต่อมาเมื่อเราเขียน class เสร็จแล้วเราก็จะมาทำการสร้าง object ของ class Student ขึ้นเพื่อใช้งานมัน โดยที่ผมทำการสร้างไฟล์ index.php ขึ้นมาโดยมีโค้ดดังนี้

<?php
require 'class.Student.inc';
echo '<h2>Test Class Student</h2>';
$student = new Student();

echo '<h2>Set Property Class Student</h2>';
$student->firstName = 'Thaicoding';
$student->lastName = '.Com';
echo '<pre>' . print_r($student) . '</pre><br/>';

echo '<h2>Function Display</h2>';
echo $student->display();
?>

และเมื่อลองรันไฟล์ดูก็จะได้ผลลัพธ์ดังรูป

จะเห็นว่าเราใช้คำสั่ง new เพื่อเป็นการสร้าง object ใหม่ซึ่งกลายๆกับภาษาอื่นที่รองรับการเขียนโปรแกรมแบบ OOP นั้นเองต่อมาเราได้มีการกำหนดค่าให้ firstName กับ lastName ซึ่งเราสามารถกำหนดค่าได้โดยตรงเพราะ member ทั้ง 2 ตัวนั้นมันเป็นแบบ public นั้นเอง เมื่อกำหนดค่าแล้วในไฟล์ index.php นั้นได้มีการใช้คำสั่ง print_r เพื่อแสดงค่าต่างๆใน object student นั้นสุดท้ายคือการเรียกใช้ method display ที่เราเขียนการทำงานไว้ในไฟล์ class Student ซึ่งในการอ้างอิง member หรือ method ในภาษา PHP นั้นจะใช้เครื่อง -> นั้นเอง

Download SourceCode

ในการใช้ CodeIgniter Framework php ในการพัฒนาเว็บนั้นหากไม่มีการ config เพิ่มเติมนั้นมันจะมีการใช้ index.php ใน url ที่เรียกใช้ controller หากใช้งานเป็น web application ทั่วไปมันคงไม่มีปัญหาอะไรแต่หากทำเป็นเว็บไซด์แล้วมันจะมีปัญหาส่งผลต่อกการ index url ของ google หรือการทำ SEO นั้นเองโดยขั้นตอนการเอา index.php ออกมีขั้นตอนดังนี้ โดยเริ่มแรกนั้นผมจะโดย CodeIgniter เริ่มแรกมาโดยไม่ทำการ config ใดๆเลยแล้วนำไปตั้งบน Web Server ซึ่งในเครื่องของผมนั้นจะใช้ Appserv เพราะมันง่ายสุดสำหรับการใช้งาน โดยผมนำไปวางไว้แล้วตั้งชื่อ folder ว่า code

เมื่อลองเรียก url ดูโดยใช้ url ที่มี index.php ซึ่ง Controller default นั้นจะเป็น Welcome

แต่เมื่อลองเรียก URL ที่ไม่มี index.php นั้นจะได้ดังรูปคือไม่เจอหน้าเพจที่ต้องการนั้นเอง

ที่นี้มาถึงขั้นตอนการเอา index.php ออกกัน โดยเริ่มที่การสร้างไฟล์ .htaccess ใน directory นอกสุดของ codeIgniter

โดยภายในต้องกำหนด กฏการ mod rewrite แต่ขอสำคัญต้องแน่ใจว่า Web Server ที่เราใช้งานนั้นต้อง enable mod rewrite ซะก่อน

โดยกำหนดกฏการ mod rewrite เป็นดังนี้

RewriteEngine on
RewriteCond $1 !^(index\.php|resources|images|robots\.txt\.jpg)
RewriteCond %{REQUEST_URI} !\.(jpg|png|css|js)$
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L,QSA]

เมื่อใส่ข้อมูลในไฟล์ .htaccess เสร็จแล้วก็ให้ไปกำหนดไฟล์ config.php ใน directory application\config

โดยให้เปลี่ยน $config['index_page'] = ‘index.php’ ให้เป็นดังรูป คือเอา index.php ออก จากนั้นก็เปลี่ยน $config['uri_protocol'] เป็น REQUEST_URI จากนั้นก็เซฟแล้วลองไปเรียก URL ที่ไม่มี index.php ดู

สามารถเรียกได้แล้วครับที่นี้ก็มาทำ URI route เพื่อให้สามารถทำให้ URL เว็บของเรามี keyword ที่ต้องการแล้วก็มี parameter ที่เราต้องใช้ในการดึงข้อมูลจากฐานข้อมูลได้ โดยเราสามารถกำหนดได้ในไฟล์ routes.php ใน application\config

โดยผมกำหนด เพิ่ม $route['products/([a-z]+)/(\d+)’] = “main/testroute/$2″;

ความหมายของมันก็คือถ้ามีการเรียก URL เป็น base_url/products/ตัวอักษร a-z/แล้วก็ตัวเลข มันจะมีการไปเรียกใช้งาน controller main ฟังก์ชัน testroute หรือง่ายๆคือมันจะเปลี่ยนไปเรียก url base_url/main/testroute/ตัวเลขที่ส่งมานั้นเอง ที่นี้ก่อนที่เราจะไปทดสอบนั้นเราก็ต้องไปเขียน function testroute ใน controller main ก่อนโดยผมทำการ copy ไฟล์ welcome.php แล้วเปลี่ยนชื่อ class เป็น Main แล้วไฟล์ก็ชื่อ main.php

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Main extends CI_Controller {

/**
* Index Page for this controller.
*
* Maps to the following URL
*         http://example.com/index.php/welcome
*    - or -
*         http://example.com/index.php/welcome/index
*    - or -
* Since this controller is set as the default controller in
* config/routes.php, it's displayed at http://example.com/
*
* So any other public methods not prefixed with an underscore will
* map to /index.php/welcome/<method_name>
* @see http://codeigniter.com/user_guide/general/urls.html
*/
public function index()
{
$this->load->view('welcome_message');
}

public function testroute()
{
echo "testroute<br/>";
echo $this->uri->segment(3);
}
}

/* End of file welcome.php */
/* Location: ./application/controllers/welcome.php */

เมื่อลองเรียก URL http://localhost/code/products/xxxx/1

ซึ่งจากโค้ดใน function testroute ที่เมื่อเรียก url products/xxxx/1 มันจะตรงตามกฏใน route มันก็จะเรียกใช้งาน function testroute ใน controller main ซึ่งจะเห็นว่า xxxx นั้นอาจมีค่าหรือไม่ก็ได้ในการดึงฐานข้อมูลแล้วเรายังสามารถส่งค่า 1 เข้าไปได้เพื่อใช้ในกรณีของ id นั้นเองส่วน xxx นั้นก็จะเป็น Keyword เพื่อการทำ SEO นั้นเอง

เขียน JAVA – เซฟรูปจาก URL โดยใช้ JAVA

ในบางครั้งหากเรามี URL ของรูปภาพจำนวนมาก หากเราต้องการเซฟรูปเหล่านั้นมันคงจะเหนื่อยหน่อยเพราะรูปมันเยอะ เราก็ทำการเขียนโปรแกรมเซฟรูปภาพจาก URL หากเรารู้ URL แล้วเราก็แค่ List ใส่ข้อมูลเป็นไฟล์หรือ Database ก็แล้วแต่ จากนั้นก็จะใช้โปรแกรมเล็กๆที่เขียนโดย java ทำการเซฟรูป เพื่อช่วยให้เก็บรูปหรือบันทึกรูปได้เร็วขึ้นนั้นเอง

เริ่มแรกผมจะเขียนโปรแกรม java โดยใช้ eclipse เรามาเริ่มกันเลยดีกว่า ขั้นแรกทำการสร้าง Project เลือกเป็น Java Project

จากนั้นผมจะตั้งชื่อ Project ว่า saveImageURL

เมื่อสร้างโปรเจ็คเสร็จแล้วก็ให้ทำการสร้าง Class หลักโดยกำหนดให้ชื่อเป็น Main

เมื่อสร้าง Class เสร็จแล้วก็ให้เริ่มทำการเขียนโค้ดดังต่อไปนี้

import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.net.URL;

public class Main {

public static void main(String[] arg){
String targetURL = "http://www.thaicoding.net/wp-content/uploads/2013/01/Untitled.png";
String pathSave = "C:\\";
try{
URL url = new URL(targetURL);
String filename = url.getFile();
filename = filename.substring( filename.lastIndexOf('/')+1, filename.length() );
System.out.println("Target URL : " + targetURL);
System.out.println("Save File : " + pathSave+filename);
InputStream is = url.openStream();
OutputStream os;

os = new FileOutputStream(pathSave+filename);

byte[] b = new byte[2048];
int length;

while ((length = is.read(b)) != -1) {
os.write(b, 0, length);
}

is.close();
os.close();

}
catch(IOException e){
System.out.println(e.toString());
}
}
}

เมื่อเขียนโค้ดเสร็จแล้วก็ให้ทำการกดปุ่นรันเพื่อรันโปรแกรมที่เขียนไป

เมื่อกดปุ่มรันแล้วจะได้ผลลัพธ์ดังรูป

จากโค้ดจะเห็นว่าจะทำการเซฟไฟล์ไปที่ C:\ ซึ่งเมื่อเปิดดูที่ Drive C ก็จะได้ไฟล์รูปที่เราต้องการจาก URL แล้วครับ

จากโค้ดตัวอย่าง จะมีการใช้ตัวแปรแบบ String 2 ตัวในการเก็บค่า URL รูปภาพที่ต้องการกับอีกค่าคือ path ที่เราต้องการเซฟรูปภาพ จากนั้นจะใช้ Object URL เพื่อสร้าง Object ในการดึงข้อมูลรูปภาพ ต่อจากนั้นจะต้องมีการสร้าง Object InputStream กับ OutputStream โดยที่ InputStream  จะเป็นตัวรับข้อมูลแบบ Stream จาก URL ต่อจากนั้นจะใช้ OutputStream  ทำการเขียนข้อมูล Stream เพื่อทำการบันทึกข้อมูลจะกลายเป็นรูปภาพที่เราต้องการโดยในการเขียนข้อมูลของ OutputStream  นั้นจะทำการเขียนเป็นไบต์โดยทำการวนลูป While จนข้อมูลหมด เมื่อทำการ Write จนหมดข้อมูลแล้วสิ่งสำคัญคือการ Close OutputStream  เพื่อทำการยันทึกรูปภาพให้เสร็จสิ้นสมบูรณ์เมื่อ Close OutputStream  แล้วก็ต้องทำการ Close InputStream ด้วยข้อสำคัญอีกอย่างก็คือต้องใส่ try catch เพื่อกันกรณีไม่สร้างดึงข้อมูลรูปภาพจาก URL หรือไม่สามารถบันทึกรูปไฟล์เก็บไว้ได้

Download SourceCode

จากที่ครั้งก่อน การส่งค่าผ่านระหว่าง Activity กับ Activity (ตอน 1) เป็นการส่งค่าจาก Activity ไปยังอีก Activity คราวนี้จะเป็นการส่งค่ากลับมาหรือส่งผลลัพธ์กลับมายัง Activity เดิมที่ทำการ request ไป หากใครไม่ได้ทำหรืออ่านจากบทความก่อนให้กลับไปอ่านก่อนแล้วทำการดาวโหลดโค้ดเพื่อความต่อเนื่อง

ตอนจากครั้งก่อนก็ให้กลับไปที่ MainActivity แล้วไปที่ Source -> Override/Implement Methods แล้วเลือกทำการ implement method ที่มีชื่อว่า onActivityResult

เมื่อเลือกทำการ implement จะเห็นว่ามีการส่ง argument มาให้หลายค่าจะประกอบด้วย requestCode คือรหัสที่ทำการ request ไปยัง Activity ที่ 2 ส่วน resultCode นั้นจะเป็นรหัสที่ Activity ที่ 2 ตอบกับมาพร้อมกับค่าที่ใส่ใน putExtra

ซึ่งใน onActivityResult นั้นผมจะทำการแสดงข้อความที่ได้รับกลับมาจาก Activity ที่ 2 โดยเขียนโค้ดดังนี้

protected void onActivityResult(int requestCode, int resultCode, Intent data) {
switch(requestCode){
case REQUEST_CODE:
if(resultCode == RESULT_CODE){
Toast.makeText(this, data.getExtras().getString("response message"), Toast.LENGTH_LONG).show();
}
break;

}
super.onActivityResult(requestCode, resultCode, data);
}

จากนั้นกลับไปที่ ResponseActivity โดยทำการสร้างปุ่มขึ้นมา 1 ปุ่มเพื่อเวลาคลิกจะได้ส่งค่ากลับไปให้ MainActivity นั้นเอง โดยไปสร้างปุ่มที่ไฟล์ response_activity.xml

โดยสร้างปุ่มดังรูปโดยกำหนด Text เป็นคำว่าอะไรก็ได้โดยที่นี้ผมกำหนดเป็น Response จะนั้นก็ทำการ แก้ไขไฟล์ xml ของไฟล์ response_activity.xml ว่าเวลาคลิกปุ่มให้ไปเรียก method ที่ชื่อว่า responseAction โดยมีโค้ดบางส่วนดังนี้

<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="58dp"
android:onClick="responseAction"
android:text="Response" />

จากนั้นก็ทำการสร้าง method ที่ชื่อว่า responseAction ตามที่กำหนด Action ให้กับปุ่มก่อนหน้านี้โดยมีโค้ดดังนี้

public void responseAction(View view)
{
Intent intent = new Intent();
intent.putExtra("response message", "I am fine, thank you");
setResult(RESULT_CODE, intent);
finish();
}

สังเกตว่าจะมีการสร้าง Intent ใหม่เวลาจะสั่งให้อีก Activity ทำงาน เมื่อจะทำการส่งค่าไปหรือกลับจะใช้คำสั่ง putExtra รอบนี้ส่งกลับโดยใช้ชื่อข้อมูลว่า response message และส่งค่าที่เป็น string กลับไปเป็นคำว่า “I am fine, thank you” จากนั้นก็ทำการใช้คำสั่ง setResult เพื่อส่งกลับไปยัง Activity เดิมนั้นเองจะสังเกตว่ามีการใช้ค่าคงที RESULT_CODE นั้นเป็นค่าสำหรับตอบกลับไปว่า result code ที่ return กลับไปนั้นคือโค้ดอะไรจากนั้นก็จบการทำงาน

หากใครสั่งเกตและย้อนกลับไปดูว่าฝ่าย MainActivity นั้นรอรับข้อมูลถูกหรือไม่จะมีการ switch case แล้วก็ if อีกชั้น 1 เพื่อกรองค่าที่ส่งกลับมาว่าเกิดจากที่ไหนส่งอะไรกลับมาจะได้แยกถูกเพื่อในกรณัมีการส่งค่าผ่าน Activity หลายกรณีนั้นเอง

จากผลลัพธ์จะเห็นว่าการส่งกลับข้อมูลสามารถทำได้ครับ

Download SourceCode

ในการเขียนโปรแกรมบน android นั้นบ้างครั้งเราก็จำเป็นต้องส่งค่าไปมาระหว่าง Activity หรือที่เรียกว่าหน้าจอนั้นแหละซึ่งวันนี้เลยเอามาเขียนเป็นบทความเพื่อใครกำลังหาวิธีอยู่ โดยจะแบ่งออกเป็น 2ตอน ตอนแรกนี้จะเป็นการส่งค่าจาก Activity หลักไปยังอีก Activity โดยจะทำการ start Activity พร้อมส่งข้อความ String ไป เมื่อ Activity หลักนั้นทำการกดปุ่ม

โดยเริ่มแรกผมก็ทำการสร้าง Project ใหม่ขึ้นมาโดยมีรายละเอียดตามภาพ

ทำการสร้าง Project ใหม่รองรับ 2.2 -4.0

เลือกเป็น Blank Activity เพื่อความสะดวกและรวดเร็ว

ทำการตั้งชื่อ activity หลัก

จากนั้นให้ไปที่ res ของ Project แล้วไปที่ layout แล้วทำการ new android xml file ตามรูป

จากนั้นตั้งชื่อไฟล์พร้อมเลือก layout ที่ต้องการโดยผมเลือกเป็น RelativeLayout

จากนั้นกลับมาแก้ไฟล์ layout ของ Activity หลักคือ activity_main.xml โดยทำการสร้างปุ่มขึ้นมา 1 ปุ่มโดยเปลี่ยน Text ให้เป็นคำว่า Request

ต่อจากนั้นทำการสร้าง class สำหรับ Activity อีกอัน โดยให้เลือก สืบทอดมาจาก Activity

เมื่อสร้างเสร็จให้ทำการ Implement Method onCreate โดยไปที่ Source – > แล้วเลือกตามรูป

เมื่อทำตามรูปเสร็จแล้วต่อไปก็จะเป็นการเขียน Event เพื่อส่งค่าไปยัง ResponseActivity ครับ โดยให้ไปที่ MainActivity ทำการเขียน method ดังนี้

private static final int REQUEST_CODE = 100;

 

public void sendRequest(View view)
{
Intent intent = new Intent(this, ResponseActivity.class);
intent.putExtra("Request Message", "Hello");
startActivityForResult(intent,REQUEST_CODE);
}

จะเห็นว่ามีการสร้าง Intent ขึ้นมาใหม่พร้อมทั้งระบุว่าให้ ResponseActivity เป็น Activity ที่ต้องการจากนั้นมีการใช้คำสั่ง .putExtra ซึ่งมันต้องการ param  2 ตัวคือชื่อของ message หรือค่าที่ส่งไป อีกตัวจะเป็นค่าที่ส่งไปจะเป็นข้อความหรือตัวเลขก็ได้ จากนั้นทำการรัน ResponseActivity โดยใช้คำสั่ง startActivityForResult เพื่อรอรับผลส่งค่ากลับจาก ResponseActivity ซึ่งจะต่อในครั้งน่า ส่วนอีกค่าที่ส่งไปใน method นี้คือ Request code ที่กำหนดขึ้นเพื่อที่จะเป็นตัวระบุค่าหรือเหตุการณ์ที่ต้องการในการทำงานของโปรแกรม

เมื่อทำเสร็จแล้วให้ไปที่ activity_main.xml  จากนั้นเพื่อ tag onClick เพื่อกำหนดว่าเมื่อมีการ click จะเป็นเรียกใช้ method sendRequest  ซึ่ง param ของ sendRequest นั้นมันบังคับว่าต่องมี View หลังจากทำในส่วนของ MainActivity ไปแล้วต่อไปก็ฝ่าย ResponseActivity  โดยใน ในไฟล์ response_activity.xml นั้นให้ทำการสร้าง TextView ขึ้นเป็นแบบ Large แต่ไม่ต้องกำหนด Text เพื่อที่จะเอามาแสดงข้อความ Request

<TextView
android:id="@+id/txtRequest"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="163dp"
android:textAppearance="?android:attr/textAppearanceLarge" />

ต่อจากนั้นมาทำการเขียนโค้ดเพิ่มใน ResponseActivity.java

protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.response_activity);
TextView txtRequest = (TextView)findViewById(R.id.txtRequest);
Intent intent = getIntent();

if(intent != null && intent.getExtras() != null){
String request = intent.getExtras().getString("Request Message");
txtRequest.setText(request);
}
}

โดยมีการกำหนด layout ให้กับ Activity นี้โดยใช้คำสั่ง setContentView ต่อจากนั้นก็สร้างตัวแปร TextView เพื่อจะใช้ควบคุม TextView ที่สร้างไปก่อนหน้า จากนั้นก็สร้าง Intent จาก Intent ที่ส่งมาจาก Activity ก่อน ต่อจากนั้นก็มีการ check เงื่อนไขเล็กน้อยเพื่อความแน่ใจในการส่งข้อมูลและไม่ทำให้โปรแกรมทำงานผิดพลาด จากนั้นก็มีการดึงค่าจาก key ที่ชื่อว่า “Request Message” ที่ส่งมาจาก MainActivity จากนั้นก็เอาไปแสดงใน txtRequest  ก็เป็นอันเสร็จสิ้น

ผลลัพธ์ก๋ได้ประมาณนี้ครับ

สรุป

การส่งค่าข้อมูลไปอีก Acitivity ต้องใช้ putExtra ซึ่งส่งค่าไป 2 ตัวคือชื่อ tag และค่าที่ต้องการส่งสามารถส่งได้หลายขนิดข้อมูล หลังจากนั้นก็ใช้ method startActivityForResult ส่ง Intent ไป พร้อม request code เพื่อที่ฝ่ายรับจะไปแยกว่าได้รับ request code อะไรมา

ส่วนฝั่ง Acitivity รับก็จะใช้    Intent intent = getIntent(); และ intent.getExtras().getString(“Request Message”); ถ้ามีการส่งค่า int ก็มี getInt นะครับส่วนฝ่าย ResponseActivity ตอบกลับนั้นขอเป็นตอนหน้านะครับ

Download SourceCode

mongodb เป็นระบบฐานข้อมูลแบบที่เรียกว่า NOSQL นั้นก็คือมีการเก็บข้อมูลแต่จะไม่ใช้คำสั่ง SQL นั้นการ query หาข้อมูลนั้นเอง โดยฐานข้อมูลที่เป็นแบบ NOSQL นั้นมีหลายค่ายหลายรูปแบบทั้งเก็บแบบ document, big table และอื่นอีกแต่หากใครคิดจะเริ่มต้นลองใช้ ฐานข้อมูลที่เป็น NOSQL สักตัวผมว่า mongodb เป็นตัวที่น่าลองเล่นดูได้ง่ายนะครับ ส่วนวันนี้ผมจะมาเขียนเกี่ยวกับการติดตั้ง mongodb บน window นั้นเอง

เริ่มแรกเราก็ไปทำการดาวโหลดจากเว็บ www.mongodb.org เมื่อโหลดเสร็จให้ทำการแตกไฟล์ เราจะได้ folder ติดตั้งมาอัน 1 จะมีชื่อประมาณ mongodb-win32-x86_64-[version] ให้ทำการเปลี่ยนชื่อเพื่อการง่ายเป็น mongodb นำไปไว้ที่ drive ที่ต้องการจะติดตั้งเช่น drive c, drive d หลังจากนั้นก็ให้ทำการรัน command line ของ window ขึ้นมา จากนั้นก็ใช้คำสั่ง cd เพื่อเข้าไปยัง drive ที่ทำการเก็บ folder mongodb เหมือนของผมเก็บที่ drive d เลยใช้คำสั่งดังรูป

จากนั้นก็ใช้คำสั่ง cd เข้าไปยัง folder mongodb แล้วก็เข้าไปให้ถึง folder ภายในที่ชื่อว่า bin

หลังจากนั้น mongodb นั้นต้องการ folder ที่เก็บไฟล์ข้อมูลเพราะตัว mongodb นั้นจะอาศัยหลักการในการใช้ไฟล์มาใช้ในการเก็บข้อมูลเพื่อให้ง่ายต่อการเปลี่ยนตัวอุปกรณ์เก็บข้อมูล

จากหน้าจอเมื่อกี้ก็ให้พิมพ์ mongod.exe –dbpath d:\test\mongodb\data

หลักคำสั่ง –dbpath นั้นเราสามารถเปลี่ยนได้ตามต้องการเพื่อเก็บไฟล์ข้อมูล

รูปตัวอย่างหลังการใช้งานจะเห็นมามีไฟล์เกิดขึ้นและใหญ่ขึ้นเรื่อยๆ

หลังจากนั้นก็ใช้คำสั่ง mongod.exe

หลังจากนั้นก็ให้เปิดหน้าต่าง command line แล้วใช้ cd เข้าไปยัง folder bin ใน mongodb แล้วใช้คำสั่ง mongo.exe เพื่อเชื่อต่อฐานข้อมูลที่ start ไปก่อนหน้านี้ครับ

ส่วนวิธีการใช้งานแล้วก็คำสั่งนั้นไว้ให้ผมศึกษาเข้าใจมากกว่านี้นะครับจะมาเขียนบทความใหม่