เพื่อนๆ เคยนึกหรือไม่ครับว่า twitter และ facebook มีเครื่อง server กี่เครื่องครับ ?

>> ถ้าไม่ได้ติดตามก็คงตอบผิดครับ ผมเคยถามเพื่อน บางคนตอบว่า 50 บางคนบอกว่า 1000 เครื่อง ผิดหมดครับ

สำหรับ Facebook ใช้ Server ทั้งหมด (ถึงตุลาคมนี้) 30,000 เครื่องครับ

Ref: http://www.datacenterknowledge.com/archives/2009/10/13/facebook-now-has-30000-servers

ส่วน twitter ผมค้นหาแล้วไม่มีข้อมูลบอกนะครับ แต่คิดว่าคง ราวๆ หลายพันเครื่อง

ผมเขียนเรื่องนี้เพราะอยากให้เพื่อนๆ ได้รู้ว่าก่อนที่จะมาเป็น Twitter, Facebook ที่คนเป็นหลายๆ ร้อยล้าน ใช้กันมันยากแค่ไหน และต้องอาศัยเทคโนโลยีกันสุดโต่งทีเดียว อาจอ่านยากหน่อยเพราะต้องใช้ Technical บ้างครับ แต่ก่อนเข้าสู่ปัญหาคลาสสิคของระบบเว็บและฐานข้อมูล ผมอยากให้เพื่อนๆ ได้เรียนรู้สองเรื่อง ที่เป็นปัญหาของระบบใหญ่ๆ คือ

1. Data Access – ปกติข้อมูลจะอยู่บนฐานข้อมูลที่ถูกเก็บบนดิสก์ นี่คือ traditional ของระบบคอมพิวเตอร์ เมื่อมีการเรียกใช้งานข้อมูล server จะทำการย้ายข้อมูลจากดิสก์ มาไว้ที่ Memory โดยทั่วไปแล้วการอ่านแบบนี้ จะค่อนข้างช้า (ตอนบูทวินโดว์ นานไหมครับ)

2. Networking latency – ปกติการใช้บริการต่างๆบน server มันจะมีโอเวอร์เฮดของการให้บริการเช่น การเชื่อมต่อ การตรวจสอบข้อมูลว่าส่งสำเร็จหรือไม่ (เวลาต่อเน็ตมีหน่วงๆ ตอนแรกไหมครับ)

เอาล่ะแค่สองเรื่องนี้ ทำให้ Facebook กับ Twitter เครียดกันเป็นแรมเดือนทีเดียว ทำไมหรือครับ ปัญหา สองอย่างข้างต้นจะไม่เกิดขึ้นจนกว่า ปริมาณของข้อมูลและโหลดจะมีขนาดจำนวนหนึ่ง (เยอะๆแหละ) ลองนึกภาพว่า มีเครื่อง server ให้บริการข้อมูลสัก สี่ ห้าคน ก็ยังพอไหว อาจช้าๆ ลงไปหน่อย แต่นึกภาพดูครับ ถ้าเพิ่มเป็น 100 คนล่ะครับ คงต้องมีอีก 80 คนบ่น และเลิกใช้ไปเลย เพราะเครื่อง server ให้บริการไม่ได้ แต่ Facebook และ twitter ให้บริการคนเป็นระดับหลายสิบล้านคนพร้อมๆ กัน (Facebook มีคนใช้ สามร้อยล้านคน)

เทคโนโนโลยีพื้นๆ ไม่สามารถรองรับได้แน่นอน (Twitter เคยผิดพลาดมาก่อนแล้ว เพราะ Design Architecture ตอนแรกแบบไม่ได้รองรับจำนวนคนใช้และปริมาณข้อมูลระดับ เทราไบท์ต่อวัน ปีที่แล้วต้องรื้อกันใหม่ยกใหญ่) Key technology คือ Distributed Environment (เกือบๆ Clould Computing) ผมขอยกตัวอย่าง Facebook นะครับ เพราะ Facebook มีเอกสาร และเปิดเผยระบบมากกว่า Twitter เพื่อความชัวร์ ผมขอผ่า Facebook ก่อนเลย

