ischool.school: 2015

Tuesday, May 12, 2015

Integrated Android developer tools for development and debugging

sudo apt-add-repository ppa:paolorotolo/android-studio
sudo apt-get update
sudo apt-get install android-studio

Ref.
https://paolorotolo.github.io/android-studio/

Monday, May 11, 2015

Ubuntu : Desktop Apps ใช้ได้....ใช้ดี

Xfce Desktop Environment

Xfce is a lightweight desktop environment for UNIX-like operating systems

http://www.xfce.org/

Shutter
Capture, edit and share screenshots

Xfce4 Screenshooter

Xpad
Notes for later

Inkscape Vector Graphics Editor
Create and edit Scalable Vector Graphics images

Tuesday, April 7, 2015

XAMPP : วืธีเปลี่ยน Port และ URL สำหรับ XAMPP

วืธีเปลี่ยน Port และ URL สำหรับ XAMPP

1. กรณีต้องการไม่ให้ พอร์ท ชนกันกับแอพพลิเคชันอื่นที่จองพอร์ท 80 แล้ว

2. กรณีต้องการติดตั้ง XAMPP หลายๆตัวหรือหลายโฟลเดอร์ ในเครื่องเดียวกัน

Sample

http://localhost:10080

http://localhost:10080/phpmyadmin

Start setting

1. Edit httpd.conf

Listen 10080

ServerName localhost:10080

2. Edit file httpd-ssl.conf

Listen 10443

ServerName www.example.com:10080

3. Edit file my.ini

port =13306

4. Config Service and Port Setting

Sunday, March 29, 2015

PHP : นำข้อมูลจากฐานข้อมูล MySQL มาแสดงในรูปแบบ XML

ตัวอย่าง การติดต่อฐานข้อมูลใน MySQL ชื่อ cai ด้วย PDO (PHP Document Object)

ข้อดีของการ ติดต่อด้วยวิธีนี้คือ ไม่ต้องแก้ไข code โปรแกรมมากเมื่อนำ code ไปนำไปใช้กับฐานข้อมูลชนิดอื่น เช่น PostgreSQL, DB2 หรืออื่นๆ เพียงแต่เปลี่ยนที่ไฟล์ connection นี้เท่านั้นก็ใช้ได้แล้ว

ตัวอย่างการเรียกใช้งานเพื่อดึงข้อมูลจากตารางและแสดงข้อมูลในรูปแบบ XML

! 1. ตัวอย่างนี้ทดสอบใน Ubuntu Server กรณีใช้บนวินโดว์ต้องอ้างอิง Path ในบรรทัดที่ 3 ให้ถูก

หรืออาจเก็บไฟล์ dbconnect.php ไว้ในโฟลเดอร์เดียวกัน

! 2. ใน php.ini ต้องเปิดใช้ extension=php_pdo_mysql.dll

! 3. ถ้าทดสอบใน AppServ ใน php.ini ต้องเปิดใช้ extension=php_pdo_mysql.dll และต้อง copy มาวางไว้ ก่อนมีการโหลด extension=

Sunday, March 8, 2015

XML (Extensible Markup Language) เป็นภาษา Markup ที่มีการระบุรายละเอียดโครงสร้าง(Structure) และ เนื้อหาเอกสาร (Content) ออกแบบมาเพื่อให้มีประสิทธิภาพมากกว่า ภาษา HTML โดยสามารถกำหนด อิลิเมนท์เพิ่มเองได้ เช่น <name> </name>, <telephone> </telephone>, <age> </age>

HTML (Hyper Text Markup Language) ทำหน้าที่เพียงนำเสนอข้อมูลเท่านั้น ไม่ได้มีการจัดการเกี่ยวกับเนื้อหาของเอกสาร โดยใช้อิลิเมนท์ ที่มีรูปแบบไว้แล้ว เช่น <h1> </h1>, <p> </p>

