[X] Choose Font Here

Zack Notes

Joomla 1.5 Installation Guide

Written by Zack Thursday, 19 November 2009 09:23

ဒီ POST ကေတာ့ Joomla 1.5 အတြက္ installation ကိုေရးထားတာ ေရးထားတာျဖစ္ပါတယ္။ ခုကြၽန္ေတာ္ install

လုပ္တဲ့ version ကေတာ့ 1.5.15 Full Packag ပါ။ ဒီမွာ Download ရယူႏိုင္ပါတယ္။ 1.0 installation guide ကိုေတာ့

ဒီမွာ ဖတ္ႏိုင္ပါတယ္။ ရွိပါတယ္။

 

htdocs ေအာက္ထဲကို joomla15 ဆိုျပီး download လုပ္ထားတဲ့ zip ကို extract လုပ္လိုက္ပါ။

 

Step1>>

http://localhost/joomla15/installation/index.php ကို Browser ကေန RUN လုိက္ပါ။

ဒီအဆင့္ကေတာ့ Language Selection လုပ္တဲ့ အဆင့္ပဲ ျဖစ္ပါတယ္။ Default အတိုင္းပဲေပါ့။

ၿပီးရင္ Next ကို Click လိုက္ပါ။

 

S1

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Step 2>>

ဒီအဆင့္ကေတာ့ Joomla Installation လုပ္ဖို ့အတြက္ Install လုပ္မယ့္    စက္ရဲ  ့Setting ေတြကို

Check လုပ္တာပဲ ျဖစ္ပါတယ္။ Next ကိုပဲ Click လိုက္ပါ။ ေတာ္ေတာ္မ်ားမ်ား စက္ေတြကေတာ့ Default နဲ ့အတိုင္းနဲ ့ပဲ

အဆင္ေျပပါတယ္။

 

S2

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step3>>

ဒီအဆင့္ကေတာ့ License ကို Check တာ ျဖစ္ပါတယ္။ Next ကိုပဲ Click လိုက္ပါ။

Step4>>

Database ရဲ ့ Setting ကို ထည့္ေပးရမွာ ျဖစ္ပါတယ္။

 

S4

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Step5>>

ဒီအဆင့္ကလည္း FTP access အတြက္ Setting ကို Check တာပဲ ျဖစ္ပါတယ္။ Default အတိုင္းပဲ ထားၿပီး

Next ကို Click လုိက္ပါ။ ဒီ Setting က Hosting ထဲကေနၿပီး ျပန္ျပင္လို ့ရပါတယ္။


Step6>>

Site ရဲ ့ Administrator အတြက္ Password, Site Name စတာေတြကို ထည့္ေပးရတဲ့ အဆင့္ျဖစ္ပါတယ္။

ဒီအဆင့္မွာပဲ တစ္ခု သတိျပဳေစခ်င္တာကေတာ့ အခုလုပ္မယ့္ Site က 1.0 base နဲ ့ရွိၿပီးသားကို 1.5 Migrate

လုပ္ခ်င္တယ္ဆိုရင္ေတာ့ ေအာက္မွာ ရွိေနတဲ့ Setting ေတြကို ျပဳျပင္ရပါမယ္။

 

အခုကေတာ့ စၿပီး Install လုပ္တာဆိုေတာ့ အဲ့ဒါေတြ ကို ထားလိုက္လို ့ရပါတယ္။

ဒီအဆင့္မွာပဲ Sample Data ေတြကို Install လုပ္ခ်င္တယ္ ဆိုရင္ေတာ့ "Install Sample Data" ဆိုတဲ့ Button

ကို Click လိုက္ပါ။

Step7>>

ဒီ အဆင့္ကိုေရာက္ရင္ေတာ့ Installation က အားလံုးၿပီးဆံုးသြားၿပီ ျဖစ္ပါတယ္။ ဒီလိုပံုနဲ ့Message အနီေရာင္ကို

