អាយធីជនបទ

បង្កើត QRCode ដោយប្រើប្រាស់ Spring Boot ជាមួយ google.zxing Library

<p></p><div class="separator" style="clear: both; text-align: left;"><a href="https://lh3.googleusercontent.com/-26DQyG9rrzw/YGLg3cOR0eI/AAAAAAAAWaM/vP2gq2UOMqoF11RbDnqI2aSVjhQ2gtRiACLcBGAsYHQ/image.png" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="445" data-original-width="615" height="464" src="https://lh3.googleusercontent.com/-26DQyG9rrzw/YGLg3cOR0eI/AAAAAAAAWaM/vP2gq2UOMqoF11RbDnqI2aSVjhQ2gtRiACLcBGAsYHQ/w640-h464/image.png" width="640" /></a></div><br /> <p></p><p><br /></p><p>អត្ថបតនេះសរសេរអំពីបង្កើតQRCode នៅលើ server side ជាទម្រង់ រូបភាព ដើម្បីបង្ហាញនៅលើផ្នែកClient Side។ ជាការពិតណាស់ វាមាន Client Side Library ជាច្រើនសម្រាប់បង្កើតជា QRCode។</p><p>នៅទីនេះ យើងនឹងបង្កើត QRCode ដោយប្រើប្រាស់ Spring Boot ជាមួយនឹង google.zxing Library</p><p>ចាប់ផ្តើមដោយបង្កើត Spring Boot Project (លោកអ្នកអាចបង្ក់ើតបានតាមរយៈ <a href="https://start.spring.io/">https://start.spring.io/</a></p><p>ហើយបន្ថែមនូវ dependency ខាងក្រោមនេះ៖</p><p></p><div class="separator" style="clear: both; text-align: left;"><a href="https://lh3.googleusercontent.com/-iqaHXt3ngY8/YGLh17JVokI/AAAAAAAAWaY/qyz3NS8CkYE12Zvr_K4gDdP1Cf2KmYptwCLcBGAsYHQ/image.png" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="195" data-original-width="396" height="198" src="https://lh3.googleusercontent.com/-iqaHXt3ngY8/YGLh17JVokI/AAAAAAAAWaY/qyz3NS8CkYE12Zvr_K4gDdP1Cf2KmYptwCLcBGAsYHQ/w400-h198/image.png" width="400" /></a></div><br /><br /><p></p><pre></pre>

<p>សូមមើល sample code ខាងក្រោម</p><p></p><div class="separator" style="clear: both; text-align: left;"><a href="https://lh3.googleusercontent.com/-ww7oKjUymAc/YGLhomFAqaI/AAAAAAAAWaU/ifLXL-M_xqICT98OHBYNHWygQOAXiyR5gCLcBGAsYHQ/image.png" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="424" data-original-width="793" height="342" src="https://lh3.googleusercontent.com/-ww7oKjUymAc/YGLhomFAqaI/AAAAAAAAWaU/ifLXL-M_xqICT98OHBYNHWygQOAXiyR5gCLcBGAsYHQ/w640-h342/image.png" width="640" /></a></div><br /><br /><p></p>

បង្កើត QRCode ដោយប្រើប្រាស់ Spring Boot ជាមួយ google.zxing Library

អត្ថបតនេះសរសេរអំពីបង្កើតQRCode នៅលើ server side ជាទម្រង់ រូបភាព ដើម្បីបង្ហាញនៅលើផ្នែកClient Side។ ជាការពិតណាស់ វាមាន Client Side Library ...

អានបន្ត »

ការប្រើប្រាស់ Two Factor Authentication ជាមួយ Spring Boot + Google Authenticator Mobile App

<p>អត្ថបទនេះ សរសេររៀបរាប់អំពីការបង្កើត មុខងារauthentication ដោយប្រើប្រាស់ 2FA រវាយ </p><p>Spring Boot ជាមួយនឹង Google Authenticator App ដូចនេះដើម្បីអាចLogin ចូល Web Application របស់យើងបាន តម្រូវអោយបញ្ចូល username (ដែលទីនេះយើងយក email ) password និង TOTP (ដែលគេស្គាល់ថា ជា <b>Time-based One-Time Password</b>)</p><p>ក្នុងអត្ថបទនេះ យើងនឹងមិនសរសេរនិងពន្យល់លម្អិតអំពី TOTP ទេ (ខិខិ សើច) ដោយដាក់ជា<a href="https://en.wikipedia.org/wiki/Time-based_One-time_Password_algorithm" target="_blank">តំណភ្ជាប់ទីនេះ</a>ដើម្បីលោកអ្នកអាចស្វែងយលបន្ថែមដោយខ្លួនឯង</p><p><br /></p><p><b>អ្វីដែលត្រូវអនុវត្តរួមមាន៖</b></p><p>ការបង្កើត Spring Boot Application លោកអ្នកអាចបង្កើតបានតាមរយៈ <a href="https://start.spring.io/" target="_blank">Spring Initializr</a></p><p> ដែលជាមួយគ្នានេះយើងបានប្រើប្រាស់ dependencies មួយចំនួនដូចជា security, web។បន្ថែមពីលើនេះ យើងបានដាក់ចូលនូវ dependency មួយទៀតគឺ Java One Time Password API (<a href="https://github.com/aerogear-attic/aerogear-otp-java" target="_blank">aerogear-otp-java</a>)</p><p>ក្នុងការអនុវត្តនេះ យើងនឹងរក្សាទុកទិន្នន័យរបស់យើងនៅក្នុង database ហើយនៅទីនេះយើងបានប្រើប្រាស់ <b>postgreSQL</b></p><p>ដែលនេះជា sample table </p><p><br /></p><pre>CREATE TABLE springtotp.app_user (
	id serial NOT NULL,
	email varchar(200) NOT NULL,
	password varchar(200) NOT NULL,  
	firstname varchar(100) NOT NULL,
	lastname varchar(100) NOT NULL,
	secret varchar(50) NULL,
	active int2 NOT NULL DEFAULT 0,
	created_date timestamp NOT NULL DEFAULT now(),
	created_by int4 NOT NULL,
	CONSTRAINT app_user_email_key UNIQUE (email),
	CONSTRAINT app_user_pkey PRIMARY KEY (id)
);
</pre>
<p>
តាមរយៈ table ខាងលើ កាលណា user ចុះឈ្មោះ/register ដំបូង តម្រូវអោយបញ្ចូល នាមត្រកូល នាមខ្លួន email និង password បន្ទាប់មកនឹង generate ជា secret key មួយ ហើយរក្សាទុកក្នុង database ដោយ active = 0; បន្ទាប់មក វានឹងបង្ហាញ <b>QRCode </b>សម្រាប់ user scan ដោយប្រើប្រាស់<b>Google Authenticator</b> App ដើម្បីទទួលបានលេខកូដ ៦ខ្ទង់ វាយបញ្ចូល ដើម្បីបញ្ជាក់ការចុះឈ្មោះដោយជោគជ័យ។</p><p><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://lh3.googleusercontent.com/-MPJuG-TvrTI/YGGO6keERoI/AAAAAAAAWZs/1xuP_Bd1dYMRf01F4iuSV4CbnqKpHyLFwCLcBGAsYHQ/image.png" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="483" data-original-width="646" height="299" src="https://lh3.googleusercontent.com/-MPJuG-TvrTI/YGGO6keERoI/AAAAAAAAWZs/1xuP_Bd1dYMRf01F4iuSV4CbnqKpHyLFwCLcBGAsYHQ/w400-h299/image.png" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Registration Form</td></tr></tbody></table><br /><br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://lh3.googleusercontent.com/-em0CTSD8C68/YGGPiN6ckfI/AAAAAAAAWZ8/-dzfPVLMLwkJX99owjxmy6CsY5-yus9yQCLcBGAsYHQ/image.png" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="466" data-original-width="721" height="414" src="https://lh3.googleusercontent.com/-em0CTSD8C68/YGGPiN6ckfI/AAAAAAAAWZ8/-dzfPVLMLwkJX99owjxmy6CsY5-yus9yQCLcBGAsYHQ/w640-h414/image.png" width="640" /></a></div><br /><br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://lh3.googleusercontent.com/-vmbNma72Kg4/YGGPNaRSrEI/AAAAAAAAWZ0/PglFbOwF9-wOqJaH0Ehr_ud7ZJQkwUgKACLcBGAsYHQ/image.png" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="566" data-original-width="605" height="374" src="https://lh3.googleusercontent.com/-vmbNma72Kg4/YGGPNaRSrEI/AAAAAAAAWZ0/PglFbOwF9-wOqJaH0Ehr_ud7ZJQkwUgKACLcBGAsYHQ/w400-h374/image.png" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Registration Confirmation</td></tr></tbody></table>Sample qrcode : <span style="background-color: white; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 19px; white-space: pre;">otpauth://TYPE/LABEL?PARAMETERS</span><p></p><p><span style="font-family: Monaco, Consolas, Bitstream Vera Sans Mono, Courier New, Courier, monospace;"><span style="font-size: 19px; white-space: pre;">otpauth://totp/</span></span><span style="background-color: white; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 19px; white-space: pre;">LABEL</span><span style="font-family: Monaco, Consolas, Bitstream Vera Sans Mono, Courier New, Courier, monospace;"><span style="font-size: 19px; white-space: pre;">%3Asample%40gmail.com?secret=${</span></span><span style="font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 19px; white-space: pre;">secret</span><span style="font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 19px; white-space: pre;">}&issuer=${</span><span style="font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 19px; white-space: pre;">issuer</span><span style="font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 19px; white-space: pre;">}</span></p><p><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://lh3.googleusercontent.com/-Zcx5uJcegJg/YGGQpahORUI/AAAAAAAAWaE/iJe7c6NWWT4JjaneNrR8glG9UZbxemU7wCLcBGAsYHQ/image.png" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="308" data-original-width="610" height="324" src="https://lh3.googleusercontent.com/-Zcx5uJcegJg/YGGQpahORUI/AAAAAAAAWaE/iJe7c6NWWT4JjaneNrR8glG9UZbxemU7wCLcBGAsYHQ/w640-h324/image.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Finish the Registration</td></tr></tbody></table><br />បន្ទាប់ពីបានវាយបញ្ចូលលេខកូដ៦ខ្ទង់ត្រឹមត្រូវ យើងនឹង update active =1 មានន័យថាដំណើរការ។ សូមបញ្ជាក់ផងដែល យើងបានប្រើប្រាស់ </p><p></p><blockquote style="border: none; margin: 0 0 0 40px; padding: 0px;"><p style="text-align: left;">com.google.zxing សម្រាប់បង្កើតជា qrcode </p></blockquote><p> <span>    </span><span>    angularjs + </span>spring-boot thymeleaf សម្រាប់ client side</p><p></p><p>នៅអត្ថបទន្ទាប់ទៀត យើងនឹងសរសេរអំពី ការ Login សូមអរគុណ<br /><br /><br /></p>

ការប្រើប្រាស់ Two Factor Authentication ជាមួយ Spring Boot + Google Authenticator Mobile App

អត្ថបទនេះ សរសេររៀបរាប់អំពីការបង្កើត មុខងារauthentication ដោយប្រើប្រាស់ 2FA រវាយ Spring Boot ជាមួយនឹង Google Authenticator App ដូចនេះដើម្បីអ...

អានបន្ត »

Varnish Cache is a popular- Varnish HTTP Cache

<div class="separator" style="clear: both; text-align: center;">
<a href="http://varnish-cache.org/_static/varnish-bunny.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="330" data-original-width="219" height="320" src="http://varnish-cache.org/_static/varnish-bunny.png" width="212" /></a></div>
<br />
The cache is often the most critical piece of software for a web-based business.Varnish Cache is a web application accelerator also known as a caching HTTP reverse proxy. You install it in front of any server that speaks HTTP and configure it to cache the contents. Varnish Cache is really, really fast.Varnish Cache is a powerful, open source HTTP engine/reverse HTTP proxy that can speed up a website by up to 1000 percent by doing exactly what its name implies: caching (or storing) a copy of a webpage the first time a user visits.

<br />
<h2 style="text-align: center;">
Who should use Varnish? </h2>
Anyone can use Varnish, but it is especially useful for businesses that value speed, performance, scalability, and want to save on server infrastructure.

Varnish is beneficial both to users who need basic functions and to very advanced users who have the expertise, time and resources to build customized modules.<br />
For more information and detail please see at <a href="http://varnish-cache.org/index.html" target="_blank">varnish-cache</a>

Varnish Cache is a popular- Varnish HTTP Cache

The cache is often the most critical piece of software for a web-based business.Varnish Cache is a web application accelerator also known...

អានបន្ត »

ភាសាកម្មវិធី ចំនួន៥ ដែលត្រូវប៉ាន់ សម្រាប់អ្នកអាយធី

ភាសាកម្មវិធី ឬ programming language ត្រូវបានគេយល់ថា មិនអាចខ្វះបាន នោពេលខាងមុខ ដោយសារការរីកចំរើនខាងវិស័យ បច្ចេកវិទ្យានេះហើយ។
 អ្នកប្រហែលជាបានដឹងហើយថា ភាសាកម្មវិធី មានច្រើន តែតាមរយៈការសិក្សា របាយការណ៍មួយបានបង្ហាញពីភាពពេញនិយម និង តំរូវការរបស់វា ក្នុងបង្កើតជា ប្រព័ន្ធ ឬ កម្មវិធីនានា។
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-G58xrGD5Nxc/WbH4AkkYE_I/AAAAAAAAGzM/DbsqQbKt1QY45xZgcCPenaQfQL1i-NpSACLcBGAs/s1600/Untitled-design-compressor.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="200" data-original-width="720" height="178" src="https://3.bp.blogspot.com/-G58xrGD5Nxc/WbH4AkkYE_I/AAAAAAAAGzM/DbsqQbKt1QY45xZgcCPenaQfQL1i-NpSACLcBGAs/s640/Untitled-design-compressor.png" width="640" /></a></div>
<br />

<b>1. Java</b> កំពុងតែនាំមុខគេ ដោយនេះក៏ដោយសារ ចំនួនអ្នកប្រើប្រាស់android មានច្រើន ហើយ វា (java) ត្រូវបានគេប្រើប្រាស់សម្រាប់បង្កើតជាកម្មវិធីដំណើរការលើ ប្រព័ន្ធ android.
<br />
<b>2. C#</b> ជាភាសាដែលបានបង្កើតឡើងដោយ Microsoft 's DOTNET software framework។ វាឈរនៅលំដាប់លេខ២ ព្រោះថា វាមានភាពងាយស្រួល ហើយវាមានរបៀបសរសេរ (syntax) ភាគច្រើនស្រដៀងនឹង C និង C++។ តែភាសាមួយនេះ វាមិនមែនជាលក្ខណៈ open source ដូចជា java ឡើយ។
<br />
<b>3. PHP</b> ជាភាសាមួយ មានលក្ខណៈ ligh weight។ បើគេនិយាយឲ្យចំ វាគឺ ជា scripting language។ វាមានការពេញនិយមពេញពិភពលោក ដោយសារវាជាប្រភេទ open source លើសពីនេះទៀត សូម្បីតែ websiteដែលល្បីដូចជា facebook ក៏ប្រើប្រាស់វាដែរ។
<br />
<b>4. Python</b> វាមានការទាក់ទាញក្នុងពេលខ្លី តែទោះបីយ៉ាងនេះក៏ដោយ developers ខ្លះក៏ប្រើប្រាស់សម្រាប់បង្កើតជា system ឬ software ផងដែរ។ វាបានផ្តល់នូវ security point យ៉ាងច្រើន ជាមួយនឹង framework របស់វា។
<br />
<b>5. SQL </b>នេះវាចាំបាច់សម្រាប់គ្រប់គ្នា ពីព្រោះថា បើគ្មាន វា (SQL) នេះទេ កម្មវិធីដែលបានបង្កើតដោយភាសាកម្មវិធីខាងលើ គឺមិនអាចទៅរួចឡើយ។ វាធ្វើការងារជាមួយ database សម្រាប់ទាញយក បញ្ចូលថ្មី កែប្រែ ឬ លុប និងបង្កើតជា report ជាដើម។

ភាសាកម្មវិធី ចំនួន៥ ដែលត្រូវប៉ាន់ សម្រាប់អ្នកអាយធី

ភាសាកម្មវិធី ឬ programming language ត្រូវបានគេយល់ថា មិនអាចខ្វះបាន នោពេលខាងមុខ ដោយសារការរីកចំរើនខាងវិស័យ បច្ចេកវិទ្យានេះហើយ។ អ្នកប្រហែលជាបាន...

អានបន្ត »

How to Create a Basic Plugin With JQuery | By អាយធីជនបទ

<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-Qi9WRbwe0Qs/WNSnhe64UyI/AAAAAAAAFx4/vTgEb78rUJ8dr0owHTByhLXBwQaL5VazACLcB/s1600/ddd.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-Qi9WRbwe0Qs/WNSnhe64UyI/AAAAAAAAFx4/vTgEb78rUJ8dr0owHTByhLXBwQaL5VazACLcB/s1600/ddd.JPG" /></a></div>
Recently, we are working with a small project (web application) for our client. During the development phase, our team are having fun with jQuery code. And in this post, I am going to share some basic jQuery code. I will make it available throughout my web application project. Indeed, I want a single method I can call on a jQuery selection that performs an opertation on the selection. So let's have fun.
<br />
Let's say I want to create a plugin that convert the input currency. For example, I have a textbox (input) that allows  user to input amount of money (in Dollar) and then I will convert it to Riel currency with 4000 of interest rate.
<br />
<pre style="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;"> <div>  
     <label>Amount ($)</label>  
     <input type="text" id="txtAMOUNT">  
     <a href="#" id="btnCONVERT">Convert</a>  
   </div>  
   <div>  
     <label>Amount (៛)</label>  
     <input type="text" id="txtRESULT" readonly>  
   </div>  
   <script src="js/jquery.min.js"></script>  
   <script>  
     $.fn.toRiel = function() {  
       var amt = this.val();  
       return (amt * 4000);  
     };  
     $("#btnCONVERT").click(function(e){  
       var result = $("#txtAMOUNT").toRiel()  
       $("#txtRESULT").val(result);  
     });  
   </script>  
</code></pre>

How to Create a Basic Plugin With JQuery | By អាយធីជនបទ

Recently, we are working with a small project (web application) for our client. During the development phase, our team are having fun with...

អានបន្ត »

Android Upload Image To Server As Multipart Form

<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=5930098683428569143#" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-7bi3814MngAXVKbKYsFkztPWsX3fnYab4X3AVVotRYlBFVNTH9twoCGKNHyjssVpWTprcVxrP2mf-DwkjoGmx2RSyq8hFILbtivTV6J-sMQJ8koebYQkv7yqsqFAvGUANec2-oVbqSW3/s400/upload-pictures-on-picasaweb1.png" width="400" /></a></div>
<br />
In this post, I will share a sample android (java) code to upload image to server using multipart form data.
<pre  style="font-family:arial;font-size:12px;border:1px dashed #CCCCCC;width:99%;height:auto;overflow:auto;background:#f0f0f0;padding:0px;color:#000000;text-align:left;line-height:20px;"><code style="color:#000000;word-wrap:normal;"> import java.io.ByteArrayOutputStream;  
 import java.io.InputStream;  
 import java.io.OutputStream;  
 import java.net.HttpURLConnection;  
 import java.net.URL;  
 /**  
  * Created by ITJONBOT on 2/28/2017.  
  */  
 public class KHttpClient {  
   String url;  
   private HttpURLConnection con;  
   private OutputStream os;  
   private String delimiter = "--";  
   private String boundary = "SwA"+Long.toString(System.currentTimeMillis())+"SwA";  
   public KHttpClient(String url) {  
     this.url = url;  
   }  
   public byte[] downloadImage(String imgName) {  
     ByteArrayOutputStream baos = new ByteArrayOutputStream();  
     try {  
       System.out.println("URL ["+url+"] - Name ["+imgName+"]");  
       HttpURLConnection con = (HttpURLConnection) ( new URL(url)).openConnection();  
       con.setRequestMethod("POST");  
       con.setDoInput(true);  
       con.setDoOutput(true);  
       con.connect();  
       con.getOutputStream().write( ("name=" + imgName).getBytes());  
       InputStream is = con.getInputStream();  
       byte[] b = new byte[1024];  
       while ( is.read(b) != -1)  
         baos.write(b);  
       con.disconnect();  
     }  
     catch(Throwable t) {  
       t.printStackTrace();  
     }  
     return baos.toByteArray();  
   }  
   public void connectForMultipart() throws Exception {  
     con = (HttpURLConnection) ( new URL(url)).openConnection();  
     con.setRequestMethod("POST");  
     con.setDoInput(true);  
     con.setDoOutput(true);  
     con.setRequestProperty("Connection", "Keep-Alive");  
     con.setRequestProperty("Content-Type", "multipart/form-data; boundary=" + boundary);  
     con.connect();  
     os = con.getOutputStream();  
   }  
   public void addFormPart(String paramName, String value) throws Exception {  
     writeParamData(paramName, value);  
   }  
   public void addFilePart(String paramName, String fileName, byte[] data) throws Exception {  
     os.write( (delimiter + boundary + "\r\n").getBytes());  
     os.write( ("Content-Disposition: form-data; name=\"" + paramName + "\"; filename=\"" + fileName + "\"\r\n" ).getBytes());  
     os.write( ("Content-Type: application/octet-stream\r\n" ).getBytes());  
     os.write( ("Content-Transfer-Encoding: binary\r\n" ).getBytes());  
     os.write("\r\n".getBytes());  
     os.write(data);  
     os.write("\r\n".getBytes());  
   }  
   public void finishMultipart() throws Exception {  
     os.write( (delimiter + boundary + delimiter + "\r\n").getBytes());  
   }  
   public String getResponse() throws Exception {  
     InputStream is = con.getInputStream();  
     byte[] b1 = new byte[1024];  
     StringBuffer buffer = new StringBuffer();  
     while ( is.read(b1) != -1)  
       buffer.append(new String(b1));  
     con.disconnect();  
     return buffer.toString();  
   }  
   private void writeParamData(String paramName, String value) throws Exception {  
     os.write( (delimiter + boundary + "\r\n").getBytes());  
     os.write( "Content-Type: text/plain\r\n".getBytes());  
     os.write( ("Content-Disposition: form-data; name=\"" + paramName + "\"\r\n").getBytes());;  
     os.write( ("\r\n" + value + "\r\n").getBytes());  
   }  
 }  
</code></pre>
<br />
<strong>USAGE </strong>
<br />

<pre  style="font-family:arial;font-size:12px;border:1px dashed #CCCCCC;width:99%;height:auto;overflow:auto;background:#f0f0f0;padding:0px;color:#000000;text-align:left;line-height:20px;"><code style="color:#000000;word-wrap:normal;"> 
BitmapFactory.Options opt = new BitmapFactory.Options();
        opt.inDensity = DisplayMetrics.DENSITY_DEFAULT;
        opt.inTargetDensity = DisplayMetrics.DENSITY_DEFAULT;
        opt.inScaled = false;
        Bitmap b = BitmapFactory.decodeFile(mFile.getPath(),opt);
        ByteArrayOutputStream baos = new ByteArrayOutputStream();
        b.compress(Bitmap.CompressFormat.JPEG, 50, baos);
  
KHttpClient client = new KHttpClient(url);  
         client.connectForMultipart();  
         client.addFormPart("param1", param1); // Aditional Text Param #1  
         client.addFormPart("param2", param2); // Aditional Text Param #1  
         client.addFilePart("photo", "aa.png", baos.toByteArray()); // File  
         client.finishMultipart();  
         String data = client.getResponse();  
         Log.d("RESPONSE ::: ", data);  
</code></pre>

Android Upload Image To Server As Multipart Form

In this post, I will share a sample android (java) code to upload image to server using multipart form data. import java.io.ByteArrayOut...

អានបន្ត »

Syntax Documentation of the Jade templating language

<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.opencpu.org/images/jade.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="https://www.opencpu.org/images/jade.png" width="640" /></a></div>
<br />
This interactive documentation illustrates the most important features of the Jade templating language.
You can play around with the examples and watch the html output in real time.
For more detailed explanations visit the <a href="http://jade-lang.com/reference/" target="_blank">official documentation.</a>
<br />
Jade Syntax :
<br />
<pre style="background: #f0f0f0; border: 1px dashed #cccccc; color: black; font-family: "arial"; font-size: 12px; height: auto; line-height: 20px; overflow: auto; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> doctype html  
 html  
  head  
   title my jade template  
  body  
   h1 Hello #{name}  
</code></pre>
<br />
Jade Data 
<br />
<pre style="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;"> {"name": "Sabath"}  
</code></pre>
<br />
Html Output
<br />
<pre style="background: #f0f0f0; border: 1px dashed #cccccc; color: black; font-family: "arial"; font-size: 12px; height: auto; line-height: 20px; overflow: auto; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> <!DOCTYPE html>  
 <html>  
  <head>  
   <title>my jade template</title>  
  </head>  
  <body>  
   <h1>Hello Sabath</h1>  
  </body>  
 </html>  
</code></pre>
<br />
ID and Classess
<br />
<pre style="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;"> #content  
  .block  
   input#bar.foo1.foo2  
</code></pre>
<br />
Html Output
<br />
<pre style="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;"> <div id="content">  
  <div class="block">  
   <input id="bar" class="foo1 foo2"/>  
  </div>  
 </div>  
</code></pre>
<br />
Nesting <br />
<pre style="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;"> ul#books  
  li  
   a(href="#book-a") Book A  
  li  
   a(href="#book-b") Book B  
</code></pre>
<br />
<pre style="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;"> ul#books  
  li: a(href="#book-a") Book A  
  li: a(href="#book-b") Book B  
</code></pre>
<br />
HTML Output <br />
<pre style="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;"> <ul id="books">  
  <li><a href="#book-a">Book A</a></li>  
  <li><a href="#book-b">Book B</a></li>  
 </ul>  
</code></pre>
<br />
Attributes <br />
<pre style="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;"> input(type="text", placeholder="your name")  
</code></pre>
<br />
HTML Output
<br />
<pre style="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;"> <input type="text" placeholder="your name"/>  
</code></pre>
<br />
<br />
Attributes with Data <br />
<pre style="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;"> input(type=type, value='Hello #{name}')  
</code></pre>
<br />
HTML Output <br />
<pre style="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;"> <input type="text" value="Hello Davy"/>  
</code></pre>
<br />
Jade Data <br />
<pre style="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;"> {"type": "text", "name": "Davy"}  
</code></pre>
<br />
If Else <br />
<pre style="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;"> if name == "Dara"  
  h1 Hello Dara  
 else  
  h1 My name is #{name}  
</code></pre>
<br />
Jade Data <br />
<pre style="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;"> {"name": "Dara"}  
</code></pre>
<br />
<pre style="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;"> <h1>Hello Dara</h1>  
</code></pre>
<br />
For And  Each <br />
<pre style="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;"> select  
  each book, i in books  
   option(value=i) Book #{book}  
</code></pre>
<br />
HTML Output<br />
<pre style="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;"> <select>  
  <option value="0">Book A</option>  
  <option value="1">Book B</option>  
  <option value="2">Book C</option>  
 </select>  
</code></pre>
<br />
Jade Data <br />
<pre style="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;"> {"books": ["A", "B", "C"]}  
</code></pre>
<br />
Case <br />
<pre style="background: #f0f0f0; border: 1px dashed #cccccc; color: black; font-family: "arial"; font-size: 12px; height: auto; line-height: 20px; overflow: auto; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> case name  
  when "Dara"  
   p Hi Dara!  
  when "Davy"  
   p Howdy Davy!  
  default  
   p Hello #{name}!  
</code></pre>
<br />
Jade Data <br />
<pre style="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;"> {"name": "Davy"}  
</code></pre>
<br />
HTML Output <br />
<pre style="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;"> <p>Hi Davy!</p>  
</code></pre>

Syntax Documentation of the Jade templating language

This interactive documentation illustrates the most important features of the Jade templating language. You can play around with the exam...

អានបន្ត »

សិក្សាពីរបៀបបង្កើត REST API ជាមួយ Slim PHP Frameworkភាគទី២ (DesignREST API)

<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="480" src="https://1.bp.blogspot.com/-MfDU_f-stYc/V1VdrX0HrFI/AAAAAAAAFdQ/zZw6DX7wP-ooaH2KjvKOT95CRxb5mRrXACLcB/s640/gdfdfgsdgf.jpg" width="640" /></div>
<br />
បង្កើតREST API
<br />
បន្ទាប់ពីបានបង្កើត database ជាមួយនឹងtableចំនួន២ គឺ student និង subject ឥឡូវយើងនឹងសិក្សាអំពីរបៀបបង្កើត REST API ម្តង។  ជាទូទៅ REST API តែងប្រើប្រាស់ HTTP methods ដូចជា <strong>GET, POST, PUT, DELET</strong>។
<br />
GET សំរាប់ទាញយកទិន្នន័យពី database<br />
POST សំរាប់បញ្ជូនទិន្នន័យនិងរក្សាទុកទៅកាន់ database<br />
PUT សំរាប់បញ្ជូនទិន្នន័យនិងកែប្រែទៅកាន់ database<br />
DELETE សំរាប់បញ្ជូនទិន្នន័យនិងលុបពី database<br />
ក្នុងនោះយើងមាន HTTP Status Code ដែលប្រើប្រាស់សំរាប់ប្រាប់ clientពី response សូមមើលលំអិតខាងក្រោម៖<br />
200 OK<br />
201 Created<br />
304 Not Modified<br />
400 Bad Request<br />
401 Unauthorized<br />
403 Forbidden<br />
404 Not Found<br />
500 Internal Server Error<br />
<br />
URL Structure វាជាចំនុចមួយសំខាន់ដែរ ដែលយើងត្រូវតែរៀបចំ URL ឲ្យបានល្អ និង ត្រឹមត្រូវសំរាប់ API របស់យើង ដើម្បីងាយស្រូលចងចាំ និងងាយស្រួលយល់ផងដែរ។
សូមមើលគំរូ URL ខាងក្រោម៖
<br />
<table>
<thead>
<tr>
<th>URL </th>
<th>Method</th>
</tr>
</thead><thead>
</thead><tbody>
<tr>
<td>https://www.itjonbot.net/studentapp/v1/assignment/1</td>
<td>GET</td>
</tr>
<tr>
<td colspan="2">សំរាប់ទាញយកព៌តមាននៃ assignment ដែលមានលេខសំគាល់ ១</td>
</tr>
<tr>
<td>https://www.itjonbot.net/studentapp/v1/assignment/</td>
<td>POST</td>
</tr>
<tr>
<td colspan="2">សំរាប់ផ្តល់ព៌តមាននៃ assignment ដើម្បីរក្សាវាទុកនៅក្នុង database</td>
</tr>
</tbody>

</table>

សិក្សាពីរបៀបបង្កើត REST API ជាមួយ Slim PHP Frameworkភាគទី២ (DesignREST API)

បង្កើតREST API បន្ទាប់ពីបានបង្កើត database ជាមួយនឹងtableចំនួន២ គឺ student និង subject ឥឡូវយើងនឹងសិក្សាអំពីរបៀបបង្កើត REST API ម្តង។ ជាទ...

អានបន្ត »

សិក្សាពីរបៀបបង្កើត REST API ជាមួយ Slim PHP Framework

<div style="text-align: center;">
<img border="0" height="480" src="https://1.bp.blogspot.com/-faSzM3Pjedw/VzRYQt5AUkI/AAAAAAAAFac/0w-riSxAE54OMNrwwXrwvIJptucxZ2vfQCLcB/s640/hjghfndsg.jpg" width="640" /></div>
<br />
បន្ទាប់ពីមានសារសរសេរមកកាន់យើងឲ្យសរសេរអត្ថបទអំពីការបង្កើត Restful API ជាមួយភាសា PHP ពីមិត្តអ្នកអានរបស់យើងរួចមក យើងក៏បានបង្កើតជាមេរៀននេះឡើង ឆ្លើយទៅនឹងពួកគេ ហើយសង្ឃឹមថានឹងពេញចិត្ត។
<br />
ដូចដែលយើងបានដឹងហើយថា REST API ដើរតួរយ៉ាងសំខាន់សំរាប់បង្កើតទំនាក់ទំនងរវាងapplication ជាមួយនឹង server។ និយាយសំដៅដល់ Android វិញអ្នកអាចបង្កើតជា database បានដោយប្រើប្រាស់ SQlite សំរាប់រក្សាទុកទិន្នន័យបាន តែវាមិនអាចគ្រប់គ្រាន់សំរាប់ business របស់យើងបានទេ ដែលនេះយើងត្រូវបង្កើតdatabase នៅលើ server របស់យើង ហើយprocessការងារទាំងនោះតាមរយៈ REST API។
<br />
<br />
នៅក្នុងមេរៀនេះ យើងនឹងសូមលើកយក <strong>slim framework</strong> មកអនុវត្តសំរាប់ការបង្កើត REST API សូមរីករាយអនុវត្តដូចតទៅ៖
មុននឹងចាប់បង្កើតជា REST API ខាងក្រោមនេះជាអ្វីដែលអ្នកចាំបាច់ត្រូវមាន៖ <br />
១. មូលដ្នានគ្រឺះលើភាសា PHP <br />
២. មានចំណេះដឹងទៅលើ MySQL Database (អាចសរសេរ query សំរាប់ insert, select, update, delete) <br />
៣. មាន PHP IDE សំរាប់develop REST API <br />
៤ និង WAMP / XAMP server សំរាប់ host REST API រួមទាំង tools សំរាប់តេស្ត REST API (<a href="https://itjonbot.blogspot.com/2016/05/rest-api-automation-open-source-tools-d.html" target="_blank">ចុចទីនេះសំរាប់ទាញយកRestclient tools</a>) <br />
<br />
<i>សំគាល់៖ REST (Representational State Transfer) ប្រើប្រាស់ stateless, client-server, cacheable communication protocol និង HTTP protocol សំរាប់ទំនាក់ទំនងរវាង app និង server។</i>
<br />
ដូចដែលបានរៀបរាប់ពីខាងលើ  យើងនឹងប្រើប្រាស់ slim framework សំរាប់បង្កើតជា REST API ដូចនេះអ្នកត្រូវdownload slim framework <em>( link  https://github.com/slimphp/Slim) </em>ជាមុនសិន។ បន្ទាប់មកយើងត្រូវកំណត់ <strong>business flow </strong>របស់ REST API យើងជាមុនសិន ដើម្បីងាយស្រួលក្នុងបង្កើត សរសេរកូដផង និងអាចជាជំនួយសំរាប់ការហៅប្រើប្រាស់ REST API របស់យើង។ <br />
អាយធីជនបទ សូមលើកយក module ២ដូចខាងក្រោម ដើម្បីបង្កើតជា REST API។
<br />
១. Student module សិស្សនឹងប្រើប្រាស់ app នេះដើម្បីសុំចុះឈ្មោះចូលសិក្សាលើមុខវិជ្ជាណាមួយដែលខាងសាលាផ្តល់ឲ្យ <br />
២. Admin module នឹងប្រើប្រាស់កម្មវិធីនេះសំរាប់ បញ្ចូលព័ត៌មានរបស់មុខវិជ្ជាដែលសាលារបស់ខ្លួនមាន ហើយគាត់អាចមើលនូវព័ត៌មានរបស់សិស្សដែលបានចុះឈ្មោះចូលរៀនបានផងដែរ។<br />
ខាងក្រោមនេះ យើងបង្កើតជា database ㅇដូចខាងក្រោម៖<br />
Student Table៖ រួមមាន field ដូចតទៅ៖ <br />
<em>
១. id មានប្រភេទទិន្នន័យជា int ហើយជា primary key<br />
២. name មានប្រភេទទិន្នន័យជា varchar ហើយមាន length = 100<br />
៣. address មានប្រភេទទិន្នន័យជា varchar ហើយមាន length = 100<br />
៤. phoneno មានប្រភេទទិន្នន័យជា varchar ហើយមាន length = 20<br />
៥. email មានប្រភេទទិន្នន័យជា varchar ហើយមាន length = 100<br />
៦. age មានប្រភេទទិន្នន័យជា int<br /> <br /><br />
</em>
Subject Table៖ រួមមាន field ដូចតទៅ៖ <br />
<em>
១. id មានប្រភេទទិន្នន័យជា int ហើយជា primary key<br />
២. name មានប្រភេទទិន្នន័យជា varchar ហើយមាន length = 100<br />
៣. details មានប្រភេទទិន្នន័យជា varchar ហើយមាន length = 255<br />
៤. creditno មានប្រភេទទិន្នន័យជា int<br />
</em>
<br /><br />
សូមរីករាយជាមួយនឹង មេរៀនបន្ទាប់ (ភាគទី ២) ដែលនឹងចេញផ្សាយក្នុងពេលឆាប់ៗ

សិក្សាពីរបៀបបង្កើត REST API ជាមួយ Slim PHP Framework

បន្ទាប់ពីមានសារសរសេរមកកាន់យើងឲ្យសរសេរអត្ថបទអំពីការបង្កើត Restful API ជាមួយភាសា PHP ពីមិត្តអ្នកអានរបស់យើងរួចមក យើងក៏បានបង្កើតជាមេរៀននេះឡើង...

អានបន្ត »

REST API Automation Open Source Tools ដែលខ្ញុំកំពុងតាមរក :D

សង្កេតឃើញថា បច្ចុប្បន្នចំនួននៃការ develop REST API បានិងកំពុងកើនឡើងគួរឲ្យកត់សំគាល់។ នេះក៏ដោយសារ បើតាមការលើកឡើងរបស់ developer ផ្នែក iOSម្នាក់ ចំនូននៃmobile application កើនឡើង ហើយ អ្នកបង្កើត mobile app ត្រូវការជាចាំបាច់នូវ REST API សំរាប់ឲ្យកម្មវិធីរបស់គេដំណើរការបាន។ ព្រោះថាប្រភពទិន្នន័យរបស់ mobile app ភាគច្រើនបានមកពី server side ដែលអាចទាញយកមកប្រើប្រាស់បានតាមរយៈ HTTP Request។  មានទស្សនៈមិនខុសគ្នាដែល លោក Bora ដែលជាធ្វើDevelop REST API បញ្ជាក់ថា វាផ្តល់ភាពងាយស្រួលសំរាប់developer ដូចគ្នាកាលណាគេបានបង្កើត REST API គឺថាទាំង mobile app ឬ third-party web អាចទាញយកទិន្នន័យពី REST APIបានយ៉ាងស្រួល។
<br />
<br />
ស្របជាមួយគ្នានេះដែរ ប្លុកអាយធីជនបទ សូមលើកយកនូវ REST Client tool មួយចំនួនដែលអ្នកអាចប្រើប្រាស់បានជាជំនួយក្នុងតេស្ត REST API របស់អ្នកបាន។
REST Client toolវាផ្តល់ភាពងាយស្រួលដល់យើងក្នុងការប្រើប្រាស់ វាមាន HTTP Request method សំខាន់សំរាប់ប្រើប្រាស់តេស្តជាមួយ REST API ដូចជា GET, POST, PUT, HEAD, DELETE, OPTIONS ជាដើម។
សំរាប់ Desktop Rest Client យើងមាន៖ <br />
<ul>
<li> I’m Only Resting សំរាប់ Windows     <em>link : http://www.swensensoftware.com/im-only-resting  </em></li>
<li>CocoaRestClient សំរាប់ Mac <em>link : http://mmattozzi.github.io/cocoa-rest-client/</em></li>
<li>WizTools.org.RESTClient សំរាប់ Any OS <em>link : https://github.com/wiztools/rest-client</em></li>
<li>RESTCleint Tool សំរាប់ IDE Eclipse <em>link : https://marketplace.eclipse.org/content/rest-client</em></li>
<li>RESTCleint សំរាប់ IDE Intelli IDEA <em>link : https://code.google.com/p/restclient-idea-plugin/</em></li>
<li>RESTCleint សំរាប់ Broswer Firefox <em>link : https://addons.mozilla.org/en-US/firefox/addon/restclient/</em></li>
<li>Advanced REST Client សំរាប់ Broswer Chrome<em>link : http://chromerestclient.appspot.com/</em></li>
</ul>

REST API Automation Open Source Tools ដែលខ្ញុំកំពុងតាមរក :D

សង្កេតឃើញថា បច្ចុប្បន្នចំនួននៃការ develop REST API បានិងកំពុងកើនឡើងគួរឲ្យកត់សំគាល់។ នេះក៏ដោយសារ បើតាមការលើកឡើងរបស់ developer ផ្នែក iOSម្នា...

អានបន្ត »