ตอนที่ 6 Hello World Part I

เขียนให้ บอร์ด OpenSource สพฐ. หากต้องการติดตาม ซีรี่ชุดนี้แบบเต็ม ก็ไปที่นี่

http://board2.obec.go.th/viewtopic.php?f=10&p=179555



ผ่านกระบวนการตั้งค่ามาแบบสาหัสกันแล้ว ต่อนี้ไปก็ถึงการลุยของจริงแล้วครับ มาเริ่มกันเลย

ที่กรอบ Project ด้านซ้ายให้คลิกขวา เลือก New -> Project...
Image

คลิกลูกศรด้านหน้า Aptana Projects -> Adobe AIR Project -> Next
Image

ช่อง Project name ตั้งชื่อ HelloWorld ที่ช่อง Main HTML file จะตั้งชื่อ HelloWorld.html ให้เราอัตโนมัติ
หากต้องการสร้าง Project ของเรานอกเหนือจากค่าดีฟอลต์ ให้เอาเครื่องหมายถูกหน้า Use default location ออก
และกำหนดตำแหน่งได้จากช่อง Location จากภาพผมกำหนดเป็น /home/www/HelloWorld ซึ่งเป็น localhost ด้วย
สาเหตุที่กำหนดแบบนี้เพราะตั้งใจจะใช้เป็น Web application ด้วย (นอกเหนือจาก Air) ตั้งค่าเรียบร้อยแล้วคลิก Next
Image

ถึงขั้นตอนสำคัญแล้วครับ ปกติขั้นตอนนี้เราต้องสร้างด้วยมือ แต่อยู่บน Aptana เราเพียงกรอกข้อมูล ก็สามารถสร้างไฟล์ application.xml
ได้อย่างง่ายดาย และไม่มีวันผิดพลาดแน่นอน การกรอกข้อมูลก็ไม่ต้องเปลี่ยนอะไรมาก ดูภาพเอาเองนะครับ
Image

ไฟล์ application.xml เป็นไฟล์หลักที่อธิบายความเป็นโปรแกรมของเรา ดังนั้นเมื่อถึงขั้นตอนนี้
จะเห็นว่าเราสามารถตั้งค่าหน้าต่างได้ละเอียดดีทีเดียว
Image

ถึงขั้นตอนนี้ก็เลือก JavaScript Library ที่ต้องการ ตัว HelloWorld นี้ผมขอใช้ Mootools ก็แล้วกันครับ คล่องมือดี
เรียบร้อยคลิก Finish
Image

สุดท้าย Aptana จะสร้างโปรแกรม HelloWorld มาให้เราอัตโนมัติ โดยที่ยังไม่ทันได้ลงมือเขียนอะไรเลยแม้แต่น้อย
Image

ตอนต่อไปเราจะเรียกใช้งาน HelloWorld แล้ว ติดตามต่อไปครับ

ความคิดเห็น