ေတြ ့ရပါလိမ့္မယ္။ သတိျပဳေစခ်င္တာကေတာ့ Installation Folder ကို Delete လုပ္ေပးရမွာ ျဖစ္ပါတယ္။

 

S7

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

အားလုံးျပီးလို႕ Front-End (or) Public Site ကိုသြားလိုက္ရင္ ဒီလိုျမင္ရပါမယ္။ ကြၽန္ေတာ္ Setting အရကေတာ့

Browser မွာ http://localhost/joomla15/index.php အဲလို႐ိုက္ လိုက္ရင္ ေဟာ့ဒီလို Front-End (or) Public Site

တတ္လာပါမယ္။

 

FE

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Administrator Site ကိုသြားခ်င္ရင္ေတာ့ http://localhost/joomla15/administrator/index.php

ေပါ့ဗ်ာ။ login page တက္လာရင္ေတာ့ Installation ကို ေအာင္ျမင္စြာျပီး ဆုံးျပီး ျဖစ္ပါတယ္။

 

BE

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

PHP Meetup NOV 2009, Singapore

Written by Zack Saturday, 07 November 2009 19:19

ဒီ PHP Meetup event ကို Facebook မွာ ေတြ ့ၿပီး စိတ္၀င္စားတာနဲ ့    ကၽြန္ေတာ္တို ့သူငယ္ခ်င္းတစ္စု

သြားေရာက္ၿပီး နားေထာင္ျဖစ္ခဲ့ပါတယ္။ တက္ေရာက္တဲ့ လူအေရအတြက္ကေတာ့ ၁၀၀ မျပည့္ေပမယ့္ Speaker

ေတြ ေျပာသြားတဲ့ Topic ေလးေတြက ကၽြန္ေတာ္အဖို ့ေတာ့ အေတာ္ေလးဗဟုသုတရခဲ့ပါတယ္။ ဒါမ်ိဳးေတြကို

စာအုပ္လိုက္ဖတ္ေနရင္ ေတာ္ေတာ္ေလးကို အခ်ိန္ေပးရမွာကို ၂နာရီေလာက္အတြင္းမွာ overall သေဘာတရားကို

သိလုိက္ရတာ အျမတ္ပါပဲ။


1) Native iPhone Development 101

ဒီ Topic ကို ေျပာသြားတဲ့သူကေတာ့ Sasmito Adibowo ဆိုတဲ့ အိႏၵိယႏြယ္ဖြား အမ်ိဳးသား တစ္ဦးျဖစ္ပါတယ္။

ဒီ Link မွာေတာ့ သူ ့ရဲ  ့iPhone Application ေတြကို ၀င္ၾကည့္ႏိုင္ပါတယ္။

- iPhone Application Development လုပ္ဖို ့ဘာေတြလိုမလဲ?

(i) Mac OS


(ii) iPhone SDK (Free Download ပါ။ 2.5GB ေလာက္ေတာ့ ရွိပါတယ္။)


(iii) iPhone (or) iPod Touch (Emulator ရွိတယ္ဆိုေပမယ့္ တကယ့္ Device ေပၚမွာ တင္ၿပီး test

                                        လုပ္ဖို ့အတြက္ လိုပါတယ္။)


(iv) Developer Membership ($99/year ျဖစ္ပါတယ္။)

 

- Development Tools

(i) Objective –C/C+ ကေတာ့ အဓိက သံုးရမယ့္ Programming Language ျဖစ္ပါတယ္။


(ii) Javascript ကို ေျခခံထားေသာ Javascript Object Notation (JSON) ကေတာ့ Built in အေနနဲ ့Support

လုပ္ပါတယ္။ ဒါ့အျပင္ CoCoa ဟုေခၚေသာ GUI ကို Support လုပ္ေသာ Library လည္း ရွိပါတယ္။ GUI ေတြကို

Drag & Drop နဲ ့ဆြဲၿပီး ထည့္လို ရပါတယ္။


(iii) Soap ကိုေတာ့ 3rd party အေနနဲ ့ေခၚသံုးႏိုင္ပါတယ္။