การที่ XML สามารถกำหนดอิลิเมนท์เพิ่มเติมได้ เรียกคุณสมบัตินี้ว่า Self Describling(คุณสมบัติ อธิบายตัวเองได้) เพื่ออธิบายว่า ข้อมูลนั้นคือข้อมูลอะไร ทำให้สามารถนำข้อมูล XML ไปประมวลผล คำนวณ จัดเรียง แสดงผลได้หลายรูปแบบ โดยใช้ตัวแปรภาษา XML หรือที่เรียกว่า XML Parser

ตัวอย่าง

<?xml version=''1.0" encoding="UTF-8" standalone="yes" ?>
<employee>
<name>Pasatorn</name>
<telephone>0889997777</telephone>
<age>24</age>
<email>pasatornp@gmail.com</email>
<facebook>pasatorn</facebook>
<blog>
<blog1>bananaplaza.blogspot.com</blog1>
<blog2>theoryplaza.blogspot.com</blog2>
<blog3>pagebeginner.blogspot.com/</blog3>
</blog>
</employee>

<?xml ?> ประกาศให้รู้ว่าเอกสารนี้เป็นเอกสาร XML
version ประกาศรเวอร์ชันของ XML
encoding ประกาศรหัสภาษา(Encoding Declaration) ที่ใช้ในเอกสาร เช่น UTF-8
stanalone ประกาศความเป็นเอกเทศของเอกสาร

XML จะแบ่งโครงสร้างข้อมูลเป็นลำดำชั้น ซึ่งเป็นโครงสร้างแบบ tree (ต้นไม้)
root คือจุดเริ่มต้นโครงสร้างต้นไม่ ในที่นี้คือ <employee> </employee>
parent node คือ โหนดที่อยู่บน
child node คือ โหนดที่อยู่ด้านล่าง
sibiling node คือ โหนดที่อยูระดับเดียวกัน
leaf node คือ โหนดปลายสุด หรือ โหนดใบ เอกสาร XML จะใช้โหนดนี้เก็บข้อมูล

Tuesday, March 3, 2015

Adobe Flash : แนวทางบันทักข้อมูลในคอมพิวเตอร์

แนวทางบันทึก Something ในคอมพิวเตอร์

1. บันทึกลงใน swf ที่ใช้ run

2. บันทีกเป็นเอกสารแบบ Text file

3. บันทีกเป็นเอกสารแบบ Text file (ชนิด XML)

4. Screen capture (ภาพหน้าจอ)

5. บันทึกลงฐานข้อมูล ด้วย ภาษาโปรแกรม เช่น PHP
http://www.kirupa.com/developer/actionscript/flash_php_mysql.htm
http://www.kirupa.com/developer/actionscript/authentication.htm

Adobe Captivate : บันทึกข้อมูลลงคอมพิวเตอร์

Captivate 5.5 กับ การรายงานผลคะแนนลงบนเครื่องคอมพิวเตอร์

http://www.crnfe.ac.th/download/Using_Captivate_5.pdf (หน้า 30)

Adobe Flash : XML : วิธีสร้างข้อสอบ โดยนำข้อสอบเข้ามาจาก ไฟล์แบบ XML

วิธีสร้างข้อสอบ โดยนำแบบทดสอบเข้ามาจาก ไฟล์แบบ XML

ข้อดีคือ
สามารถแก้ไขข้อสอบ โดยไม่จำเป็นต้องแก้ไขไฟล์โปรแกรม Flash หรือ ไฟล์ .swf

ตัวอย่างแบบทดสอบ
1) ตัวอย่างนี้จะโหลดแบบทดสอบจากเอกสาร XML
2) จับเวลาการทำแบบทดสอบ ให้เวลาข้อละ 10 วินาที
3) สรุปผลคะแนน
5) บันทึกผลคะแนนลงเอกสาร แบบ Text ไฟล์

ภาพ ตัวอย่างข้อสอบ 3 ข้อ

ข้อ 1

ข้อ 2

ข้อ 3

สรุป คะแนน

------------------------------------

ขั้นตอน

สร้างแบบทดสอบด้วย Text editor เช่น Notepad หรือ Edit plus และบันทึกเป็นเอกสาร แบบ XML

<?xml version="1.0" encoding="utf-8"?>
<QUIZ>

