การเขียนโปรแกรมด้วย net beans

36
การเขียนโปรแกรมด้วย NETBEANS และการสร้าง แอป ANDROID

Upload: apisit-song

Post on 18-Jul-2015

161 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: การเขียนโปรแกรมด้วย Net beans

การเขยนโปรแกรมดวย NETBEANS

และการสรางแอป ANDROID

Page 2: การเขียนโปรแกรมด้วย Net beans

การตดตง Netbeans ส าหรบเขยน Java (Install Netbeans IDE for Java) Netbeans อานวา“เนตบนส” เปน Tools IDE อกตวหน งท ไดรบความนยมทใชในการเขยนโปรแกรมภาษาตาง ๆ รวมท งภาษา Java โดย Netbeans เปน Open Source ฟร ทสามารถท าการพฒนา Plugin หรอ Add-on ไวส าหรบการพฒนาโปรแกรมภาษาอน ๆ ได เชน HTML5, PHP, C/C++ และอน ๆ แตหลก ๆ แลวจะถกใชพฒนาโปรแกรมภาษา Java ซะมากกวา และกอนการใชงาน Netbeans จะตองท าการตดต ง Java JRE หรอ Java SDK ใหเรยบรอยซะกอน

การตดตง Java SDK และการปรบแตงคาพนฐาน (Install Java SDK and Config)

http://www.thaicreate.com/java/java-install-sdk-windows.html

Netbeans IDE for Java

การตดตง Netbeans ส าหรบเขยน Java โปรแกรม Netbeans สามารถดาวนโหลดไดฟรท

Netbeans

http://netbeans.org/downloads/

ดาวนโหลดโปรแกรม Netbeans สามารถดาวนโหลดไดฟร ๆ

การตดตง Netbeans ส าหรบเขยน Java (Install Netbeans IDE for

Java)

Page 3: การเขียนโปรแกรมด้วย Net beans

เลอกเวอรช นท เปน Java SE

ได Package ของ Netbeans ส าหรบท าการ Install บน

Windows

Page 4: การเขียนโปรแกรมด้วย Net beans

ก าลงจดเตรยม Package ส าหรบการตดต ง

เลอก Next เพ อท าการตดต ง

Page 5: การเขียนโปรแกรมด้วย Net beans

ยอมรบเง อนไขและเลอก Next

Page 6: การเขียนโปรแกรมด้วย Net beans

ยอมรบเง อนไขและเลอก Next

Page 7: การเขียนโปรแกรมด้วย Net beans

ข นตอนน ถาในกรณทในเครองของเราม Java SDK เวอรช นท ต ากวาปจจบน

อาจจะตองท าการ Update ใหเรยบรอยซะกอน

Page 8: การเขียนโปรแกรมด้วย Net beans

คลก Install

Page 9: การเขียนโปรแกรมด้วย Net beans

ก าลงตดต ง Netbeans

Page 10: การเขียนโปรแกรมด้วย Net beans

ตดต ง Netbeans เรยบรอยแลว

Page 11: การเขียนโปรแกรมด้วย Net beans

NETBEANS : สราง JAVA GUI ดวย NETBEANS สราง

APPLICATION แบบ GRAPHIC แบบงาย ๆ

Netbeans : สราง Java GUI ดวย Netbeans สราง Application แบบ Graphic แบบงาย ๆ ในกรณท ตดตง Netbeans เราสามารถทจะสราง Project แบบ GUI เพ อเรยกใชงานพวกClass ของAWT และ Swing ไดทนท โดยทเราไมตองท าการตดต งพวกPlugin ของWindowBuilderเหมอนกบโปรแกรม Eclipse และการใชงาน Netbeans สราง GUI กจะใชหลกการเชนเดยวกบโปรแกรม Eclipse ทตดต ง WindowBuilder คอเราจะใชการสราง Form ผาน Toolbox ตาง ๆ ท Netbeans มให เชนพวก Label , TextField , Button และอน ๆ อกมากมาย จากน นเราสามารถทจะสราง Event หรอเหตการณตาง ๆ ใหกบ Object ทเราสรางข น และเม อตองการเขยนใหโปรแกรมท างานในส งท ตองการ กจะใชการเขยนเพ มในสวนของ Code ของภาษา Java

