អាយធីជនបទ: Tutorial

រៀនបង្កើតWeb Applicationដោប្រើប្រាស់ភាសា PHP ជាមួួយយើង (ភាគទី១)

យើងសូមចាប់ផ្តើមដោយការពន្យល់និង រៀបរាប់អំពី (web application) និងលើកពីភាពខុសគ្នារវាងវាទៅនឹង traditional, static website។
 
<h3>
Dynamic Content - Web Application</h3>
ជាទូទៅជាពពួកវេទិកា Forum ឬ ប្លុក និង បណ្តាញសង្គម ដែលទាក់ទងទៅនឹងការបញ្ចូលទិន្នន័យពីអ្នកប្រើប្រាស់។ កាលណាអ្នកសរសេរអត្ថបទ ឬ ឃ្លា រូបភាពនៅក្នុង forum, blog, ឬ បណ្តាញសង្គម មានន័យថាអ្នកបានបន្ថែម (ផ្លាស់ប្តូរ)ខ្លឹមសាររបស់វា។ នោះខ្លឹមសាររបស់forum blog, ឬ បណ្តាញសង្គមត្រូវបានកែប្រែ ឬ បន្ថែម ដែលគេហៅថា Dynamic content។
Dynamic Content Web Application នឹងធ្វើការឆ្លើយតបទៅនឹងអ្វីដែលអ្នកចង់បាន នៅពេលអ្នកចង់ស្វែងរកអ្វីមួយ។
 
នៅក្នុងការបង្កើតជា Web Application គេតែងលឺពាក្យ Client-side និង Server-side ដែលពួកវាមានទំនាក់ទំនងគ្នាខ្លាំងណាស់
 
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="201" src="http://www.xphp.info/wp-content/uploads/2013/10/webapps.png" width="400" /></div>
 
Client-side សំដៅដល់ផ្នែកនៃកម្មវិធី (Application) ដែលដំណើរការលើម៉ាស៊ីនរបស់អ្នកប្រើប្រាស់ គឺ web browser។កាលណាទំព័របណ្តាញត្រូវបានស្នើរសុុំ server នឹងបញ្ជូនទៅកាន់ client ក្នុងទំរង់ជា html css បន្ទាប់ពីបានប្រតិបត្តិរួច។ អ្នកគួរតែមានការប្រុងប្រយ័ត្នក្នុងការសរសេរកូដនៅខាងផ្នែក client ពីព្រោះថា code នោះត្រូវបានមើលឃើញដោយអ្នកទស្សនា ជាពិសេស code ដែលទាក់ទងទៅនឹងការទាញយកទិន្នន័យដែលសំខាន់។

server-side អ្នកប្រើប្រាស់ មិនអាចមើលcode និង ដឹងពីការងាររបស់វានោះទេ ដោយសារវាត្រូវបានប្រតិបត្តិនៅលើម៉ាស៊ីនមេ រួចបញ្ជូនលទ្ធផលទៅកាន់អ្នកប្រើប្រាស់ client។ នៅផ្នែកនេះ អ្នកអាចសរសេរកូដដែលជាការងាររបស់ web application ទាំងមូលបាន។ កូដPHP ដែលអ្នកសរសេត្រូវបានserver ប្រើប្រាស់ PHP interpreter ដើម្បីបកប្រែ បម្លែង គណនា រួចចេញលទ្ធផលជាទម្រង់ htmlហើយបញ្ជូនទៅកាន់អ្នកស្នើរសុំ (client web browser)។
<h3>ចាប់ផ្តើមហើយ</h3>
ទំរង់នៃឯកសារ PHP:មានកន្ទុយឯកសារ .php ហើយវាអាចសរសេរលាយជាមួយកូដ html និង ឃ្លាដែលមិនត្រូវបានបកប្រែ ឃ្លាអក្សរធម្មតា)។
ការចាប់ផ្តើមសរសេរ គឺយើងចាប់ផ្តើម ដោយបើកស្លាករបស់វា:
ឧទាហរណ៍៖ <pre style="font-family:arial;font-size:12px;border:1px dashed #CCCCCC;width:99%;height:auto;overflow:auto;background:#f0f0f0;;background-image:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMtkcXgELNGbuHwNMOlAh97f2zHd8EqAjrENazjcCpyauVtNybJNPtj1gpSrFHuPupxkVi1Gq-QpwPUsBgdwLVgt3IUwN7BSxyhGnD2jc2WndV6dMa2-yZxn5jLdoyq_9ADBku8QTJ0J0i/s320/codebg.gif);padding:0px;color:#000000;text-align:left;line-height:20px;"><code style="color:#000000;word-wrap:normal;"> <?php echo “This is PHP.”?> 
</code></pre>

សរសេរលាយជាមួយ html
 
