Myanmar Tutorials

Now! Shweyoe dictionary on iOS

Zawmin — Sat, 12 May 2012 02:11:59 +0000

အားလုံး မင်္ဂလာပါ။
အခုတစ်ခေါက် မိတ်ဆက်ပေးချင်တာကတော့ အရင်တုန်းက အားလုံးလဲ သိပြီးသားဖြစ်တဲ့ ကျွန်တော့်ရဲ့ အဘိဓာန် ဖြစ်တဲ့ ရွှေရိုးကို အခု တစ်ခါမှာ iOS ပေါ်မှာ

အသုံးပြုနိုင်အောင် ထုတ်လုပ်ပေးလိုက်ခြင်းပဲဖြစ်ပါတယ်။

ကျွန်တော့်ရဲ့ iOS ခြေလှမ်းသစ်တစ်ခု လည်းဖြစ်ပါတယ်။ပထမ ဦးဆုံး iOS app ဆိုရင်လည်း မမှားဘူးပေါ့ဗျာ။

အခုရွှေရိုး ကိုနှစ်မျိုးထုတ်ပေးထားပါတယ်။

Shweyoe ဆိုတဲ့နာမည်နဲ့ကတော့ iPhone / iPod Touch တွေအတွက်ဖြစ်ပါတယ်။

iPhone 3Gs နဲ့ iPod 3G တို့နဲ့ပါအဆင်ပြေပြေသုံးလို့ရအောင် iOS Requirement ကို 4.3 နဲ့ရေးပေးထားပါတယ်။

နောက်တစ်မျိုးကတော့ Shweyoe HD ပါပဲ.
သူကတော့ iPad အတွက်သီးသန့်ပါ။

ရည်ရွယ်ချက်ကတော့ နိုင်ငံတကာ မှာ ရောက်နေတဲ့ ကျွန်တော်တို့မြန်မာ လူမျိုးတွေ အတွက် Dictionary စာအုပ်ကိုလှန်ပြီး ဘာသာစကား ကိုရှာဖွေနေရတဲ့

အခက်အခဲကို တတ်နိုင်သလောက် ဖြေရှင်းပေးချင်လို့ပဲဖြစ်ပါတယ်။
အခု app လေးကိုသုံးလိုက်ရင် Dictionary စာအုပ်ကိုလှန်ပြီး လိုက်ရှာနေစရာမလိုတော့ပဲနဲ့. ကိုယ်သိချင်တဲ့ စကားလုံးတွေကို လျှင်လျှင်မြန်မြန် နဲ့အလွယ်တကူ

ရှာဖွေနိုင်မှာဖြစ်ပါတယ်။

ဒီတစ်ခါ ရွှေရိုးရဲ့ Features အသစ်တွေကတော့ ဘာသာစကားငါးမျိုးကို ရှာဖွေနိုင်ခြင်းဘဲဖြစ်ပါတယ်။
ဘယ်လိုလဲဆိုတော့

English To Myanmar
Russia To Myanmar
Korea To Myanmar
Japan To Myanmar
Thai To Myanmar

အထက်ပါ ငါးမျိုးမှ မြန်မာဘာသာ သို့ရှာဖွေနိုင်ပါတယ်။
ဒါတင်မကဘဲ

Myanmar To English
Myanmar To Russia
Myanmar To Korea
Myanmar To Japan
Myanmar To Thai

သို့လဲရှာဖွေနိုင်ပါတယ်။
အင်္ဂလိပ်.ရုရှား.ကိုရီးယား.ထိုင်း စကားလုံးများကို ရိုက်ထည့်ပြီး သိလိုသော မြန်မာ စာလုံးကို လျှင်မြန်စွာ ရှာဖွေနိုင်အောင် စီစဉ်ပေးထားပါတယ်။
မြန်မာ မှလည်း ထို ဘာသာစကား ငါးမျိုးကို တိုက်ရိုက် လျှင်မြန်လွယ်ကူစွာ ရှာဖွေနိုင်အောင်လည်း ပြုလုပ်ပေးထားပါတယ်။

နောက်ထပ် တစ်မျိုးကတော့ ဇော်ဂျီ ၊ ယူနီကုတ် နဲ့ရိုက်ထားတဲ့ မြန်မာဖောင့်တွေဟာ.. Jailbreak မလုပ်ထားတဲ့အခါမှာ မြင်ရမှာမဟုတ်ပါဘူး။
အဲ့ဒီအတွက် အဲ့ဒီ လေးထောင့် အတုံးလေးတွေကို Copy ကူးပြီးတော့ ကျွန်တော့်ရဲ့ Myanmar-Text-Reader လုပ်ဆောင်ချက်ထဲမှာ Paste လုပ်ပြီးရင်

လွယ်လွယ်ကူကူ ဖတ်လို့ရနိုင်မှာဖြစ်ပါတယ်။
တစ်ခါတစ်လေ.သူများပို့တဲ့စာကို ကိုယ်က အရေးကြီးနေတဲ့အချိန်မှာ ဖတ်လို့မရဘူးဆိုရင် .. အဆင်ပြေပြေ ဖတ်လို့ရအောင် ထည့်သွင်းပေးထားတဲ့

လုပ်ဆောင်ချက်တစ်ခု သာဖြစ်ပါတယ်။

အင်္ဂလိပ်.ရုရှား.ကိုရီးယား.ထိုင်း တွေအတွက် Keyboard တော့ iOS ထဲမှာ တစ်ခါတည်း ပါဝင်ပြီးသားဖြစ်တဲ့ Keyboard များကို အသုံးပြုပြီးရှာဖွေနိုင်ပါတယ်။
ဒါဆိုရင် မြန်မာကီးဘုတ် အတွက်ကတော့ ဘယ်လိုလုပ်မလဲ?

မြန်မာ ကီးဘုတ် အတွက်ကတော့ Jailbreak လုပ်မှရတဲ့ မြန်မာ ကီးဘုတ် မလိုအောင် ကျွန်တော် မြန်မာကီးဘုတ် ကို ကျွန်တော့် အခု ရွှေရိုး iOS app

ထဲမှာဘဲတစ်ခါတည်း ထည့်သွင်းပေးထားပါတယ်။

ဒါကြောင့် မြန်မာ မှ တခြားဘာသာ စကား ငါးမျိုးကိုရှာဖွေတဲ့ နေရာမှာ သီးသန့် မြန်မာ ကီးဘုတ် သွင်းစရာမလိုပါဘူး.
သီးသန့် ဇော်ဂျီဖောင့်သွင်းစရာမလိုပါဘူး။

အားလုံးကို ကျွန်တော် အဆင်ပြေလွယ်ကူအောင် တစ်ခါတည်း စီစဉ်ပေးလိုက်ပါတယ်။အခုသွင်း အခုသုံးလို့ရအောင် ရေးပေးထားပါတယ်။
တစ်ခု ရှိတာက ကျွန်တော်က အရင်တုန်းက တစ်ခါမှ မြန်မာ ကီးဘုတ် ကို ကိုစေတန်တို့…ကိုသန့်သက် တို့လိုမလုပ်ဖူးခဲ့တော့ လိုအပ်ချက်လေးတွေကတော့

ရှိနေနိုင်ပါတယ်။
သူ့ရဲ့ Mogok Browser ရဲ့ မြန်မာ ကီးဘုတ် ဆိုရင် လုပ်ထားတာ အရမ်းကောင်းပါတယ်။

အခု ကျွန်တော့် app ထဲမှာတော့ မြန်မာ ကီးဘုတ်ကို အသေ အနေနဲ့ ထည့်ထားပါတယ်။
ကီးဘုတ်ကတော့ သူတို့ကိုမမှီပေမဲ့ အတတ်နိုင်ဆုံး ကြိုးစားပြီး လုပ်ပေးထားပါတယ်။
နောက်ပိုင်းမှာ Slide လေးတွေနဲ့ပြနိုင်အောင် ကြိုးစားပါ့မယ်။

စျေးနှုန်းကလည်း Free ပေးထားတဲ့အတွက် ကြောင့် အားလုံးနဲ့အဆင်ပြေမယ်ဆိုမျှော်လင့်ပါတယ်။

အခု ရွှေရိုး iOS အတွက် Dictionary Data တွေကတော့ Tara Team ရဲ့ တကောင်း Project မှ Data များကို အသုံးပြုထားပါတယ်။
Tara Team ကိုလည်း အခုလို အများပြည်သူ အသုံးပြုလို့ရအောင် စီစဉ်ဖန်တီးပေးခဲ့တဲ့အတွက်ကြောင့် ကျေးဇူးအများကြီးတင်ပါတယ်။

Searching ပိုင်းမှာ ပိုမိုမြန်ဆန်လာအောင် ကူညီပေးခဲ့တဲ့ Gusto မှ ကျွန်တော့် ဆရာ တင်မောင်မောင် ရင်ကိုလည်း ကျေးဇူးတင်ပါတယ်။
MyanmarTutorials မှ ဆရာသီဟ ကိုလည်း ကျေးဇူးတင်ပါတယ်။

အရမ်းကောင်းတဲ့ ကျွန်တော့်အိမ်က 8kb CDMA Internet လိုင်းနဲ့ Apple Store ပေါ်ကို Upload တင်ဖို့ဆိုတာ မဖြစ်နိုင်ပါဘူး။
ဒီအတွက် ကျွန်တော့်ကို လိုင်းအမြန် တစ်လိုင်း သီးသန့်ပေးခဲ့တဲ့ (West Point Multimedia) အလုံမှ ပိုင်ရှင် ကိုဘို ကိုလည်း ကျေးဇူးတင်ပါတယ်။
သူသာ အဲ့ဒီလိုမပေးရင် ကျွန်တော် တင်လို့ရမှာ ကိုမဟုတ်ပါဘူး။

ထို့ကြောင့် ဤ ရွှေရိုး iOS app ပြီးမြောက် ရေးအတွက် အဖက်ဖက် မှ ဝိုင်းဝန်း ကူညီပေးခဲ့ကြသူ များအားလုံးကို ကျေးဇူးတင်ပါတယ်။

အခု iOS app ကတစ်ယောက်ထဲရေး..တစ်ယောက်ထဲ စမ်း.. တစ်ယောက်တည်း Design ဆွဲဆိုတော့… တစ်နေရာရာမှာ အဆင်မပြေမှု လိုအပ်ချက် ရှိခဲ့လျှင် ၊

မြန်မာကီးဘုတ် နဲ့ပက်သက်လို့ အဆင်မပြေမှုဖြစ်လာခဲ့ရင် နားလည် ခွင့်လွှတ်ပေးပါလို့ ကြိုတင်တောင်းပန်ပါရစေ။
မြန်မာကီးဘုတ်ကို နောက်ထပ် Update တွေမှာ ပိုကောင်းအောင် ကြိုးစားသွားပါ့မယ်။

ကောင်းသည်ထက် ပိုကောင်းအောင် အစဉ်အမြဲကြိုးစားနေသောကြောင့် အကြံပြုချင် သည်များ ရှိပါက dk92ster@gmail.com ကိုဆက်သွယ် ၍

အကြံပြုနိုင်ပါတယ်။

အခု ရွှေရိုးကို ကြိုက်နှစ်သက်ပါက ကျွန်တော့်ရဲ့ iOS Studio လေးဖြစ်တဲ့ Initial Studio ကို facebook မှာ LIKE လေးတစ်ချက်လောက် ပြုလုပ်ပေးစေချင်ပါတယ်။
LIKE နှိပ်ထားခြင်းကြောင့် ကျွန်တော် နောက်ထပ် ထုတ်မဲ့ Product တွေ.. Update လုပ်လိုက်တဲ့ Product တွေအကြောင်းကို