Page 12: การเขียนโปรแกรมด้วย Net beans

ถาจะใหเปรยบเทยบระหวาง Netbeans และ Eclipse วาตวไหนดกวากน สวนตวผมเองน นจะเลอกใช

Eclipse เพราะสามารถท างานไดเรววา และม Tools อยาง Quick Fixed ทชวยใหการเขยน

โปรแกรมไดงายย งข น

เรมตนการสราง Project บน Netbeans

เลอกเมน File -> New Project

Page 13: การเขียนโปรแกรมด้วย Net beans

เลอก Java -> Java Application

ก าหนดชอ Project ในสวนของ Create Main Class ใหต กออก จากน นเลอก Finish

Page 14: การเขียนโปรแกรมด้วย Net beans

ตอนน ไดโปรเจคเปลา ๆ ยงไมมไฟล .java

สราง Package โดยการคลกขวา Project -> New -> Java Package…

Page 15: การเขียนโปรแกรมด้วย Net beans

ใสช อ Package เชน com.java.myapp

ได Package เชน com.java.myapp เรยบรอยแลว

Page 16: การเขียนโปรแกรมด้วย Net beans

สรางไฟล Class ของ Java

คลกขวาท Package เลอก New -> Others…

Page 17: การเขียนโปรแกรมด้วย Net beans

การสราง GUI ในการสรางไฟล .java แบบ GUI สามารถเลอก Class ไดหลายตวมาก เชน

Swing GUI Forms และภายใน Swing กม Class แยกยอยอกหลายตว เชนเดยวกน

Page 18: การเขียนโปรแกรมด้วย Net beans

ในข นตอนน ใหเลอก Swing GUI Forms -> JFrame Form

ก าหนดชอ Class

Page 19: การเขียนโปรแกรมด้วย Net beans

ตอนนเราได Class ทม .java เรยบรอยแลว พรอมท ง

Form เปลา ๆ ท โปรแกรมสรางมาให

กอนอนใหเราเขาใจเก ยวกบ Layout ของ Form ซะกอน ซงปกตแลวเวลาเราเขยนบน VB.Net หรอ Visual

Studio จะมการจดพวกControl ตาง ๆ ตามต าแหนง X , Y ของ Form แตในภาษา Java เราสามารถเลอกทจะ

จดรปแบบของ Control และ Object ตาง ๆ ได เชน จะเปนแบบGridLayout (ใหนกถง HTML แบบ Table)

และอน ๆ อกหลายรปแบบ แตในคาพ นฐานแนะน าใหปรบเปน Null layout คอจดวางต าแหนงแบบ X , Y เหมอนกบ VB.Net

ทเราคนเคย

Page 20: การเขียนโปรแกรมด้วย Net beans

ทดสอบการสราง Label , TextField และ Button ดวย (JLabel, jTextField

และ jButton) อาศยการลากวาง ๆ

Page 21: การเขียนโปรแกรมด้วย Net beans

ปรบแต Properties ของ Form ซะหนอยดวยการคลกท Form แลวไปท

Properties -> Code -> Form Size Policy -> Generate Resize Code

Page 22: การเขียนโปรแกรมด้วย Net beans

ทดสอบการรนโปรแกรม

ไดผลลพธดงรป

Page 23: การเขียนโปรแกรมด้วย Net beans

สรป จากผลลพธจะเหนวา Netbeans ชวยใหเราสราง Form GUI

ดวย Java แบบงายมาก ๆ โดยทเรายงไมไดเขยน Code เลยซะบรรทด ก