<pre style="font-family:arial;font-size:12px;border:1px dashed #CCCCCC;width:99%;height:auto;overflow:auto;background:#f0f0f0;;background-image:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMtkcXgELNGbuHwNMOlAh97f2zHd8EqAjrENazjcCpyauVtNybJNPtj1gpSrFHuPupxkVi1Gq-QpwPUsBgdwLVgt3IUwN7BSxyhGnD2jc2WndV6dMa2-yZxn5jLdoyq_9ADBku8QTJ0J0i/s320/codebg.gif);padding:0px;color:#000000;text-align:left;line-height:20px;"><code style="color:#000000;word-wrap:normal;"> <h1>My first page</h1> 
 This text is not interpreted 
 
 <?php 
 $a = 2; 
 $b = 5; 
 echo "Hello World!"; 
 echo $a."+".$b." is ".($a+$b); 
 ?> 
 
</code></pre>
 
<blockquote>គួរបញ្ជាក់ផងដែរថា ដើម្បីអាចដំណើរការមើលលទ្ធផលនៃកូដ របស់ PHPអ្នកត្រូវការចាំបាច់នូវ server មួយសំរាប់ដំណើរការ ដូចនេះអ្នកអាចប្រើប្រាស់ XAMPP WAMP សំរាប់ការសាកល្បងដំណើរការ។</blockquote>

រៀនបង្កើតWeb Applicationដោប្រើប្រាស់ភាសា PHP ជាមួួយយើង (ភាគទី១)

យើងសូមចាប់ផ្តើមដោយការពន្យល់និង រៀបរាប់អំពី (web application) និងលើកពីភាពខុសគ្នារវាងវាទៅនឹង traditional, static website។ Dynamic Content - ...

អានបន្ត »

តោះរៀន jQuery [Part1]

<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS65yaWPd5YJIoU8jZWi4xMfIUfZ_Px_rUq38MvpKsP9QuQXhmz" /></div>
jQuery ជាបណ្ណាល័យរបស់Javascript ដែលដំណើរការលឿនហើយមានលក្ខណៈពីសេសជាច្រើនសំរាប់ប្រើប្រាស់។ យើងអាចប្រើប្រាស់វាកែប្រែhtml ចាប់យកធាតុ បន្ថែមធាតុ លុបធាតុរបស់html ។
ក្នុងការប្រើប្រាស់វា មានពីររបៀប យើងអាចប្រើប្រាស់ដោយផ្ទាល់ ទាញយកដាក់លើម៉ាស៊ីនComputer របស់យើង និង ប្រើប្រាស់តំណភ្ជាប់សំរាប់ប្រើប្រាស់។ 
<a class="donwload" href="http://jquery.com/" target="_blank">ទាញយក</a> 
ប្រសិនបើអ្នកបានទាញយកមកដាក់ក្នុងទីតាំងជាមួយឯកសារ html របស់អ្នក អាចសរសេរបានដោយ 
 
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMtkcXgELNGbuHwNMOlAh97f2zHd8EqAjrENazjcCpyauVtNybJNPtj1gpSrFHuPupxkVi1Gq-QpwPUsBgdwLVgt3IUwN7BSxyhGnD2jc2WndV6dMa2-yZxn5jLdoyq_9ADBku8QTJ0J0i/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> <head> 
 <script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
 </head> 
</code></pre>
ឧទាហរណ៍៖ការប្រើប្រាស់ jQuery 
 
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMtkcXgELNGbuHwNMOlAh97f2zHd8EqAjrENazjcCpyauVtNybJNPtj1gpSrFHuPupxkVi1Gq-QpwPUsBgdwLVgt3IUwN7BSxyhGnD2jc2WndV6dMa2-yZxn5jLdoyq_9ADBku8QTJ0J0i/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> <html> 
 <head> 
 <script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
 <script type="text/javascript" language="javascript"> 
 $(document).ready(function(){ 
 $("p").click(function(){ 
 alert("Hello"); 
 }); 
 }); 
 </script> 
 </head> 
 <body> 
 Click Me 
 </body> 
 </html> 
</code></pre>

តោះរៀន jQuery [Part1]

jQuery ជាបណ្ណាល័យរបស់Javascript ដែលដំណើរការលឿនហើយមានលក្ខណៈពីសេសជាច្រើនសំរាប់ប្រើប្រាស់។ យើងអាចប្រើប្រាស់វាកែប្រែhtml ចាប់យកធាតុ បន្ថែមធាតុ...

អានបន្ត »

[Java Language] Create App to capture the entire of your screen

<center>
<img alt="Java Capture Screen" src="http://wallpapertube.com/file/9344/600x338/16:9/computer-java-java-programmer-wallpaper.jpg" title=" Java capture screen" />
</center>
 

In this post, I gonna show a Java Code to create an App that can capture the whole screen of your PC . Another quick tutorial on capturing your entire screen with java actually sometimes java makes me mad because sometimes i have to import loads of namespaces than c# or vb.net anyways , as usual to do something in system we import IO thingy yes we are using it here .

 
<pre>
import java.awt.AWTException;
import java.awt.Rectangle;
import java.awt.Robot;
import java.awt.Toolkit;
import java.awt.image.BufferedImage;
import java.io.*;
import javax.imageio.*;

public class MainClass {

public static void main(String[] args) throws AWTException, IOException {
  Robot robot=new Robot();
  BufferedImage scr=robot.createScreenCapture(new Rectangle(Toolkit.getDefaultToolkit().getScreenSize()));
  ImageIO.write(scr, "JPEG", new File("img1.jpg"));
 }

}
</pre>