သူေျပာတဲ့ အထဲမွာ ဒီ Slide ေလးကေတာ့ iPhone Application ထဲမွာ JSON ဘယ္လို အလုပ္လုပ္တယ္ဆိုတာက

ိုရွင္းျပသြားတဲ့ Example တစ္ခုပဲ ျဖစ္ပါတယ္။

1

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


သေဘာကေတာ့ Application ကေန Server ကို http request တစ္ခု လုပ္လိုက္တဲ့အခါမွာ JSON Format ကို

Response ျပန္ေပးလိုက္ပါတယ္။ UIWebview က JS interpreter ကေနၿပီး Data Value ေတြ အျဖစ္ေျပာင္းလိုက္ၿပီး

ေနာက္ဆံုးမွာ ကိုယ့္ Application ဆီကို ျပန္ေပးလိုက္တာ ျဖစ္ပါတယ္။

ဒါကေတာ့ ကၽြန္ေတာ္ သိခဲ့ရတဲ့ Word Flow တစ္ခုပဲ ျဖစ္ပါတယ္။

- What can do AND Can’t Do in iPhone App

ေနရာတိုင္းမွာ အေကာင္းနဲ ့အဆိုး ဒြန္တြဲေနတဲ့ အတိုင္းပဲ iPhone မွာလည္း လုပ္ႏိုင္တာနဲ ့မလုပ္ႏိုင္တာေလးေတြ ရွိပါတယ္။

ဒီေအာက္က ပံုေလးမွာ ၾကည့္လိုက္ပါ။

 

2

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

- Selling Application in Apple Store

ကိုယ့္ရဲ  ့ Application Development လုပ္ၿပီးတဲ့ အခါမွာ Apple Store မွာ ၀င္ေရာင္းခ်င္တဲ့ အခါမွာ ေအာက္မွာ

ေျပာထားတဲ့ အခ်က္ေတြ လိုအပ္ပါတယ္။


4

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 



-  Beyond the App Store

ဒါကေတာ့ ကိုယ့္ရဲ  ့Application Statistics ေတြကို Analytics လုပ္ဖို ့ advertisement လုပ္ဖို ့  စတဲ့ Application

ေတြကို သံုးႏိုင္ပါတယ္။ အဲ့ဒါေတြကေတာ့ -Admob, Pinch Media, OpenFeint ေတြပဲ ျဖစ္ပါတယ္။

iPhone slide show အျပည့္အစုံကို ဒီ link မွာ ၾကည့္ႏိုင္ပါတယ္ ခင္ဗ်ာ။

http://www.slideshare.net/sas199/native-phone-development-101


2) Andrioid Application Development

ဒီ Topic ကို ေျပာသြားတဲ့သူကေတာ့ Leong Hean Hong ဆိုတဲ့ တ႐ုတ္လူလတ္ပိုင္းတစ္ေယာက္ပဲ ျဖစ္တယ္။

ကၽြန္ေတာ္အထင္ေတာ့ အသက္ 26, 27 ၀န္းက်င္ေလာက္ေတာ့ရွိပါတယ္။ Andrioid ကေတာ့ Java ကို အေျခခံထားၿပီးေတာ

့IDE အေနနဲ ့ကေတာ့ MOTODEV DTUDIO ဆိုတာကို အသံုးျပဳႏိုင္ပါတယ္။ Window Platform ေပၚမွာပဲ

Application ကို ေရးႏိုင္ပါတယ္။ လက္ရွိ Andrioid သံုးထားတဲ့ Phone ေတြကေတာ့ ေအာက္ကပံုမွာ ၾကည့္ႏိုင္ပါတယ္။


5

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Application Market အေနနဲ ့ကေတာ့ iPhone Market ေလာက္မတြင္က်ယ္ေသးဘူးလို ့ထင္ပါတယ္။ iPhone

မွာကေတာ့ Application ေပါင္းကလည္း  50K+ ရွိေနၿပီ ျဖစ္ပါတယ္။ ဒါေတြကေတာ့ Android ရဲ ့လက္ရွိ Market Places