สามารถสราง GUI ไดแลว และข นตอนถดไป หลงจากได GUI แลว เราจะตอง

สราง Event เหตการณตาง ๆ กบ User เชนการรบคาผาน Input และ

แสดง Dialog โตตอบแบบงาย ๆ

Page 24: การเขียนโปรแกรมด้วย Net beans

Netbeans กบการพฒนาโปรแกรมบน Android

ปกตเวลาจะเขยนโปรแกรมส าหรบ Android หลายคนอาจใช ADT Plugin for Eclipse แตโดยปกตผมเขยนโปรแกรมสวนใหญมกจะท าบน Netbeans จงตระเวนหาปล กอนท ชวยในการพฒนาแอนดรอยมาใช ซงกคอ Project Kenai ดงน นกเลยอยากแนะน าคนทให Netbeans อยแลว หรอผท ก าลงเรมใช ท มความสนใจในการพฒนา Android มาลองกน ส าหรบผสนใจลองท าเองไมดตวอยางจากผม กไปทเวบตนทางไดเลยครบ How to install Android plugin version 1.x into NetBeans

ข นตอนท 1 ท าการตดต ง JDK และ Netbeans ดาวโหลดตามลงค

JDK

Netbeans

JDK + Netbeans

ส าหรบใครทไมรวาจะเลอกโหลดอนไหนแนะน า JDK+Netbeans ส าหรบผเรมตน เพราะมตวเครองมอและไลบรารคอนขางจะครบ แตถาตออนเตอรเนตไดตลอด ในการตดต งจะดมากเพราะบางคร งมนจะมการปรบปรงขอมลใหม รวมถงโหลดไลบรารท จ าเปนตางๆ ในระหวางการตดต งตวปล กอนตางๆ ใหอตโนมต

ข นตอนท 2 ตดต ง Plugin เพ อพฒนา Android โดยไปท How to install Android plugin version 1.xinto NetBeans แลวท าตามตวอยางดงภาพ ซงในตวอยางจะใชวธเช อมไปยงท URL ของ Plugin

Page 25: การเขียนโปรแกรมด้วย Net beans

เปดเขา Netbeans ไปท Tools -> Plugins ->แทบ Settings -> Add จากน นใส

URL ของ Plugin

http://deadlock.netbeans.org/hudson/job/nbandroid/lastStabl

eBuild/artifact/build/updates/updates.xml

ตว Plugin Manager จะท าการปรบปรงรายการปล กอน จากน นใหเลอกปล กอนท ตองใชดงภาพ แลว

ตดต งจนเสรจ มนจะถามใหเรมโปรแกรมใหม ตอบตกลงแลวเปด Netbeans อกครง

Page 26: การเขียนโปรแกรมด้วย Net beans

ข นตอนท 3 กอนทจะสราง Project ส าหรบพฒนาโปรแกรมบน Android ใหตดต ง Android

SDK กอนโหลดไดท Download the Android SDK ผมแนะน าใหโหลดตวท เปน Zip ยาย

งายจดการเอง โดยขยายไฟลลงต าแนงท ตองการตดต ง จากน นจงรนโปรแกรม SDK Manger ทอยใน

โฟลเดอร มนจะท าการเช อมตอไปยงอนเตอรเนตเพ อหาต าแหนงของไฟลท จ าเปนในการตดต ง ในการพฒนา

Android แลวแสดงรายการใชเราเลอก โดยแนะน าใหเลอก SDK

Platform,API,Document,Sample มาซกเวอรช นเชน 2.2 กเลอกมาเฉพาะท มนเปนของ

เวอรช น 2.2 เพราะถาเลอกหมดมนจะโหลดนาน ตดต งนาน เปลองพ นท ถาเราไมไดพฒนาทกเวอรช น จากน นกเลอก

Install แลวรอ

Page 27: การเขียนโปรแกรมด้วย Net beans