Java.awt.Robot class is used to take the control of mouse and keyboard. Once you get the control, you can do any type of operation related to mouse and keyboard through your java code. This class is used generally for test automation.
 
Java Bufferd Image class is a subclass of Image class. It is used to handle and manipulate the image data. A BufferedImage is made of ColorModel of image data.
 
IMAGEIO class containing static convenience methods for locating ImageReaders and ImageWriters, and performing simple encoding and decoding.
 
Just compile the program and run then you will seen the image in the App root.

[Java Language] Create App to capture the entire of your screen

In this post, I gonna show a Java Code to create an App that can capture the whole screen of your PC . Another quick tutorial on captur...

អានបន្ត »

កែពណ៌រូបភាពជាមួយAdobe Photoshop

<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM9sS2DEblDhwTrLKsEZGr96no8nYIUQ9ufdJsHHSysyW6CHgjlx2vfFfwpYYOqnbeGOlyhPPHXfLfdWA-_9GiRQjNML3emWRDSzAji0HAd65snCX0qogn1wsg5ih9pKrcijGPtEVVYJw/s320/1.jpg" width="600px"/></center>
 

អ្នកដែលប្រើប្រាស់ទូរស័ព្ទប្រភេទ smart phone គេប្រហែលជាបានដឹងថា គេអាចកែប្រែរូបភាពរបស់គេដែលបានថតនោះ បានយ៉ាងងាយដោយប្រើប្រាស់កម្មវិធីរបស់smart phone។ គេអាចdownloadវា ហើយប្រើប្រាស់សំរាប់ការកែប្រែរូបថតឲ្យមានលក្ខណៈល្អ ស្អាត មានពណ៌ធម្មជាតិត សម៉ត់ខៃ...។
 
ក្នុងអត្ថបទនេះ <a href="http://itcountryside.blogspot.com/">អាយធីជនបទ</a> សូមលើកពីការកែប្រែ លើរូបភាពនៅលើម៉ាស៊ីនComputer ដោយប្រើប្រាស់កម្មវីធី Adobe Photoshop។ យើងសូមលើកអំពីការកែប្រែពណ៌របស់រូបភាព ដែលមានលក្ខណៈរូ៉ម៉េនទិចជាងរូបភាពមុន។
 
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLIQ9ArIShDi1JzIv_2JspGPYapaHBsD88K-wHpbjLBUsZvoxawktRSOH2o-6YQzcoqnUHR3Slic9xO57wG2fTnk4-K6mXT58J6r30XrznD8yQmcRAHdKQCgo6iB_jiqauvb1QZn3XREU/s320/2.jpg" />
</center>
ជំហានក្នុងការធ្វើ
 
ចាប់ផ្តើមដោយបើកកម្មវិធីAdobe Photoshop រួច Open យករូបភាពណាមួយ។ បន្ទាប់មក នៅផ្នែកខាងស្តាំ ឈរលើ Layer Windows ចុច Create a new Fill or Adjustment Layer --> Selective Color... រួចកំណត់តំលៃរបស់ពណ៌តាមរូបខាងក្រោម៖
 
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_av7I_qh4A19Sme_ld9PKs4Dh3uWjyeXMG6olHLI73jEqQBmja7EA94cjKM72Nk9X7xF17qGRJKQA_SFpN4QiJvRHWreE0CXngBZhRBAAId2rvu4hJQbiN9oVNXIgIrm8V-S9MwjVXhI/s320/Untitled.jpg" title="Edit Photo Color with Ps"/>
</center>
 
បន្តដោយចុច Create a new Fill or Adjustment Layer --> Curvse... រួចកំណត់តំលៃរបស់ពណ៌តាមរូបខាងក្រោម៖
 
<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAjoGBBjU6cZF82ww7gippPHi0Liq82qCgbENIS4tbtMAAIeFisnlfQiWNzxwC7Z2hcOYKDprXHSE9pfVOq42ibzTrTOPgi0WZSKODryrnn_fkCA4-1H3dRY3XmaG5gXJfZn81MjTCifY/s320/Untitled.jpg" title="Edit Photo Color with Ps"/></center>
 
រូបភាពរបស់អ្នកគួរតែមានទំរង់បែបនេះ
ុ<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8FUYImFHUQTzb8bUlwXjD7u3nO9ccOTDO4uR2UZJVNZI_XFzmctxYavBk_HF7z-XgvM2a4tTjBhbirw2XTl12JcyxoBuxaqTCVJ3hPubQphdwQWh0zt3oXzQRoDlmkk5pLnjXfptdQKE/s320/2.jpg" title="Edit Photo Color with Ps"/></center>
 
បន្តដោយចុច Create a new Fill or Adjustment Layer --> Gradient.. រួចកំណត់តំលៃរបស់ពណ៌តាមរូបខាងក្រោម៖ #b25998 និង #ffffff។ បន្តដោយចុច Create a new Fill or Adjustment Layer --> Solid Color. រួចកំណត់តំលៃរបស់ពណ៌តាមរូបខាងក្រោម៖ #b69595
ុ<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNLga_UJY-Ipah6epl7x1PBoXYiztVbFy42nOVaNPZyoqXZLnobMZW8tTWlsXI79swpC5eu6kPlgFxxpaVtP51d6PrjrrXGaN7Qf5WFpYsrUYPuQwXABpz4kEuVw_IGMSMm2Iyt5I81PM/s320/Untitled.jpg" title="Edit Photo Color with Ps"/></center>
 