အချိန်နဲ့တပြေးညီသိနိုင်မှာဖြစ်ပါတယ်။

အားလုံးကိုယ်စိတ်နှစ်ဖြာ ကျန်းမာ ချမ်းသာကြပါစေလို့ဆုတောင်းရင်းနဲ့

လေးစားစွာဖြင့်

Zaw Min Soe (Initial)

အောက်မှာကတော့ ပုံလေး နဲ့ iTunes download link ကို ပြပေးထားပါတယ်။

App Name   :   Shweyoe Dictionary
Platform       :   iOS
Price       :   Free
Company       :   Initial Studio
Developer   :   Zaw Min Soe (Initial)

Official Page : https://www.facebook.com/pages/Initial-Studio/118328954969832
Download links :

For iPhone / iPod Touch : http://itunes.apple.com/us/app/shweyoe/id524981986?ls=1&mt=8
For iPad only : http://itunes.apple.com/us/app/shweyoe-hd/id525416810?ls=1&mt=8

iPhone and iPod Touch Screenshot

iPad Screenshot

ကျေးဇူးတင်ပါတယ်။

Feed enhanced by Better Feed from Ozh

PHP လေ့လာကြမယ် – (၅)

Nyan Lynn Htut — Mon, 30 Apr 2012 15:31:50 +0000

PHP လေ့လာကြမယ်ကို ရေးလာတာ ဒါပါနဲ့ဆို အပိုင်း (၅) ပိုင်းရှိပါပြီ။ အရင်အပိုင်းတွေကို ပြန်ဖတ်ချင်တယ်ဆိုရင်တော့ ဒီနေရာတွေကနေ သွားဖတ်နိုင်ပါတယ်။

Operators

PHP မှာ data တွေကို ကိုင်တွယ်ဖြေရှင်းဖို့ အတွက် အတွက်တစ်ခြား programming language တွေလိုပဲ operators တွေရှိပါတယ်။ အဲ့ဒါတွေကတော့

Arithmetics Operators – အခြေခံ သင်္ချာ function တွေဖြစ်တဲ့ အပေါင်း၊ အနှုတ်၊ အမြှောက်၊ အစား တွေအတွက် ဖြစ်ပါတယ်။
Arithmetics Assignment Operators – variables ကို တန်ဖိုး assign လုပ်ဖို့ဖြစ်ပါတယ်။
Comparison Operators – တန်ဖိုးနှစ်ခုကို နှိုင်းယှဉ်ဖို့ အတွက်ဖြစ်ပါတယ်။
Error Control Operators – Error Handling အတွက် ဖြစ်ပါတယ်။
Incrementing/Decrementing Operators – variables ရဲ့တန်ဖိုးကို အတိုး၊အလျှော့ ပြုလုပ်ဖို့ ဖြစ်ပါတယ်။
Logical Operators – Logical Operations တွေအတွက် သုံးတာဖြစ်ပါတယ်။ eg: OR, AND
etc.
String Operators – String တွေအတွက် အသုံးပြုပါတယ်။

Arithmetic Operators

Arithmetics Operators တွေကတော့ ငယ်ငယ်က ကျောင်းတွေမှာ သင်ခဲ့ရတဲ့ သင်္ချာ အပေါင်း၊ အနှုတ်၊ အမြှောက်၊ အစား တွေပါပဲ။ ဥပမာအနေနဲ့

$a = 2; $b =3;
echo $a + $b ; //Output 5 *Addition Operator (+)
echo $b - $a ; //Output 1 *Subtraction Operator (-)
echo $a * $b ; //Output 6 *Multiplication Operator (*)
echo $b + $a ; //Output 1 *Division Operator (/)
echo $b % $a ; //Output 1 *Modulus Operator (%)

ဒီနေရာမှာ Division Operator က စားလဒ်ကို ထုတ်ပေးတာ ဖြစ်ပြီးတော့ Modulus Operator ကတော့ အကြွင်းကို ထုတ်ပေးတာ ဖြစ်ပါတယ်။

Arithmetics Assignment Operators

Variable တစ်ခုကို data value assign လုပ်တဲ့ အချိန်မှာ အသုံးပြုတဲ့ operator လဲဖြစ်ပါတယ်။

$a = 4;

ဒါဟာ variable a ကို တန်ဖိုး 4 လို့ သတ်မှတ်ပေးလိုက်တာ ဖြစ်ပါတယ်။ Arithmetics Assignment Operators မှာ (=) တစ်ခုထဲလားဆိုတော့ မဟုတ်ပါဘူး။ ဥပမာ အနေနဲ့ တန်ဖိုး 4 ရှိတဲ့ $a ကို နောက်ထပ် 2 တိုးမယ်ဗျာ။ ဒါဆိုရင် $a += 2; လို့ရေးလိုက်ရင် $a ရဲ့ တန်ဖိုးက 6 ဖြစ်သွားပါပြီ။ နှုတ်ချင်တာပဲဖြစ်ဖြစ်၊ မြှောက်တာ ၊ စားတာပဲဖြစ်ဖြစ် ဒီလိုရေးလို့ ရပါတယ်။ (=) ရဲ့အရှေ့မှာ (+), (-), (*), (/), (%) ထည့်ရေးပြီး data value ကို assign လုပ်လို့ရပါတယ်။

Comparison Operators

Comparision Operators တွေကို နှစ်ခု(သို့) နှစ်ခုထက်ပိုတဲ့ data value တွေကြားက အခြေအနေကို နှိုင်းယှဉ်တဲ့နေရာမှာ သုံးပါတယ်။ $a က $b ထက်ပို ကြီးလား၊ တူညီလား အစရှိတဲ့ ဆုံးဖြတ်ကြတဲ့နေရာတွေမှာ သုံးကြပါတယ်။
Comparision Operators တွေကတော့

(==) Values are equal
(===) Values are identical
(!= or <>) Values are not equal
(!==) Values are not identical
(<) Value 1 is less than value 2
(>) Value 1 is greater than value 2
(<=) Value 1 is less than or equal value 2
(>=) Value 1 is greater than or equal value 2

Error Control Operators

PHP မှာ error control operator တစ်ခုရှိပါတယ်။ သူ့ရဲ့ symbol ကတော့ (@) ပဲဖြစ်ပါတယ်။ script ရဲ့ error report level ကို 0 အဖြစ် ယာယီသတ်မှတ်ပေးပါတယ်။ ဒီလိုသတ်မှတ်ပေးတဲ့ အတွက် error ဖြစ်ပွားလာတဲ့အခါ user ကို display မှာ ထုတ်မပြတော့ပါဘူး။ development process မှာ မလိုအပ်ပေမယ့် productuion level မှာတော့လိုအပ်ပါတယ်။
ဥပမာ တကယ်မရှိတဲ့ php file တစ်ခုကို reference လုပ်ပါမယ်။

include_once 'fake_file.php';

ဒါကို run တဲ့အခါမှာ display မှာ php error ပြမှာပါ။ user ရဲ့ display မှာ ဒီ error ကို မပြချင်ရင်တော့ error control operator ကို သုံးပြီး ဒီလိုရေးလို့ရပါတယ်။

@include_once 'fake_file';

ပြီးရင် run ကြည့်ပါ။ error display ကို ပြတော့မှာ မဟုတ်ပါဘူး။

Incrementing/Decrementing Operators

တစ်ချို့ script တွေရေးတဲ့ အခါမှာ variable value တစ်ခုထဲကနေ အပေါင်းတစ် အနှုတ်တစ်ကို လုပ်ရတက်ပါတယ်။ for loop နဲ့ ပတ်တဲ့အခါမှာ ရေးတက်ကျတဲ့ ($i = 0; $i < 10; $i++) ဆိုတာကို မြင်ဘူးနေကြဖြစ်မှာပါ။ $i ကို တစ်တိုးဖို့အတွက် $i = $i+1; လို့ ရေးမနေတော့ပဲ $i++ ဆိုပြီး incrementing operator ကို သုံးကြပါတယ်။ တစ်နှုတ်လိုတဲ့ အခါမှာလဲ $i– ဆိုပြီးတော့ decrementing operator ကို သုံးကြပါတယ်။ ဒီ operator တွေမှာ prepend နဲ့ postpend ဆိုပြီးရှိပါတယ်။ (++), (–) ကို variable ရှေ့မှာ ရေးတာက prepend ဖြစ်ပြီးတော့ variable အနောက်မှာရေးတာကတော့ postpend ပဲဖြစ်ပါတယ်။
prepend ကတော့ variable ကို instantiated မလုပ်ခင်မှာ increment or decrement လုပ်ပြီးတော့ postpend ကတော့ instantiated လုပ်ပြီးမှ လုပ်ပေးတာ ဖြစ်ပါတယ်။
ဒါလေးကို run ကြည့်ရင် ပိုနားလည် သွားပါလိမ့်မယ်။

$b = 5;

echo $b++;

echo 'Another '.$b;

$a = 8;
echo '
'.++$a;

Logical Operators

Condition နှစ်ခုကို တစ်ပြိုင်ထဲ စစ်ရတော့မယ်ဆိုရင် logical operator တွေက အရမ်းအသုံးဝင်လာပါပြီ။ ဥပမာပြောရရင် ယောင်္ကျားလေးလဲဖြစ်ရမယ်၊ အသက်လဲ ၁၈ ထက်ကြီးရမယ် ဆိုပါတော့၊ ဒီလိုမျိုး ရေးလိုက်ရင် ပြီးပြီပေါ့။

if($age > 18 AND $gender = 'male')

Logical operator တွေကတော့

AND or &&: Returns true if both expressions are true
OR or ||: Returns true if at least one expression is true
XOR: Returns true if one expression is true, but not the other
!: Returns true if the expression is not true

example code

  $foo = true;
  $bar = false; 

  // Print the statement if $foo AND $bar are true
  if($foo && $bar) {
     echo 'Both $foo and $bar are true. ';
  } 

  // Print the statement if $foo OR $bar is true
  if($foo || $bar) {
     echo 'At least one of the variables is true. ';
  } 

  // Print the statement if $foo OR $bar is true, but not both
  if($foo xor $bar) {
     echo 'One variable is true, and one is false. ';
  } 

  // Print the statement if $bar is NOT true
  if(!$bar) {
      echo '$bar is false. ';
}

Logical Operators

PHP မှာ string operator နှစ်မျိုးရှိပါတယ်။ အဲ့ဒါတွေကတော

concatenation operator (.)
concatenating assignment operator (.=)

Concatenation operator (.) ကတော့ string နှစ်ခုကို ပေါင်းပေးတာ ဖြစ်ပြီးတော့
Concatenating assignment operator (.=) ကတော့ ရှပြီးသား varilable မှာ နောက်ထပ် string တစ်ခုကို ထပ်ပေါင်းပေးတာ ဖြစ်ပါတယ်။
example code

 $foo = "Hello"; 

 $bar = $foo . " world! "; 

 echo $bar; // Output: Hello world! 

 $bar .= " And again!"; 

 echo $bar; // Output: Hello world! And again!

ဆက်ပါဦးမယ် …

© nyanlynnhtut for Myanmar Tutorials, 2012. | Permalink | No comment | Add to del.icio.us | Add to Facebook
Post tags: PHP

Feed enhanced by Better Feed from Ozh

Caching in CodeIgniter

nainglinaung — Wed, 18 Apr 2012 19:27:39 +0000

