နည္းပညာ မွတ္စု

HTML မိတ္ဆက္

ယေန႕အခါမွာ Internet ဟာအလြန္က်ယ္ျပန္႕လာျပီး လူတိုင္းနီးပါးအသံုးျပဳၾကေပသည္။ ကၽြန္ေတာ္တို႕ေတြဟာလည္း Internet ေပၚမွာ ကိုယ္ပိုင္ေနရာမ်ားကိုကိုယ္ပိုင္ Homepage မ်ားကို အလြယ္တကူ ယူေဆာင္ႏိုင္ေလျပီ။ Internet ဆိုတာကို အက်ယ္ရွင္းမေနေတာ့ပါဘူး။ အလြယ္ရွင္းရရင္ေတာ့ Internet ဆိုတာ ကမာၻ ေပၚရိွ ႏိုင္ငံအခ်င္းခ်င္း ခ်ိတ္ဆက္ထားေသာ Network ကြန္ယက္ၾကီးတစ္ခုျဖစ္ပါသည္။ အဲဒီလို Information ေတြ ဖလွယ္ဖို႕အတြက္ Web Page ေတြကို ေရးဆြဲရပါတယ္။ Web Page ေရးဆြဲဖို႕ရာအတြက္ HTML ဟာ အဓိက က်ပါတယ္။ ေရးသားထားတဲ့ Web Page ေတြကို Web Browser Software နဲ႕ ၾကည့္ရႈရပါတယ္။ Web Broswer Software ေတြက Internet Explorer နဲ႕ Firefox တို႕က နာမည္ၾကီးေတြပါ။

HTML History

1989 ခုက Tim Berners-Lee နဲ႕ Rober Calliau ဟာ Research Documents ေတြကို ပိုမိုျမန္ဆန္ေကာင္းမြန္ မယ့္ နည္းလမ္းကို ရွာေဖြခဲ့ပါတယ္။ ၂ ႏွစ္ ေလာက္ၾကာေတာ့ Berners-Lee ဟာ browser ေတြက ၾကည့္ရႈဖတ္သားႏိုင္ျပီး Tag မ်ားႏွင့္ ဖြဲ႕စည္းတည္ေဆာက္ထားတဲ့ နည္းပညာတစ္ခုကို ျပဳလုပ္ႏိုင္ခဲ့ပါတယ္။ ထို႕ေနာက္အဲဒီ tage ေတြထဲမွာ Hyper-Link နဲ႕ document အခ်င္းခ်င္းခ်ိတ္ဆက္ႏိုင္တဲ့ tag ေတြပါထည့္သြင္းႏိုင္ခဲ့ပါသည္။ Berners-Lee ရဲ႕ နည္းပညာကို Hyber Text Markup Language ဆိုတဲ့ HTML ပါပဲ။

Wikipedia လိုမ်ဳိး ကိုယ္ပိုင္ Wikipedia ေလးတစ္ခု တည္ေထာင္လိုသလား။ Wikipedia ဆိုတာ ဘယ္သူမဆို အသစ္ထပ္ျဖည့္ မွားေနတာ လိုေနတာေတြကို ဝင္ျပင္ေပး။ ဒါေၾကာင့္ Wikipedia ဆိုတာ တစ္ေယာက္အားနဲ႕ မဟုတ္ပဲ အမ်ားအားနဲ႕မွ တည္ေထာင္လို႕ရတာပါ။ ဘာလို႕ တည္ေထာင္မွာလဲ။ အဲဒါကေတာ့ လူတစ္ကိုယ္ အၾကိဳက္သမ်ဳိးေပါ့။ တစ္ေယာက္နဲ႕ တစ္ေယာက္ မတူညီၾကတဲ့ အေၾကာင္းေတြေၾကာင့္ပါ။ ေနာက္ပိုင္း opensource ေတြ ေတာ္ေတာ္မ်ားမ်ားဟာ သူတုိ႕ software ရဲ႕ documentation ကို wiki နဲ႕ေဖာ္ျပၾကပါတယ္။ http://wiki.openstreetmap.org မွာ openstreetmap ရဲ႕ အသံုးျပဳပံု wiki နဲ႕ေရးသားထားပါတယ္။ကၽြန္ေတာ္တို႕ေတြ Internet မွာ Wikipedia
ေတြအေျမာက္အမ်ားရိွပါတယ္။ အမ်ားအားျဖင့္ documentation အေနနဲ႕ အသံုးျပဳပါတယ္။ http://wiki.ubuntu.com ဆိုျပီး Ubuntu OS ရဲ႕ Wikipedia ကို ေတြ႕ႏိုင္ပါတယ္။ ဒီေလာက္ဆိုရင္ wiki ဟာ www.wikipedia.com တစ္ခုတည္း wiki မဟုတ္ေတာ့ဘူးဆိုတာကို ေတြ႕ႏိုင္ပါတယ္။

