Netbeans and Android Appliation

Hello Welcome To The Classroom

How To ? “ NetBeans♥ ”

วิ�ธี�ใช้�งาน NetBeans นะจ๊�ะ ♥

What ? NetBeans

- NetBeans IDE เป็�น Freeware Editor 

- ได้�รั�บควิามน�ยมในการัใช้�พั�ฒนาโป็รัแกรัม - NetBeans สน�บสน!นหลายภาษา เช้&น Java, php, C/C++ - download PlugIn ต่&างๆมาใช้�งานรั&วิมก�บต่�วิ NetBeans ได้�

IDE ย&อมาจ๊าก Integrated Development Environment ค*อ เครั*+องม*อที่�+ช้&วิยในการัพั�ฒนาโป็รัแกรัมโด้ยม�ส�+งอ-านวิยควิามสะด้วิกต่&างๆ เช้&น ค-าส�+ง Compile, Run

หน�าที่�+ของโป็รัแกรัม IDE ค*อการัเป็/ด้ไฟล1ที่�+เข�ยนภาษาโป็รัแกรัมและเซ็3ต่ข�อม4ลการัคอมไพัล1โป็รัแกรัม

How to ? “

Download ”“ Google is GOD ”Search :

NetBeans Download

เป็�นเพั�ยงแพัค

คนละขนาด้เที่&าน�5น

Java SE แพัคที่�+ม�ขนาด้กลางJava SE น�5นจ๊ะเป็�นรั! &นมาต่รัฐาน เหมาะส-าหรั�บ Desktop Application ซ็7+งผู้4�ใช้�คอมพั�วิเต่อรั1ที่�+วิๆไป็ ใช้� Java SE ก3เพั�ยงพัอส-าหรั�บการัรั�น application ที่�+พั�ฒนาด้�วิยภาษา Java

Java EE เป็�นแพัคที่�+ใหญ่&ที่�+ส!ด้ แน&นอนวิ&าถ้�าใหญ่&กวิ&า Java SE ที่!กๆอย&างที่�+ม�ใน Java SE ก3จ๊ะต่�องต่�ด้มาด้�วิย แต่&ส&วินที่�+ม�เหน*อกวิ&าใน Java EE ค*อ เที่คโนโลย�ต่&างๆ ส-าหรั�บการัพั�ฒนาแอพัพัล�เคช้�+นบนฝั่<+ ง Server

How to ? “ Install ”

• ได้� Package ของ Netbeans ส-าหรั�บที่-าการั Install บน Windows

• ก-าล�งจ๊�ด้เต่รั�ยม Package ส-าหรั�บการัต่�ด้ต่�5ง

• เล*อก Next เพั*+อที่-าการัต่�ด้ต่�5ง

• ยอมรั�บเง*+อนไขและเล*อก Next

• ยอมรั�บเง*+อนไขและเล*อก Next

• ข�5นต่อนน�5ถ้�าในกรัณี�ที่�+ในเครั*+องของเรัาม� Java SDK เวิอรั1ช้� +นที่�+ต่-ากวิ&าป็<จ๊จ๊!บ�น อาจ๊จ๊ะต่�องที่-าการั Update ให�เรั�ยบรั�อยซ็ะก&อน 

• คล�ก Install• ก-าล�งต่�ด้

ต่�5ง Netbeans • ต่�ด้ต่�5ง Netbeans

เรั�ยบรั�อยแล�วิ

How to ? “ USE ”

• ให�เป็/ด้โป็รัแกรัม Netbeans ข75นมา

• หน�าต่าของโป็รัแกรัม Netbeans

• เล*อกเมน4 File -> New Project...

• เล*อก Java -> Java Application

• ต่�5งช้*+อ Project Name และเล*อก Path ส-าหรั�บโป็รัเจ๊ค

• หล�งจ๊ากที่�+สรั�าง Project บน Netbeans จ๊ะม�การัสรั�างไฟล1 .java ข75นมาให�อ�ต่โนม�ต่� ซ็7+งจ๊ะได้�ช้*+อไฟล1และ Class เหม*อนก�บช้*+อ Project

• ให�ที่ด้สอบเพั�+มค-าส�+งง&าย ๆ ด้�งน�5• ค-าส�+งส-าหรั�บการัแสด้งผู้ลค-าวิ&า

"Welcome to the java world. by ThaiCreate.Com"

• จ๊ากน�5นเล*อก Run• เรัาจ๊ะได้�ผู้ลล�พัธี1ด้�งรั4ป็• จ๊ะเห3นวิ&าการัเข�ยน Java บน

Netbeans เรัาก3ไม&ต่�องมาน�+ง Compile ไฟล1ของ java เอง เพั�ยงแค&เล*อก Run แล�วิป็ล&อยให�เป็�นหน�าที่�+ของ Netbeans ที่�+จ๊ะที่-าหน�าที่�+ Compile และแสด้งผู้ลล�พัธี1ออกที่างหน�าจ๊อ

