Pages

November 07, 2006

AJAX and I

ဒီရက္ပိုင္း အလုပ္သစ္မွာ အခ်ိန္ပိုေတြ မ်ားေနတာေၾကာင့္ internet မွာ Tutorials ေလးေတြ လိုက္ဖတ္ ျဖစ္ရာကေန အရမ္း နာမည္ႀကီးေနတဲ့ AJAX နဲ ့ပတ္သက္တာ ေလးေတြ ဖတ္ျဖစ္သြားတယ္။ AJAX ဆိုတာကို သူမ်ားေတြေျပာ၊ internet မွာလည္း ဟိုေနရာေတြ ့ ဒီေနရာေတြ ့နဲ ့ ေတြ ့၊ အထူးသျဖင့္ Google ရဲ့ websites ေတြမွာ AJAX ကို အသံုးျပဳထားတယ္ ဆိုတာကို သတိထားမိေနတာ ၾကာ ပါၿပီ။ ဒါေပမယ့္ ကၽြန္မရဲ့ ထံုးစံအတိုင္း ကိ္ုယ္နဲ ့မဆိုင္လို သတ္မွတ္လိုက္ရင္ လံုး၀ေလ့လာခ်င္စိတ္ မရွိေလေတာ့ ဘာမွန္းသိေအာင္ တခါေလးရယ္မွ မႀကိဳးစားခဲ့၊ မေလ့လာခဲ့၊ မဖတ္ရွဳ ခဲ့ပါဘူး။

ဒီေနရာမွာ တစ္ခု ေျပာခ်င္တာက ကၽြန္မနဲ ့ဆိုင္မဆိုင္ကို ကၽြန္မ ဘယ္လို သတ္မွတ္လည္းဆိုတာကိုပါ။ သူမ်ားေတြက နည္းပညာ အသစ္တစ္ခု ထြက္ရင္ ေလ့လာခ်င္တယ္၊ သိခ်င္ၾကတယ္။ အဲ့ဒါေကာင္းပါတယ္။ ကၽြန္မကေတာ့ အလိုမဟုတ္ဘူးရွင့္။ အပ်င္းထူပါတယ္။ ကၽြန္မ အလုပ္နဲ ့ ပတ္သက္တာဆို လိုသေလာက္ ေလ့လာတယ္။ ၿပီးေတာ့ ကၽြန္မ စိတ္၀င္စားတာဆိုရင္ကေတာ့ လိုလို မလိုလို ေလ့လာတတ္ပါတယ္။ (ကၽြန္မ စိတ္၀င္စားတဲ ့ အေၾကာင္းအရာကလည္း အလြန္ရွားပါတယ္။) IT ေလာကမွာ ကၽြန္မသိတယ္ဆိုတဲ့ ပမာဏ က သူမ်ားေတြ( ကၽြန္မ နဲ ့ တန္းတူ အလုပ္လုပ္ေနသူေတြနဲ ့ယွဥ္ရင္ ) အလြန္နည္းတယ္လို ့ ထင္ပါတယ္။ ဒါေတာင္ ခု ကၽြန္မလုပ္ေနတဲ့ အလုပ္က ကၽြန္မ ၀ါသနာပါ ေရြးခ်ယ္ခဲ့တဲ့ အလုပ္မို ့သာ ဒီေလာက္ သိေအာင္လုပ္ျဖစ္တာပါ။ သူမ်ားေတြလို ၀ါသနာမပါတာကို လုပ္ေနရမယ္ဆို ဘယ္လိုမ်ား ေနမလဲ မသိပါဘူး။ ထံုးစံ အတိုင္း ေျပာခ်င္တာ တျခား၊ ေျပာေနတာ တျခား ျဖစ္ေနျပန္ၿပီ ထင္တယ္။ ကဲ ေျပာခ်င္တဲ့ AJAX အေၾကာင္းေလး ျပန္ဆက္လိုက္ ဦးမယ္...