PHP Programming Syntax က အလြန္ပဲ ရိုးရွင္းပါတယ္…
   <?php
ေရးခ်င္ေသာ PHP code မ်ားအားလံုးကို ေရးလို ့ရပါတယ္…
    ?>
ေျပာရမယ္ဆိုရင္ <?php စျပီး ?> နဲ ့ပိတ္တယ္လို ့ေျပာလို ့ရပါတယ္္။

ဥပမာ html နဲ ့ php sample program ေလးတစ္ခုကို ေရးျပပါ့မယ္…

PHP မွာ Variable ကုိ သံုးမယ္ဆိုရင္ $ sign နဲ ့စျပီး Variable ကုိ Declare လုပ္ရပါမယ္္။ ဥပမာ $myvar ကုိ Declare လုပ္လိုက္ရင္ သူက

String ပဲ ျဖစ္ျဖစ္ Numeric ပဲ ျဖစ္ျဖစ္ ၾကိဳက္တာကို Store လုပ္လို ့ရပါတယ္္။ အဲ့ဒါကို Loosely Typed ျဖစ္တယ္လို ့ေျပာပါတယ္။ မိမိ Declare လုပ္ထားတဲ့ Variable ကို Text String , Number and Array ၾကိဳက္တာကို Store လုပ္ႏိုင္္ပါတယ္။

PHP ဆိုတာ dynamic & interactive ျဖစ္တဲ ့ Website ေတြလုပ္တဲ ့ ေနရာမွာ အရမ္းကို Powerful ျဖစ္တဲ ့Server Site Scripting Language တစ္ခု ျဖစ္ပါတယ္္။အခုဆိုရင္ PHP ကုိ Website ေတြလုပ္တဲ ့ေနရာမွာပိုျပီး အသံုးျပဳလာတာကို ေတြ ့ရတယ္္။ေျပာရမယ္ဆိုရင္ Microsoft ရဲ ့ asp.net ကိုေကာင္းေကာင္းစိန္ေခၚႏိုင္တဲ ့ ျပိဳင္ဘက္ တစ္ေယာက္လို ျဖစ္လာ တယ္္။ဘာေၾကာင့္ လဲဆိုေတာ့ Wink

သူလည္း Wizard ကိုသံုးျပီးလုပ္မွာျဖစ္ပါတယ္္။ Download လိုခ်င္ရင္ ဒီ Link မွာယူလို ့ရပါတယ္…

PHP Download

သတိထားရမဲ ့အခ်က္မ်ားကေတာ့ Installation မွာ Apache ကို ေတာင္းပါလိမ့္မယ္္။ Apache 2.2.x ကို  ေရြးေပးလိုက္ပါ္။ ဒီပံုကိုၾကည့္လိုက္ပါ္။

 ယေန႕အခါမွာ Internet  ဟာအလြန္က်ယ္ျပန္႕လာျပီး  လူတိုင္းနီးပါးအသံုးျပဳၾကေပသည္။
ကၽြန္ေတာ္တို႕ေတြဟာလည္း Internet  ေပၚမွာ  ကိုယ္ပိုင္ေနရာမ်ားကို  ကိုယ္ပိုင္ Homepage  မ်ားကို  အလြယ္တကူ ယူေဆာင္ႏိုင္ေလျပီ။ Internet  ဆိုတာကို  အက်ယ္ရွင္းမေနေတာ့ပါဘူး။  အလြယ္ရွင္းရရင္ေတာ့ Internet  ဆိုတာ ကမာၻ ေပၚရိွ  ႏိုင္ငံအခ်င္းခ်င္း  ခ်ိတ္ဆက္ထားေသာ Network  ကြန္ယက္ၾကီးတစ္ခုျဖစ္ပါသည္။  အဲဒီလို Information ေတြ ဖလွယ္ဖို႕အတြက္ Web Page ေတြကို ေရးဆြဲရပါတယ္။ Web Page ေရးဆြဲဖို႕ရာအတြက္ HTML ဟာ အဓိက က်ပါတယ္။  ေရးသားထားတဲ့ Web Page  ေတြကို Web Browser Software  နဲ႕  ၾကည့္ရႈရပါတယ္။ Web Broswer Software ေတြက Internet Explorer နဲ႕ Firefox တို႕က နာမည္ၾကီးေတြပါ။
HTML မိတ္ဆက္ PDF ဖိုင္ကို... Download ယူရန္...

 HTML က 1980 လောက်​မှာ စ​ခဲ့​တာ။ နက်​က်​ဝေါ့​ထဲ​မှာ information တွေ share လုပ်​ချင်​တဲ့​အခါ document type တွေ​က အမျိုး​အစား​မ​တူ​တဲ့​အတွက် အမျိုး​အစား​တူ​တဲ့ ဖိုင်​တစ်​မျိုး​ကို တီထွင်​ပီး အသုံးပြု​ခဲ့​တာ​က​နေ စ​တယ်။
 HTML is presentation only (read-only/ static). information တွေ share လုပ်​ဖို့ သက်သက်​ပဲ ဆို​တော့ client(user) က ဖတ်​လို့​ပဲ ရ​တယ်။ HTML အလုပ်​လုပ်​ပုံ​ကတော့ information ပေး​ချင်​တဲ့​သူ ဆာ​ဗာ​ပေါ်​ကို HTML Document ဖိုင်​တွေ တင်​ထား​မယ်။ user က​အဲ​ဒီ ဖိုင်​တွေ​ကို ဝင်​ဖတ်​မယ်။ အဲ​ဒီ​တော့ HTML ကုတ်​တွေ tab တွေ​နဲ့ ဖွဲ့​စည်း​ထား​တဲ့​အတွက် ၎င်း​ကို နားလည်​မယ့် client application လို​တယ်။ အဲ​ဒါ​ကို Browser လို့​ခေါ်​တယ်။ User ကို HTML Document တွေ​ကို Browser နဲ့​ခေါ်​ပီး ဖတ်​တယ်။