ผู้ใหญ่�ใจดี� ♥ Special Thank

http://www.thaicreate.com/java/java-netbean-ide-windows.html

(Credit

)

How to ? “ Develop Android

Application ”

การัสรั�าง App Android

What ? “ Android ”

Android เป็�น OS ที่�+เป็�น Open Source ของค&าย Google ออกมาเม*+อป็รัะมาณีป็> 2006 ที่�+ที่-างานบน SmartPhone หรั*อ Tablets ที่-าหน�าที่�+ควิบค!มอ!ป็กรัณี1ต่&าง ๆ รั&วิมก�บ App ที่�+พั�ฒนาข75นบน Android น�+นเอง

ด้�วิยควิามเป็�น Open Source จ๊7งที่-าให� Android

เป็�น OS ที่�+ได้�รั�บควิามน�ยมมากที่�+ส!ด้ในโลก

ในขนาด้น�5

ส�+งที่�+ต่�องม�ในการัเข�ยนโป็รัแกรัม Android

Eclipse Development Tools and Java Development Kit (JDK)

ADT (Android Development Tools Plugin for eclipse)

Android SDK Android Virtual Device Manager (Emulator)

How to ? “ Developed ”

เป็/ด้โป็รัแกรัม eclipse ข75นมา

เล*อกเมน4 File -> New -> Android Application Proejct

ก-าหนด้ Application Name , Project name , Package Name และก3 Build SDK : ให�เล*อก Version ของ Android แนะน-าให�เล*อก ที่�+ได้�ที่-าการัต่�ด้ต่�5ง Emulator ไวิ� 

ข�5นต่อนน�5จ๊ะเป็�นการัสรั�าง Icons ของ App สามารัถ้ป็รั�บแต่&งได้�ต่ามควิามต่�องการั หรั*อจ๊ะก-าหนด้เป็�นค&า Default ไป็ก&อนก3ได้� โด้ยให�คล�ก Next เพั*+อไป็ย�งข�5นต่อนถ้�ด้ไป็ได้�เลย

เล*อก Create BlankActivity และ Next เพั*+อไป็ย�งข�5นต่อนถ้�ด้ไป็

ก-าหนด้ช้*+อ Activity ถ้�าไม&ต่�องการัแก�ไข สามารัก-าหนด้เป็�นค&า Default และเล*อก Finish

ในการัพั�ฒนาโป็รัแกรัม Android ด้�วิยโป็รัแกรัม Eclipse น�5นสามารัถ้พั�ฒนาผู้&าน UI ที่�+เป็�น GUI ได้�เช้&นเด้�ยวิก�น ซ็7+งจ๊ะช้&วิยให�การัเข�ยนโป็รัแกรัมน�5นง&ายและสะด้วิกย�+งข75น และในการัสรั�างโป็รัเจ๊คแต่&ล&ะครั�5งต่�วิโป็รัแกรัม Eclipse จ๊ะที่-าการั include library ที่�+เป็�นค&า Default และจ๊-าเป็�นต่&อการัพั�ฒนาโป็รัแกรัมน�5นหลายต่�วิ แต่&ที่�+ใช้�และเรัาจ๊ะต่�องสนใจ๊ในข�5นต่อนน�5ให�ด้4แค& 2 ต่�วิค*อ

MainActivity.java

activity_main.xml

activity_main.xmlจ๊�ด้เก3บไวิ�ที่�+ /res/layout/ ค*อจ๊ะเก3บ resource ที่�+เป็�น User Interface ที่�+ได้�จ๊ากการัออกแบบหน�าจ๊อต่&าง ๆ โด้ยเม*+อเรัาที่-าการัลาก Widgets หรั*อ Element ต่&าง ๆ เข�าไป็ใน Interface ก3จ๊ะม�การัสรั�าง Tag ต่&าง ที่�+เป็�น Widgets หรั*อ Element ที่�+อย4&ในรั4ป็แบบ XML ลงในไฟล1น�5 

MainActivity.javaMainActivity.java จ๊�ด้เก3บไวิ�ที่�+ /src/com/helloworld/ ม�หน�าที่�+ควิบค!มการัที่-างานของไฟล1ที่�+เป็�น activity_main.xml ซ็7+งถ้�าจ๊ะเข�าใจ๊ง&าย ๆ ค*อ จ๊�ด้เก3บ Event การัที่-างาน ต่&าง ๆ ของ Widgets หรั*อ Element ที่�+อย4&ใน activity_main.xml

กรัณี�ที่�+แจ๊�งด้�งภาพัให�ที่-าการั Install และ Upgrade ให�เรั�ยบรั�อยก&อน

เล*อก Accept และ Install

เล*อก Finish