ျဖစ္ပါတယ္။ Google Android Market, Slideme, Motorola တို ့ျဖစ္ပါတယ္။ Android မွာေတာ့ Application ကို

Background Service အေနနဲ ့ RUN လို ့ရတာကေတာ့ iPhone နဲ ့ကြာတဲ့ အခ်က္ပဲ ျဖစ္ပါတယ္။ ၿပီးေတာ့ တူတဲ့

အခ်က္ကိုေတာ့ JSON ကို Support လုပ္တာပဲ ျဖစ္ပါတယ္။ ကိုယ့္ Application ကို ေရာင္းခ်ဖို ့Registration Fee

ကေတာ ့ $25/year ပဲ ျဖစ္ပါတယ္။

 

Android slide show အျပည့္အစုံကို ဒီ link မွာ ၾကည့္ႏိုင္ပါတယ္ ခင္ဗ်ာ။

http://docs.google.com/present/view?id=ddrmbzz7_80hc93x3fx

3) PhoneGap

PhoneGap ဆိုတဲ့ Topic ကို ေျပာသြားတဲ့သူကေတာ့ Philosophy in Programming Society က Michael Cheng

ဆိုတဲ့ သူပဲ ျဖစ္ပါတယ္။ သူလည္း အသက္ ၃၀ ေက်ာ္ေလာက္ရွိမယ္ထင္ရေသာ တရုတ္တစ္ေယာက္ပဲ ျဖစ္ပါတယ္။

သူေျပာလိုက္ေတာ့မွ PhoneGap ဆိုတာကို သိသြားၿပီး အထက္က ေျပာခဲ့ၿပီးတဲ့ Topic ေတြထက္ ပိုၿပီး စိတ္၀င္စားသြား

မိပါတယ္။   သူ ့ရဲ ့ Concept က Web Developer ေတြရဲ  ့Concept ေပၚမွာ အေျခခံထားလို ့ပဲ ျဖစ္ပါတယ္။ Web Developer

တစ္ေယာက္အေနနဲ ့Study လုပ္မယ္ဆိုရင္ ပိုၿပီး လြယ္ကူႏိုင္တာကို ေတြ ့ရပါတယ္။ ဘာေၾကာင့္လဲဆိုေတာ့ HTML, JS,

JQUERY စတာေတြသံုးၿပီး SDK ေတြကို သံုးထားတာ မေတြ ့ရပါဘူး။ ဒါကေတာ့ PhoneGap Development နဲ ့ဆိုင္တဲ့

ပံုေလးတစ္ခုျဖစ္ပါတယ္။

6

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ဒီ Code Sample ကေတာ့ Geo-location ကိုျပတဲ့ Sample ပဲ ျဖစ္ပါတယ္။


7

 

 

 

 

 

 

 

 

 

 

 

 

 

ဒီမွာၾကည့္မယ္ဆိုရင္ Coding Style ဟာလက္ရွိ ေရးေနတဲ့ JS ပံုစံနဲ ့ေတာ္ေတာ္ေလးကို ဆင္တူေနတာ

ေတြ ့ႏိုင္ပါတယ္။ ဒါေၾကာင့္ေျပာတာပါ။ Study လုပ္ဖုိ ့ပိုၿပီး လြယ္ကူႏိုင္တယ္လို ့။ဒါကေတာ့ Phone Gap ရဲ  ့

Supported Featured ပဲ ျဖစ္ပါတယ္။


8

 

 

 

 

 

 

 

 

 

 

PhoneGap က Opensource တစ္ခုျဖစ္ျပီး သူရဲ႕ official site ကေတာ့  www.PhoneGap.com

ပဲ ျဖစ္ပါတယ္။ Wiki Site ကေတာ့ http://phonegap.pbworks.com ျဖစ္ပါတယ္။ အဲ့ဒီ Wiki Link မွာကေတာ့

