Home » Archives for 2012
การใช้งาน Picker แบบ Multi Column (สำหรับ iOS เท่านั้น)
หลังจากที่เราได้รู้จักวิธีการใช้งาน Picker แบบ ธรรมดา ๆ ไปแล้ว ในบทความ การใช้งาน Picker ใน Titanium Mobile ในบทความนี้ผมจะนำเสนอการใช้งาน Picker แบบ Multi Column นะครับ
Update - Titanium SDK 2.1.4
Titanium SDK 2.1.4 นี้เป็นการ แก้บั๊กที่พบเจอในVersion ก่อนหน้านี้นะครับ โดยมีการแก้ไข Bug ดังนี้ครับ
ดึงข้อมูลจากแหล่งต่าง ๆ ด้วย Titanium.Network.HTTPClient
เนื่องจากในปัจจุบันนั้นการดึงข้อมูลจาก Provider ต่าง ๆ นั้นเป็นสิ่งที่จำเป็นเนื่องจากหากเราต้องจัดเกบข้อมูลเองทั้งหมดคงไม่เป็นเรื่องที่ดีอย่างแน่นอน จึงทำให้เกิด Service ในรูปแบบต่าง ๆ เช่น RESTful และ SOAP ซึ่งทั้ง 2 อย่างนี้จะเป็นมาตรฐานการรับส่งข้อมูลในรูปแบบของ Web Service ที่ปัจจุบันมีใช้กันอย่างแพร่หลาย และการที่เราต้องการข้อมูลประเภทนี้ ทาง Appceletor ผู้พัฒนา Titanium Studio ได้สร้าง API ตามมาตรฐานของ XMLHttpRequest และ API ที่เราจะทำการเรียกใช้นั่นก็คือ
Titanium.Network.HTTPClient
Titanium.Network.HTTPClient
การใช้งาน JSON กับ Titanium Mobile
หลังจากที่เราได้รู้จักกับ JSON ไปแล้วในบทความ JSON คืออะไร มาถึงบทความนี้ก็จะกล่าวถึงวิธีการนำ JSON มาใช้ใน Titanium Mobile ครับ
JSON คืออะไร ??
JSON ย่อมาจาก คำว่า JavaScript Object Notation เป็นฟอร์แมตสำหรับแลกเปลี่ยนข้อมูลคอมพิวเตอร์ ฟอร์แมต JSON นั้นอยู่ในรูปข้อความธรรมดา (plain text) ที่ทั้งมนุษย์และโปรแกรมคอมพิวเตอร์สามารถอ่านเข้าใจได้
มาตรฐานของฟอร์แมต JSON คือ RFC 4627 มี Internet media type เป็น application/json และมีนามสกุลของไฟล์เป็น .json
มาตรฐานของฟอร์แมต JSON คือ RFC 4627 มี Internet media type เป็น application/json และมีนามสกุลของไฟล์เป็น .json
การใช้งาน Event ของ Titanium.App
จากที่ได้เคยกล่าวถึง Titanium.App ใน รู้จักกับ Titanium.App ตอนท้ายของบทความผมได้กล่าวเอาไว้ถึงการใช้งาน Event ของ Titanium.App เอาไว้ในบทความนี้เราไปดูกันครับว่า มันใช้งานอย่างไร
วิธีการใช้ CommonJS ใน Titanium Studio
หลังจากที่เราได้รู้จักกับ CommonJS ไปแล้วในบทความ รู้จักกับ Common JS นั้นในบทความนี้จะกล่าวถึงวิธีการเขียน Module ให้อยู่ใน รูปแบบ ของ Common JS เพื่อที่จะนำมาใช้ ใน Titanium Studio นี้ครับ
รู้จักกับ CommonJS
อย่างที่เราทราบกันนะครับว่า JavaScript นั้นสามารถทำงานได้อย่างรวดเร็ว แต่ด้วยข้อจำกัด ทำให้ JavaScript API นั่นสามารพัฒนาอยู่บน Web Browser เท่านั้นและด้วยตัว มาตรฐานของมัน ไม่เหมาะกับการใช้พัฒนาในระยะยาวอีกด้วย ซึ่ง Common JS เป็น API ที่เข้ามาเพื่อรองรับกับปัญหาดังกล่าวนี้ โดยตัว API ของ Common JS นั้นได้ทำการร รวบรวม Library ของ Python, Ruby และ Java มาไว้ด้วยกัน ทำให้สามารถเข้าถึง Application ที่ถูกพัฒนา Complier ด้วย Javascript API ที่แตกต่างกันได้อีกด้วย นั่นหมายความว่า เราสามารถนำ Java script มาใช้พัฒนา Application ต่าง ๆ ได้เช่น
- Server-side JavaScript applications
- Command line tools
- Desktop GUI-based applications
- Hybrid applications (Titanium, Adobe AIR)
Menu สำหรับ Android
บทความนี้ผมจะขอไปที่ Android ซะหน่อย โดยปกติแล้วบน Android จะมีปุ่มที่เป็นทั้ง Hardware และ Softkey มาให้ด้วย นั่นก็คือ ปุ่ม Menu นั่นเองครับ ปุ่ม Menu นี้เอาไว้ใช้ในกรณีที่ต้องการให้ในหน้าจอของโปรแกรมต่าง ๆ ที่เราพัฒนาขึ้นมีตัวเลือกให้กับผู้พัฒนาในการใส่คำสั่งหรืออื่น ๆ ที่ไม่ต้องการให้แสดงอยู่บนหน้าจอนั่นเองครับ
ใช้งานกล้องถ่ายรูปด้วย Titanium Mobile
ในบทความนี้ จะเป็นการใช้งานกล้องถ่ายรูป เพื่อให้สามารถถ่ายภาพโดยผ่าน Application ที่เขียนขึ้นมาเองได้นะครับ โดยการทดสอบทั้งหมดจะต้องไปทำการทดสอบบน Device จริง ๆ กัน ทั้ง บน iOS และ Android ส่วนวิธีการนำ Application ไปทดสอบนั้น ผมได้เคยกล่าวไปแล้วในบทความ ทดสอบ บนเครื่องจริง สำหรับ Android และ ทดสอบบนเครื่อง สำหรับ iOS ส่วนวิธีการเรียกใช้งาน กล้องถ่ายรูปใน Application นั้นทำอย่างไรเราไปดูกันเลยครับ
ทดสอบบนเครื่อง สำหรับ iOS
สำหรับ iOS นั้นหากเราต้องการที่จะนำ Application ที่เราพัฒนาขึ้นมานั้นไปรันบน Device จริง ๆ นั้นเราต้องมีดังนี้
- iDevice (iPhone, iPod Touch , iPad)
- Apple ID ที่เป็น Developer (สมัครได้ที่ developer.apple.com ค่าใช้จ่าย $99 ต่อปีครับ)
- Development Provisioning Profile
- Xcode
- เครื่อง Mac
- Mac OS X
ทดสอบ บนเครื่องจริง สำหรับ Android
จากการที่เราได้ทำการ สร้าง Application เพื่อให้ทำงานบน Emlator แล้ว ทีนี้เราจะลองเอาไปรันบนเครื่องจริง ๆ กันครับบทความนี้จะกล่าวถึงการ นำ Application ที่เราทำไว้แล้วไปรันทดสอบบนเครื่องจริง ๆ กัน สิ่งที่เราต้องมีครับ
จากนั้นก็รอจนกว่าจะเจอ Message แบบนี้ครับ
แล้วก็ไปที่ โทรศัพท์ ของคุณ รันโปรแกรมที่ได้พัฒนาได้แล้วหล่ะครับ หากไม่มีการเปลี่ยน icon ของตัว Application ตัว Application จะเป็นรูป Logo ของ Titanium นะครับ
- Android 1 เครื่อง
- สาย USB
จากนั้นก็รอจนกว่าจะเจอ Message แบบนี้ครับ
แล้วก็ไปที่ โทรศัพท์ ของคุณ รันโปรแกรมที่ได้พัฒนาได้แล้วหล่ะครับ หากไม่มีการเปลี่ยน icon ของตัว Application ตัว Application จะเป็นรูป Logo ของ Titanium นะครับ
การใช้งาน Tab Group เพื่อเปิด Window ใหม่ (เฉพาะ iOS)
หลังจากที่เราได้รู้จักกับ Navigator Group และ Tab Group ไปแล้ว แต่สิ่งหนึ่งที่ผมยังไม่ได้นำเสนอไปคือ การใช้ Tab Group เพื่อเปิด Window อีก window นึง นั่นเองครับ ซึ่งลักษณะการทำงานของ Navigator Group ที่อยู่ใน Tab Group นั้นก็จะเหมือนกับ Navigator Group ธรรมดา ๆ ครับ วิธีการก็ไม่ยากครับ
การใช้งาน Navigator Group (เฉพาะ iOS)
จากที่ผ่านมาเราได้รู้จักกับ window ไปแล้วนะครับ แต่ไม่ทราบว่าได้สังเกตุ กันหรือเปล่าว่า Window ที่ถูกสร้างขึ้นมาด้วย Code เราทำการเขียนเอาไว้มันขาดอะไรไปอย่างหนึ่ง มันขาด Title ไปนั่นเองครับ แล้วเราจะเอามันมาได้อย่างไร หล่่ะ
- ใช้ TabGroup ครับ แต่.....เราไม่ได้ต้องการให้มี Tab อยู่ด้านล่าง
- ใช้ Navigator Group ครับ
การสร้าง View
เมื่อเรารู้จักกับการสร้าง Windows และ Object พิ้นฐานไปบ้างแล้ว สิ่งต่อมาที่เราควรจะต้องรู้จักนั่นก็คือ View นั่นเองครับ
View เป็น Container สำหรับวาง Object ต่าง ๆ ซึ่งจะมีความคล้ายคลึงกับ Window เพียงแต่ไม่สามารถสั่ง Open หรือ Close ได้ สามารถกำหนดรูปแบบการแสดงได้หลากหลาย โดยส่วนใหญ่แล้วจะใช้ Object View เพื่อการแสดงผลในส่วนต่าง ๆ ของ Window อีกด้วย โดยที่เราสามารถสร้าง View ได้ด้วยคำสั่ง
Text Input
สำหรับในบทความนี้นั้นเราจะกล่าวถึง Input Box ประเภท Text นั่นก็คือ TextField และ TextArea นั่นเองครับ ทั้ง 2 Object นี้ มีความสำคัญต่อการพัฒนาโปรแกรมบน มือถือ มากพอสมควรครับ เนื่องจากมันจะเป็นที่รองรับการ Input ข้อมูลต่าง ๆ ที่ User ได้ทำการพิมพ์เข้ามานั่นเอง โดยที่ทั้ง 2 ตัวนั้น มีึความแตกต่างกันอย่างไรบ้าง ลองไปดูกันครับ
เริ่มต้นกับ Window , Button และ Label
การพัฒนาโปรแกรมไม่ว่าจะเป็น Web หรือ จะเป็น Application ต่าง ๆ ส่วนที่สำคัญที่สุดก็คือ User Interface โดยที่ ทาง Titanium Studio เองนั้น ไม่ได้เตรียมเครื่องมือสำหรับการสร้าง UI ในลักษณะของ Visual มาให้จังทำให้เราต้องทำการสร้าง UI ขึ้นเองด้วยการ Coding ดังนั้น ในบทความต่อจากนี้จะเป็นการเริ่มต้นการสร้าง UI จากพื้นฐานทีสุดนั้นก็คือ Window
รู้จักโครงสร้างของ Project ใน Titanium Studio
โครงสร้างของ Project
โครงสร้างของ Project แต่ละ Project นั้นจะมี โครงสร้างที่เหมือนเกือบทั้งหมด โดยใน Version ล่าสุดของ Titanium Studio นั้น จะประกอบไปด้วย Folder หลัก ๆ อยู่ 2 Folder นั้นก็คือ i18n และ Resources พร้อมทั้งยังมี File ที่เป็น File Log และ License ต่าง ๆ ของ ตัว Titanium Studio เอง และที่สำคัญที่สุด ใน Root ของ Project นั้น ๆ ก็คือ ไฟล์ tiapp.xmlTitanium Studio
Titanium Studio คืออะไร
Titanium Studio เป็น Tools จาก Appcelerator, Inc. สำหรับสร้าง Application แบบ Cross-Platform ในลักษณะของ Native Application ซึ่งนั้นก็จะหมายถึง Application ที่ถูกสร้างด้วย Titanium Studio นี้ จะมีความสามารถเทียบเท่ากับ Application ที่ถูกเขียนขึ้นด้วย ภาษาเฉพาะเจาะจงของแต่ละ Platform นั่นเอง
เขียนโปรแกรม ให้ iOS กับ Android ????
เขียนโปรแกรม ให้ iOS กับ Android ????
ก่อนอื่นต้องทำความเข้าใจกันก่อนว่า การเขียนโปรแกรมใด ๆ เพื่อที่จะให้สามารถทำงานได้บน โทรศัพท์มือถือระบบปฎิบัติการนั้น ๆ ต้องเริ่มจากการที่เราต้องเรียนรู้ภาษาที่ใช้ สำหรับสร้างมันขึ้นมา
โดยที่เราสามารถเขียนโปรแกรมเพื่อให้สามารถทำงานได้ทั้งหมด 3 วิธีด้วยกัน ประกอบด้วย Native Application, Web Application และ Hybrid Application โดยที่แต่ละประเภทก็อาจจะมีแตกแยกย่อยลงไปอีกมากมาย โดยที่มันแล้วแต่ความถนัดของแต่ละบุคคล แล้วแต่ละประเภทมันคืออะไรบ้างหล่ะ เราไปดูกัน