Cache တွေအသုံးပြုခြင်းအားဖြင့် web server ကို request လုပ်စရာမလိုပဲ cache ထဲက ယူပြမှာ မို့လို့ Server Resources တွေ Memory တွေ နဲ့ Processing Cycles တွေကို အများကြီးပေါ့သွားစေပါတယ်။ User တွေဘက်ကနေကြည့်မယ်ဆိုရင်လည်း Cache အနေနဲ့ဆိုတော့ Static Web Page တွေ မြန်သလောက် နီးပါးကို မြန်မှာ ဖြစ်တဲ့အတွက် အများကြီး မြန်လာမှာ ဖြစ်ပါတယ်။

ဒါပေမယ့် real-time ခဏခဏ update လုပ်တဲ့ အခြေအနေမှာတော့ cache တွေက ဒုက္ခပေးမှာ ဖြစ်ပါတယ်။ ဒါကြောင့် မသုံးသင့်ပါဘူး။ Cache တွေကို အသုံးပြုဖို့အတွက် အောက်က တစ်ကြောင်းကို controller ထဲမှာ ရေးပေးရင် ရပါပြီ။


$this->output->cache(n);

n ကတော့ Cache တွေကို ကိုယ်ထားချင်တဲ့ မိနစ် အလိုက်ထားရမှာပါ။ အဲဒီ အချိန်ကာလ ကျော်သွားရင် expired ဖြစ်သွားမှာပါ။ ဒီနေရာမှ သတိတခု ပြုရမှာတော့ Cache က Controller ကနေ views ကို passing သွားတာအတွက်ပဲ အလုပ်လုပ်မှာပါ။ ကျန်တဲ့ တခြားသော function တွေ အကုန်လုံးကို Caching ပေးမှာ မဟုတ်ပါဘူး။

ကျွန်တော်တို့ Cache တွေ အလုပ်လုပ်မလုပ် စမ်းဖို့ လိုပါတယ်။ စမ်းဖို့အတွက် performance တွေကို ဖော်ပြနေတာ လိုပါတယ်။ အဲဒီ အတွက် CI မှာ နဂို ပါဝင်ပြီးသား ဖြစ်တဲ့ Benchmarking Class ရှိပါတယ်။ အရင်ဆုံးကျွန်တော်တို့ Database ထဲက query ထုတ်တဲ့ simple program တစ်ခုရေးလိုက်ပါ။ ကျွန်တော်ကတော့ အထူးတလည် ပြန်မရေးပြတော့ပါဘူး။ ကျွန်တော် Myanmar tutorials မှာ ရေးထားတဲ့ Pagination in CI ကို တစ်ချက်လောက် လုပ်ကြည့်လိုက်ပါ။ ပြီးရင်
Brenchmarking Class

Brenchmarking Class ကို အသေးစိတ် အသုံးပြုချင်ရင် ယေဘူယျ အားဖြင့် အရင်ဆုံး အစ နဲ့ အဆုံးကို သတ်မှတ်ပေးရပါတယ်။ အောက်က ပုံစံ အတိုင်းပါ။

$this->benchmark->mark('code_start');

// Some code happens here

$this->benchmark->mark('code_end');

echo $this->benchmark->elapsed_time('code_start', 'code_end');

ဒီနေရာမှာ code_start နဲ့ code_end ဖြစ်စရာမလိုပါဘူး။ ကြိုက်တဲ့ value ဖြစ်လို့ ရပါတယ်။ အရေးကြီးကတော့ elapsed_time မှာ အဲဒီ value တွေ ပြန်ပါဖို့ပါပဲ။ အဲဒီ ပုံစံက code_start နဲ့ code_end ကြားက execution time ကို တိုင်းတာ သွားမှာပါ။

နောက် တစ်ခုလုံးရဲ့ execution time ကို သိချင်ရင်တော့ execution ဒါမှမဟုတ် total performance ကိုသိချင်ရင်တော့ views ထဲကနေ


echo $this->benchmark->elapsed_time();

နေ ရိုက်ထုတ်လို့ရပါတယ်။ ကျွန်တော်တို့ view ထဲမှာ အထက်က coding ကို copy ကူးထည့်လိုက်ပါ။ ပြီးရင်တော့ ကျွန်တော်တို့ run ကြည့်လိုက်ပါ။ ပထမ တစ်ခေါက် execution time ကိုမြင်ရမှာ ဖြစ်ပါတယ်။ ဒုတိယ တစ်ခေါက်ကြရင်တော့ execution time ကတော့ သိသိသာသာ လျော့ကြသွားမှာ ဖြစ်ပါတယ်။ ဒါအပြင် memory usage ကိုလည်း


benchmark->memory_usage();?>

လည်းဆိုပြီး တိုင်းတာလို့ရပါတယ်။ cache သုံးခြင်းဖြစ်ဖြင့် memory ဘယ်လောက်စား သက်သာပြီး execution time ဘယ်လောက်ကျသွားလဲ ဆိုတာ တွေ့မှာပါ။ တကယ်တမ်း Real world မှာ user ကလည်း တစ်ယောက်တည်း ရှိမှာမဟုတ်ပါ။ အကယ်၍သာ user ထောင်နဲ့ချီ ရှိလာရင် ဘယ်လောက် performance တက်လာနိုင်မလဲဆိုတာ တွက်လို့ရမယ်ထင်ပါတယ်။

Profiling in CodeIgniter

ကျွန်တော်တို့ ပုံမှန်ဆိုရင်တော့ Brenchmarking Class အပြင် CI မှာ နဂိုပါထားတဲ့ Profiler လည်းရှိပါတယ်။ အဲဒါကို သုံးလို့ရပါတယ်။ ဒါပေမယ့် သူက တစ်ခုရှိတာက Cache ထဲမှာ အလုပ်မလုပ်တာကို တွေ့ရပါတယ်။ အမှန်ဆို သူက ပိုပြီး စုံပါတယ်။ ပိုပြီးလည်း အသုံးဝင်ပါတယ်။ အဲဒါကို သုံးချင်ရင်တော့


$this->output->enable_profiler(TRUE);

ဆိုပြီး Controller ထဲမှာ ကြေညာလိုက်ရင်ရပါပြီ။ output class ရော brenchmark class ပါ အလိုအလျောက် load လုပ်တဲ့အတွက် အထူးတလည်ကြေညာစရာမလိုပါဘူး။ ခေါ်သုံးလို့ရပါတယ်။

Feed enhanced by Better Feed from Ozh

‌ခေတ်သစ် Web Design နဲ့ Development [4]

Mon, 09 Apr 2012 07:47:23 +0000

Media Queries

CSS 2.1 မှာပါဝင်တဲ့ screen, print နဲ့ handheld အစရှိတဲ့ media types တွေကို CSS3 မှာလည်း support လုပ်ထားတဲ့အပြင် media features အသစ်တွေအနေနဲ့ max-width, device-width, orientation နဲ့ color အစရှိတာတွေ ပါဝင်လာတာကို တွေ့ရပါတယ်။ CSS3 ကို release လုပ်ပြီးတဲ့နောက်မှ အသစ်ထွက်ပေါ်လာတဲ့ iPad နဲ့ Android devices တွေအတွက်လည်း media features တွေအနေနဲ့ အထောက်အကူပြုမှာကတော့ သေချာပါတယ်။ ဒါကြောင့်လည်း CSS3 ကိုအသုံးပြုထားတဲ့ media query ကိုအသုံးပြုခြင်းအားဖြင့် အဲ့ဒီ devices တွေမှာ အဆင်ပြေပြေ လုပ်ဆောင်နိုင်ပါလိမ့်မယ်၊ အကယ်၍ CSS3 ကို support မလုပ်တဲ့ ဟိုးအရင် ကျွန်ပျူတာ browser တွေရဲ့ ကြည့်မယ်ဆိုရင်တော့ ရမှာမဟုတ်ပါဘူး။
Ethan Marcotte ရဲ့ ဆောင်းပါးထဲမှာပါတဲ့ media query နဲ့ပတ်သတ်တဲ့ ဥပမာတစ်ခုမှာတော့ ဒီလိုရေးထားပါတယ်။

ဒီ media query ကိုကြည့်လိုက်ရင် သာမန်ထက်ကို နားလည်လွယ်ပါတယ်၊ အကယ်၍ browser နဲ့ ဒီ page ကို ကြည့်လိုက်မယ်၊ အကယ်၍ screen ရဲ့ width က 480 pixels နဲ့အောက် နည်းနေခဲ့မယ်ဆိုရင် shetland.css ကို ယူသုံးပါလိမ့်မယ်။
CSS3 featuers အသစ်တွေထဲမှာ portrait vs. landscape လို့ပြောလို့ရတဲ့ orientation, device-width, min-device-width နဲ့အခြား အသစ်တွေပါဝင်ပါတယ်။ The Orientation Media Query ဆိုတဲ့ ဆောင်းပါးကိုဖတ်လိုက်ရင်တော့ အဲ့ဒီ media query တွေရဲ့ လုပ်ဆောင်နိုင်ချက်တွေကို သိနိုင်ပါလိမ့်မယ်။

Widths တွေကိုသတ်မှတ်ရာမှာ basic layout အတွက်ဆိုရင်တောင် landscape vs. portrait orientations တွေအတွက် style sheets ပေါင်းများစွာ ရေးရပေးနိုင်ပါတယ်။ Ethan Marcotte ရဲ့ ဆောင်းပါးရဲ့ Meet the media query ဆိုတဲ့ ခေါင်းစဉ်မှာ ဥပမာတွေနဲ့ ရှင်းလင်းချက်တွေကို သေချာရေးပြထားတဲ့အတွက် သွားဖတ်ကြည့်ဖို့ မမေ့ပါနဲ့။

Media queries များစွာအတွက် single style sheet တစ်ခုထဲမှာပဲရေးသုံးလို့ရပါတယ်။ ပိုပြီးအဆင်ပြေတာကို သူ့ဟာသူ ယူသုံးသွားပါလိမ့်မယ်။

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

အပေါ်က code တွေက Andy Clark ရဲ့ အသုံးများတဲ့ devices တွေအတွက် media queries တွေသုံးထားတဲ့ free template ကနေ ဖော်ပြပေးထားတာပါ။ “Hardboiled CSS3 Media Queries.” ဆိုတဲ့ ပို့စ်မှာပါတဲ့ မတူညီတဲ့ style sheet ဖိုင်တွေမှာတဲ့ ကွာခြားချက်တွေကို လေ့လာနိုင်ပါလိမ့်မယ်။

CSS3 Media Queries

အပေါ်မှာပြောခဲ့တဲ့ ဥပမာ တစ်ချို့က CSS 2.1 နဲ့ CSS3 တွေပါတဲ့ media queries တွေအကြောင်းပါ။ ဆက်ပြီးတော့ CSS3 ရဲ့ media queries တွေကို ဘယ်လိုအသုံးပြုပြီး responsive Web designs တွေကို ပြုလုပ်ကြမလဲလို့ လေ့လာကြရအောင်။ Media queries အများစုကတော့ ယနေ့ခေတ်ပုံစံ နဲ့ အဆင်ပြေသလို နောင်မဝေးတော့တဲ့ အနာဂတ်မှာလည်း CSS3 Media Queries တွေ အားလုံး အသုံးပြုလို့ရလာပါလိမ့်မယ်။
min-width နဲ့ max-width ကတော့ သူတို့ကို သတ်မှတ်ပေးတဲ့ properties အတိုင်းအတိအကျ လုပ်ဆောင်ပါလိမ့်မယ်။ min-width ဆိုတာက သတ်မှတ်ထားတဲ့ အနည်းဆုံး Width ထက်ပိုပြီး ချုံ့ချဲ့လို့ရမှာမဟုတ် အကယ်၍ တစ်ခုခုက အဲ့ဒီ သတ်မှတ်ချက်ထက်နည်းခဲ့မယ်ဆိုရင် style sheet link ဒါမှမဟုတ် styles တွေကို ယူသုံးမှာမဟုတ်ပါဘူး။ max-width ကတော့ ဆန့်ကျင်ဘက်ပါပဲ။ သတ်မှတ်ချက်ထက် များနေရင်/ကြီးနေရင် သတ်မှတ်ထားတဲ့ media query တွေက အလုပ်လုပ်မှာ မဟုတ်ပါဘူး။
အောက်က ဥပမာမှာ media queries တွေအားလုံးကို style sheet တစ်ခုထဲမှာပဲ သတ်မှတ်ရေးထားပါတယ်။ အပေါ်မှာ ပြောခဲ့သလို media query တွေကို သုံးတော့မယ်ဆိုရင် CSS style sheet တစ်ခုထဲမှာ ထည့်သုံးတာက ပိုပြီး အကျိုးရှိပါတယ်။ ဒါ့အပြင် တစ်ခုစီအတွက် style sheets တွေ အများကြီးရေးပေးနေစရာ မလိုတော့ဘူးပေါ့။