បន្តដោយចុច Create a new Fill or Adjustment Layer --> Gradient.. រួចកំណត់តំលៃរបស់ពណ៌តាមរូបខាងក្រោម៖
 
<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPtMKk3hMGa3nRJQX_2c5x2eDGco-A5HE7I_2V7ji5sF47h8FPnLS4AXYCfUpFQktWV-HcOFDWbVUBu-non_waNslW_YeQbitMl_Y3mKvGqvMl146X1MjxTEpmTMAVZrUYGE11FCgh-cw/s320/Untitled.jpg" title="Edit Photo Color with Ps"/></center>
 
លទ្ធផល
 
<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9AuEx7R1JiKD1qmjAs57LjdaGt6weMLlXopoVcLoV266XfkV0MRw-X_l3uueoJnr0iPndEQrnqTeJYw9ci7_8DhBxtRMpiikwg06fL9XRyhygrbpaDkQuMbLF79AdShripQ3R7zzAd80/s1600/so_nyeo_shi_dae_yoona33_852.jpg" title="Edit Photo Color with Ps" width="200"/></center>

កែពណ៌រូបភាពជាមួយAdobe Photoshop

អ្នកដែលប្រើប្រាស់ទូរស័ព្ទប្រភេទ smart phone គេប្រហែលជាបានដឹងថា គេអាចកែប្រែរូបភាពរបស់គេដែលបានថតនោះ បានយ៉ាងងាយដោយប្រើប្រាស់កម្មវិធីរបស់smar...

អានបន្ត »

រៀនបង្កើតអក្សរក្រដាសជាមួយPhotoshop

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj74SqXmNJnAojeTzSHfMurmBPHAw3yXJBq5lOGpF4Ttcxrl0gPPWxi5zagVfdfgP7975-hUfzvhe6AluuvnfYPabDK_63LK8GHY5-K8l1yoGdqDGKzvFocv6k0wF_WQA0iZcjwnH7yyPE/s400/pp_result.PNG" title="អក្សរក្រដាស" width="620" />
 
ដើម្បីបង្កើតអក្សរក្រដាសអ្នកត្រូវមានResourcesខាងក្រោម៖
<ol>
<li> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqoNf0JmKqFrmLi86X-0Jq3I7pwSh7Awl5XrUY3eUe6i5zgAWvRI2IE9YC6y5FFStb9p-M0neQYL4LBy2QyeHQhrSkRC8hGTFIKkIg4CFOi69EIc2aqLdcdTaoe6hdrRWWnRLclKJcFVI/h120/notebook_paper_2_by_lefifistock-d34z9xn.jpg" target="new">Paper Background </a></li>
<li> <a href="http://data2.whicdn.com/images/26752418/yellow-notebook-paper-texture-600x400_large.jpg" target="new">Paper Note </a></li>
</ol>
សូមបើករូបភាពPaper Backgroundជាមួយកម្មវិធីPhotoshop ដោយយកវាធ្វើជាBackgroundសំរាប់អក្សរក្រដាសរបស់យើង។បន្ទាប់មក ប្រប្រាស់Text Toolសំរាប់សរសេរអក្សររបស់យើង យើងបានប្រើប្រាស់Colorរបស់អក្សរដោយ #696969។ មើលរូប
 
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCTyz1-sPPjTO4vrylhzM2VyWhX3ldQ8_Splz3BB8S3u1qFYtRNeYcU1mne3cwIMK06LQeQdIGEjQTz8f8OeXRVpndBwmo6_bBv0cYbbP0DL2KsS5hAAodlidAeos6GUM0NVCsrc3kMwA/s640/pp1.PNG" title="Text Tool" width="620"/>

បន្តទៅទៀត ដោយកំណត់នូវ Bending Optionsរបស់Text Layerដូចខាងក្រោម៖ 
Bevel and Emboss កំណត់Opacity:33% និង Angle 120 និង Distance:16px និងSize:5px 
Contour កំណត់Contour:Half Round និង Range:50% 
Texture កំណត់ Patter:Gray Granite 
 
កំណត់នូវDropShadowដូចខាងក្រោម៖ 
Blend Mode: Multiply និង Color:#000000 និង Opcatity:33% និង Distance:16px និងSize:5px
 
លទ្ធផល
 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9uJC7ssLHhU1yh85v2tcGRzd_LwbmczZ7fOHuFBbVy66XF6cL_V0zYBk3nOQ0F-yfbIG19d1CX-BXRMeFW7CmRgDc3OTOY2BhpPNtA08Jh7gCuFhPl9IKZ9pvRKCTnO2JUTXnrcrx904/h120/pp2.PNG" title="Text Blend Mode" width="620"/>
 
បន្ទាប់មក យករូបភាពក្រដាស មកដាកលើអក្សររបស់យើង (មើលរូប)
 
