วันจันทร์ที่ 29 สิงหาคม พ.ศ. 2554

Android: RadioButton in RadioGroup example

Android: RadioButton in RadioGroup example
ตัวอย่างการใช้งาน RadioButton ใน RadioGroup
วันนี้งงนานมากเลย เกี่ยวกับการที่จะเอาค่าที่เลือกจาก RadioGroup มาใช้งาน ที่จริงแล้วเราชินกับ iOS มากเกินไปที่มันจะส่ง index มาให้ ก็เลยเอา id ที่มันส่งมาให้มาใช้ ปรากฏว่า Index Out of Bounds ซะงั้น เลยต้องนั่งหานานมากกว่าจะเจอคำตอบ และแล้วก็รู้ว่าสิ่งที่ฟังก์ชั่นมันส่งมาให้เป็นค่า id เราต้องเอาเปรียบเทียบกับ id ของเรา ดังนี้ครับ



วันอาทิตย์ที่ 28 สิงหาคม พ.ศ. 2554

iPhone: วิธีการใช้งาน Xcode สำหรับการพัฒนาแอพพลิเคชั่นบนไอโฟน (3)

iPhone: วิธีการใช้งาน Xcode สำหรับการพัฒนาแอพพลิเคชั่นบนไอโฟน ตอนที่ 3 การสร้าง User Interface ด้วย Interface Builder, Organizer และ Debug Area
เมื่อเรากดที่ไฟล์ .xib (มักอ่านกันว่า “ดอทนิปไฟล์”) โปรแกรม Xcode จะแสดงหน้า Interface Builder ขึ้นมา ซึ่ง Interface Builder เป็นโปรแกรมหนึ่งที่ให้เราสามารถตกแต่งรูปแบบหน้าตาของแอพพลิเคชั่นได้อย่างง่ายดาย เพียงลาก UI ที่โปรแกรมได้เตรียมไว้ให้ทางด้านขวามือมาใส่ View ที่เป็นกรอบสี่เหลี่ยมตรงกลางเท่านั้นเอง ก่อนอื่นเรามารู้จักส่วนประกอบของ Interface Builder ก่อนว่าโปรแกรมนี้ประกอบด้วยส่วนไหนบ้าง

โปรแกรม Interface Builder ประกอบด้วย 4 ส่วนหลักๆ คือ ส่วนที่แสดง Placeholders และ Objects จะอยู่ด้านซ้าย ส่วนแสดงผลตัวอย่างหน้าจอจะอยู่ตรงกลาง ส่วนแสดงรายละเอียดของ UI ต่างๆและ UI ที่ทาง Interface Builder เตรียมเอาไว้จะอยู่ด้านขวามือ ดังรูปด้านล่าง

 



iPhone: วิธีการใช้งาน Xcode สำหรับการพัฒนาแอพพลิเคชั่นบนไอโฟน (2)

iPhone: วิธีการใช้งาน Xcode สำหรับการพัฒนาแอพพลิเคชั่นบนไอโฟน ตอนที่ 2 ระบบไฟล์ต่างๆ ในโปรเจคที่ควรรู้จัก

เมื่อเข้าสู่หน้าแรกของโปรเจค ส่วนทางด้านซ้ายมือจะเป็นส่วนที่แสดงไฟล์ต่างๆ ที่อยู่ในโปรเจคของเรา โดยไฟล์ต่างๆ เหล่านี้จะถูกจัดให้อยู่เป็นกลุ่มๆ อย่างเป็นระเบียบ ได้แก่

  • กลุ่มของซอสโค้ด จะประกอบด้วยไฟล์ คลาสของ Objective-C ไฟล์ header (.h) ไฟล์ implement (.m) และไฟล์ Interface Builder (.xib)

  • กลุ่มของ Support Files จะประกอบด้วยไฟล์ .plist .strings .pch และ main.m

  • กลุ่มของ Frameworks จะประกอบด้วยเฟรมเวิร์คหลักที่จำเป็นต้องใช้ในการเขียนแอพพลิเคชั่นแบบ User Interface

  • กลุ่มของ Products จะประกอบด้วยไฟล์ .app ซึ่งสามารถมีได้มากกว่า 1 ไฟล์ต่อ 1 โปรเจคซึ่งเป็นไฟล์เดียวกับ Target ไฟล์