@media screen and {min-width: 600px) {
	.hereIsMyClass {
	  width: 30%;
	  float: right;
	}
}

အပေါ်မှာပြောထားတဲ့ hereIsMyClass ဆိုတဲ့ class အတွက် media query ဟာ browser ဒါမှမဟုတ် screen width ဟာ အနည်းဆုံး 600 pixels နဲ့အထက်မှာမှ အလုပ်လုပ်မှာပါ။ နောက်တစ်နည်း ပြောရရင် အခုသုံးထားတဲ့ media query ဟာ အနည်းဆုံး 600 pixels နဲ့အထက်ရှိတဲ့ screen width တွေမှာမှ အလုပ်လုပ်မှာပါ။

@media screen and (max-width: 600px) {
	.aClassforSmallScreens {
	   clear: both;
	   font-size: 1.3em;
	}
}

ဒီတစ်ခေါက်ရေးပြထားတဲ့ media query ကတော့ max-width ကိုအသုံးပြုထားတဲ့အတွက်ကြောင့် အများဆုံး width 600 pixels နဲ့ ကျဉ်းတဲ့ browser (သို့) screen width တွေမှာသာ အလုပ်လုပ်မှာ ဖြစ်ပါတယ်။
အပေါ်မှာပြောပြခဲ့တဲ့ min-width နဲ့ max-width တွေဟာ screen size နဲ့ browser width တွေမှာသာ အလုပ်လုပ်ပါတယ်၊ တစ်ခါတစ်ရံ ကျွန်တော်တို့တွေအနေနဲ့ device width တွေအပေါ် မူတည်ပြီး ကိုက်ညီတဲ့ media query ကိုသုံးဖို့ လိုအပ်ပါတယ်။ ဆိုလိုချင်တာက အကယ်၍ browser ဒါမှမဟုတ် ကိုယ်ကြည့်နေတဲ့ area ဟာ minimized လုပ်လိုက်ရင်တောင် media query ဟာ ကျွန်တော်တို့ အသုံးပြုနေတဲ့ device ရဲ့ width အပေါ်မှာပဲ မူတည်ပြီး အလုပ်လုပ်မှာကို ပြောချင်တာပါ။ အဲ့ဒီအတွက် min-device-width နဲ့ max-device-width စတဲ့ media query properties တွေနဲ့ အသုံးပြုတာဟာ devices တွေအတွက် အကောင်းဆုံးပါပဲ။

@media screen and (max-device-width: 480px) {
	.classForiPhoneDisplay {
	   font-size: 1.2em;
	}
}
@media screen and (min-device-width: 768px) {
	.minimumiPadWidth {
	   clear: both;
	   margin-bottom: 2px solid #ccc;
	}
}

ထပ်ပြီးတော့ သက်ဆိုင်တဲ့ device တွေအတွက် media queries tricks တွေရှိပါသေးတယ်။ Thomas Maier က iPhone နဲ့ iPad တွေအတွက် sinppets နဲ့ ရှင်းပြချက်တွေအကြောင်း ရေးထားတဲ့ ဆောင်းပါးနှစ်ပုဒ်ကို ဖတ်ကြည့်သင့်ပါတယ်။

CSS for iPhone 4 (Retina display)
How To: CSS for the iPad

ဆက်ပါအုံးမယ် …

© K for Myanmar Tutorials, 2012. | Permalink | No comment | Add to del.icio.us | Add to Facebook
Post tags: Development, Responsive, Web Design, Web Development

Feed enhanced by Better Feed from Ozh

Theme ရေးပြီး ဒေါ်လာ တစ်သန်းရသူ (၂)

Thiha — Fri, 06 Apr 2012 04:25:17 +0000

အရင်အပိုင်းကို ပြန်ဖတ်ချင်တယ်ဆိုရင်

Theme ရေးပြီး ဒေါ်လာ တစ်သန်းရသူ

အခုလုပ်နေတဲ့ အလုပ်ကို အကောင်းဆုံး ပုံဖော် ပြောပြပေးပါဦး။

အခုလုပ်နေတဲ့ အလုပ်က တကယ့်ကို ယှဉ်ပြိုင်မှုပြင်းထန်တဲ့ အသိုင်းအဝိုင်းမှာ ကိုယ့်ရဲ့ အမြင်တွေ အိုင်ဒီယာတွေကို တိုက်ရိုက် အသုံးချပြီး လူတွေက ဘယ်လို တုန့်ပြန်တယ်ဆိုတာကို ချက်ချင်း သိရတယ်ဗျာ။ ကျွန်တော် အရင်တုန်းက Software Engineer အလုပ်နဲ့ ရင်းနှီးဖူးတယ်ဗျ။ customer တွေရဲ့ လိုအပ်ချက်တွေ အပေါ်မှာ ဘော့စ်က ညွှန်ကြားတဲ့ အပေါ်မှာ ပရောဂျက်တွေ တစ်ခုပြီး တစ်ခု လုပ်ရတဲ့ ပုံစံပေါ့။ အဲဒီလို လုပ်ရတာကို စိတ်ထဲမှာ ချဉ်းကပ်ပုံလမ်းကြောင်း လွဲနေတယ်လို့ ခံစားမိတယ်ဗျ။ ဒီထက်ကောင်းတဲ့ လမ်းလဲ ရှိကိုရှိရလိမ့်မယ်လို့ ထင်တယ်။ အခု ThemeForest Marketplace မှာတော့ အရမ်းကို ပြိုင်ဆိုင်မှုပြင်းထန်တယ်ဗျ။ ကိုယ့်ကိုယ်ကိုလဲ Skill ကောင်းအောင် အမြဲမြှင့်နေဖို့လိုတယ်။ အချိန်ပြည့် အသစ် အသစ်တွေကို သင်ယူနေဖို့ လိုတယ်။ အဲဒီလို လုပ်နေရတာကိုက ကျွန်တော့် အလုပ်အတွက် ကျွန်တော့်အတွက် အရမ်းကို စိတ်လှုပ်ရှားစရာ ကောင်းနေပါတယ်။

Envato မှ ကူးယူဖော်ပြထားခြင်း ဖြစ်ပါသည်

ကမ္ဘာကြီးပေါ်မှာ နေရာတစ်ခုကို စိတ်ကြိုက်ရွေး အဲဒီနေရာမှာ ကိုယ်ပိုင် ဒီဇိုင်းတစ်ခု ဖန်တီးခွင့် ရမယ်ဆိုရင် ဘယ်လိုပုံစံမျိုးဖြစ်မလဲ၊ ဘယ်လိုများ ဖန်တီးမယ် စိတ်ကူးလဲ။

အခုတော့ ကျွန်တော့်ရဲ့ ပထမဦးဆုံး ကိုယ်ပိုင်အိမ်ကို ဆောက်နေတယ်ဗျ။ တကယ့်ကို ကျွမ်းကျင်တဲ့ interior designer တွေခေါ်ထားတယ်ဗျ။ တော်တော်လေးကို အခြေအနေကောင်းတဲ့ ဒီဇိုင်းလဲ ရလာနေပြီ။ ကျွန်တော် စိတ်ကူးထဲမှာ ရှိတာက ထိုင်းက တောင်တန်းတွေမှာ အရမ်းလှတဲ့ ဒီဇိုင်းနဲ့ အပန်းဖြေ စခန်းတွေ ဆောက်ချင်တယ်ဗျ။ နောင်တစ်ချိန်တော့ ဖြစ်လာဖို့ မျှော်လင့်ထားတယ်။ ထိုင်းမှာရှိတဲ့ ခိုခါး၊ ခိုရီနဲ့ ပိုင် အဲဒီနေရာတွေမှာ ဒီဇိုင်းအလန်းစား အပန်းဖြေစခန်းတွေ၊ အိမ်တွေ တည်ဆောက်နိုင်လိမ့်မယ်လို့။

ကိုယ့်ကိုယ်ကို စိတ်ဓာတ် ဘယ်လို မြှင့်တင်လဲ၊ ဘယ်လို စိတ်ဓာတ်ခွန်အား၊ အာရုံတွေကို ရအောင်ယူသလဲ။

ကမ္ဘာပေါ်မှာရှိတဲ့ တကယ့်ကို ပင်ကိုယ်စွမ်းရည်မြင့်တဲ့ ထူးချွန်တဲ့ အောင်မြင်တဲ့သူတွေရဲ့ အကြောင်းတွေကို ကျွန်တော် ဖတ်ဖြစ်ပါတယ်။ သူတို့တွေထဲက အတော်များများဟာ ငယ်ငယ်ရွယ်ရွယ်နဲ့ အောင်မြင်ကြတယ်။ အဲဒီလို ငယ်ငယ်ရွယ်ရွယ်နဲ့ အောင်မြင်ကြတာ ကျွန်တော် အရမ်းအားကျတယ်ဗျ။ ကျွန်တော့်မှာ ကံဆိုးမိုးမှောင်ကျတဲ့ နေ့တွေနဲ့ကြုံတိုင်း သူတို့ အကြောင်းတွေကို ပြန်သတိရတတ်တယ်။ သူတို့တွေ အကြိမ်ကြိမ် ရှုံးနိမ့်ခဲ့ကြတယ်။ ဒါပေမယ့် သူတို့တွေ ဘယ်တော့မှ အရှုံးမပေးပဲ ရှေ့ဆက်ခဲ့ကြတယ်။ အဲဒီလို အရှုံးမပေးပဲ ရှေ့ဆက်တဲ့ အတွက်ကြောင့် သူတို့တွေ အောင်မြင်မှုတွေ ရလာတယ် ဆိုတာကို ကိုယ်ကိုယ်ကို သတိအမြဲပေးဖြစ်တယ်ဗျ။ အဲဒီလို ကိုယ့်ကိုယ်ကို သတိပေးနေတဲ့အတွက် အလုပ်ကို ပြင်းပြင်းထန်ထန် ပြန်ကြိုးစားဖြစ်တယ်။ မှန်ကန်တဲ့ အပြုအမူ၊ အတွေးအခေါ်တွေ ပြန်ရလာတယ်ဗျ။

ဒီ Envato Marketplaces က အလုပ်ကလဲ စိတ်ဓာတ် တက်ကြွစေတာပဲဗျ။ ဥပမာဗျာ – အဆင့်တစ်ခု ရောက်လာတဲ့အခါ တံဆိပ်တစ်ခုရတယ်ဗျာ၊ လစဉ် ranking တွေရတယ်ဗျာ၊ လစဉ်အရောင်း စံချိန်တင်တဲ့အခါ blog post တင်တယ်ဗျာ။ အားလုံးက စံချိန်တွေ တင်ဖို့ အရင်စံချိန်တွေကို ချိုးဖျက် ကျော်တက်ဖို့ ကြိုးစားနေကြတာ မဟုတ်ဘူးလားဗျာ။ ဟား ဟား ဟား ..