img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6d58ZWGDN770Rloy7qzAxFymu9o61cPEm-pUkkbejOZpR693DZQyrvn89n295m57qcy7eVAuV71y4gz_5Pww7SXFd2LqyHYrqcAwyqsrp-fbGUx3Iamf3EbW_btfR4PzwjPY1gBAm-iM/w140-h111-p/pp2_1.PNG" title="Paper Layer" width="620"/>
 
បន្ទាប់មកដោយឈរលើLayerរបស់រូបភាពនោះ បង្កើតនូវClipping Mask ឲ្យវា (មើលរូប)
 
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj63CzpkVDZLnLmv2LqkQuWfF12yBOt4iGuiTS1fd_hvWeatRZITXiDHfQVreObCHIkJoSfYQ7Uuo1KeSgL6qvDaaeQU2PMh070JD0BQGSSa4gOS07HOIsg6m4CyLLkPnUZw386kt347rE/s640/pp3.PNG" title="Clipping Mask" width="620"/>
 
យើងទទួលបាន 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvoSYV_sKgb1lXRTBevOmNKnx7M6Ay-jfoR0-aTdu8cGHJhZSHTBTpTF0dZek4U14lcla3uvPUjITTKIfZSzhJLVUvv4twr7FAkRanhzNjnirUHPYtwboUtJpc4H76vpv6-CwQY0gJXpo/h120/pp5.PNG" width="620"/>
 
បន្ទាប់មកយើងដាក់Layer ទាំងពីរនោះ(Text Layer និង Paper Layer)ក្នុងក្រុមមួយ ដោយSelectលើLayerទាំង២ រួចចុចលើ Create New Group (Ctrl+G) មើលរូប 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivfJxYxoqZUYjcRZpgzRGHtXD0XdoiaF6jVvnmEUKgtSkXLSrpIEcwXJodBPFEay1nj6izL_6MmbMxc04AtgqrnnWhCIwxgGHiPw0ZuqvmaiwC1ywy9q7eJDWU-2Sq1mDcjgHpp2ZBRO4/h120/pp6.PNG" width="300"/>
 
ជាចុងក្រោយ ប្រើMouseស្តាំចុចលើ Groupនោះ (Group1)រួចជ្រើសរើសយកDuplicate Group ឲ្យបាន ៤ ឬ ៥ រួវផ្លាស់ទីGroupនិមួយទៅលើបន្តិច ក្រោម បន្តិច ឆ្វេងបន្តិច ឬ ស្តាំបន្តិច ឲ្យវាតំរៀបលើគ្នា។
 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipkqPgWS7tWyoAbGBd0lRibFrG15mGalenS-M8AnIXhirn5odSila4jF731Sn_Mwn7q5hSt_ABrG-TQqLq2ZAez0NWokrtJDZREDPYL3JiGH3UrGLv45KhfWFvsajq1wRS4WCovU4jSYY/h120/pp7.PNG" width="300"/>
 
លទ្ធផលចុងក្រោយ 
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj74SqXmNJnAojeTzSHfMurmBPHAw3yXJBq5lOGpF4Ttcxrl0gPPWxi5zagVfdfgP7975-hUfzvhe6AluuvnfYPabDK_63LK8GHY5-K8l1yoGdqDGKzvFocv6k0wF_WQA0iZcjwnH7yyPE/s400/pp_result.PNG" title="អក្សរក្រដាស" width="620" />

រៀនបង្កើតអក្សរក្រដាសជាមួយPhotoshop

ដើម្បីបង្កើតអក្សរក្រដាសអ្នកត្រូវមានResourcesខាងក្រោម៖ Paper Background Paper Note សូមបើករូបភាពPaper Backgroundជាមួយកម្មវិធីPhotosho...

អានបន្ត »

How to Encrypt and Decrypt Password in VB.Net

<img src="http://cdn.business2community.com/wp-content/uploads/2013/09/encryption-and-password-security-resized-600.png" title="Encrypt Password" width="620"/>
 
ដើម្បីជៀសវាង ការលួចយកទិន្នន័យពីក្រុមអ្នកHacker យើងត្រូវតែមានPassowrdដើម្បីការពារទិន្នន័យរបស់យើង។តែយ៉ាងណាមិញ យើងនៅតែមិនអាចការពារបាន១០០ភាគរយដែរ ពីសំណាក់Hacker។ ថ្ងៃនេះ អាយធីជនបទ បានលើកយករបៀបEncrypt Password ដោយប្រើប្រាស់ភាសាកម្មវិធី VB.Net ដែលអាចបំលែងPasswordរបស់យើងទៅជាទំរង់មួយផ្សេងទៀតដែលពិបាកអានយល់។ តោះអនុវត្តទាំងអស់គ្នា ៖

<div text-align="center">
<a href="https://app.box.com/s/u9uz1hmpy8l93nbk0p0q" target="new">ទាញយកToturial (SlideShow)</a>

</div>
 
<ol>
<li>
អ្នកអាចបង្កើតនូវFormមួយ ដោយមានLabel ចំនួន២ Button ចំនួន២ និង TextBoxចំនួន២ ។អ្នកអាចកំណត់Propertiesរបស់ពួកវាដូចខាងក្រោម៖
 