tutorials ေတြလည္း ရွိပါတယ္။

စာကလည္း ေတာ္ေတာ္ေလးရွည္သြားၿပီဗ်ာ။ အဲ့ဒါေတြကေတာ့ PHP Meetup မွာ ကၽြန္ေတာ္သိခဲ့ဲ့တဲ့အေၾကာင္း

အရာေလးေတြကို ျပန္လည္ မွ်ေ၀ျခင္းပဲ ျဖစ္ပါတယ္။ စာအရွည္ၾကီးကို သည္းခံၿပီး ဖတ္ေပးတဲ့ အတြက္ ေက်းဇူးတင္ပါတယ္။

 

PhoneGap slide show အျပည့္အစုံကို ဒီ link မွာ ၾကည့္ႏိုင္ပါတယ္ ခင္ဗ်ာ။

http://www.slideshare.net/sgphpug/mobile-web-dev

 

ဒီအေၾကာင္းအရာကိုပဲ ကိုေစတန္ ရဲ႔ ဒီ POST မွာလည္း ဖတ္ၾကည့္ႏိုင္ပါတယ္။

 

 

 

 

 

Dynamically collapse or expend DIV Section

Written by Zack Sunday, 01 November 2009 15:15

Web 2.0 မွာ DIV ေတြ ကို ေတာ္ေတာ္ေလးတြင္တြင္က်ယ္က်ယ္ သံုးလာတာကို ေတြ ့ရပါတယ္။ ဒီမွာပဲ

ကိုယ့္ရဲ page ေပၚမွာ user Friendly ျဖစ္ေအာင္ လုပ္လာၾကတာကိုလည္း ေတြ ့ရပါတယ္။ ဒါ့အျပင္ Dynamically effect

ေတြကိုလည္း ဖန္တီးလာၾကာတာကို ေတြ ့ရပါတယ္။ ဒီ POST ကလည္း page ေပၚမွာ ရွိေနတဲ့ DIV section တစ္ခု

ကို JavaScript သံုးၿပီး collapse or Expend effect တစ္ခုကို ထည့္မွာ ျဖစ္ပါတယ္။တစ္ကယ္ေတာ့ div ရဲ ့ display မွာ

“none” နဲ ့ “block” ကို JavaScript ထဲကေနၿပီး ကစားတာပဲ ျဖစ္ပါတယ္။ ဒါကေတာ့ ဒီ Sample ရဲ ့ Code ပဲ ျဖစ္ပါတယ္။

<html>
<body>

Some text before

<div id=tbl name=tbl >
<table border=1>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
</table>
</div>

some text after

<script language="JavaScript" type="text/javascript">

function sizeTbl(h) {
var tbl = document.getElementById('tbl');
tbl.style.display = h;
}

</script>
<br>
<a href="javascript:sizeTbl('none')">Hide</a>

<a href="javascript:sizeTbl('block')">Expand</a>

</body>
</html>



ဒီ code ကို ၾကည့္မယ္ဆိုရင္ JS နဲ ့ size Tbl ဆိုတဲ့ Function ထဲမွာ div ရဲ  ့style display ကို switch လုပ္ၿပီး

ကစားတာကို ေတြ ့ရပါလိမ့္မယ္။ ဒီ link မွာ စမ္းၾကည့္ႏိုင္ပါတယ္။

 

 

PDF in PHP

Written by Zack Sunday, 01 November 2009 15:10

ကၽြန္ေတာ့္ ဒီ POST မွာ comment ေပးၿပီး PHP PDF အေၾကာင္း ေမးထားလို ့Googling လုပ္ၾကည့္လိုက္ေတာ့

ဒီဟာေလးေတြကို သြားေတြ ့ပါတယ္။ PHP ကေန PDF ဖိုင္တစ္ခု Create လုပ္ခ်င္တယ္ဆိုရင္ php_pdf.dll ဆိုတဲ့ DLL