โดยในแต่ละไฟล์นั้นมีหน้าที่และประโยชน์อย่างไรต่อการพัฒนาแอพพลิเคชั่นของเราบ้าง มาเริ่มศึกษากันเลย




วันเสาร์ที่ 27 สิงหาคม พ.ศ. 2554

iPhone: วิธีการใช้งาน Xcode สำหรับการพัฒนาแอพพลิเคชั่นบนไอโฟน

iPhone: วิธีการใช้งาน Xcode สำหรับการพัฒนาแอพพลิเคชั่นบนไอโฟน ตอนที่ 1 เริ่มสร้างโปรเจคใหม่
เริ่มต้นมาทำความรู้จักกับ Xcode กันก่อน Xcode เป็นเครื่องมือในการใช้พัฒนาแอพพลิเคชั่นบนไอโฟน ซึ่งในคู่มือนี้จะแนะนำการใช้งานของ Xcode เวอร์ชั่น 4.0.2 เนื้อหาในส่วนนี้จะเน้นไปที่เรื่องของการใช้เครื่องมือของ Xcode ในการเขียนโค้ด การสร้าง User Interface การตรวจสอบข้อผิดพลาด การตรวจสอบเวอร์ชั่นของซอสโค้ด รวมไปถึงการอัพแอพพลิเคชั่นเข้า app store โดยจะกล่าวเป็นส่วนๆ ดังต่อไปนี้

 

1 เริ่มสร้างโปรเจคใหม่

เมื่อเปิดใช้งาน Xcode ครั้งแรก จะพบกับหน้า Welcome to Xcode ในหน้านี้จะมีเมนูสำหรับการสร้างโปรเจคใหม่ การเชื่อมต่อกับคลังโค้ด แนะนำการใช้งาน Xcode ให้ และลิ้งไปยังเว็บไซต์ iOS Dev ในด้านซ้ายมือ ส่วนในทางด้านขวามือ จะแสดงชื่อโปรเจคที่เราใช้งานล่าสุด หากเราไม่ต้องการให้หน้านี้แสดงอีกครั้งเมื่อเราเปิด Xcode ให้ยกเลิกการเลือกข้อความ “Show this window when Xcode launches”



Code Android: Get version name

Code Android: Get version name

[sourcecode langauge="java"]
public static function String getVersionName(Context context, Class cls)
{
try {
ComponentName comp = new ComponentName(context, cls);
PackageInfo pinfo = context.getPackageManager().getPackageInfo(comp.getPackageName(), 0);
return pinfo.versionName;
} catch (android.content.pm.PackageManager.NameNotFoundException e) {
return null;
}
}
[/sourcecode]

Reference

adaydesign :)

วันศุกร์ที่ 26 สิงหาคม พ.ศ. 2554

Course: iPhone Application Development (Basic Programming) รุ่นที่ 2

Course: iPhone Application Development (Basic Programming) รุ่นที่ 2

Date: 13 - 14 August 2011 (2 days)

คอร์สนี้เป็นคอร์สที่ Brightest IDEA ร่วมมือกับ AT Creative Solution

สถานที่ ห้องเรียนของ บริษัท AT Creative Solution จ. สมุทรปราการ




AD@Y: วิทยากรนอกสถานที่กับคอร์ส iPhone Basic รุ่นที่ 2

AD@Y: วิทยากรนอกสถานที่กับคอร์ส iPhone Basic รุ่นที่ 2
เมื่อวันที่ 13 - 14 สิงหาคมที่ผ่านมา ผมและทีม Brightest IDEA ได้ไปเปิดอบรมที่จังหวัดสมุทรปราการ โดยร่วมมือกับ AT Creative Solution ในการอบรมครั้งนี้เป็นคอร์สพื้นฐานสำหรับการเริ่มต้นการเขียนโปรแกรมบน iPhone  ครั้งนี้เป็นครั้งที่ 2 แล้วครับ ในครั้งนี้เราเน้นไปที่การใช้งาน UI และ Controller ชนิดต่างๆ ให้มากขึ้น และที่ต่างไปจากครั้งก่อนคือ เราใช้วิทยากร 2 คนครับ  !!! เพื่อเปลี่ยนบรรยากาศการเรียนบ้าง สงสัยจะได้ผลด้วยสิ ...เรามาดูบรรยากาศการเรียนกันนะครับ

 