<ol>
<li>
TextBox1_Name:txtPassword 
TextBox2_Name:txtResult
</li>
<li>
Button1_Name:btnEncrypt 
TextBox2_Name:btnDecrypt
</li>
</ol>
<li>
បន្ទាប់មកអនុវត្តសរសេរកូដដូចខាងក្រោម៖
</li>
Public Class Form1 
Dim code() as Intenger 
Private btnEncrypt_Click(sender as Object,e as EventArgument) Handles btnEncrypt.Click 
Dim st as String="" 
Dim rnd as New Random 
Dim l() as Char =txtPassword.Text.ToCharArray 
ReDim code(UBound(l)) 
For i as Integer=0 to UBound(l) 
code(i)=rnd.Next(48,127)
st = st + ChrW(AscW(l(i)) + code(i)) 
Next 
txtResult.Text=st
End Sub
 
 Private Sub btnDecrypt_Click(sender As Object, e As EventArgs) Handles btnDecrypt.Click 
 Dim st As String = "" 
 Dim l() As Char = txtPassword.Text.ToCharArray 
 ReDim code(UBound(l)) 
 For i As Integer = 0 To UBound(l) 
 st = st + ChrW(AscW(l(i)) - code(i)) 
 Next 
 txtResult.Text = st 
 End Sub 
End Class
</ol>

How to Encrypt and Decrypt Password in VB.Net

ដើម្បីជៀសវាង ការលួចយកទិន្នន័យពីក្រុមអ្នកHacker យើងត្រូវតែមានPassowrdដើម្បីការពារទិន្នន័យរបស់យើង។តែយ៉ាងណាមិញ យើងនៅតែមិនអាចការពារបាន១០០ភាគរយ...

អានបន្ត »

How to Create File Setup In Visual Studio

<img height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj73vTjClnbIpwiJp3OG5f95pcy8GhhFAc5CLXDFNI8m-TlzAIpB37shQjAmA7nq-9wYekupnEX-13lEfiXoL5fYI9i7X1iGO8LC-1FjOx0fWIfMZg5N1odkI1GMTTzr_ogDkmcvumSZnPy/" style="float: left;" title="File SetUp" width="200" />
 
រាល់កម្មវិធីដែលយើងប្រើប្រាស់ ត្រូវបានSetupទើបអាចប្រើប្រាស់វាបាន ហើយក៏មានមធ្យោបាយជាច្រើន ដែលអាចបង្កើតនូវFile Setup សំរាប់កម្មវិធីរបស់យើង។ក្នុងអត្ថបទ យើងនឹងបង្ហាញអ្នកអំពីការបង្កើតFile Setupដោយប្រើប្រាស់Microsoft Visual Studio។

តោះ!ចាប់ផ្តើមបង្កើតFile Setupរបស់អ្នកឥឡូវនេះ! 
<ol type="1">
<li>
ជាដំបូងអ្នកត្រូវតែមានកម្មវិធីមួយរួមនិងFileចាំបាច់សំរាប់កម្មវិធីនោះ ដាក់ក្នុងFolderណាមួយរួមគ្នា។ឧបមាថា អ្នកមានកម្មវិធីមួយដែលបានបង្កើតឡើងដោយប្រើកម្មវិធីVisual Studioដូចគ្នា នោះវានឹងស្ថិតក្នុងFolder bin/Debug/
</li>
<li>បន្ទាប់មកដល់ដំណាក់កាលបង្កើតFile Setupវិញម្តង! Run Visual Studio ហើយបង្កើតនូវProjectថ្មី ដោយជ្រើសរើសយក Other Project Type ►►Visual Studio Installer ►► SetUp Project។
</li>
 
<img height="400" src="http://social.msdn.microsoft.com/Forums/getfile/196236" title="SetUp Project" width="640" />
 
<img height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFws6I3gZyA4wlQfgDwHBe0En-BjtMwIvoFv23X4fKZs2VsderbPNbjmRmDsL62ZHmZx0kII6uHOQ8a1Q4Hut0Fqw6O5Eu9JwMcgwY64VYMG1fIG5syG4tz74099x_FUa2e0vle8InsvWf/s400/CreateSetupProject3.PNG" style="float: left; width: 200px;" width="400" />
បន្ទាប់មកអ្នកគួរតែទទួលបានដូចរូបនេះ ដែលបង្ហាញ File System ►► 
<ol type="A">
<li>Application Folder:សំរាប់ផ្ទុកនូវFileចាំបាច់និង កម្មវិធីរបស់យើង
</li>
<li>User's Desktop:សំរាប់ផ្ទុកនូវFileចាំបាច់និងកម្មវិធី បន្ទាប់ពីអ្នកប្រើប្រាស់បានInstallកម្មវិធីរបស់យើង។ជាទូទៅវាគឺជាShortCut ដែលនឹងបង្ហាញនៅលើDesktop។
</li>
<li>Start Program Menu:សំរាប់ផ្ទុកនូវFileចាំបាច់និង កម្មវិធីរបស់យើង ដែលជាទូទៅវាមានផ្ទុកតែShortCut ដែលនឹងបង្ហាញក្នុងStart Program Menu ។
</li>
</ol>
<li>
ជំហានបន្ត គឺអ្នកត្រូវAdd កម្មវិធីរបស់អ្នកចូលទៅក្នុងSetUp Projectនេះ។អ្នកអាចCopyរាល់Fileទាំងអស់រួមទាំអExecutable File (*.exe)ដែលស្ថិតក្នុងFolder BIN/Debug នៃកម្មវិធីដែលអ្នកបង់បង្កើតFile SetUp រួចPasteវាដាក់ក្នុងApplication Folder។អ្នកអាចបង្កើតនូវShortCutមួយនៃកម្មវិធីរបស់យើង សំរាប់ដាក់នៅលើDesktop ដោយចុចMouseស្តាំ លើFile Executalbeរបសើអ្នក ហើយរើសយកCreate ShortCut to ......*.exe
</li>
 