ဖိုင္တစ္ခု လိုပါတယ္။ ဒါေပမယ့္ ကၽြန္ေတာ္ အဲဒီ DLL ဖိုင္ကို လိုက္ရွာၿပီး ext folder ထဲကို ထည့္ၿပီး စမ္းၾကည့္တာ

အလုပ္မလုပ္တာကို ေတြ ့ရတယ္။ ကၽြန္ေတာ္လည္း ဒီ DLL ဖိုင္ကို တျခား site ေတြမွာလည္း လိုက္ရွာၿပီး စမ္းၾကည့္

ပါေသးတယ္။ ေနာက္ဆံုးမွာေတာ့ Sourceforge ရဲ  ့ဒီ link မွာ သြားၿပီး ေတြ ့ခဲ့ပါတယ္။ ဒီ Link မွာပဲ Download လုပ္ၿပီး

စမ္းသပ္ႏိုင္ပါသည္။ ကၽြန္ေတာ္ကေတာ့ စမ္းၿပီးပါၿပီ။ သူ ့မွာ PDF လုပ္ဖို ့အတြက္ class ဖိုင္ ႏွစ္ခုရွိပါတယ္။

အဲ့ဒီ class ေတြကို ေခၚသံုးၿပီး PDF ကို create လုပ္ပါတယ္။ Cool

 

Default php File in Apache

Written by Zack Sunday, 25 October 2009 11:19

ဒါကေတာ့ ကၽြန္ေတာ့္ Site ကို ဖတ္တဲ့ မသိေသးတဲ့ ေဘာ္ေဘာ္ေတြ အတြက္ပါ။ သိၿပီးသားသူမ်ားအေနနဲ ့ကေတာ့

အလြန္ကို လြယ္ၿပီး ရယ္စရာေကာင္းေသာ Post ေလးတစ္ခု ျဖစ္ခ်င္ျဖစ္ေနပါလိမ့္မယ္။ ဒါေပမယ့္ မသိေသးတဲ့

သူတစ္ေယာက္အတြက္ ရည္ရြယ္ၿပီး ေရးလိုက္ရပါတယ္။ ဒီလိုပါ တစ္ေန ့ကၽြန္ေတာ္ သူငယ္ခ်င္းတစ္ေယာက္က

သူ ့Localhost မွာ RUN လိုက္ရင္ index.php File က default အျဖစ္တက္မလာဘူးလို ့ေျပာတယ္။


http://localhost/ myproject/ ဆိုၿပီး Browser မွာ RUN လုိက္ရင္ myproject ထဲမွာ ရွိတဲ့ index.php ကို

စၿပီး RUN ခ်င္တာ ျဖစ္ပါတယ္။ အခုဟာက index.php ကို မ RUN ပဲ ရွိသမွ် directory, file ေတြကို ျပေနတာပဲ

ျဖစ္ပါတယ္။ ဒီေတာ့ ဒီ issue ကို ဘယ္လိုျပင္ရမလဲ ဆိုၿပီး ကၽြန္ေတာ့္ကို ေမးပါတယ္။ ဒါကေတာ့ Apache Setting

မွာ ျပင္ရမွာ ျဖစ္ပါတယ္။ Apache ထဲက conf ဆိုတဲ့ Folder ထဲကို သြားလိုက္ပါ။ ၿပီးရင္ httpd.conf ဆိုတဲ့ File ကို

Notepad, Notepad++, textpad စတဲ့ဟာ တစ္ခုခုနဲ ့ဖြင့္လိုက္ပါ။ ၿပီးရင္ေတာ့ Line 211 ကို သြားလိုက္ပါ။

ဒီ code ကို ေတြ ့ပါလိမ့္မယ္။

 

<IfModule dir_module>
DirectoryIndex index.html
</IfModule>

 

အဲ့ဒီမွာ ဒီလိုေလး ျပင္ေပးလိုက္ပါ။

<IfModule dir_module>
DirectoryIndex index.php
</IfModule>

 