Flash Mobile: Uploading images from CameraRoll and CameraUI

AIR Mobile: Uploading images from CameraRoll and CameraUI
มาเขียนโปรแกรมอัพโหลดรูปจากอัลบั้ม จากการถ่ายภาพจากกล้อง เข้าเซิฟเวอร์ ด้วย AIR กันดีกว่า
เรามาดูบทความนี้ของ Joe Ward นะครับ วันนี้เขามาสอนเรื่องของการอัพโหลดรูปเข้าเซิฟเวอร์ซึ่ง รูปนั้นอาจจะได้มาจากอัลบั้มรูปจากมือถือเอง หรือ รูปที่ได้จากการถ่ายภาพสดๆ เลยก็ได้ และที่ง่ายกว่านั้นคือ ฝั่งเซิฟเวอร์เขียนสคิปรับภาพแค่ไม่กี่บรรทัดเองครับ แต่บทความดังกล่าวนั้นเขียนด้วย Action Script 3.0 นะครับ ใครสนใจละก็กดลิ้งเข้าไปกันได้เลยครับ

http://www.adobe.com/devnet/air/articles/uploading-images-media-promise.html

Reference

adaydesign :)

Flex Mobile: Embedding Font in Flex Mobile Project

Flex Mobile: Embedding Font in Flex Mobile Project
ใส่ฟอนท์ตามใจชอบเข้าในโปรเจค Flex Moblie
ในการพัฒนาแอพพลิเคชั่นบนมือถือ นอกจากในส่วนของการเขียนโค้ดให้โปรแกรมทำได้ตามฟังก์ชั่นดังใจแล้ว เรายังต้องคำนึงถึงความสวยงามของโปรแกรม และความใช้งานง่ายของโปรแกรมเราอีกด้วย



วันพฤหัสบดีที่ 25 สิงหาคม พ.ศ. 2554

AD@Y: แนะนำแอพพลิเคชั่นของงาน 10 ปี IT DAY ออนซอนเด้ วัฒนธรรม

AD@Y: แนะนำแอพพลิเคชั่นของงาน 10 ปี IT DAY ออนซอนเด้ วัฒนธรรม by OnzonDev
เนื่องในงาน 10 ปี IT Day ของคณะวิทยาการสารสนเทศ มหาวิทยาลัยมหาสารคาม ที่จัดขึ้นระหว่างวันที่ 17 ถึง 19 สิงหาคม ที่ผ่านมา ทางทีมผมได้พัฒนาแอพพลิเคชั่นบน iPhone ให้กับงานนี้ด้วย ในธีมของวัฒนธรรม โดยเนื้อหาและลูกเล่นภายในแอพพลิเคชั่น มี 3 อย่างคือ การแสดงผ้าบุญผะเหวด อายุกว่า 100 ปี ขนาดยาวกว่า 200 เมตร การจำลองการเล่นพิณ (เกือบเหมือน  Guitar Hero นั้นหละ) และสุดท้ายคือ การจุดบั้งไฟ เรามาดูตัวอย่างกันดีกว่า

หน้าเปิดตัว


เปิดตัวด้วยภาพของประตูวัด ซึ่งสื่อถึงศูนย์รวมวัฒนธรรมอีสาน ผ่านเข้าไปสู่ภายในแอพพลิเคชั่น ที่ใช้พื้นหลังเป็นภาพโปสเตอร์งาน 10 ปี IT Day ในครั้งนี้ พร้อมด้วยเสียงพิณอีสานประกอบการเปิดตัวแอพพลิเคชั่น

  

วันพุธที่ 24 สิงหาคม พ.ศ. 2554

Android: Show Google Map Route Direction