အလုပ်မှာ အခက်ဆုံး အပိုင်းက ဘာလဲ။

အခက်ဆုံးအပိုင်းကတော့ motivation (စိတ်ဓာတ်မြှင့်တင်ရေး) ပဲဗျ။ ဥပမာဗျာ – ရောင်းအားက လ အတော်များများ မြင့်တက်နေတယ်။ အဲဒီလို မြင့်တက်နေတဲ့အတွက် ကိုယ့်ကိုယ်ကို နည်းနည်း နေရထိုင်ရ သက်သာတယ်လို့ ခံစားရတယ်။ နည်းနည်း ပေါ့သွားတယ်ပေါ့ဗျာ။ အသစ်တွေကို မလေ့လာဖြစ်တော့ဘူး။ product အသစ်တွေ မထုတ်ဖြစ်တော့ဘူး။ အဲဒီလို ဆိုရင်တော့ ကိုယ့်ရောင်းအားကို ထိခိုက်လာ တော့မယ်ဗျ။ တကယ့်ကို ယှဉ်ပြိုင်မှုပြင်းထန်တဲ့ ဈေးကွက်မှာဆိုတော့ဗျာ အကျိုးသက်ရောက်မှုက ခဏလေးအတွင်းမှာ ဖြစ်လာနိုင်တယ်။

သင့်အနေနဲ့ လေ့လာသင်ယူနေတာတွေကို ရပ်လိုက်မယ်ဆိုရင်၊ ကမ္ဘာပေါ်မှာ ရှိတဲ့ လူတွေက သင့်ထက် အများကြီးကောင်းတဲ့ product တွေထုတ်ပြီး သင့်ကို အလွယ်တကူ ကျော်ဖြတ်သွားလိမ့်မယ်။

အခြားကော ဘာများပြောချင်သေးလဲ။

လွန်ခဲ့တဲ့ နှစ်နှစ်လောက်ကစပြီး ကျွန်တော့်ဘဝက အများကြီး ပြောင်းလဲသွားပါတယ်။ ကျွန်တော် အမြဲတမ်း စဉ်းစားနေတာက အခုလို အရမ်းကောင်းတဲ့ community ရယ်၊ တကယ့်ကို ကြီးမားတဲ့ Global Marketplace ကြီးမှာ ပါဝင်ခွင့်ရတာ အရမ်းကံကောင်းတယ်လို့။ Envato က ကောလစ်(စ်) ရယ် အခြားသူတွေ အားလုံးကို ကျေးဇူးအများကြီး တင်တယ်လို့ ပြောချင်ပါတယ်။ လူတိုင်းအတွက် အလုပ်အကိုင် အခွင့်အလမ်းတွေ ဖန်တီးပေးနိုင်တဲ့အတွက်ရော ကမ္ဘာကြီးရဲ့ ဘယ်နေရာမှာ နေနေ လူတိုင်း တန်းတူ အခွင့်အရေးရှိတဲ့ ဝန်းကျင်တစ်ခု ဖန်တီးပေးတဲ့ အတွက်ရောပေါ့။ ကမ္ဘာကြီးရဲ့ ဘယ်နေရာမှာ နေနေ Envato Marketplace မှာ အခွင့်အလမ်းတွေ ရှိနေပါတယ်။

ကျေးဇူးတင်ပါတယ် Pete ရေ၊ အခုလို ဖြေကြားပေးတဲ့အတွက်လဲ envato က ကျေးဇူးတင်ပါတယ်။

အထက်ပါ အင်တာဗျူးအား Envato မှ တစ်ဆင့် ဘာသာပြန်ဖော်ပြထားခြင်း ဖြစ်ပါသည်။ တန်းတူ အခွင့်အလမ်းများ ရှိနေသည်ကို သိစေလိုသည် အတွက်၊ အားကျအတုယူစေလိုသည့်အတွက် ဘာသာပြန်ဖော်ပြရခြင်း ဖြစ်ပါသည်။

ဘာသာပြန်သူ – သီဟ (Myanmar Links)

© Thiha for Myanmar Tutorials, 2012. | Permalink | One comment | Add to del.icio.us | Add to Facebook
Post tags: Web Design

Feed enhanced by Better Feed from Ozh

Theme ရေးပြီး ဒေါ်လာ တစ်သန်းရသူ

Thiha — Thu, 05 Apr 2012 06:48:03 +0000

ဒီအင်တာဗျူးကို ကိုဇော်ရဲမြင့်ညွှန်းတာကြောင့် ရောက်သွားပြီး ဖတ်ဖြစ်ပါတယ်။ အဲဒီလို ဖတ်ဖြစ်တော့ ဒီကလူငယ်တွေဖတ်မိရင် ကောင်းမှာပဲလို့ တွေးမိပြီး ဘာသာပြန်ဆို ဖော်ပြလိုက်ပါတယ်။

ဒီအင်တာဗျူးကို မဖတ်ခင်မှာ Envato Marketplace အကြောင်း အရင်ရှင်းပြလိုပါတယ်။ Envato Marketplace ဆိုတာ WordPress, HTML Template စတာတွေ သွားရောင်းလို့ရတဲ့ နေရာတစ်ခု ဖြစ်ပါတယ်။ ရောင်းတဲ့သူဖက်က ရပိုင်ခွင့်အနေနဲ့ ရာခိုင်နှုန်းအားဖြင့် ၅၀ ရာခိုင်နှုန်းကနေ ၇၀ ရာခိုင်နှုန်းအထိ ခံစားခွင့်ရှိပါတယ်။ စပြီးရောင်းတဲ့အချိန်မှာ ၅၀% ဆိုတော့ ခံစားခွင့်အားဖြင့် နည်းတယ်လို့ ဆိုနိုင်ပေမယ့် တကယ်တန်း ကိုယ်တိုင်ရောင်းမယ်ဆိုရင် Hosting ထောင်ရတဲ့ ကိစ္စ Marketing ကိစ္စ စသည်ဖြင့် အများကြီး ကုန်ကျမှာဖြစ်ပါတယ်။ နောက် ကိုယ့်အနေနဲ့ အတော်လေးကို လုပ်မှ International Marketplace ကို ရမှာဖြစ်ပြီး Envato ကတော့ International Marketplace အဖြစ် ရပ်တည်နေပြီး ဖြစ်ပါတယ်။

အခု envato က အင်တာဗျူးထားတဲ့သူကတော့ ပီယာပေါင်လို့ အမည်ရပြီး ထိုင်းနိုင်ငံသား တစ်ယောက် ဖြစ်ပါတယ်။ သူ့အနေနဲ့ envato မှာ အဖွဲ့ဝင်ဖြစ်တာ နှစ်နှစ်လောက်ပဲရှိသေးပေမယ့် အခုအချိန်မှာတော့ သူရေးထားတဲ့ WordPress Theme တွေ HTML Template တွေကို ရောင်းချလို့ ရတဲ့ တန်ဖိုးဟာ ဒေါ်လာ ၁၀၀၀၀၀၀ ကျော်သွားခဲ့ပြီ ဖြစ်ပါတယ်။ အဲဒီလို ကျော်သွားတာနဲ့ envato က Power Elite Author လို့ သတ်မှတ်ပြီး Power Elite Care Package နဲ့ Power Elite Ring (လက်စွပ်) ချီးမြှင့်ခဲ့ပြီး ဖြစ်ပါတယ်။ အခုအချိန်မှာတော့ တစ်ခုရောင်းရတိုင်း ရောင်းရတိုင်း ပီယာပေါင် ၇၀% ရနေပြီဖြစ်ပါတယ်။

သူနဲ့အင်တာဗျူးက အတော်လေးကို စိတ်ဝင်စားဖို့ ကောင်းသလို အားကျဖို့လဲ ကောင်းပါတယ်။ အဲဒီအပြင် အိမ်မှာနေနေရင်း ပိုက်ဆံရနိုင်တဲ့ အခွင့်အလမ်းတွေလဲ မြင်လာနိုင်ပါတယ်။ ကျွန်တော်တို့မှာ online banking မရှိတာ အဲဒီအခွင့်အရေးတွေ ဆုံးရှုံးရတယ်လို့ မြင်ပါတယ်။ ကျွန်တော်တို့ဆီမှာလဲ အဲဒီလို လူတွေ အများကြီး ရှိလိမ့်မယ်လို့ ကျွန်တော် ခန့်မှန်းမိပါတယ်။ အခွင့်အလမ်းတွေသာ ပွင့်လာရင် Leveled Plain Field (အားလုံးအတွက် တူညီတဲ့ ကစားကွင်း) မှာ ကောင်းကောင်းကြီး ဝင်ကြဲလို့ ရလာနိုင်ပါတယ်။

ဂုဏ်ယူပါတယ် ပိ(တ်)ရေ ဒေါ်လာ ၁ ၀၀၀ ၀၀၀ တောင်ကျော်အောင် item တွေ ရောင်းလိုက်ရပြီ ဆိုတော့ ဘယ်လိုခံစားရလဲဗျ။

Envato မှ ကူးယူဖော်ပြထားခြင်း ဖြစ်ပါသည်

မယုံနိုင်စရာပါပဲဗျ။ ကျွန်တော့် အသက်က ၂၈ နှစ်ရှိပါပြီ။ ကျွန်တော့် တစ်သက်နဲ့တစ်ကိုယ် ဒီလောက် အချိန်တိုလေး အတွင်းမှာ ဒေါ်လာ တစ်သန်းလောက်တန်တဲ့ theme တွေကို ရောင်းပြီး ရလာလိမ့်မယ်လို့ တစ်ခါမှာ မတွေးခဲ့မိဘူးဗျ။ ၂၀၀၈ ခုနှစ်လောက်တုန်းကတော့ ကျွန်တော်က အလုပ်ထွက်ထားတဲ့ သူတစ်ယောက် Web နဲ့ ပတ်သက်ရင် ဘယ်လို Product ထုတ်ထုတ် ထုတ်သမျှကွဲတဲ့ သူတစ်ယောက် ပေါ့ဗျာ။ ကျွန်တော် မှတ်မိနေသေးတယ်ဗျ၊ ကျွန်တော် ThemeForest ကို မသိခင်က Web နဲ့ ပတ်သက်ရင် လက်မြှောက်အရှုံးပေး၊ အင်တာနက်ကို ကျောခိုင်း၊ အကြိမ်ကြိမ် ရှုံးနိမ့်မှုတွေကြားမှာ စိတ်ပျက်လက်ပျက် ဖြစ်နေတဲ့ သူတစ်ယောက်ပါ။ ကျွန်တော် အစွမ်းကုန်ကြိုးစားပေမယ့် ဘယ်လိုမှ အရာမထင်လာခဲ့ဘူး။ ကျွန်တော် ဘယ်လိုတောင် စဉ်းစားမိသလဲဆိုရင်

ဒါကြီးက ငါ့ဘဝအတွက် မှန်ကန်တဲ့ ရွေးချယ်မှုမှ ဟုတ်ပါလေစ

လို့တွေးမိတယ်ဗျ။ ကျွန်တော် ThemeForest ကို မရည်ရွယ်ပဲ တွေ့ခဲ့တာဗျ။ twitter app တစ်ခုမှာ ThemeForest ရဲ့ ကြော်ငြာကို တွေ့ခဲ့တယ် ထင်တယ်။ အဲဒီလို တွေ့တာကနေ Envato Marketplace အကြောင်းကို လေ့လာဖြစ်တယ်ဗျ။ ဘယ်လို အလုပ်လုပ်သလဲပေါ့။ နောက်ဆုံးတော့ မထူးပါဘူး စမ်းကြည့်ဦးမှဆိုပြီး ဆုံးဖြတ်ချက်ချခဲ့တယ်။ အဲဒီ ဆုံးဖြတ်ချက်က ကျွန်တော့်အတွက် အကောင်းဆုံး ဆုံးဖြတ်ချက်တွေထဲက တစ်ခုလို့ ဆိုနိုင်ပါတယ်။