ပထမဆံုးေျပာခဲ့သလို AJAX ဆိုတာ ဘာမွန္း ကၽြန္မသိခဲ့ပါဘူး။ AJAX အေၾကာင္း စဖတ္ေတာ့မယ္ဆိုေတာ့ AJAX ဘာလည္းဆိုတာကို သိဖို ့လို သြားၿပီ။

What is AJAX?
AJAX is an acronym from Asynchronous JavaScript And XML.
AJAX is not a new programming language, but simply a new technique for creating better, faster, and more interactive web applications.
AJAX uses JavaScript to send and receive data between a web browser and a web server.
Source : W3School (AJAX tutorial) ,
Developer (AJAX from Scratch)

ဒါေလး ဖတ္ၿပီး ကၽြန္မ AJAX ကို ပိုစိတ္၀င္စားသြားတယ္ရွင့္။ ပထမေတာ့ ပ်င္းပ်င္းရွိတာနဲ ့ AJAX ဆိုတာ လူေျပာမ်ား ေနတာေလးမို ့ လိုက္ဖတ္ၾကည့္မိတာပါ။ ကၽြန္မ ဘာလို ့ ဒါဖတ္ၿပီး AJAX ကို ပိုစိတ္၀င္စားသြားလဲ။ ရွင္းပါတယ္။ သူမ်ားေတြလို AJAX က ဘာေကာင္းလို ့၊ ညာေကာင္းလို ့ဆိုတာမ်ိဳး ေၾကာင့္မဟုတ္ပါဘူး။ ကၽြန္မ ပ်င္းေနတုန္း ဖတ္ပါတယ္ ဆိုမွ အသစ္ဆိုတာၾကီးကို ပင္ပင္းပန္းပန္း မဖတ္ခ်င္ဘူးေလ။ AJAX က programming language အသစ္မဟုတ္ဘူး။ interactive web application ေတြကို ပိုျမန္ဖို ့၊ ပိုေကာင္းဖို ့ လုပ္ထားတဲ့ technology ဆို ေတာ့ ကၽြန္မ စိတ္၀င္စားသြားတာ ဘာဆန္းသလဲ။ ကၽြန္မလုပ္ေနတာက web application development ပိုင္းကို လုပ္ေနတာဆိုေတာ့ AJAX ဆိုတာ ကၽြန္မ အတြက္ ခုေနခါ အသံုးမ၀င္ေတာင္၊ ေနာင္ အသံုး၀င္မွာ ေသခ်ာေနတယ္ေလ။ ၿပီးေတာ့ web browser နဲ ့ web server အၾကား data ပို ့တာ၊ လက္ခံတာကို ကၽြန္မ နဲ ့ အၿမဲ ရင္းႏွီး ေနတဲ့ JavaScript သံုးထားတယ္ဆိုေတာ့ ဖတ္ရတာ လြယ္မွာပဲဆိုၿပီး ပိုစိတ္၀င္စားသြားတာလည္း ပါ ပါတယ္။

ေနာက္ပိုင္း ဖတ္ျဖစ္တာေတြ ေတာ့ ကၽြန္မ အေသးစိတ္ မေရးေတာ့ပါဘူး။ ကၽြန္မ က ခုရက္ပိုင္မွ AJAX အေၾကာင္း စေလ့လာျဖစ္တာဆိုေတာ့ detail သိပ္မသိေသးတဲ့ အတြက္ အေသးစိတ္ မေဆြးေႏြးေတာ့တာပါ။ ဒီမွာ အဓိက ေျပာခ်င္တာက ခုလို စိတ္၀င္စားသြား၊ ကၽြန္မ အတြက္ အသံုး၀င္မယ္ ထင္သြားလုိ ့ AJAX ကို ကၽြန္မ ဆက္ဖတ္ျဖစ္၊ ေလ့လာျဖစ္သြား တယ္ဆိုတာကုိ ပါ။ AJAX is a web browser technology independent of web server software. ဆိုေတာ့ Web Application Development လုပ္ေနသူအားလံုး AJAX ကို အခ်ိန္ရရင္ ရသလို ေလ့လာထားမယ္ဆို မွားမယ္ မထင္ပါဘူး။