Android: Show Google Map Route Direction
ค้นหาเส้นทางง่ายๆ ด้วย Google Map API
บทความนี้จะนำเสนอเรื่องของการแสดงเส้นทางจากจุดเริ่มต้นไปจุดหมายปลายทางที่เราต้องการ โดยใช้การ Intent ไปยัง URL API ของ google API แบบง่ายๆ ครับ



วันอังคารที่ 23 สิงหาคม พ.ศ. 2554

Android: Stop EditText from gaining focus at Activity startup

Android: Stop EditText from gaining focus at Activity startup
การเซ็ตค่าเพื่อไม่ให้ focus ไปจับที่ EditText ตอนเริ่มต้นของ Activity
อันนี้เป็นปัญหาการใช้ EditText ใน Activity นะครับ เช่นเราวาง EditText ไว้ด้านล่าง ส่วนด้านบนเป็นการแสดงข้อมูลด้วย TextView เมื่อเรารันโปรแกรมแล้ว ก็จะพบว่า focus จะไปจับที่ EditText ทำให้คีย์บอร์ดมันดันขึ้นมา และทำให้ข้อมูลด้านบนที่แสดงจาก TextView ไม่ถูกแสดงขึ้นมาก่อน ดังนั้นจึงต้องหาวิธีการทำให้ EditText ไม่ต้องถูก focus ตั้งแต่เริ่มแรกนั้นเอง



วันพุธที่ 17 สิงหาคม พ.ศ. 2554

AD@Y: มาเที่ยวงาน "10ปี IT DAY ออนซอนเด้ วัฒนธรรม" กันเถอะ

 AD@Y: มาเที่ยวงาน "10ปี IT DAY ออนซอนเด้ วัฒนธรรม" กันเถอะ

ระหว่างวันที่ 17 ถึง 19 สิงหาคม นี้

ทางคณะวิทยาการสารสนเทศ มหาวิทยาลัยมหาสารคาม ได้จัดงาน ครบรอบ 10 ปี อย่างยิ่งใหญ่ ภายใต้ชื่องานว่า "10ปี IT DAY ออนซอนเด้ วัฒนธรรม" ซึ่งมีปลัดกระทรวงวัฒนธรรมมาเปิดงาน

ภายในงานก็จะมีกิจกรรม การแข่งขันต่างๆ การออกบูท นิทรรศการ ของทาง กระทรวงวัฒนธรรม NECTEC ผลงานของนิสิตทั้ง 6 สาขาในคณะวิทยาการสารสนเทศ พร้อมทั้งบูทของร้านค้าอื่นๆ อีกมากมาย

หากเพื่อนๆ คนไหนที่อยู่จังหวัดใกล้เคียงนะครับ สามารถแวะมาชมงานได้นะ จัดกัน 3 วันแหนะ รับรองสนุกแน่ๆ

อ่านรายละเอียดได้ที่ http://www.it.msu.ac.th/newit/itday/index.php

 

adaydesign :)

วันพุธที่ 10 สิงหาคม พ.ศ. 2554

Android: Send and Receive XML via HTTP POST method

Android: Send and Receive XML via HTTP POST method
พอดีไปเจอตัวอย่างการ รับส่ง ค่าผ่านเว็บเซอร์วิสแบบส่ง xml ไปให้กับเว็บเซอร์วิสประมวลผล ครับ เดี๋ยวจะมีเดโมให้เช่นเคยครับ ตอนนี้ขอเก็บลิ้งเอาไว้ก่อน

Reference

 

 

adaydesign :)

วันพฤหัสบดีที่ 4 สิงหาคม พ.ศ. 2554

Flex Mobile: Geolocation Weather Mash Up

Flex Mobile: Geolocation Weather Mash Up
วิธีการดึงค่าสภาพอากาศจากเว็บเซอร์วิสแบบ HTTP ด้วยการส่งค่า ละติจูด ลองจิจูด ไปให้กับเซอร์วิสเพื่อดึงค่ากลับมาแสดงบนแอพพลิเคชั่นของเรา ด้วยวิธีง่ายๆ ครับ ด้วย Flash Builder Service Generator