author တစ်ယောက်အနေနဲ့ရော designer တစ်ယောက်အနေနဲ့ပါ ဒီဘဝမှတ်တိုင် တစ်ခုရလာတဲ့ အပေါ် အဓိပ္ပါယ်ဖွင့်ဆိုပုံလေး သိပါရစေ။

ကျွန်တော် ရိုးရိုးသားသားပြောရရင် ဒီဘဝမှတ်တိုင်ဟာ လူတိုင်းလူတိုင်း လက်မြှောက်အရှုံးမပေးပဲ ခရီးဆက်မယ်ဆိုရင် ဘယ်လောက်အထိ ဖြစ်လာနိုင်တယ်ဆိုတဲ့ အသိရလာတယ်ဗျ။ ဒါပေမယ့် ဒီဘဝမှတ်တိုင်က တစ်ခြားသူတွေထက် ကျွန်တော်က အများကြီး သာသွားပြီလို့ ခံစားရတာမျိုး မဟုတ်ဘူးဗျ။ အကုန်လုံးက အရမ်းကို မြန်တဲ့နှုန်းနဲ့ ပြောင်းလဲနေတာလေ။ ဒီတော့ ကျွန်တော် ကိုယ်တိုင်လဲ သင်ယူနေရဦးမယ်၊ အချိန်ပြည့် အဆင့်မြှင်တင်နေရဦးမယ်လို့ ခံယူထားတယ်ဗျ။

ဒါနဲ့ စကားမစပ်၊ power elite ring က မိုက်သဗျို့၊ ကျွန်တော် ကြိုက်သဗျ။

envato marketplace အတွက် ဒီဇိုင်းတွေ ရေးဆွဲဖို့ အချိန်ဘယ်လောက်ပေးခဲ့ရလဲဗျ။

ကျွန်တော် တစ်နေ့ကို ၈ နာရီကနေ ၁၆ နာရီလောက် theme design နဲ့ support အတွက် အချိန်ပေးတယ်ဗျ။ တစ်ခါတစ်လေမှာ နေ့တိုင်း အလုပ်လုပ်ဖြစ်တယ်။ ပြောရရင် ကျွန်တော့်အတွက် စနေ၊ တနင်္ဂနွေဆိုတာ မရှိဘူးပေါ့။ ဟားဟား … ကျွန်တော် ဒီလောက် အလုပ်ချိန်တွေ အများကြီး ပေးပြီး လုပ်နေရတဲ့ အဓိက အကြောင်းအရင်းကတော့ အလုပ်လုပ်နေတယ်လို့တောင် ကျွန်တော်ကိုယ်တိုင် မထင်လို့ပဲဗျ။ စနေ၊ တနင်္ဂနွေတွေမှာ အပြင်သွားမယ်၊ ရုပ်ရှင်ကြည့်မယ့်အစား theme ရဲ့ အဆုံးသတ်ပိုင်းကို ရေးချင်ရေးနေတတ်တယ်ဗျ။ အဲဒီလိုကြီး နားချိန်မရှိ၊ ပျော်ချိန်ပါးချိန်မရှိ လုပ်နေတယ်ဆိုတော့ တစ်မျိုးဖြစ်ချင် ဖြစ်နေလိမ့်မယ်။ အဲဒါ တကယ်ဗျ။

ဒီဇိုင်းတွေ အပယ်ခံရတာတွေ ရှိခဲ့ဘူးလား။ အဲဒီလို အပယ်ခံရတဲ့အခါ စိတ်ထဲမှာ ဘယ်လို ခံစားရလဲ။

ဟုတ်ကဲ့ အပယ်ခံရဖူးပါတယ်။ ကျွန်တော့်ရဲ့ ပထမဦးဆုံး Photography Theme က လေးကြိမ် ငါးကြိမ်လောက်ကို အပယ်ခံရပါတယ်။ ပထမတော့ စိတ်ဆိုးတယ်ဗျ။ နောက်တော့ စိတ်ကို တည်ငြိမ်အောင် ထားပြီး နက်နက်ရှိုင်းရှိုင်း စဉ်းစားတယ်၊ reviewer ပြောတဲ့ ဘာကြောင့် ပယ်ရတယ်ဆိုတဲ့ အကြောင်းပြချက်တွေကို လေ့လာတယ်။ ကိုယ့် ဒီဇိုင်းမှာ ရှိနေတဲ့ အားနည်းချက်တွေကို လုံ့လစိုက်ပြီး ရှာတယ်။ အဲဒီလို ပထမဦးဆုံး အငြင်းပယ်ခံလိုက်ရတဲ့ နောက်ပိုင်းမှာ ကျွန်တော် အတော်လေးကို တိုးတက်လာတယ်ဗျ။ ဒါတောင် နောက်ထပ် နှစ်ကြိမ်သုံးကြိမ်လောက် အပယ်ခံရသေးတယ်။ အဲဒီနောက်ပိုင်းမှ ကျွန်တော့် theme တွေ အရွေးခံလာရတယ်ဗျ။ အဲဒီတော့မှ ကျွန်တော် သဘောပေါက်တယ်။ reviewer ပေးတဲ့ အကြံဉာဏ်တွေက အဖိုးတန်ပါလား၊ ကိုယ့်ရဲ့ product ကို အကောင်းဆုံးဖန်တီးဖို့ ကူညီပေးနေပါလားဆိုတာ။ reviewer တွေရဲ့ အကြံပြုချက်တွေဟာ ကျွန်တော့် theme တွေကို ကောင်းအောင် အများကြီး ပံ့ပိုးခဲ့ပါတယ်။

Power Elite Level ကို ရောက်လာအောင် တွန်းပို့ခဲ့တဲ့ လက်ကိုင်ထားတဲ့ စကားတွေရှိရင် ပြောပြပါဦး။ နောက်လူတွေ Power Elite Level ကို သွားနေတဲ့သူတွေ သိရအောင်။

ပြင်းပြင်းထန်ထန်ကြိုးစားရင် မှန်ကန်တဲ့ ပြုမူလုပ်ဆောင်မှု၊ စိတ်နေသဘောထားရှိရင် မဖြစ်နိုင်ဘူးဆိုတာ ဘာမှမရှိဘူး ဆိုတဲ့ စကားပါ။ ကျွန်တော့်ကို ဥပမာ ယူလို့ရပါတယ်။ ကျွန်တော်က နိုင်ငံငယ်လေးကပါ။ (ဘန်ကောက်မှာ နေပါတယ်) အင်္ဂလိပ်စာကလဲ သိပ်အကျွမ်းကြီးမဟုတ်ဘူး။ ကျွန်တော် ThemeForest ကို မဝင်ခင်က အလုပ်ထွက်ထားတယ်၊ web နဲ့ ပတ်သက်လို့ ဘာမှကို လုပ်ချင် ကိုင်ချင်စိတ်မရှိတဲ့သူပါ။

အဲဒီအချိန်တုန်းက အလုပ်ထွက်ပြီး ThemeForest မှာ အချိန်ပြည့်မြှတ်နှံမယ်ဆိုတော့ လူတွေ အတော်များများ ကျွန်တော့်ကို မှားတယ်လို့ ပြောကြတယ်ဗျ။ ကျွန်တော်ရဲ့ ပထမဦးဆုံး theme ကို အရွေးမခံရခင်မှာ အကြိမ်ကြိမ် အပယ်ခံရတယ်ဗျာ။ နောက်ပြီး ကျွန်တော်က ပျံလန်နေအောင် တော်တဲ့ ဒီဇိုင်နာ တစ်ယောက်လဲမဟုတ်၊ ကုဒ်ဒါတစ်ယောက်လဲ မဟုတ်။ ဒါပေမယ့် ကျွန်တော်ကတော့ ကျွန်တော် skill ကို အမြဲမြှင့်တယ်ဗျ၊ ပြင်းပြင်းထန်ထန်ကို မြှင့်တယ်။ ဒီတော့ဗျာ ကိုယ့်ဘဝမှာ အမှောင်ထဲ ရောက်နေတယ်ဆိုပြီး ဘယ်တော့မှ အရှုံးမပေးနဲ့ဗျ။

ရုံးခန်းကရော ဘယ်လိုပုံစံလဲဗျ။

နည်းနည်းတော့ ပွတယ်ဗျ။ ကျွန်တော့်မှာ MacBook Pro တစ်လုံးရှိတယ်ဗျာ။ Cinema Display တစ်လုံးလဲ ရှိတယ်။ နာရီအတော်များများ အလုပ်လုပ်ပြီးသွားရင် ကျွန်တော့် စားပွဲမှာ စာရွက်တွေနဲ့ ပြည့်နေတတ်တယ်ဗျ။ တစ်ခါတစ်လေ Starbucks သွားပြီး ကော်ဖီသောက်ရင်း အလုပ်လုပ်တတ်တယ်ဗျ။ ကျွန်တော့် မျက်လုံးတွေ အနားပေးချင်တဲ့အခါ၊ အိုင်ဒီယာအသစ်တွေ ရချင်တဲ့ အခါတွေမှာပေါ့ဗျာ။ အဲဒီ နည်းလမ်းလေးက မဆိုးဘူး အတော်နိပ်တယ်ဗျ။

ဒီဇိုင်းတွေဆွဲတဲ့အခါမှာ စိတ်ကူးဉာဏ်တွေ ကွန့်မြူးအော် ဘယ်လိုလုပ်သလဲဗျ။ စိတ်ကူးကောင်းတွေ ဘယ်လို ရတတ်သလဲ။

တစ်ခြားဒီဇိုင်နာတွေလိုပါပဲ။ CSS Gallery ဆိုက်တွေကို ကြိုက်တယ်ဗျ။ အခြား ဒီဇိုင်းဆိုတာ ဘလော့ ပို့စ်တွေကို ကြိုက်တယ်ဗျာ။ အဲဒီအပြင် Best 50 website စသည်ဖြင့်ပေါ့ဗျာ။ အကုန် ကြည့်ဖြစ်တယ်ဗျ။ နောက်ပြီး ကျွန်တော်က interior design တွေကိုလဲ ကြိုက်တယ်ဗျ။ တစ်ချို့အချိန်တွေမှာ interior design တွေ home design နဲ့ ပတ်သက်တဲ့ site တွေမှာ ကျင်လည်နေတတ်တယ်ဗျ။

ဆက်ပါဦးမယ် …

© Thiha for Myanmar Tutorials, 2012. | Permalink | 2 comments | Add to del.icio.us | Add to Facebook
Post tags: Web Design

Feed enhanced by Better Feed from Ozh

Getting Start with PHP and Mongodb

nainglinaung — Wed, 04 Apr 2012 08:11:36 +0000

အရင်ဆုံး mongodb နဲ့ ပတ်သတ်ပြီးတော့ ဖတ်ဖို့အတွက် ကိုစေတန်ရေးထားတဲ့ series တစ်ခုလုံး ကို ညွန်းလို ပါတယ်။ node.js နဲ့ လုပ်မှာမဟုတ်တဲ့ အဲဒီအပိုင်း မဖတ်လည်းရပါတယ်။ နောက်ပြီး ကျွန်တော် အခု စမ်းမှာက window ပေါ်မှာဆိုတော့ Linux Command တွေမှတ်စရာ မလိုပါဘူး။ အရင်ဆုံး Mongodb သွင်းကြရအောင် ။ ဒီကိုသွားပါ။ ကိုယ်နဲ့ ကိုက်ညီတဲ့ version ကိုရှာပြီး ဒေါင်းလော့ချပါ။ ပြီးရင် C:\ ထဲကို ရွေ့ယူပြီး extract လုပ်ချလိုက်ပါ။ အောက်ကပုံစံ ဖြစ်နေမှာပါ။