ข นตอนท 4 ท าการสรางเครอง Android จ าลองใหตรงกบเวอรช นท เราจะพฒนาโดยใช Android

SDK and AVD Manager โดยเลอกท Virtual devices -> New... แลวต งคา

ใหเครองแอนดรอยจ าลองของเรา แนะน าใหต งคาจอเลก จะท าชวยใหรนแอนดรอยจ าลอง ไดเรวข น แตยงไงกข นอยกบ

โปรแกรมทเราพฒนา วาออกแบบมาส าหรบหนาจอแบบไหน ส าหรบในภาพตวอยางท าเปนเวอรช น 2.1

Page 28: การเขียนโปรแกรมด้วย Net beans

ข นตอนท 5 ใน Netbeans สราง Project ส าหรบพฒนาโปรแกรมบน

Android โดยไปท File -> New Project

เลอก Android -> Android Project คลก Next

Page 29: การเขียนโปรแกรมด้วย Net beans

จากท าการต งคาต าแหนงของ Android SDK ทเราตดต งไวแลวใช Netbeans รจก โดยเลอกท

Manange Android SDK ... แลวต งคา ตวอยางดงภาพ

Page 30: การเขียนโปรแกรมด้วย Net beans

ถาท าไดถกตองจะปรากฏรายการใน Target Platform ใหเลอก จากน นเลอก Platform ทตองการ

พฒนาแลว กด Finish ดงภาพตวอยาง

Page 31: การเขียนโปรแกรมด้วย Net beans

จากน นทดสอบเขยนโปรแกรมงายข นกคอ Hello Android เพ อทดสอบเบ องตนวาเราต งคาเครองมอในการพฒนาโปรแกรมส าหรบ

Android บน Netbeans ไดถกตองแลว

ข นตอนท 5 การ Build Project น นตองต งคาท Control Panel\Clock, Language, and

Region โดยเลอกท งใน Formats และ Location ใหเปน United States และลบ

ไฟล debug.keystore ใน C:\Users\ชอผใชงาน\.android ถามท ง กอนจะท าการ Build Project ไมง น

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

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

Page 32: การเขียนโปรแกรมด้วย Net beans

ข นตอนท 6 ท ารน Android Emulator จาก Android SDK and AVD

Manager เลอกท Virtual devices จากน นเลอกรายการตวจ าลองท ตรงกบโปรแกรมทเราพฒนา

แลวท าการ Start ... ตวจ าลองแอนดรอยทเลอก แลวรอใหมนเปดข นจนพรอมใชงาน ดงภาพตวอยาง

Page 33: การเขียนโปรแกรมด้วย Net beans

จากน นท าการทดสอบโปรแกรมท Build แลว โดยคลกขวาทโปรเจคเลอก Run จะ

มหนาตางใหเราเลอกวาจะรนกบเครองไหน ใหเลอกแลวกด OK โปรแกรมทสรางข นจะไปรนบนเครองแอนดรอยจ าลอง

Page 34: การเขียนโปรแกรมด้วย Net beans

เม อออกจากโปรแกรมแลวเราจะเหน ไอคอนโปรแกรมทสรางในรายการ ดงภาพ

Page 35: การเขียนโปรแกรมด้วย Net beans

ในการพฒนาโปรแกรมน นไมจ าเปนท จะตองเปดปด Android Emulator บอยๆ เพราะท งเปดและปด ใช

เวลานาน อกท งเรายงสามารถส งรนโปรแกรมของเรา เขาส แอนดรอยจ าลองไดเรอยๆ

Page 36: การเขียนโปรแกรมด้วย Net beans

จดท าโดย

1.นาย ทปกร แสนด เลขท 3

2.นาย นพพร ศรทองด เลขท 4

3.นาย จารวทย คมทองด เลขท 9

4.นาย อภสทธ จนมนคง เลขท 13

5.นาย พรหมชาต มระสงห เลขท 17

ชน ม.6/3