Software မရွိဘဲနဲ႔ Folder ေတြကုိ Lock ခ်တဲ့နည္းလမ္းေလးပါ.။ အခ်ိဳ႕လည္း သိၿပီးသားျဖစ္ၾက ပါလိမ့္မယ္။ မသိၾကေသးသူမ်ားအတြက္ ေဖာ္ျပေပးျခင္းျဖစ္တဲ့အတြက္ သိၿပီးသူမ်ားက သီးခံၿပီး ဖတ္ရႈေပးၾကပါအုံး။ နားလည္တတ္ကၽြမ္း သူမ်ားအေနနဲ႕လည္း ဒီနည္းလမ္း ေလးကုိ ထပ္ၿပီး modify လုပ္မည္ဆုိပါကလည္း ႀကိဳဆုိလ်က္ပါခင္ဗ်ာ။ လက္ေတြ႕ စမ္းသပ္ၾကည့္ခ်င္သူမ်ား ေအာက္ကအဆင့္မ်ားအတုိင္း လုိက္ လုပ္ၾကည့္ၾကပါအုံး.........

တုိးတက္လာတဲ့ အင္တာနက္ေခတ္မွာ ဆုိရွယ္ဆုိဒ္ေတြ အမ်ားၾကီးေပၚေပါက္လာသလုိ ကုိယ္ပုိင္ဖန္တီးထားတဲ့ ဘေလာ့ ဆိုဒ္မ်ားလဲ အမ်ားအျပားထြက္လာတာကုိေတြ႕ေနရပါတယ္။ စာဖတ္တာ ၀ါသနာပါသူမ်ားကေတာ့ ထုိဆုိဒ္ေတြမွာ လုိက္ၿပီး ဖတ္ရႈၾကသလို ကုိယ္တုိင္ေရးသားတတ္သူေတြလဲ ရွိေနပါတယ္။ မိမိတုိ႕ရဲ႕ ဖန္တီးထားမႈမ်ားကုိ ကုိယ္ပုိင္ ဆုိဒ္တစ္ခုတည္ေဆာက္ၿပီး ဖန္တီးလုိသူမ်ားက ပုိက္ဆံေပးစရာမလုိတဲ့ ကုိယ္ပုိင္ဒုိမိန္းေလးေတြ ယူၿပီးဖန္တီးတတ္ၾကပါတယ္။ ဒါေပမဲ့ www.blogspot.com ဟာ ျမန္မာႏုိင္ငံက လူေတြ အေတာ္မ်ားမ်ား ပံုမွန္ proxy နဲ႕၀င္ၾကည့္လို႕မရတတ္ပါဘူး။ ေက်ာ္ခြၿပီး ၀င္တတ္မွသာ တစ္ခါတစ္ရံ၀င္လုိ႕ရတာပါ။ ဒါေၾကာင့္ မ်ားေသာအားျဖင့္ မိမိဆုိဒ္ကုိ ေနရာစံု ႏုိင္ငံစံုက ဖန္တီးလုိ႕ရေအာင္ co.cc ဒုိမိန္းနဲ႕ ေျပာင္းၿပီးဖန္တီးတတ္ၾကပါတယ္။ ဒါေၾကာင့္ မိမိရဲ႕ ဘေလာ့ေတြကုိ ဒုိမိန္းေျပာင္းခ်င္သူမ်ားအတြက္ (co.cc သုိ႕) ရည္ရြယ္ၿပီး ဒီပုိစ့္ေလးကုိ တင္ျပတာပါ။

