19

การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

Embed Size (px)

Citation preview

Page 1: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android
Page 2: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

การเขยนโปรแกรรมโดยใช NetBeans

ขนตอนการตดตง (NetBeans IDE Installation)

NetBeans IDE เปน Freeware Editor อกตวหนง ซงไดรบความนยมในการใชพฒนาโปรแกรม โดย NetBeans นนสนบสนนการพฒนาโปรแกรมในหลายภาษา เชน Java, php, C/C++ นอกจากน

เรายงสามารถ download PlugIn ตางๆมาใชงานรวมกบตว NetBeans เองดวย ยกตวอยางเชนiReport เปน Plugin ทใชในการสราง report หรอ Visual Web Page Layouts ใชในการแสดง

ตวอยางหนา web page กอนทจะเรมใชงาน NetBeans เราสามารถ download ตวโปรแกรม NetBeans ไดทhttp://netbeans.org/downloads/index.html โดย NetBeans นนมหลาย version หลายPlatform เราสามารถเลอกภาษา Platform และ version ไดตามความเหมาะสม

Page 3: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

เมอทำาการ download มาแลวจะไดเปน .exe file ซงเราสามารถทำาการตดตงโปรแกรมไปยงdirectory ทตองการจะทำาการตดตงไดเลย หลงจากตดตงโปรแกรมเสรจสมบรณแลว เรา

สามามารถเขาโปรแกรม NetBeans ไดจากหนา desktop

ในทนเราจะทำาการพฒนาโปรแกรมดวยภาษา JAVA เพราะฉะนนจะตองทำาการ download ตวJDK หรอ Java Development Kit เสยกอน สามารถ download ไดทhttp://www.oracle.com/technetwork/java/javase/downloads/index.html

Page 4: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

เรมใชงานNetBeans

Page 5: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

หนาจอหลกของ NetBeans จะแบงออกเปน 4 สวนใหญๆดงน

1. เปนสวนของแถบเมน และ Tool ตางๆ2. เปนสวนทแสดงและจดการ Project ตางๆ เหมอนเปนการ Browse ด Project หรอ

File ตางๆ3. เปนสวนทใชในการเขยน Code4. เปนสวนทใชในการแสดงผลการทำางานตาง เมอทำาการ Run โปรแกรม และยงมสวน

ของการ debug โปรแกรมดวย

Page 6: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

เมอรจกหนาตาหรอ GUI แบบคราวๆของ NetBeans กนแลวตอไปกมาลองเขยน โปรแกรมงายกน โดยเรมจากการ New Project ใหมขนมา โดยการเลอกท File >>

New Project

จะมหนาตางขนมาใหเราเลอก โดยใหเราทำาการเลอก Java และ Java Application แลวกด Next

Page 7: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

จากนนจะมหนาตางใหกำาหนดคารายละเอยดตางๆของ Project โดยจะบงคบใหใส Project Name ในทนจะ ตงชอ Project วา NetBeansTutorial และชอ Main Class วา MainClass เมอกำาหนดคารายละเอยดตางๆแลว กด

Finish เราจะได Project ทชอวา NetBeansTutorial และ File ชอ MainClass.java ขนมา ตอไปเราจะลองสรางclass TestObj ขนมา เพอลองใช Funtion บางอยางของ NetBeans โดยการสราง class ใหมนน เราสามารถทำาไดโดย

คลกขวาทชอ Project แลวเลอก New >> Java Class ดงภาพ

Page 8: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

หลงจากนนจะปรากฏหนาตางขนมาใหกำาหนดรายละเอยด โดยใหตงชอ Class วาTestObj แลวกด Finish

ภายใน class TestObj จะม code ดงนpublic class TestObj { private String firstName; private String lastName; public void showName() { System.out.println("THIS IS METHOD showName()"); System.out.println("My name is "+firstName+" "+lastName); }}

Page 9: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

จะเหนไดวา Attribute ใน Class TestObj เปน private ฉะนนกจะตองม Getter and Setter เราสามารถทจะสงให NetBeans สราง Getter and Setter จาก Attribute ทมอย

ไดโดยการคลกขวาทหนาจอทใชเขยน code แลวเลอก Insert Code จะปรากฏหนาตาง ขนมาใหเลอกท Getter and Setter

หนาตางสำาหรบการ Generate Getters and Setters จะขนมา ใหเรา ทำาการเลอกวาจะสราง Getters and Setters ใหกบ Attribute ใดบาง เมอ

เลอกเสรจเรยบรอยใหกด Generate

Page 10: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