<QUESTION a1="Reading" a2="Singing" a3="Painting" a4="eating" v1="true" v2="false" v3="false" v4="false">what am I doing ?</QUESTION>

<QUESTION a1="John" v1="false" a2="Pasatorn" v2= "true" a3="Peter" v3="false" a4="water melon" v4="false" >Who am I ?</QUESTION>

<QUESTION a1="Khonkean" v1="false" a2="Ubon" v2="false" a3="Bangkok" v3="false" a4="Udon" v4="true">Where am I ?</QUESTION>

</QUIZ>

ที่โปรแกรม Flash
- ประกอบด้วย 3 เลเยอร์
- as3 เลเยอร์ เก็บโปรแกรม action script
- GUI เลเยอร์ สร้าง User Interface สำหรับติดต่อกับผู้ใช้ และโหลดแบบทดสอบเข้ามาแสดงในส่วนนี้
- Timer เลเยอร์ แสดงตัวจับเวลา

Action Script / Frame

Layer: as3 , Frame : 1

import fl.controls.RadioButtonGroup; // อิมพอร์ท คลาส RadioButtonGroup เพื่อจัดการ เกี่ยวกับปุ่ม (Button)
import flash.events.MouseEvent; // อิมพอร์ท คลาส MouseEvent เพื่อจัดการเหตุการณ์(event) ที่มาจากเมาส์
import flash.utils.Timer; // อิมพอร์ท คลาส Timer สำหรับจัดการด้านเวลา
import flash.filesystem.*;

stop(); // หยุดอยู่ที่ frame นี้

var score_right = 0; // สร้างตัวแปร score แล้วกำหนดค่าให้เท่ากับ 0
var score_wrong = 0;
var myXML:XML; // สร้างตัวแปร myXML เป็นชนิด XML Object
var myLoader:URLLoader = new URLLoader(); // สร้างตัวแปรออปเจค ชื่อ myLoader เพื่อโหลดไฟล์ ตาม path ที่ระบุ
myLoader.load(new URLRequest("quiz-question.xml")); // อ่านนื้อหาในไฟล์ question.xml (แบบทดสอบ)
myLoader.addEventListener(Event.COMPLETE, processXML); // ถ้าโหลดไฟล์สำเร็จ (สถานะเป็น COMPLETE) ให้เรียกฟังก์ชัน processXML มาประมวลผล
function processXML(event:Event):void // ฟังก์ชัน processXML
{
myXML = XML(event.target.data); // กำหนดให้ ตัวแปร myXML มีค่าเป็น อาร์เรย์ข้อมูลที่อ่านจากไฟล์ XML

qn1.text = myXML.QUESTION[0]; // นำข้อมูลจาก myXML.QUESTION[0] ใส่ใน qn1 ซึ่งเป็น ชนิด text

ans1.visible = ans2.visible = ans3.visible = ans4.visible = btn1.visible = true;
// ให้แสดงปุ่มตัวเลือก ที่ 1 - 4 และ ปุ่ม btn1

ans1.label = myXML.QUESTION[0].@a1; // นำข้อมูลจากไฟล์ XML ที่ index 0 , แอททริบิว a1 ใส่ใน label ชื่อ ans1
ans2.label = myXML.QUESTION[0].@a2; // นำข้อมูลจากไฟล์ XML ที่ index 0 , แอททริบิว a2 ใส่ใน label ชื่อ ans2
ans3.label = myXML.QUESTION[0].@a3; // นำข้อมูลจากไฟล์ XML ที่ index 0 , แอททริบิว a3 ใส่ใน label ชื่อ ans3
ans4.label = myXML.QUESTION[0].@a4; // นำข้อมูลจากไฟล์ XML ที่ index 0 , แอททริบิว a4 ใส่ใน label ชื่อ ans4

ans1.value=myXML.QUESTION[0].@v1; // นำข้อมูลจากไฟล์ XML ที่ index 0 , แอททริบิว v1 กำหนดให้กับ ans1
ans2.value=myXML.QUESTION[0].@v2; // นำข้อมูลจากไฟล์ XML ที่ index 0 , แอททริบิว v2 กำหนดให้กับ ans2
ans3.value=myXML.QUESTION[0].@v3; // นำข้อมูลจากไฟล์ XML ที่ index 0 , แอททริบิว v3 กำหนดให้กับ ans3
ans4.value=myXML.QUESTION[0].@v4; // นำข้อมูลจากไฟล์ XML ที่ index 0 , แอททริบิว v4 กำหนดให้กับ ans4

myTimer.start(); // เรียก myTimer ให้ทำงานพร้อมสั่งให้ start เพื่อเริ่มจับเวลาทำข้อสอบ
}