ၿပီးရင္ေတာ့ Apache Service ကို restart ခ်ဖို ့မေမ့ပါနဲ ့။ ႏို ့မို ့ဆိုရင္ ျပင္ထားတာ

effect မျဖစ္ဘဲ ေနပါလိမ့္မယ္။ တစ္ခုေျပာခ်င္တာက ကၽြန္ေတာ့္ သူငယ္ခ်င္း Install လုပ္ထားတာကေတာ့ xampp,

wamp တို ့မဟုတ္ပါဘူး။ ဒါမ်ိဳး ေတြမွာေတာ့ ဒီလို case မ်ိဳးကို ေတြ ့ရခဲလွပါတယ္။ အထက္မွာ ေျပာခဲ့တဲ့အတိုင္း

ျပင္လိုက္ရင္ေတာ့ ဒီ issue ေလးက OK သြားပါၿပီ။

 

 

 

 

Form Validation Using JQuery

Written by Zack Tuesday, 13 October 2009 15:04

ဒီ POST ကေတာ့ Form မွာ ရွိေနတဲ့ Value ေတြကို JQuery သံုးၿပီး validation စစ္တာကို ေရးမွာ ျဖစ္ပါတယ္။

သာမန္အားျဖင့္ေတာ့ Form validation ေတြကို Javascript သံုးၿပီး Client Site မွာ တင္ စစ္ၾကတာ မ်ားပါတယ္။

ဥပမာအားျဖင့္ Blank စစ္တာတို ့၊ email format မွန္မမွန္စစ္တာတို ့၊ combox တို ့List box တို ့ကို select လုပ္မလုပ္

စစ္တာတို ့စတာေတြကို Client site မွာတင္ validation စစ္ႏိုင္ပါတယ္။ သို ့ေပမယ့္ တစ္ခါတစ္ရံမွာ value တစ္ခုကို

Server Site ေရာက္မွ စစ္လို ့ရမယ့္ အေျခအေနမ်ိဳးကို ၾကံဳလာႏိုင္ပါတယ္။ အဲ့လို စစ္ရင္ မရဘူးလားဆိုေတာ့ ရပါတယ္။

ဒါေပမယ့္ ျပႆနာတစ္ခုက ကိုယ္ “Form” ေပၚမွာ Key In လုပ္ထားတဲ့ Data ေတြက Server Site ကေန Validation Fail

ျဖစ္လို ့ျပန္လာရင္ အကုန္လံုး ေပ်ာက္ကုန္မွာ ျဖစ္ပါတယ္။ ကိုယ့္ Form ေပၚမွာ Field ေလးက သံုးေလးခုေလာက္ဆိုရင္ေတာ

User ကျပန္ျဖည့္ရလဲ ျပႆနာ မဟုတ္ေပမယ့္ Fields ေတြက ၁၀ ခု၊ ၁၅ ခု ေလာက္ဆိုရင္ေတာ့ User အဖို ့ျပန္ျဖည့္ဖို ့ရာ

ဘယ္လိုမွ စိတ္ေက်နပ္ႏိုင္စရာ မရွိပါဘူး။

ဒီ့ အတြက္ PHP မွာ JQUERY, AJAX ကိုသံုးၿပီး ကို္ယ္စစ္ခ်င္တဲ့ Fields ကို Server Site ကို ေပးၿပီး စစ္လို ့ရပါၿပီ။ ဒီအတြက္

User အေနနဲ ့Validation Fail ျဖစ္လည္း Key In လုပ္ထားတဲ့ Value ေတြက ျပန္ျဖည့္စရာမလိုပဲ ဆက္လက္ရွိေနမွာ ျဖစ္ပါ

တယ္။ ဒီအတြက္ User Friendly ပို ျဖစ္လာတာကို ေတြ ့ရမယ္။ ကိုယ့္ application ကို သံုးေနတဲ့ User စိတ္ေက်နပ္မႈရွိေစ

ျခင္းကလည္း ကိုယ့္ Product တစ္ခု ေအာင္ျမင္ျခင္းေတြထဲက အဓိက က်လွတဲ့ အခ်က္တစ္ခုျဖစ္ပါတယ္။ အခု web 2.0 ရဲ  ့