<img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNM7LCrqIbOOdtxRrlanzBLUO9H6avGlEM4T35e4pIbS_KDpWuwVTsKYH3dwq2qBxADXFzb1kQ5WS2EE19v1uN9YY7onzN7DxJiu1jVsBzTPZlIOWCkpzsUI2_vZ6ZF_oIQQ8htVwYnKc/s400/Setup1000.PNG" style="float: left;" width="182" />
 
បន្ទាប់មក យកShortCutទៅដាក់ក្នុង User's Desktop ហើយអ្នកអាចRenameវាបាន ទៅតាមអ្វីដែលអ្នកចង់។ បើអ្នកចង់ឲ្យStart Program Menuចេញដូចគ្នាទៅនឹងUser's Desktopដែរ អ្នកគ្រាន់តែចំលងShortCutនោះទោដាក់ក្នុងFolder Start Program Menuទៅជាការស្រេច។អ្នកគួរតែបង្កើតនូវFolderមួយនៅក្នុងStart Program Menu សំរាប់ដាក់នូវShortCutនោះ។

</ol>
 
ប្រសិនបើអ្នកចង់កំណត់នូវព័ត៌មានបន្ថែមដូចជា Author, Company, EULA...អ្នកអាចកំណត់បានដោយចុចMouseស្តាំលើSolutionរបស់យើង ហើយយកProperties នោះអ្នកនឹងអាច់កំណត់បានហើយ។
 
<div text-align="center">
សង្ឃឹមថាអ្នកទទួលបានជោគជ័យ
</div>

How to Create File Setup In Visual Studio

រាល់កម្មវិធីដែលយើងប្រើប្រាស់ ត្រូវបានSetupទើបអាចប្រើប្រាស់វាបាន ហើយក៏មានមធ្យោបាយជាច្រើន ដែលអាចបង្កើតនូវFile Setup សំរាប់កម្មវិធីរបស់យើង។ក្...

អានបន្ត »

រៀនបង្កើតអក្សរស្ករគ្រាប់ជាមួយPhotoshop -Candy Text

<img src="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-ash3/1468641_187852578071088_1860081774_n.jpg" title="Candy Text" width="640" />
 
 
១. សូមបង្កើតនូវសន្លឹកកិច្ចការថ្មី ដែលយើងប្រើនេះមានទំហំ១២០០x ៦០០ ដោយចាក់ផ្ទៃខាងក្រោយដោយព៌ណស។បន្ទាប់មកសូមបង្កើតនូវLayerថ្មី(Ctrl+Shift +N) ហើយប្រើ Gradient Tool ចុចគូសពីចំនុនកណ្តាលទៅខាងឆ្វេង។
 
កំណត់Gradient Tool
 
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtWiyATbayFHDmlarjBgO9G0JCHPQzdoP5T0nPvpBXKLLhbENQlBSzI1j3qWHAIvUhm8HR76ndLdbw6mM-zdVsBcMOT66-MArsBGaf988Wp72GsQDTy0wRKBhjYB72T-7v0vVQOjmtqIs/s400/01.PNG" />
 
បន្ទាប់មក រូបភាពរបស់អ្នកគួរតែបែបនេះ។
 
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHWzbg7CDhsbzrwPv0QtWy7YcZyABUIfaI7lrMKD5AR8d53gQ-mCnTIDpbjrRZm2v6XD8nWuMg4BJW1q0hLf5XtsZ9PWRB47veBJ0GopzMC64tceUxGQPAs5yVPF3s7NnMBkfS546ahNQ/s640/02.PNG" title="Candy Text" width="640" />
 