btn1.addEventListener(MouseEvent.CLICK, clickhandler);

function clickhandler(event:MouseEvent):void
{
myTimer.reset(); // รีเซ็ทตัวจับเวลา
myTimer.start(); // เริ่มต้นจับเวลา
timer.text="10 seconds remain"; // แสดงข้อความ

if (ans1.group.selection.value == "true") // ถ้าเลือกคำตอบ 1
{
++score_right; // ให้ บวกคะแนน 1 คะแนน
nextFrame(); // กำหนดให้ทำงานที่ frame ถัดไป
}
else // ถ้าเลือกคำตอบอื่น
{
++score_wrong;
nextFrame(); // กำหนดให้ทำงานที่ frame ถัดไป
}
}

var myTimer:Timer = new Timer(1000); // สร้างอินสแตนท์(instance) ของ Timer
myTimer.addEventListener(TimerEvent.TIMER, timerHandler); // เรียกฟังก์ชัน timerHandler
function timerHandler(event:TimerEvent):void // สร้างฟังก์ชัน timerHandler เพื่อสร้างตัวจับเวลา
{
timer.text = 10 - myTimer.currentCount + " seconds remain";

if (myTimer.currentCount % 10 == 0) // ถ้านับ เวลา ครบ 10 วินาที
{
myTimer.reset(); // รีเซ็ทตัวจับเวลา
myTimer.start(); // เริ่มต้นจับเวลา
timer.text="10 seconds remain"; // แสดงข้อความ 10 seconds remain
nextFrame(); // กำหนดให้ทำงานที่ frame ถัดไป
}
}

Layer: as3 , Frame : 2

qn2.text = myXML.QUESTION[1];
ans5.label = myXML.QUESTION[1]. @ a1;
ans6.label = myXML.QUESTION[1]. @ a2;
ans7.label = myXML.QUESTION[1]. @ a3;
ans8.label = myXML.QUESTION[1]. @ a4;

ans5.value=myXML.QUESTION[1].@v1;
ans6.value=myXML.QUESTION[1].@v2;
ans7.value=myXML.QUESTION[1].@v3;
ans8.value=myXML.QUESTION[1].@v4;

btn2.addEventListener(MouseEvent.CLICK, clickhandler1);
function clickhandler1(event:MouseEvent):void
{
myTimer.reset();
myTimer.start();
timer.text="10 seconds remain";
if (ans5.group.selection.value == "true")
{
score_right += 1;
nextFrame();
}
else
{
++score_wrong;
nextFrame();
}
}

Layer: as3 , Frame : 3

qn3.text = myXML.QUESTION[2];
ans9.label = myXML.QUESTION[2]. @ a1;
ans10.label = myXML.QUESTION[2]. @ a2;
ans11.label = myXML.QUESTION[2]. @ a3;
ans12.label = myXML.QUESTION[2]. @ a4;

ans9.value=myXML.QUESTION[2].@v1;
ans10.value=myXML.QUESTION[2].@v2;
ans11.value=myXML.QUESTION[2].@v3;
ans12.value=myXML.QUESTION[2].@v4;

btn3.addEventListener(MouseEvent.CLICK, clickhandler2);
function clickhandler2(event:MouseEvent):void
{
myTimer.reset();
myTimer.start();
if (ans10.group.selection.value == "true")
{
++score_right;

nextFrame();
}
else
{
++score_wrong;
nextFrame();
}
}

Layer: as3 , Frame : 4