1. Facebook ใช้ การกระจายข้อมูลไปไว้ยังหลายๆ servers โดยการใช้ เทคโนโลยี Cassandra ที่รับประกัน 0% failure และยังมีการทำ Replication ข้อมูลเพื่อเป็นการ Guarantee 0% data lost

2. ลดเวลาใน Data Access ให้น้อยที่สุด โดยการใช้ เทคโนโลยี Memcached ที่สร้างความเร็วเพิ่มกว่า 30-40% โดยการเอาข้อมูลจำเป็นต่างๆ โหลดไว้ที่ Memory เลย เรียกว่า Cache

ส่วนทาง Twitter โหลดข้อมูลลง Memory เกือบหมดเลย และใช้ Memcached เช่นเดียวกัน

3. ปรับการ communicate ระหว่าง server จากระบบ TCP มาเป็น UDP ช่วยลด overhead (ไม่นึกไม่ฝันว่า UDP มีประโยชน์แบบนี้ด้วย)

4. ลดจำนวนการอ่านไฟล์ภาพ โดยการเป็น batch เช่น เวลาเราโหลดภาพเยอะๆ เมื่อเวลาเราดูภาพ ถ้าไม่มีระบบนี้ server จะอ่านทีละไฟล์ ทำให้สิ้นเปลือง Data Access จึงเก็บไฟล์ภาพหลายๆไฟล์เป็นไฟล์เดียว แล้วเวลาอ่าน ก็อ่านมาทั้งก้อน ไว้ที่ Memory และอยู่ใน cache เลย

5. Web Service ที่แทบไม่มีการดีเลย์ของการให้บริการ (แทบจะ Real time) โดยใช้ Tornado

ที่เล่าๆ มา ทาง Facebook ได้นำ Opensource ที่มีอยู่แล้ว มาปรับปรุง เป็นตัวใหม่ๆ จึงมึ Open source ดีๆ อีกมากมายให้ใช้กัน

จริงๆ Facebook ต้องการสร้าง Application ให้ใช้กันอีกมากมายบน Facebook Platform ตัวอย่างเช่น Office ที่ใช้ความสามารถของ Social Network ช่วยกันสร้าง (คล้ายๆ Google Doc) แต่กลัวว่าระบบจะตามไม่ทัน หรือเกมส์ที่ใหญ่ๆ หนักๆ

สรุปแล้ว Social Network ช่วยสร้างเทคโนโลยี ที่จัดการกับฐานข้อมูลเรียลไทม์ขนาดใหญ่ และจำนวนคนใช้ขนาดมหาศาล … ถ้าจะเป็นเจ้า Social Network ระดับผู้ใช้ 1000 ล้าน ท่าทางต้องมีอีกเป็นแสนๆ เครื่อง … แต่ไม่ง่ายครับ ตอนนี้ Memcached ก็มี limit แต่ผมไม่ทราบว่า limit มันคือเท่าไร่ ใครต้องการรายละเอียดยิบๆ เชิญอ่านตามลิงค์ ข้างล่างไปเรื่อยๆ (ใครทำวิจัย ด้านนี้ ก็คงศึกษาไว้นะครับ อีกหน่อยอาจเอาไปทำ Real time data Mining บน Social Network นะครับ – ใช้ Twitter timeline API ดึงมาไว้ใน Memcached)

ที่มา
http://fbong.wordpress.com/2009/11/05/ผ่า-เทคโนโลยี-ที่ทำให้-facebook-twitter/

เราจะได้รู้นะ ว่าบริษัทใหญ่ เขาให้เทคโนโลยีอะไรบ้าง เผื่อเราจะทำบ้าง แหะ ๆ

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

โดยใช้คำสั่งนี้

1

ini_set('default_socket_timeout',$time)

โดยที่
$time= เวลาที่ใช้ในการให้ติดต่อ หน่วยเป็น วินาที

ปล. ขอแนะนำว่าหลังจากใช้ ฟังก์ชั่นนี้แล้วให้เซตค่ากลับด้วย
ซึ่งค่าปกติคือ 60 วินาที

วิธีแนะนำโดย โอ@WLS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}
 
function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) 
                   return c.substring(nameEQ.length,c.length);
	}
	return null;
}
 
function eraseCookie(name) {
	createCookie(name,"",-1);
}

วิธีใช้งาน