mongodb-win32-i386-x.y.z

mongodb ကတော့ နာမည်ဖြစ်ပြီးတော့ win32 ကတော့ Window အတွက် 32bit verison ဖြစ်က နောက်က x.y.z ကတော့ ဒေါင်းလော့လုပ်တဲ့ version ကိုဆိုလိုတာပါ။ ပြီးရင် ခေါ်ရလွယ်အောင် အဆိုပါ folder တစ်ခုလုံးကို mongodb ဆိုပြီး rename လုပ်လိုက်ပါ။ ပြီးရင် data တွေသိမ်းဖို့ အတွက် C:\data\db ဆိုပြီး ဆောက်ချ လိုက်ပါ။ ပြီးရင် command prompt ထဲမှာအောက်က ပုံအတိုင်း ခေါ်လိုက်ပါ။

ပြီးရင်တော့ mongodb စ run ပြီဖြစ်ပါတယ်။ လောလောဆယ် စမ်းချင်တယ်ဆိုရင်တော့ Shell ပေါ်ကနေ စမ်းနိုင်ပါတယ်။ shell အသုံးပြုချင်ရင်တော့ အောက်ကပုံအတိုင်း လုပ်နိုင်ပါတယ်။

Installing Mongodb in Linux

wget http://fastdl.mongodb.org/linux/mongodb-linux-i686-1.8.3.tgz
> mongo.tgz

wget command ကို အသုံးပြုပြီး ဒေါင်းလော့ဆွဲ ကာ mongo.tgz လို့ rename လုပ်လိုက်ပါ။

tar xzf mongo.tgz

tar command ကိုအသုံးပြုပြီးတော့ ဖြေလိုက်တာပါ။

mv mongodb-linux-i686-x.y.z mongodb

ဖြေလိုက်တဲ့ directory ကို rename လုပ်လိုက်တာပါ။ ဒါအပြင် window မှာလိုပဲ data ဆိုတဲ့ directory ကိုတည်ဆောက် ပေးရမှာ ဖြစ်ပါတယ်။

sudo mkdir –p /data/db
sudo chown `id -u` /data/db

ပြီးရင်တော့ အောက် command ကိုအသုံးပြုပြီးတော့ run လို့ရပါပြီ။

./mongodb/bin/mongod

ရိုက်ရမှာ ရှည်ရင်လည်း shell script လေးဖြစ်ဖြစ်လုပ်ထားပေါ့ဗျာ။ ပြီးရင်တော့ mongo shell ကိုအသုံးပြုမယ်ဆိုရင်တော့ အောက်က command ကို ရိုက်ပါ။

./mongodb/bin/mongo

ဒါအပြင် Linux မှာ package manager တွေကို အသုံးပြုတော့ သွင်းလို့ရပါတယ်။ ဥပမာ Fedora, CentOs တို့မှာရှိတဲ့ yum package တွေအတွက် sudo yum install ဖြစ်သော်လည်ကောင်း Ubuntu , Debian တို့မှ apt package manager တို့ အတွက် sudo apt-get install ဖြင့်သော် လည်ကောင်း သွင်းလို့ ရပါတယ်။

Mac OSX အတွက်တော့ Linux လိုပဲ install လုပ်လို့ရပါတယ်။ ဒါအပြင် Mac OSX အတွက် သီးသန့် version ကိုဒေါင်းလော့ဆွဲပြီး အပေါ်က step တွေကို အသုံးပြုပြီး သွင်းနိုင်ပါတယ်။

Some Basic Commands

Shell ပေါ်မှာသုံးနေရင်း နဲ့ အခြေခံ သိထားသင့်တဲ့ Command လေးတွေရှိပါတယ်။ ဥပမာ

C:\>mongodb\bin\mongod --dbpath C:\mongodb_data

ဆိုပါတော့။ ကျွန်တော်တို့ default အနေနဲ့ C: ထဲက data ဆိုတဲ့ folder ကို database အနေနဲ့ အသုံးပြုမှာ ဖြစ်ပေမယ့် အခုလို database path ပြောင်းလဲ အသုံးပြုလို့ ရပါတယ်။ ဒါအပြင် တခြားသိသင့်တာလေးတွေကတော့

–bind_ip

Mongod Server က listen လုပ်တဲ့ Ip address ပါ။ default အနေနဲ့ loop back address ဖြစ်တဲ့ 127.0.0.1 ဖြစ်ပါတယ်။

–port

Mongod Sever က အလုပ်လုပ်တဲ့ Port Address ပါ။ default ကတော့ 27017 ဖြစ်ပါတယ်။ ဟုတ်လား မဟုတ်လား သိချင်ရင် browser ထဲကနေ localhost:27017 ဆိုပြီး ရိုက်ကြည့်ပါ။

You are trying to access MongoDB on the native driver port. For http diagnostic access, add 1000 to the port number

ဆိုပြီး မြင်ရမှာဖြစ်ပါတယ်။ သူပြောသလို 27017+1000 ပေါင်းကြည့်ပြီးတော့ localhost:28017 ကို ခေါ်ကြည့်လိုက်ပါ။

–logpath

ဒါကတော့ log file တည်ရှိမယ့် လမ်းကြောင်းကို သတ်မှတ်ပေးရတာပါ။

–logappend

ကတော့ log file ကို append လုပ်သွားတာဖြစ်ပါတယ်။ boolean value ဖြစ်တဲ့ true or false ထည့်ပေးရပါမယ်။ false ဆိုရင်တော့ overwrite လုပ်သွားမှာပါ။

တခြား command တွေ သိချင်ရင်တော့

C:\>mongodb\bin\mongod –-help

ဆိုပြီးကြည့်နိုင်ပါတယ်။

File Based Configuration

Configuration လုပ်ရမှာ အထက်ကလို command line တွေနဲ့ မလုပ်ချင်ဘူးဆိုရင်တော့ configuration file အနေနဲ့ ထားပြီးလုပ်နိုင်ပါတယ်။ C: ထဲမှာ mongo.conf ဆိုတဲ့ file တစ်ခုဆောက်လိုက်ပါ။ ပြီးရင်တော့ အောက်ကလို

dbpath = D:\mongodb_data
logpath = D:\mongodb.log
logappend = true

configuration တွေရေးပါ။ ပြီးရင်တော့

C:\>mongodb\bin\mongod --config C:\mongodb.conf

လှမ်းခေါ်နိုင်ပါတယ်။

Linux မှာဆိုရင်တော့ mongodb.conf ဆိုတဲ့ file က အစောကတည်းက ရှိနေပါတယ်။ နေရာကတော့ /etc/mongo.conf ဖြစ်ဖို့များပါတယ်။

PHP driver for Mongodb

PHP ကို Mongodb နဲ့ တွဲဖက်အသုံးပြုမယ်ဆိုရင် ကြားထဲမှာ driver တစ်ခုလိုပါလိမ့်မယ်။ PHP မှ မဟုတ်ပါဘူး။ Python နဲ့သုံးမယ်ဆိုရင်လည်း လိုပါတယ်။ ဒီလိုပဲ database ဘက်ကကြည့်ရင်လည်း Mongodb မှမဟုတ်ပါဘူး။ Mysql ဆိုရင်လည်းလိုပါတယ်။ ဒါပေမယ့် ကျွန်တော်က window ပေါ်က xampp ပေါ်မှာ စမ်းမှာဆိုတော့ အသင့်ပါပြီးသားဖြစ်နေလို့ပါ။

Step 1

အရင်ဆုံး driver ကိုဒီမှာ (http://downloads.mongodb.org/mongo-latestphp5.2vc6ts.zip) ဒေါင်းပါ။

Step 2

php ဆိုတဲ့ folder ထဲက ext ဆိုတဲ့ folder ထဲကို ကူးထည့်လိုက်ပါ။ extension=php_mongo.dll ဆိုပြီးတော့ php.ini ဆိုတဲ့ file ထဲမှာ ဝင်ရေးလိုက်ပါ။

Step 3

server ကို restart ချပေးဖို့ လိုပါလိမ့်မယ်။ ပြီးရင် အကြမ်းအားဖြင့် htdocs ထဲမှာ phpinfo.php တစ်ခုကို ဆောက်လိုက်ပါ။ ပြီးရင် အောက်က coding ကိုကူးထည့်လိုက်ပါ။

ပြီးရင် run ကြည့်လိုက်ပါ။ mongo ဆိုတဲ့ စာသားပါတဲ့အထိ scroll bar ဆွဲချလိုက်ပါ။ အောက်ကအတိုင်း ပေါ်လာပြီဆိုရင်တော့ အောင်မြင်ပြီလို့ ပြောလို့ရပါတယ်။

© nainglinaung for Myanmar Tutorials, 2012. | Permalink | One comment | Add to del.icio.us | Add to Facebook
Post tags: mongodb, PHP

Feed enhanced by Better Feed from Ozh

Android with CSS

Jia Li — Tue, 03 Apr 2012 18:05:14 +0000

Android စက်ရုပ်လေးကို CSS နဲ့ ပုံဖော်ကြည့်ထားတဲ့ code လေးကို ပြန် share လိုက်ပါတယ် … အမှန်ဆိုရင်တော့ ကိုယ်ပိုင် idea မဟုတ်ပါဘူး .. CSSdeck က Android on Crack ဆိုတဲ့ Dancing Android လေးကို တွေ့ြီး ကိုယ်ဘာသာကိုယ်စမ်းရေးကြည့်တာပါ… အချိန်ရရင် CSSdeck ကိုသွားကြည့်စေလိုပါတယ် .. အဲမှာ CSS နဲ့လုပ်ထားတဲ့ အချို့ဟာတွေ အရမ်းမိုက်ပါတယ် .. Demo ကြည့်မယ်ဆိုရင်တော့ ဒီမှာ သွားကြည့်လို့ရပါတယ်

အရင်ဆုံး HTML မှာ Div တွေနဲ့ အစိတ်အပိုင်းတစ်ခုချင်းစီ အတွက် အရင်ပြင်ဆင်ပါမယ်။

အမှန်ဆိုရင်တော့ဘာမှ မဟုတ်ပါဘူး .. border-radius နဲ့ position ကစားထားတာပါပဲ .. CSS ကတော့အောက်က အတိုင်းပါပဲ .. ဘာမှ ထွေထွေထူးထူး ရှင်းပြစရာမရှိတဲ့ဘူးလို့ထင်ပါတယ်။ Myanmar Tutorials မှာ စာဖတ်တဲ့လူတွေက ကိုယ့်ထက်တောင်ပိုသိရင်သိနေ မှာပါ ..

@font-face {
	font-family:DroidSans;
	src: url('fonts/DroidSans.ttf');
}

#wrapper {
	width:320px;
	margin:0 auto;
}

#antenna1, #antenna2, #droidhead, #left_hand, #right_hand, #droidbody, #left_foot, #right_foot {
	background-color: #A4CA39;
}

#droidbody {
	width: 200px;
	height: 170px;
	border-radius: 0px 0px 15px 15px;
	-moz-border-radius:0px 0px 15px 15px;
	-webkit-border-radius:0px 0px 15px 15px;
	margin-left: 10px;
	float: left;
}