totalScore.text = score_right + "/3";
myTimer.stop();
timer.text="";

------------------ Reference / Memo -------------

http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/filesystem/File.html#File()

http://stackoverflow.com/questions/16122172/filereference-vs-file/16123731#16123731

The File class extends the FileReference.
FileReference is safe to be used in the FlashPlayer (in the browser) because it won't let you modify the files in the user machine.

If you want to open a file, you need to as for the user to open it for you with: FileReference.browse().
To save a file, you need to ask the user to save it: FileReference.save()

With File class you can open, modify and save files without those dialogs.
Furthermore, the File class gives you a bunch of useful properties like: File.desktopDirectory, File.documentsDirectory and such.
You can check if a file exists with the exists property and have a much restriction when manipulating file in the user file system.

You can read more about the FileReference and File classes in the docs.

http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/filesystem/File.html#methodSummary

Monday, March 2, 2015

Adobe Flash : เขียนข้อมูลลงในคอมพิวเตอร์ เก็บไว้ใน Text File

การเก็บข้อมูลจาก Adobe FLASH ลงในไฟล์บนเครื่องคอมพิวเตอร์

ตัวอย่าง

import flash.filesystem.*; // ต้องติดตั้ง Adobe AIR ตามรูปด้านล่าง

var str:String = "Hello\n" +
"Com-Ed\n" +
"OK Done";

str = str.replace(/\n/g, File.lineEnding);
var file:File = File.documentsDirectory.resolvePath("test.txt"); // ต้องสร้าง test.txt ไว้ก่อน
var fileStream:FileStream = new FileStream();
fileStream.open(file, FileMode.APPEND); // fileStream.open(file, FileMode.WRITE);
fileStream.writeUTF(str);
fileStream.close();

หมายเหตุ

fileStream.open(file, FileMode.APPEND); คือเพิ่มข้อมูลต่อจากข้อมูลเดิมในไฟล์
fileStream.open(file, FileMode.WRITE); คือเขียนไฟล์ใหม่ (เขียนทับไฟล์เดิม)

ตั้งค่า Adobe AIR สำหรับใช้งานบางคลาสใน import flash.filesystem.*;

ตำแหน่งเก็บไฟล์

ประยุกต์ใช้

ใช้เขียนเอกสารลงในคอมพิวเตอร์แบบ XML
(เนื่องจากเนื้อหาในเอกสาร XML เป็นเพียง Text, จึงสามารถสร้างเอกสาร
แบบ XML โดยเพียงแต่จัดรูปแบบการบันทึกเท่านั้น)

อ้างอิง

http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/filesystem/File.html#File()

Saturday, February 7, 2015

Wordpress: การติดตั้ง Wordpress จาก Tar ไฟล์แพคเกจ

WordPress คือ ซอฟแวร์สำเร็จรูป สำหรับสร้างและจัดการเนื้อหาในเวปไซต์ได้แบบออนไลน์ หรือ เรียกว่า Contents Management System หรือ CMS โดยไม่จำเป็นต้องมี โปรแกรมสำหรับสร้างและออกแบบเว็บไซต์บนเครื่องคอมพิวเตอร์ อย่างเช่น Dreamwaver

CMS ถูกสร้างมาเพื่อใช้งานบนอินเตอร์เน็ตโดยตรงเพียงแค่คุณล็อกอินเข้าสู่ระบบจัดการของ CMS ได้ทันที

CMS สำหรับสร้างและจัดการเนื้อหาในเวปไซต์ มีหลายประเภท แล้วแต่วัตถุประสงค์ของเนื้อหาในเวปไซต์เช่น ๋
Joomla สำหรับเวปไซต์
Open cart สำหรับ อีคอมเมิร์ช
Moodle สำหรับ อีเลิร์นนิ่ง เป็นต้น

สำหรับบทความนี้จะแนะนำวิธีติดตั้ง จากแพคเกจไฟล์ที่ถูกบีบอัดมา (Archive file) อย่างนามสกุล .tar ใน linux server เช่น Ubuntu

1. Login เข้าสู่ Server โดยเข้าแบบ Text Mode