คำ��อธิ�บ�ยหน�จอ1. Package ที่�+เป็�น Activity ของไฟล1 java2. Package ที่�+เป็�น Activity ของไฟล1 xml3. Palette เป็�น Toolbox หรั*อ Widgets/Element ต่&าง ๆ จ๊ะน-าไป็ใช้�ใน Android Activity Form4. เป็�น Android XML Layout Activity หน�าจ๊อของโป็รัแกรัมที่�+ต่�องการั Design ต่�วิน�5เป็�น activity_main.xml ค*อสามารัถ้เข�ยนได้�จ๊ากม!มมองของ XML หรั*อ Graphic Layout ก3ได้�5. Outline ค*อ รัายการั ของ Widgets หรั*อ Element ที่�+อย4&ใน Android Activity Form

ที่ด้สอบการัเรั�ยกใช้� Toolbox และการัสรั�าง Element

ที่ด้สอบการัลาก Element ลงใน Android Activity XML Layout ในต่�วิอย&างจ๊ะลาก Plan Text ลงใน Form 

**ส�งเกต่!วิ&าเม*+อม�การัลาก Element ที่�+ม�ช้*+อวิ&า Plan Text ลงใน Android Activity Form ในส&วินของ Outline จ๊ะม�การัสรั�างรัายการั Element แสด้งไวิ�ด้�วิย

กรัณี�ที่�+ม�การัสรั�าง Element ลงใน Activity Form ต่&าง ๆ ถ้�าม� Warning หรั*อ Error จ๊ะต่�องที่-าการัแก�ไขให�เรั�ยบรั�อย ในต่�วิอย&างจ๊ะม� Warning ช้*+อวิ&า

This text field does not specify and inputType or a hine

ส-าหรั�บการัแก�ไขข75นอย4&ก�บ Error หรั*อ Warning Message วิ&าอะไรั ซ็7+งในต่�วิอย&างน&าจ๊ะหมายถ้7ง Plan Text ไม&ม�การัก-าหนด้ inputType

ให�คล�กขวิาที่�+ Element เล*อก Show In -> Properties หรื�อ เล*อกจ๊าก Properties ที่�+อย4&ข�างล&าง

ก-าหนด้ Input Type ให�เป็�น text 

ลองใส&ข�อควิามให�ก�บ Plan Text ในที่�+น�5จ๊ะลองใส&ค-าวิ&า "Welcome to My App"

จ๊ากน�5นให�ไป็ที่�+เมน4 Proejct เล*อก Clean

ย*นย�นการั Clear ข�อผู้�ด้พัลาด้ต่&าง ๆ ที่�+ได้�เก�ด้ข75นหล�งจ๊ากม�การัแก�ไขข�อผู้�ด้พัลาด้แล�วิ

http://www.thaicreate.com/mobile/android-eclipse-new-project.html

credit

วิ�ธี�การัรั�น Android บน AVD หรั*อ Emulator

ไป็ที่�+เมน4 Run -> Configurations...

หรื�อ

คล�กข�าง ๆ เครั*+องหมาย Run

จ๊ะแสด้งหน�าจ๊อของ Run Configurations ให�คล�กที่�+ New ด้�งภาพัล4กศรับอก

ภายใต่� Tab ช้*+อ Android สรั�างช้*+อ Project Name และก3เล*อก Project Name 

เล*อก Project Name ป็<จ๊จ๊!บ�นค*อ HelloWorld

ภายใต่� Tab ของ Target ให�เล*อกรั! &นและ Version ของ Android Emualtor และก3คล�กที่�+ Run

ในครั�5งแรักอาจ๊จ๊ะโหลด้นานน�ด้หน7+ง เพัรัาะต่�วิ Emulator ก-าล�ง Boot เข�าหน�าจ๊อ OS หล�ก

หล�งจ๊ากโหลด้เรั�ยบรั�อยแล�วิการัใช้�งาน Emulator ก3เหม*อนก�บหน�าจ๊อของ SmartPhone ที่�+วิ ๆ ไป็ ค*อจ๊ะต่�อง Slide เพั*+อป็ลด้ล3อก โด้ย Android จ๊ะม�ค&า Default ค*อการักด้แล�วิ Slide ไป็ที่างขวิา

หล�งจ๊ากป็ลด้ล3อกแล�วิโป็รัแรัมก3จ๊ะแสด้งหน�าจ๊อโป็รัแกรัมที่�+เรัาได้�เข�ยนไวิ�

http://www.thaicreate.com/mobile/android-run-project-avd-emulator.html

credit

THE ENDเสฎฐวิ!ฒ� ป็/ต่ะโพัธี�A #9

จ๊�กรั�น อ�นที่รั1ค-า #12น�ต่ต่า บ!ญ่เช้�ด้ #15พั�ช้ามญ่ช้!1 ส�งข1ฉิ�มพัล� #24มนส�ณี�ย1 พัลอยแสงสาย #29ณี�ช้าภ�ที่รั ป็ฏิ�มาป็รัะกรั #30

สรั�างสรัรัค1โด้ย

}6/2 @SWKJ