netbeing/ eclipse (ide) + xampp

Server and client
computer က ကုတ်​တွေ​ပဲ နားလည်​တာ ဖြစ်​တဲ့​အတွက် ဆာ​ဗာ​မှာ ရှိ​တဲ့ <code> ကို ဖွင့်​ခိုင်း​ရင်၊ ဘ​ရောက်​ဆာ​မှာ client အနေ​နဲ့ ပြန်ဖော်​ပြ​တယ်

1980 လောက်မှာ စ​ခဲ့​တာ။ နက်က်​ဝေါ့​ထဲ​မှာ ပုံစံ​တစ်​ခု​တည်း​နဲ့ ရေး​ဖို့ လုပ်​ခဲ့​တာ​ဖြစ်​တယ်။
HTML is presentation only (read-only/ static)
User ပါ ပါဝင်​လုပ်ဆောင်​နိုင်​အောင် Server Site Script ကို တည်​ထွင်​တယ်။
php/ jsp/ asp/ cfm
webserver application - iis/ ap/ oracel
(web server/ service script engine/ database လိုအပ်တယ်။) --> ap/ php/ mysql

css ကုတ္ ထည့္နည္း

၁။ inline အတြင္းဆံုး ပထမဆံုး apply လုပ္ျခင္း

<p style="color: pink;>
၂။ internal ဒုတိယ အတြင္း apply လုပ္ျခင္း
<style>
p {color: blue;}
</style>
၃။ external အျပင္ဆံုး apply လုပ္ျခင္း
xxx.css
p{color: yellow;}

 ♥ ♥ ♥ နည္းပညာပိုင္ဆိုင္ရာ ေလ့လာရန္ လမ္းညႊန္ ♥ ♥ ♥

www.slip-meepyatite.blogspot.com/ = SLIP MEE PYA TITE= ကြန္ပ်ဴတာနည္းပညာမ်ားေလ့လာရန္။
http://www.meepyatite.info/ = မီးၿပတိုက္= ကြန္ပ်ဴတာနည္းပညာႏွင့္အေထြေထြဗဟုသုတမ်ားေလ့လာရန္။
http://www.kyawswarnyein.com/ = ကိုေက်ာ္စြာၿငိမ္း = ကြန္ပ်ဴတာနည္းပညာမ်ားေလ့လာရန္။
http://cadmyanmar.blogspot.com/ = CAD MYANMAR= ေအာ္တိုကတ္နည္းပညာမ်ားေလ့လာရန္။
http://blog.nyilynnseck.com/ = ညီလင္းဆက္=ကြန္ပ်ဴတာနည္းပညာမ်ားေလ့လာရန္။
www.mone-tine.com/ = မုန္တိုင္း= ကြန္ပ်ဴတာနည္းပညာမ်ားေလ့လာရန္။
http://www.sbsangpi.com/ = IT RESHARE SITE= ကြန္ပ်ဴတာနည္းပညာမ်ားေလ့လာရန္။
www.kp3family.blogspot.com/ = KP3 FAMILY=ကြန္ပ်ဴတာနည္းပညာမ်ားေလ့လာရန္။
www.nyinaymin.com/ = ညီေနမင္း= ကြန္ပ်ဴတာနည္းပညာမ်ားေလ့လာရန္။
www.knowledgewar07.com/ = ကိုမိုးထက္ၿမင့္= ကြန္ပ်ဴတာနည္းပညာမ်ားေလ့လာရန္။
www.soemin.net/ = ကိုစိုးမင္း= ကြန္ပ်ဴတာနည္းပညာမ်ားေလ့လာရန္။
www.kozaw357.multiply.com/ = ကိုေဇာ္= ကြန္ပ်ဴတာနည္းပညာမ်ားေလ့လာရန္။
www.htootayzar.com/ = ထူးေတဇာ= ကြန္ပ်ဴတာနည္းပညာမ်ားေလ့လာရန္။
http://mmshare.org/ = MM SHARE = ကြန္ပ်ဴတာနည္းပညာမ်ားေလ့လာရန္။
http://www.myanmaritmen.org/ = အိုင္တီသမားမ်ား= ကြန္ပ်ဴတာနည္းပညာမ်ားေလ့လာရန္။
www.saturngod.net/ = ေစတန္ေဂါ့= ကြန္ပ်ဴတာနည္းပညာမ်ားေလ့လာရန္။
http://blog.mghla.net/ = ေမာင္လွ= ကြန္ပ်ဴတာႏွင့္ဓါတ္ပံု နည္းပညာမ်ား။

HTTP - Hypertext transfer protocol

FTP - File transfer protocol

HTML- Hypertext Markup Language

XHTML - Extensible Hypertext Markup Language

XML -  Extensible Markup Language