เราจะได code ของ class TestObj ดงนpublic class TestObj { private String firstName; private String lastName; public void showName() { System.out.println("THIS IS METHOD showName()"); System.out.println("My name is "+firstName+" "+lastName); }

public String getFirstName() { return firstName; }

public void setFirstName(String firstName) { this.firstName = firstName; }

public String getLastName() { return lastName; }

public void setLastName(String lastName) { this.lastName = lastName; }}

Page 11: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

นอกจากการ Generate Getters and Setters แลว เราสามารถคลกขวาเพอดFunction อนๆท NetBeans สามารถชวยจดการใหการทำางานของเรางายขน

เมอได class TestObj แลว ตอไปเรากทำาการแกไข code ของMainClass ใหเปนดงนpublic class MainClass { public static void main(String[] args) { TestObj temp = new TestObj(); temp.setFirstName("Itthi"); temp.setLastName("Kruenarongkul"); temp.showName(); temp.setFirstName("Monthinee"); temp.setLastName("Buntawee"); temp.showName(); }}

Page 12: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

เมอทำาการแกไข Code เสรจเรยบรอย เราจะลองทำาการ Run โปรแกรมนด โดยการกดปมสเขยวทอยดานลางแถบเมน

โดย NetBeans จะทำาการ Save ใหอตโนมตทกครงทจะทำาการ Run ถา NetBeans ทำาการcompile แลวไมพบ errorโปรแกรมจะแสดงผลทสวนดานลางดงภาพ

Page 13: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

การดบกโปรแกรม

การเขยนโปรแกรมคอมพวเตอรนนบางครงอาจตองพจารณาคาของ ตวแปรตางๆ ทเกดขนระหวางการทำางานของโปรแกรม เพอตรวจสอบขอผด

พลาดบางอยางทเกดขนได เชน การใชตวแปรผด การเขยนนพจนผด ซงขอผด พลาดเหลานนเรยกวาบก (bug) แตเนองจากโปรแกรมทำางานเรวมาก บางครง

อาจตองใหโปรแกรมหยดในตำาแหนงกำาหนดจดหยดของโปรแกรมชวคราว หรอดคาของตวแปรระหวางโปรแกรมทำางานได

Page 14: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

การเขยนโปรแกรม Android

1. เปดโปรแกรม NetBeans ขนมาใชงาน เลอกเมน File ตามดวยเมนยอย New Project เพอสรางโครงงานใหม

2. จากนนเลอกหวขอ Categories ชอวา Android และเลอก Android Project แลวกดปมNext

Page 15: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

3. ตอไปในเราทำาการกำาหนดรายละเอยดตางๆของโครงงานนน ดงรป และเลอกTarget Platform ตามทตองการ ในทน เลอก Android 4.3 เมอเลอกเรยบรอยแลว

ใหกดปม Finish ( ในทน ตงชอ Package Name ชอวา com.netbeans.test )

Page 16: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

4. โปรแกรม NetBeans ทำาการสราง pattern ของโปรแกรมนามสกล java มา ใหเราแกไข ดงรป

Page 17: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

5. สงทเราตองการคอ สราง Label “ใหแสดงขอความคำาวา Hello World” แตกอนอนเราตองไป ท website ทแนะนำาวธการพฒนาโปรแกรม Android จาก website นกอน แลวหาวธการสราง

Label ซงในทน คอ TextView นนเอง

Page 18: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

6. ใหเราทำาการ Import Package ของ TextView( รปท 2 ขอท 5.) โดยการเขยนชดคำาสงไวใน ไฟลนามสกล java ในขอท 4. แตในการใชงานจรง เราสามารถทจะ Import Package ของ

TextView ไดอกวธหนง ดงรป

7. จากนนทำาการเขยนชดคำาสงสวนทเหลอทตองการใหแสดงลงไป ในไฟลนามสกล java ดงรป

Page 19: การเขียนโปรแกรมโดยใช้NetBeans และ การสร้าง App Android

8. ตอไปเปนขนตอนทสำาคญมากๆ การ Build Project นนตองตงคาท Control Panel\Clock, Language, and Region โดยเลอกทงใน Formats และ Location ใหเปน United States และลบ ไฟล debug.keystore ใน C:\Users\ชอผใชงาน\.android ถามทง กอน

จะทำาการ Build Project ไมงนจะเกดผดพลาดในขนตอนการ Build Project เพราะเราใช การอางองตาม พ.ศ. ทำาใหการอางองใบรบรองโปรแกรม ตาม ค.ศ. นนหมดอาย

สำาหรบ Build Project ทำาโดยเลอกคลกขวาทโปรเจคแลวเลอก Build