การเขียนโปรแกรม Netbeans และการสร้าง App Android
0 likes584 views
เสนอ ครูทรงศักดิ์ โพธิ์เอี่ยม
การเขียนโปรแกรม Netbeans และการสร้าง App Android
- 2. สมาชิก นางสาวธนพร นางสาวธนัชชา นางสาวธนัญญา นางสาวชัชชญา นางสาวณิชากร นางสาววิลาสินี นางสาวศศิภา ศรอารา ปานมา สุทธิพงศ์เกียรติ์ ก่อถิรวัสส์ สุขอุดมกอบกุล ศรีพรรณ์ สามหาดไทย เลขที่ 19 เลขที่ 23 เลขที่ 24 เลขที่ 25 เลขที่ 28 เลขที่ 37 เลขที่ 39
- 3. Netbeans คือเครื่องมือที่ช่วยในการเขียนโปรแกรมภาษาจาวา ที่มี ประสิทธิภาพอย่างมาก ทาให้สามารถพัฒนางานได้ง่าย และเร็ว เพราะ Netbeans มี Editor อยู่ในตัวที่ใช้ในการเขียนภาษาโปรแกรม มีการแบ่งสี ออกเป็นสี ๆ ใน Editorเพื่อให้ง่ายต่อการมอง ง่ายต่อการจัดรูปแบบ เพื่อให้เขียนโปรแกรมได้ง่ายขึ้น มีคอมไพล์ที่สามารถคอมไพล์ได้ง่าย สามารถกดรันได้ โดยไม่ต้องกดคอมไพล์ก่อน เพราะ Netbeans จะทาการ คอมไพล์ให้อัตโนมัติ มีปุ่มที่ใช้สาหรับทา GUI(Graphic User Interface) อยู่ในตัวสามารถลากวางได้เลย และที่สาคัญคือฟรีคับ โดยมีบริษัท Sun Microsoft เป็นผู้ให้บริการ เราจึงสามารถมั่นใจได้ว่า เครื่องมือนี้จะรองรับ มาตรฐานใหม่ ๆ ของภาษาจาวาในอนาคตได้อย่างแน่นอน
- 4. เริ่มต้นการสร้าง Project บน Netbeans เลือกเมนู File -> New Project
- 5. เลือก Java -> Java Application
- 6. กาหนดชื่อ Project ในส่วนของ Create Main Class ให้ติ๊กออก จากนั้น เลือก Finish
- 7. ตอนนี้ได้โปรเจคเปล่า ๆ ยังไม่มีไฟล์ .java สร้าง Package โดยการคลิก ขวา Project -> New -> Java Package...
- 8. ใส่ชื่อ Package เช่น com.java.myapp ได้ Package เช่น com.java.myapp เรียบร้อยแล้ว
- 9. สร้างไฟล์ Class ของ Java คลิกขวาที่ Package เลือก New -> Others...
- 10. การสร้าง GUI ในการสร้างไฟล์ .java แบบ GUI สามารถเลือก Class ได้หลายตัวมาก เช่น Swing GUI Forms และภายใน Swing ก็มี Class แยกย่อยอีกหลายตัว เช่นเดียวกัน หรือจะเลือกใช้ AWT GUI Forms ซึ่งจะแยกย่อย Class ได้อีก 4-5 ตัว
- 11. หลายคนจะยังสงสัยว่าจะเลือกตัวไหนดี ซึ่งปกติแล้วพวกการเลือก พวก GUI ต่าง ๆ เป็นเพียงค่า Defaultเริ่มต้นตอนที่สร้าง ไฟล์ Class เท่านั้น แต่หลังจากที่สร้างแล้ว เราสามารถทาการแก้ไข Code ต่าง ๆ และเรียกใช้งาน Classต่าง ๆ เพิ่มได้ทีหลัง และสามารถใช้ได้ ทั้ง Swing และ AWT หรืออื่น ๆ ในการออกแบบและสร้าง Form ได้
- 12. ในขั้นตอนนี้ให้เลือก Swing GUI Forms -> JFrame Form กาหนดชื่อ Class
- 13. ตอนนี้ได้เราได้ Class ที่มี .java เรียบร้อยแล้ว พร้อมทั้ง Form เปล่า ๆ ที่โปรแกรมสร้างมาให้ จะเห็นว่ามี Toolbox ที่ประกอบด้วย Controls และ Object ต่าง ๆ มากมาย ที่ไว้ออกแบบ Form
- 14. ก่อนอื่นให้เราเข้าใจเกี่ยวกับ Layout ของ Form ก่อน ซึ่งปกติแล้ว เวลาเราเขียนบน VB.Net หรือ Visual Studio จะมีการจัดพวก Control ต่าง ๆ ตามตาแหน่ง X , Y ของ Form แต่ในภาษา Java เรา สามารถเลือกที่จะจัดรูปแบบของ Control และ Object ต่าง ๆ ได้ เช่น จะ เป็นแบบ Grid Layout (ให้นึกถึง HTML แบบ Table) และอื่น ๆ อีก หลายรูปแบบ แต่ในค่าพื้นฐานแนะนาให้ปรับเป็น Null layout คือจัดวาง ตาแหน่งแบบ X , Y เหมือนกับ VB.Net ที่เราคุ้นเคย
- 15. ทดสอบการสร้าง Label , TextField และ Button ด้วย (JLabel, jTextField และ jButton) อาศัยการ ลากวาง ๆ ปรับแต่ง Properties ของ Form ซะ หน่อยด้วยการคลิกที่ Form แล้วไปที่ Properties -> Code -> Form Size Policy -> Generate Resize Code หรือจะปรับแต่งพวก Size ได้ตามขนาด ที่ต้องการ
- 17. ได้ผลลัพธ์ดังรูป
- 18. สรุป จากผลลัพธ์จะเห็นว่า Netbeans ช่วยให้เราสร้าง Form GUI ด้วย Java แบบง่ายมาก ๆ โดยที่เรายังไม่ได้เขียน Code เลยซะบรรทัด ก็ สามารถสร้าง GUI ได้แล้ว และขั้นตอนถัดไป หลังจากได้ GUI แล้ว เราจะต้องสร้าง Event เหตุการณ์ต่าง ๆ กับ User เช่นการรับค่าผ่าน Input และแสดง Dialog โต้ตอบแบบง่าย ๆ
- 19. การสร้าง App Android สร้างโปรเจค Android Create New Project บนโปรแกรม Eclipse เปิดโปรแกรม Eclipse เลือกเมนู File -> New -> Android Application Project
- 20. กาหนด Application Name , Project name , Package Name และก็ Build SDK : ให้เลือก Version ของ Android แนะนาให้เลือก ที่ได้ทาการติดตั้ง Emulator ไว้ (ติดตั้ง Android AVD Emulator) ขั้นตอนนี้จะเป็นการสร้าง Icons ของ App สามารถปรับแต่งได้ตามความต้องการ หรือ จะกาหนดเป็นค่า Default ไปก่อนก็ได้ โดย ให้คลิก Next เพื่อไปยังขั้นตอนถัดไปได้เลย
- 21. เลือก Create Blank Activity และ Next เพื่อไปยังขั้นตอนถัดไป (Activity คืออะไร จะได้อธิบายในขั้นตอนถัดไป) กาหนดชื่อ Activity ถ้าไม่ต้องการแก้ไข สามารกาหนดเป็นค่า Default และเลือก Finish
- 22. กรณีที่แจ้งดังภาพให้ทาการ Install และ Upgrade ให้เรียบร้อยก่อน เลือก Accept และ Install
- 24. หน้าจอหลักของ Project ในการพัฒนาโปรแกรม Android ด้วยโปรแกรม Eclipse นั้น สามารถพัฒนาผ่าน UI ที่เป็น GUI ได้เช่นเดียวกัน ซึ่งจะช่วยให้การเขียน โปรแกรมนั้นง่ายและสะดวกยิ่งขึ้น และในการสร้างโปรเจคแต่ล่ะครั้งตัว โปรแกรม Eclipse จะทาการ include library ที่เป็นค่า Default และ จาเป็นต่อการพัฒนาโปรแกรมนั้นหลายตัว แต่ที่ใช้และเราจะต้องสนใจใน ขั้นตอนนี้ให้ดูแค่ 2 ตัวคือ - MainActivity.java - activity_main.xml