สร้าง cookie โดย
createCookie(’ชื่อ cookie’,'ค่าใน cookie นั้น’,เวลาของ cookie หน่วยเป็นวัน)

ตัวอย่างการใช้งาน
createCookie(’webshowpow’,'valuecookie’,7)

ปล. ถ้าเวลาของ cookie ไม่ได้ใส่ cookie นั้นจะหมดอายุเมื่อปิดบราวเซอร์

อ่านค่าใน cookie โดย
readCookie(name)

ตัวอย่างการใช้งาน
readCookie(’webshowpow’)

ลบ cookie โดย
eraseCookie(name)

ตัวอย่างการใช้งาน
eraseCookie(’webshowpow’)

ที่มา
http://www.quirksmode.org/js/cookies.html

สมมุติว่า

” เราต้องการจะได้ทราบว่า banner ของเวปเราที่จะหมดอายุในอีก 7 วันข้างหน้า มี banner อะไรบ้าง ”

เราก็จะสามารถเขียน query ได้ดังนี้

1
2
3

SELECT banner_name 
FROM tb_banner
WHERE date_expire = NOW() + INTERVAL 7 DAY

หน่วยของ INTERVAL ก็มีดังนี้
- MICROSECOND
- SECOND
- MINUTE
- HOUR
- DAY
- WEEK
- MONTH
- QUARTER
- YEAR

เป็นเวปที่ขายผลงานของบริษัทของเขาเอง

- Rich Portal
- Rich Forms & Calculators
- Rich Product Finder
- Co-Browse & Chat

รวมทั้งมี Framework ให้ใช้ด้วย

เวปนี้มีตัวอย่างของการให้งา่น Ajax ให้ลงตัวกับงานต่าง ๆ

http://www.backbase.com/

ผมขอแนะนำให้ดู Rich Product Finder อย่างเทพ

1
2
3
4
5

<script type="text/javascript">
$(document).ready(function() {
     // your code
});
</script>

หรือใช้รูปย่อ

1
2
3
4
5

<script type="text/javascript">
$(function() {
     // your code
});
</script>

ซึ่งหมายความว่า ถ้าใช้ไลบารี่ jQuery จาก Google ผู้ใช้งานที่ไม่ได้อยู่ใกล้ server ของคุณ
จะสามารถดาวน์โหลด jQuery ได้เร็วกว่าดาวน์โหลดจาก server ของตัวท่านเอง

2. เพิ่มความได้เปรียบ
ในการลดการใช้งานเซิร์ฟเวอร์เกินพิกัด โดยไม่จำเป็น ควรจะกำหนดจำนวนในการเข้าไปใช้งาน
พร้อมกัน ซึ่งจำนวนนั้นอาจจะเท่ากับ 2 ความต้องการในแต่ละโฮสต์

ในการใช้งานไลบารี่ jQuery จาก Google จะเป็นการลดหนึ่งความต้องการในเวปไซด์ของท่าน
ทำให้ความสามารถในการดาวน์โหลดข้อมูลของเวปไซด์ท่านเพิ่มขึ้น ซึ่งมันอาจจะไม่สร้าง
ความแตกต่างอย่างเด่นชัด แต่สำหรับเวปไซด์ที่อนุญาตให้ใช้งานพร้อมกันแค่ 2 ความต้องการ
ความแตกต่างนั้นจะเห็นได้อย่างชัดเจน

3. แคชที่ดีขึ้น
ประโยชน์ที่สำคัญมากที่สุดในการใช้ไลบารี่ jQuery จาก Google คือ ผู้ใช้งานเวปไซด์ของท่าน
อาจไม่จำเป็นต้องดาวน์โหลด jQuery เลย

ไม่ว่าการทำงานแคชของคุณเป็นแบบไหน ผู้ใช้งานเวปไซต์ของท่าน ต้องดาวน์โหลด jQuery
อย่างน้อยหนึ่งครั้ง จากโฮสต์ของท่าน ซึ่งผู้ใช้งานเวปไซต์ของท่าน อาจจะมีก๊อบปี้ของ jQuery
อยู่แล้วในเบราว์เซอร์ของเขาเอง แต่ก็ยังคงต้องดาวน์โหลด jQuery จากโฮสต์ของท่าน
ในการเข้าเวปไซต์ท่านครั้งแรก

ในทางกลับกัน เมื่อเบราว์เซอร์เห็นการร้องขอ jQuery จาก Google ใน version เดียวกัน
ก็จะเข้าใจว่าเป็นการร้องขอไฟล์ที่ซ้ำกัน ไม่เพียงแค่ทาง Google จะส่งผลตอบรับในการร้อง
ขอไฟล์ jQuery ว่า 304 “ไม่มีการเปลี่ยนแปลง” แต่ตามปกติของเบราว์เซอร์ จะเก็บแคช
อย่างน้อย 1 ปี

นั้นหมายความว่า ถ้ามีใครเข้าใช้งาน 100 เวปไซต์ ที่ใช้เวอร์ชันไฟล์ jQuery จาก Google
เดียวกัน เขาจะต้องดาวน์โหลด jQuery แค่ครั้งเดียว

วิธีการใช้งาน ไลบารี่ jQuery จาก Google
มี 2 วิธีที่ทาง Google แนะใช้ให้

วิธีที่ 1

1
2
3
4
5
6
7
8
9
10
11

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  //  คุณจะต้องใส่ค่าตัวแปร เช่น "1" หรือ "1.3"  ใน google.load()
  //  แต่ผลลัพธ์จะเหมือนกัน คือจะโหลดเวอร์ชั่นล่าสุดที่เกี่ยวข้องกับตัวเลขที่คุณกรอกไป
  //  (ตัวอย่าง - ถ้าใส่ค่า 1 หรือ 1.3 ก็จะโหลดตัวล่าสุดคือ 1.3.2 )
  google.load("jquery", "1.3.2");
 
  google.setOnLoadCallback(function() {
    // วาง Code ที่ตำแหน่งนี้
  });
</script>

วิธีการนี้ คุณจะต้องใช้ google.setOnLoadCallback(function()
และจะไม่สามารถใช้ $(document).ready() ได้

วิธีที่ 2

1
2
3
4
5
6
7

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/
jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    // วาง Code ที่ตำแหน่งนี้ 
  });
</script>

ปล. จริง ๆ แล้ว ทาง Google ไม่ได้เตรียมไลบารี่ ให้ใช้แค่ jQuery แต่ยังมี
jQuery UI, Prototype, script.aculo.us, MooTools, Dojo, SWFObject,
Yahoo! User Interface Library (YUI), Ext Core และ Chrome Frame

รายละเอียดเพิ่มเติม
http://code.google.com/apis/ajaxlibs/documentation/

บทความมาจาก
http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-for-you/

ใครใช้อะไรเขียนก็ใช้อันนั้น ตามสบายนะครับ เพื่อความได้เปรียบ โฮะๆๆ

ทำไมชื่อไฟล์เป็นสีฟ้า

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

แต่ถ้าเราไม่อยากให้ชื่อไฟล์เป็นสีฟ้า มีทางแก้ไข 2 วิธี

1. คลิกขวาที่ไฟล์นั้น ๆ แล้วเลือก Properties แล้วกดที่ปุ่ม “Advanced…”
จากนั้นก็ติกออกที่ “Compress contents to save disk space”

ติกออกที่ Compress contents to save disk space

2. เข้าที่ My Computer แล้วเลือกไปที่ Tools -> Folder Options …
จากนั้นเลือกไปที่ Tab “View” แล้วติกออกที่
“Show encrypted or compressed NTFS files in color”

ติกออกที่ Show encrypted or compressed NTFS files in color

หวังว่าคงเข้าใจ และ แก้ไขปัญหาชื่อไฟล์สีฟ้าได้นะครับ

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<?php
$num=3;
$arr = array("1","2","3","4","5","6","7","8");
$count_arr=count($arr);
 
$arrName= array();
 
$idx=0;
 
while($idx<$num) 
{
	$id_rand = rand(0,$count_arr-1);
	if (!in_array($arr[$id_rand],$arrName))
	{
		$arrName[$idx]=$arr[$id_rand];
		$idx++;
	}
} 
 
print_r($arrName);
?>

โดยที่
$num คือ จำนวนตัวเลขที่ต้องการ
$arr คือ array ที่เก็บข้อมูลตัวเลข

จริง ๆ แล้วเอาไปประยุกต์ใช้กับตัวอักษรก็ได้นะ