#left_hand, #right_hand {
	width: 50px;
	height: 130px;
	float: left;
	border-radius: 27px;
	-moz-border-radius: 27px;
	-webkit-border-radius: 27px;
}

#right_hand {
	margin-left:10px;
}

#foot {
	clear:both;
	margin-left: 107px;
}

#left_foot, #right_foot {
	width:50px;
	height:73px;
	float:left;
	border-radius: 0px 0px 27px 27px;
	-moz-border-radius: 0px 0px 27px 27px;
	-webkit-border-radius: 0px 0px 27px 27px;
}

#right_foot {
	margin-left: 10px;
}

#droidhead {
	width: 199px;
	height: 83px;
	margin-left: 60px;
	margin-bottom: 10px;
	border-radius: 100px 100px 0px 0px;
	clear:both;
}

#antenna1, #antenna2 {
	width: 7px;
	height: 55px;
	border-radius: 5px 5px 0px 0px;
}

#antenna1{
	transform: rotate(-35deg);
	-moz-transform: rotate(-35deg);
	-webkit-transform: rotate(-35deg);
	position: relative;
	top: 30px;
	left: 78px;
	float:left;
}

#antenna2 {
	transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	position: relative;
	top: 30px;
	left: -78px;
	float:right;
}

#eye1, #eye2 {
	background:#fff;
	width:15px;
	height:15px;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
}

#eye1 {
	float:left;
	position: relative;
	top: 97px;
	left: 102px;
}

#eye2 {
	float:right;
	position: relative;
	top: 97px;
	left: -102px;
}

#caption {
	font-family: DroidSans;
	color: #A4CA39;
	font-size: 55px;
	clear: both;
	text-align: center;
	padding-top: 20px;
}

ဒီမှာ ချိတ်ထားတဲ့ DroidSans font ကို လိုချင်ရင် ဒီမှာ download လုပ်လို့ရပါတယ်။

အားလုံးကို ကျေးဇူးတင်ပါတယ် …

Li Jia Li (MyanmarLinks)

© Jia Li for Myanmar Tutorials, 2012. | Permalink | One comment | Add to del.icio.us | Add to Facebook
Post tags: Android, Basic, CSS3, HTML

Feed enhanced by Better Feed from Ozh

Gallery with CI

nainglinaung — Sat, 31 Mar 2012 06:00:27 +0000

ဒီတစ်ခေါက်တော့ ဟို့ တစ်ပါတ်က တင်တဲ့ Image Uploading ကိုအသုံးပြုပြီးတော့ gallery တစ်ခု တည်ဆောက်သွားမှာပါ။ အရင်ဆုံး Gallery လုပ်ဖို့အတွက် စိတ်ကူးလေးချကြည့်ပါ။ Gallery ဟာ အကြမ်းအားဖြင့် ပုံအသေးနဲ့ ပုံအကြီးဆိုပြီး နှစ်မျိုးလိုပါမယ်။ အသေးက အကြမ်းဖျင်းပြတာ ဖြစ်ပြီး အသေးကို နှိပ်ရင် ပုံအကြီးကို သွားမှာဖြစ်ပါတယ်။ ဒီနေရာမှာ ပေးလို့ ရပေမယ့် လည်း ပေးလေ့မရှိကြပါ။ ဘာဖြစ်လို့လဲ ဆိုတော့ ပိုလေးလို့ပါ။ ဒါကြောင့် အရင်ဆုံး gallery မှာပြဖို့ thumbnail image လို့ခေါ်တဲ့ ပုံအသေးကိုပြဖို့လိုမှာဖြစ်ပါတယ်။ ဒါကြောင့် တနည်းအားဖြင့် ပုံအကြီး ကို resize ပြန်လုပ်ရမှာ ဖြစ်ပါတယ်။ Gallery_model မှာ အဆုံးကနေ အောက်က အတိုင်း ဆက်ရေးပါ။


$images_data = $this->upload->data();
$config = array(
 'source_image' => $images_data['full_path'],
 'new_image' => $this->gallery_path.'/thumbs',
 'maintain_ration' =>true,
 'width' => 150,
 'height' => 100,
 );

// There are a bunch of option in image manipulation class , library
$this->load->library('image_lib', $config);
$this->image_lib->resize();

$config ကတော့ image တစ်ခုကို manipulate လုပ်ဖို့ လိုအပ်တဲ့ attribute တွေပါ။ ပြီးရင်တော့ Manipulation အတွက် image_lib ကို load လုပ်ဖို့ လိုပါတယ်။ အပေါ်က upload library လိုပဲ $config ကို passing ပေးဖို့ လိုပါတယ်။ ပြီးရင်တော့ image_lib ထဲက function တစ်ခုဖြစ်တဲ့ resize() ကိုသုံးပြီးတော့ ချုံ့လိုက်မှာပါ။ အပေါ်က source_image နဲ့ new_image ဆိုတဲ့ key နှစ်ခုကို သတိထား ကြည့်ပါ။ source_image ကတော့ ဘယ်က image ကိုယူမလဲကို ဆိုလိုတာပါ။ ယူမယ့် image data ကိုတော့ $this->upload->data ကနေယူထားတာ တွေ့ရမှာပါ။ အဲဒီ array တစ်ခုလုံးထဲမှ လိုအပ်တဲ့ key ဖြစ်တဲ့ full_path ကိုထောက်ပြီး source_image ထဲထည့်လိုက်တာပါ။ ပြီးရင်တော့ new_image ကတော့ upload_path နဲ့ဆင်ပါတယ်။ ကွာတာက /thumbs ဆိုတဲ့ folder တစ်ဆင့်ကွာ တာပါပဲ။ ဒီတော့ thumbs ဆိုတဲ့ folder ကို images ဆိုတဲ့ folder ထဲမှ ဆောက်ပေးဖို့ လိုပါလိမ့်မယ်။
ပြီးသွားရင်တော့ ကျွန်တော်တို့ ပုံတွေကိုပြဖို့ လိုပါမယ်။ အဲဒီအတွက် လိုအပ်တဲ့ data တွေကို Controller ကနေ view ကို passing သွားရမှာဖြစ်ပါတယ်။ အောက်ကအတိုင်း


$this->load->view('gallery');

ကို အောက်ကအတိုင်း ပြင်လိုက်ပါ။


 $data['images'] = $this->gallery_model->get_images();
 $this->load->view('gallery',$data);

အဓိပ္ပါယ်ကတော့ $data[image] ဆိုတဲ့ array တစ်ခုကို images ဆိုတဲ့ attribute နဲ့ကြေညာလိုက်ပါတယ်။ ဒါမှ views ထဲရောက်ရင် $images လို့ခေါ်လို့ရမှာပါ။ အခွံချွတ်လိုက် တာပေါ့ဗျာ။ ပြီးရင်တော့ အဲဒီ data ကို view ကို passing သွားလိုက်တာပါ။ $data['images] ဟာ gallery_model(model) ထဲက get_images function ထဲက ထွက်လာတဲ့ return value ကိုယူထားတာပါ။ ဒါကြောင့် model ထဲမှာ function သွားရေးဖို့ လိုအပ်နေပါပြီ။ အောက်ကအတိုင်းပါ။


function get_images(){

$files = scandir($this->gallery_path);
 $files = array_diff($files, array('.','..','thumbs'));
 $images = array();
 foreach ($files as $file){

$images[] =array(

'url' => $this->gallery_path_url . $file ,
 'thumbs_url' => $this->gallery_path_url .'thumbs/' .$file
 );

}
 return $images;

}

ပထမဆုံး scandir ဆိုတဲ့ builtin function ကိုအသုံးပြုပြီး $files ဆိုတဲ variable ကနေ directory တစ်ခုလုံးကို scan ဖတ်လိုက်ပါတယ်။ ပြီးတော့ array နဲ့ မလိုတဲ့အပိုင်းတွေဖြစ်တဲ့ ‘.’, ‘..’, ‘thumbs’ အပိုင်းတွေကို ဖျက်ထုတ်ပြီး $files ဆိုတဲ့ variable ထဲပြန်ထည့်လိုက်ပါတယ်။ သန့်စင်ခြင်း santalize လုပ်တာလို့ ပြောလို့ရမယ်ထင်ပါတယ်။ အခုဆိုရင် $files ထဲမှာ File name တွေဟာ array အနေနဲ့ တန်းစီပြီးရှိနေမှာပါ။ ပြီးရင်တော့ $images ထဲကို $gallery_path_url နဲ့တွဲပြီး ထည့်ပေးရမှာပါ။ $gallery_path_url နဲ့ $gallery_path နဲ့က မတူပါဘူး။ url ပုံစံသွားတာ နဲ့ ကျွန်တော်တို့ file browsing လုပ်တုံးက သွားတာနဲ့ မတူသလို အကြမ်းအားဖြင့် ‘/’ နဲ့ ‘\’ ကွာတယ်လို့ မှတ်လို့ရပါတယ်။ ဒီတော့ $gallery_path_url ကိုယူဖို့အတွက် base_url() ကနေယူရမှာပါ။ အောက်က အတိုင်းပါ။


$this->gallery_path_url = base_url() . 'images/';

အဲဒီအတိုင်းကို constructor ထဲမှာ ထည့်ပေးဖို့လိုပါတယ်။ class ထဲက member data အနေနဲ့ ဖြစ်အောင် အပေါ်မှာထပ်ပြီး var $gallery_path; အောက်မှာ var $gallery_path_url; လို့ ကြေညာဖို့ လိုပါတယ်။ ပြီးရင်တော့ ကျွန်တော်တို့ url အပြောင်းအလဲ အတွက် mod_rewrite ကိုသုံးဖို့ လိုပါမယ်။ .htaccess ရေးဖို့အတွက် .htaccess ဆိုတဲ့ file ကို CI folder ထဲထည့်လိုက်ပါ။ ပြီးရင်အောက်ကအတိုင်းရေးပါ။

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /ci/index.php/$1 [L]

ပြီးရင် CI ကိုပြန်စမ်းကြည့်လိုက်ပါ။ အရင်လို index.php ခံပြီးတော့ controller ခေါ်စရာမလိုတော့ပါဘူး။ တန်းခေါ်လို့ရသွားမှာဖြစ်ပါတယ်။ ပြီးရင်တော့ config.php ထဲက $config['index_page'] ကို ” ထားလိုက်ပါ။ .htaccess နဲ့ ပတ်သတ်ပြီး အသေးစိတ်သိချင်ရင်တော့ မပွင့်ဖြူကျော်ရေးတဲ့ ဒီပိုစ်မှာ ဖတ်နိုင်ပါတယ်။ ကျွန်တောတို့ view ထဲကို ပြင်ရအောင် ။

အဖွင့်အပိတ်ထဲမှာ အောက်ကအတိုင်းဖြစ်အောင် ပြင်လိုက်ပါ။


 
 
 " />
 
 
 
 
  Please Upload an Image

အရင်ဆုံး ဟိုဖက်က ပေးလိုက်တဲ့ $images ရှိမရှိစစ်ပါတယ်။ မရှိရင်

Please Upload an Image

အလုပ်လုပ်မှာဖြစ်ပါတယ်။ ရှိရင်တော့ ရှိသလောက်ကို
thumb ဆိုတဲ့ div ထဲမှာ link ထဲက wrap လုပ်ပြီး array လိုက်ထုတ်မှာဖြစ်ပါတယ်။ အဲဒါပြီးရင်တော့ အလုပ်မလုပ် စမ်းကြည့်ပါ။ အလုပ်လုပ်ရင်တော့ အောင်မြင်သွားပါပြီ။ ဒါပေမယ့် style လည်းနည်းနည်းပါးပါး ပြင်ဖို့ လိုပါတယ်။ အဲဒီအတွက် ထဲမှာ