รู้จักกับ 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)
หรือหมายความว่าเราสามารถเขียน Javascript เพื่อไปรันที่อื่น ๆ โดยที่เราไม่จำเป็นต้องใช้ Web Browser เพื่อ รัน Script นั่นเอง

Titanium SDK Update 2.1.3

ตอนนี้ Titanium SDK ได้ออก Update เป็น Version 2.1.3 แล้วนะครับโดยมีการเพิ่ม Feature ต่าง ๆ เข้าไปพอสมควร หลัก ๆ เลยคงเป็นเรื่องของการ สนับสนุน iPhone 5 และ iOS6 ครับ แต่จะมีอะไรบ้างนั้นไปดูกันเลยครับ


แสดงตัวเลขบน icon app (สำหรับ ios)

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


Menu สำหรับ Android

บทความนี้ผมจะขอไปที่ Android ซะหน่อย โดยปกติแล้วบน Android จะมีปุ่มที่เป็นทั้ง Hardware และ Softkey มาให้ด้วย นั่นก็คือ ปุ่ม Menu นั่นเองครับ ปุ่ม Menu นี้เอาไว้ใช้ในกรณีที่ต้องการให้ในหน้าจอของโปรแกรมต่าง ๆ ที่เราพัฒนาขึ้นมีตัวเลือกให้กับผู้พัฒนาในการใส่คำสั่งหรืออื่น ๆ ที่ไม่ต้องการให้แสดงอยู่บนหน้าจอนั่นเองครับ


แสดงตัวเลขบน Tab Group (TabGroup badge) เฉพาะ iOS

บทความนี้เราจะมาด้วยเรื่องเบา ๆ กันนะครับนันก็คือ TabGroup Badge นั่นเองครับ

จัดวาง object ใน window หรือ view ให้ดูดีด้วย layout

ใน  Window และ View ทั้งหลายนั้น มี Property อยู่หนึ่งอย่างที่ทำให้เราสามารถเลือกวาง Object ต่าง ๆ ได้อย่างเป็นระบียบเรียบร้อย​ซึ่ง Property นั้นก็คือ layout นั่นเองครับ

เรียกใช้งาน Map ด้วย Titanium Mobile

ในบทความนี้จะกล่าวถึงสิ่งที่ติดอยู่กับ Android และ iPhone สิ่งนั้นก็คือ Map นั่นเองครับ



เปิด Photo Gallery ด้วย Titanium Mobile

ในบทความนี้ จะเป็นการเปิด Photo Gallery เพื่อเลือก ภาพที่อยู่ในเครื่องมาทำการแสดงบน Application ครับการแสดงภาพอันนี้ไม่จำเป็นต้องทดสอบบนเครื่องจริง ๆ ก็ได้ครับ  สามารถทดสอบบน Emulator ได้เลยครับ เพียงแต่ใน Emulator นั้นต้องมีรูปภาพอยู่เท่านั้นเอง

ใช้งานกล้องถ่ายรูปด้วย Titanium Mobile

ในบทความนี้ จะเป็นการใช้งานกล้องถ่ายรูป เพื่อให้สามารถถ่ายภาพโดยผ่าน Application ที่เขียนขึ้นมาเองได้นะครับ โดยการทดสอบทั้งหมดจะต้องไปทำการทดสอบบน Device จริง ๆ กัน ทั้ง บน iOS และ Android ส่วนวิธีการนำ Application ไปทดสอบนั้น ผมได้เคยกล่าวไปแล้วในบทความ ทดสอบ บนเครื่องจริง สำหรับ Android และ ทดสอบบนเครื่อง สำหรับ iOS ส่วนวิธีการเรียกใช้งาน กล้องถ่ายรูปใน Application นั้นทำอย่างไรเราไปดูกันเลยครับ

ทดสอบบนเครื่อง สำหรับ iOS

สำหรับ iOS นั้นหากเราต้องการที่จะนำ Application ที่เราพัฒนาขึ้นมานั้นไปรันบน Device จริง ๆ นั้นเราต้องมีดังนี้
หากมีทุกอย่างข้างต้นครบแล้ว เราก็มาเริ่มกันเลยครับ คลิกที่ Menu Run แล้วเลือกเป็น iOS Device


ทดสอบ บนเครื่องจริง สำหรับ Android

จากการที่เราได้ทำการ สร้าง Application เพื่อให้ทำงานบน Emlator แล้ว ทีนี้เราจะลองเอาไปรันบนเครื่องจริง ๆ กันครับบทความนี้จะกล่าวถึงการ นำ Application ที่เราทำไว้แล้วไปรันทดสอบบนเครื่องจริง ๆ กัน สิ่งที่เราต้องมีครับ
  • Android 1 เครื่อง
  • สาย USB
อันดับแรกครับ เราเอา Android ของเรา เชื่อมต่อกับเครื่องคอมพิวเตอร์ของเราก่อนเลยครับ (สำหรับผู้ใช้ Windows ต้องติดตั้ง Driver ให้เรียบร้อยก่อนนะครับ)  จากนั้นทำการเปิด  USB Debugging ที่โทรศัพท์  โดยไปที่ Setting -> Applications -> Development  เลือก USB Debugging  ครับ  จากนั้นกลับมาที่ Titanium Studio ครับ เลือกที่ ปุ่ม Run แล้วก็เลือก Android Device ครับ


จากนั้นก็รอจนกว่าจะเจอ Message  แบบนี้ครับ

แล้วก็ไปที่ โทรศัพท์ ของคุณ รันโปรแกรมที่ได้พัฒนาได้แล้วหล่ะครับ หากไม่มีการเปลี่ยน icon ของตัว Application ตัว Application จะเป็นรูป Logo ของ Titanium นะครับ

Web View

ในบทความนี้เราจะกล่าวถึง  Web View นะครับ Web View คืออะไร  มันก็คือ View ที่เอาไว้เปิดแสดง Web หรือ Content ที่เป็น HTML นั่นเองครับ