២.ជំហានបន្ទាប់ទៀត គឺប្រើប្រាស់ Horizotal Type Tool សំរាប់វាយអក្សរ។ទីនេះយើងបានប្រើfont Khmer OS Muol និងទំហំ275 ហើយប្រើប្រាស់ពណ៌#ffefef។បន្ទាប់មក យើងកំណត់Layer Styleដូចខាងក្រោម៖
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDvzaKUriPRtbwqQFrKfANDceNS5d9dzkxjXk7707pNnjFdmCNI31b9o8SIWjISuSc3xL8ddApdXCcO6wntLB6eg6mBMIy3y_Y7uCe9bPDYSAXJ5VJlTQHbVqocAZ0AyAgPANmirLAtIY/s640/03.PNG" title="Candy Text" width="640" />
 
 
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEPuuRwHxR_49D7D5nvz-cNmtSNRDvo3P1GKaAKn9oKZBe7-qSk6H3B5zpdvFRa1DOGVacGIjEcTluMowagRBgGEzTQEqoQ-YrDmsXJEPHqPXaTZvNdX34Vx-E-Xo6ifwr_BdzruhG6KE/s640/05.PNG" title="Candy Text" width="640" />
 
 
ជាលទ្ធផលនៃជំហានខាងលើ
 
 
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhbKavDhM8ofA8iaEflBokflNMi9Ey7RFXsPQaI2ffjmp3lUx5mC0cM3sJrBa9w_MJPXqM4L-VbgodGxPXvOC_8JTvGh2V0WgHPqm3YOAJltCv0pFKfws0LKBTHFMgGiVP-C7jKg5au5k/s640/04.PNG" title="Candy Text" width="640" />
 
 
៣. បន្ទាប់មកសូមបង្កើត នូវសន្លឹកកិច្ចថ្មី(Ctrl+N)១០០x១០០ សំរាប់បង្កើតជាPattern ជាស្ករគ្រាប់។បន្ទាប់មក ប្រើRectangle Tool(U) សំរាប់គូស(ដូចរូប)។បន្ទាប់ចុចលើEdit -> Define Pattern រួចចុចOK។
 
 
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8vF8UQMibmfup48V_dM98p6SiXHIDCTC8YOfxicDox7K5H_drqdY9KsBy0dEk48bXxkBxR0Z83139HgvmWxzeFJLu01pdWfLdaJK65vxm2iZmiCdK9r7SuZKFItsPuSnAq8yLmu_lRiE/s640/06.PNG" title="Candy Text" width="640" />
 
 
៤.បន្ទាប់មកត្រឡប់មកកាន់សន្លឹកកិច្ចការដើមវិញ ហើយ បង្កើតនូវLayerថ្មីមួយ។ បន្ទាប់មកប្រើPaint Bucket Toolសំរាប់ចាក់ពណ៌ផ្ទៃវា។ សូមកំណត់ដូចខាងក្រោម៖
 
 
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgka48NqWz7iGTsrP6k0JsWiuU0jX-0M7DxNzQjXtPtm9n-Cn-bKL5fjV8M0tflHIgUNJDO7AmCVhv-X674XJ4GZAEreFdYXJWh6CVhliNoU_y-IEK0H0DHB57VkwkqoyYu2Upwuo9bM2Y/s400/%E1%9F%A07.PNG" />
 
 
៥.បន្ទាប់មកសូម Transform ឲ្យមានរាងបញ្ចិត (Ctrl+T)(ដូចរូប)
 
 
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJpE1QDBMcjyiThyphenhyphenHxZAUjuu0PK1Wz4jubfH5tjEddx6HSvnVMg_vRAILtQwWsLyRoclqHWqDh8x_1WcA4z5qX50s-esFeQnWm4DmVLDewZDig9ojzXqrXxbjfGfcCO4Md7j1Dvs539zY/s640/08.PNG" title="Candy Text" width="640"/>
 
 
៦.បន្ទាប់មកកំណត់Layer Styleរបស់វាដូចនេះ ៖ Stroke Size=2 Color=#fd8c8c និង Drop Shadow Color:#008800 Size=1 Distance=3 Opacity:45%
 
 
៧. បន្ទាប់មក ដោយឈរលើLayer Candy Patternនោះ ប្រើMouseស្តាំចុចលើវា រួចរើសយក Create Clipping Mask។
 
 
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb0eY8Fi419m-VE__SyovQxSs8ZhjL6u4Tq9cV_rbfBazvtc8jSAgjFX-pS6pMgINv0RIcdueDFvaR5Lhnzi8I75MVmB9ZYBmoUY0-iEFFGvtwYnltzmivmpkciDP93Vjl4jiqw2lLyc0/s640/09.png" title="Cnady Text" width="640" />
 
 
៨.ជោគជ័យ! អ្នកបានធ្វើអក្សរស្ករគ្រាប់បានដោយជោគជ័យ!
 
 
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbmnnEbY1QYoTH9ItHHkSyJ_oYq6gmQ2plejYI-WHrab5p14q_dGLqGj364nm49CyW_6XdlRrlN7d-u78M-wr4eFOvBXZ5hB04oCv_627Ogs06MqR2F0YtUR-DsYpF4J4AS9Z48ImjJos/s640/10.PNG" title="Result" width="640"/>

រៀនបង្កើតអក្សរស្ករគ្រាប់ជាមួយPhotoshop -Candy Text

១. សូមបង្កើតនូវសន្លឹកកិច្ចការថ្មី ដែលយើងប្រើនេះមានទំហំ១២០០x ៦០០ ដោយចាក់ផ្ទៃខាងក្រោយដោយព៌ណស។បន្ទាប់មកសូមបង្កើតនូវLayerថ្មី(Ctrl+Shift +N) ...

អានបន្ត »