2. ดาวน์โหลดไฟล์ เวอร์ชันล่าสุด

$ wget https://wordpress.org/latest.tar.gz

CentOS : ติดตั้ง ไทยฟอนท์

ติดตั้ง ไทยฟอนท์ ใน CentOS 5.5

ดาวน์โหลดฟอนท์

# wget ftp://linux.thai.net/pub/ThaiLinux/software/thai-ttf/thai-ttf-0.4.9.tar.gz

แตกไฟล์
# tar xvfz thai-ttf-0.4.9.tar.gz

เข้าไปที่ไดเรคทอรี
# cd thai-ttf-0.4.9

สร้างไดเรคทอรี่
# mkdir /usr/share/fonts/thai-ttf

คัดลอกฟอนท์ไปที่ไดเรคทอรี่ที่สร้างไว้
# cp . /usr/share/fonts/thai-ttf/

เพิ่มรายการฟอนท์ไทย เข้าไปในระบบ
# chkfontpath -a /usr/share/fonts/thai-ttf

ตรวจสอบฟอนท์ในระบบ
#chkfontpath -l

Restart เครื่อง
# shutdown -r now

Monday, January 26, 2015

Virtualbox: สร้างระบบปฏิบัติการใหม่ (Virtual machine guest)

Oracle Virtual Box

การสร้างระบบปฏิบัติการใหม่ (Virtual machine guest) ใน เครื่องแม่ (Virtual machine Host)
วิธีการตามรูปด้านล่าง

กำหนดที่เก็บไฟล์สำหรับระบบปฏิบัติการที่สร้างขึ้น ได้ตามต้องการ (ควรสร้าง Folder ที่ชื่อเหมือนและเก็บไว้ในนั้นแยกเป็นอิสระสำหรับแต่ละระบบ) ปฏิบัติการ)

Sunday, January 25, 2015

CentOS 6.6: ติดตั้ง CentOS 6.6 Server แบบText Mode ใน Virtualbox

ติดตั้ง CentOS 6.6 Server แบบText Mode

1. ดาวน์โหลดไฟล์ ติดตั้ง จาก Mirror Server ในไทย

1.1 http://mirrors.bangmodhosting.com/centos/6.6/isos/
1.2 http://mirrors.psu.ac.th/pub/centos/6.6/isos/
1.3 http://mirrors.bestthaihost.com/centos/6.6/isos/
1.4 http://mirror1.ku.ac.th/centos/6.6/isos/
1.5 http://mirrors.hosting.in.th/centos/6.6/isos/
1.6 http://mirrors.thzhost.com/centos/6.6/isos/

ผมเลือก link ในสุดท้าย โดยเฉลี่ย เร็วกว่า link อื่น (ณ. เวลาทดสอบ)

ปรากฏ Folder ให้เลือกว่าต้องการ 32 bit (i386) หรือ 64 bit (x86_64)

ผมเลือก 32 bit สำหรับ มาทดสอบ เนื่องจากระบบปฏิบัติการที่ติดตั้งใน เครื่องเป็น 32 bit

ปรากฏ File ให้เลือกใหลายแบบ ในที่นี้จะเลือก

CentOS-6.6-i386-minimal.iso

เพราะมีขนาดเล็ก (339.0M) โหลดเร็ว (ไม่มีกราฟฟิค ไม่มี package ต่างๆ แต่จะต้องติดตั้งจาก

internet เองถ้าต้องการ)

ในการทดสอบติดตั้งนี้จะ ทำใน Oracle Virtual Box จะได้ไม่เปลืองเครื่อง Hardware จริง
(สำหรับการสร้างระบบปฏิบัติการใหม่ ใน Virtualbox หาอ่านได้ ในบทความก่อนหน้านี้ )

1. เริ่มเปิดเครื่อง ตัวติดตั่งจะให้ตรวจสอบว่าแผ่นติดตั้งใช้งานได้หรือไม่ ถ้าเคยตรวจสอบแล้ว
สามารถเลือก Skip ได้เลย (กดปุ่ม TAB หรือ ลูกศรเลือก)