ကၽြန္မ လိုက္ရွာေတြ ့တဲ့ AJAX နဲ ့ပတ္သက္တဲ ့ လင္ခ့္ ေလးေတြပါ။

ဒါက AJAX ကုိသံုးထားတဲ ့ site list ပါ။
Sites Using AJAX
ကၽြန္မသိတဲ ့ နာမည္ၾကီး site ေတြ gmail , google calendar, google groups, flickr , meebo, MSN space, yahoo, yahoo photo, yahoo search……… အို…… အမ်ားၾကီးပါပဲ။
Yahoo ဆုိလို ေျပာရဦးမယ္။ အသစ္ျဖစ္တဲ့ yahoo ajax email က Microsoft နဲ ့အဆင္ေျပေအာင္ လုပ္ထားတာ ဆိုေတာ့ IE မွာသံုးရင္ ျမန္ေပမယ့္ Firefox နဲ ့ သံုးရင္ နည္းနည္းေႏွးသလို ျဖစ္ေနတယ္။

ဒါက google က ထုတ္တဲ့ java အတြက္ AJAX application လုပ္ဖို ့ framework.
Google Web Toolkit
Google Web Toolkit (GWT) is a Java software development framework that makes writing AJAX applications like Google Maps and Gmail easy for developers who don't speak browser quirks as a second language.

Java Developer ေတြ ေတာ္ေတာ္မ်ားမ်ားကေတာ့ အဓိက သံုးတဲ့ free IED ျဖစ္တဲ့ Eclipse မွာ GWT ကိုအလြယ္တကူသံုးႏိုင္ေအာင္ ကူညီေပးမယ့္ Plug-in ရွိပါတယ္။ ဒီမွာ ေဒါင္းလုတ္လုပ္ လုိ ့ရပါတယ္။
Googlipse - Eclipse plugin for Google Web Toolkit(GWT)

ဒီမွာက AJAX Tutorials လင့္ခ့္ေတြပါ။
10 AJAX Tutorials for Beginners ဒီ YouNeed2See site မွာ တစ္ျခား CSS ကူတိုရီရယ္ေတြလည္း ရွိပါတယ္။
AJAX-Tutorials Top List
30 AJAX Tutorials – Max Kiesler (March 15, 2006)
60 AJAX Tutorials – Max Kiesler (May 08, 2006)
42 Recent AJAX Tutorials – Max Kiesler (July 04, 2006)

ဒီ လင္ခ့္ ေတြမွာ AJAX က်ဴတိုရီရယ္ sites ေတာ္ေတာ္မ်ားမ်ားကို စုေပးထားတယ္။ MaxKiesler.com မွာ AJAX နဲ ့ ပတ္သက္တဲ့ သတင္းေတြ ၊ က်ဴတိုရီရယ္ site ေတြကို ၾကည့္ရွဳ ့လို ့ရပါတယ္။

ဒီပိုစ့္ကို လာဖတ္မိသူမ်ား ထဲမွာ AJAX အေၾကာင္း ေလ့လာဘူးလို ့ ကၽြန္မ ( AJAX ကို ခုမွ စတင္ေလ့လာသူမ်ား) ဖတ္သင့္တယ္ ထင္တဲ့ sites ေလးေတြမ်ားရွိရင္ comments မွာ ခ်န္ထားေပးခဲ့ ႏိုင္မယ္ဆိုရင္ ေက်းဇူး အထူး တင္ေနမွာပါ။

2 comments:

Thiha Kyaw Zaw said...

Have u already known this one? http://wiki.script.aculo.us/scriptaculous/show/Demos try it..

Nay Nay Naing said...

No, I didn’t.
I will check it out.
Thanks..