trend ထဲမွာ User တို ့ရဲ ့လုပ္ပိုင္ခြင့္ေတြကို ပိုေပးလာၿပီး ကိုယ့္ Application ေတြက ေအာင္ျမင္ေအာင္ လုပ္လာၾကတာေတာ့

မ်က္ျမင္သာဓက တစ္ခုပဲ ျဖစ္ပါတယ္။


ဒီ sample ေလး အလုပ္လုပ္ပံုကို တစ္ခ်က္ရွင္းျပေပမယ္။ Javascript, AJAX, PHP အေျခခံေတာ့ရွိမွ သေဘာေပါက္မယ္လို ့

ထင္ပါတယ္။ ဒါမွလည္း ကိုယ့္ Project ထဲကို လိုသလိုထည့္ျပီး သံုးႏိုင္ပါလိမ့္မယ္။

ဒီမွာ Source Code ကို Download ခ်ၿပီး Folder ကို ဖြင့္လိုက္ပါ။ index.php ဆိုတာကို ျမင္ရပါမယ္။ အဲ့ဒီထဲမွာကေတာ့

HTML Form ရွိပါတယ္။ ဒီ Form ကို Submit လုပ္လိုက္တာနဲ ့ check.js ကို လွမ္းၿပီး RUN ပါလိမ့္မယ္။ ဒီ JS file ထဲမွာ

JQuery ကိုသံုးၿပီး Form Validation စစ္ထားတာကို ျမင္ေတြ ့ႏိုင္ပါတယ္။ ဒီ sample မွာ အခရာ အက်ဆံုးကေတာ့

check.js file ပဲၿဖစ္ပါတယ္။ သူကေနမွ တဆင့္ check.php ကိုတဆင့္ေခၚၿပီး user key က လုပ္လိုက္တဲ့ value က

Database ထဲမွာ ရွိမရွိဆိုတာကို ထပ္ၿပီး စစ္ပါတယ္။ check.php ထဲမွာ Database နဲ ့connect လုပ္ၿပီး return ျပန္ေပးထား

တဲ့ code ကို ေတြ ့ႏိုင္ပါတယ္။ ဒီ return value ကို JQuery ထဲကေနျပန္ဖမ္းၿပီး ရွိၿပီးသားလား၊ မရွိေသးဘူးလား ဆိုတာကို

စစ္တာ ျဖစ္ပါတယ္။ ကၽြန္ေတာ္ရွင္းထားတာကို Folder ဖြင့္ၿပီး File တစ္ခုခ်င္းစီပါဖြင့္ၿပီး တြဲၾကည့္မယ္ဆိုရင္ ပိုၿပီး

နားလည္သေဘာေပါက္ပါလိမ့္မယ္။ ဒါ့အျပင္ ဒီမွာလည္း testing လုပ္ၾကည့္ႏိုင္ပါတယ္။ Database ထဲမွာ ရွိၿပီးသား

Record ႏွစ္ခုကို List ထဲမွာ ျပထားေပးပါတယ္။ ဒါမွလညး္  email already exist ဆိုတာကို စစ္ရတာ ပိုၿပီးလြယ္ကူမွာ

ျဖစ္ပါတယ္။

 

ကၽြန္ေတာ္ ေရးထားတာ မရွင္းရင္ ျဖစ္ေစ၊ ထပ္ၿပီး သိခ်င္တာရွိရင္ ျဖစ္ေစ comment ေပးၿပီး ေဆြးေႏြးႏိုင္ပါတယ္ ခင္ဗ်ာ။

 

Page 28 of 43

«StartPrev21222324252627282930NextEnd»

Login Form

Categories Table View

RSS Feed

JoomlaWatch Stats 1.2.9 by Matej Koval

Facebook Share

Share on facebook

Accordion FAQ

mod_joomtouch

Version Iphone

Version Iphone by JoomTouch