Posts

Showing posts with the label google

[iOS Dev] Login with Google Account

Image
วันนี้นั่ง POC Project เล่นๆ ตัวนึง เลยนำการ Login ด้วย Google Account มาแชร์ครับ เผื่อว่าใครทำอะไรที่ต้องใช้ Google API ก็ต้องผ่านการ Authorization ก่อนทั้งหมดนั่นล่ะ ก่อนที่จะไป Code กันก็ต้องไปจัดการเรื่อง Access Control กันก่อน ... ขั้นแรกไปที่ Google API Console  ด้านข้างเลือก API Access จะเจอหน้าจอนี้ ปุ่มสีน้ำเงินเลยครับ สร้าง OAuth 2.0 Client ID ในหน้าแรกใส่แค่ชื่อ App ก็พอ หน้านี้ให้เลือก Installed Application และเลือก Platform เป็น iOS จากนั้นก็ใส่ Bundle Identifier  ตาม Project ที่เราสร้างขึ้นมานะครับ ดูได้ที่หน้า Summay เลย (ภาพล่าง) พอเรียบร้อยแล้วเราก็จะได้ข้อมูลในการ Access Authentication API มาใช้ใน Project ของเรา :) แน่นอนว่า Google ก็ไม่ได้ปล่อยให้เราเดียวดาย ได้จัด Google Toolkit: OAuth2 ให้เราได้ใช้กัน ไป checkout code ที่นี่ได้เลย  http://code.google.com/p/gtm-oauth2/source/browse/ เมื่อ checkout code ลงมาแล้ว สิ่งที่จะได้มาคือ Folder ตามนี้ (ซึ่งจะมีทั้ง Mac และ iOS) Frameworks & Files ที่เราต้องนำเข้ามาในใช...

Syntax Highlighting for Blogger (Dynamic Views)

Image
ผมค้นหามานานละ วิธีที่จะทำ Syntax Highlighting สำหรับ Dynamic Views ก็มาเจอตัวนี้แหละครับ เป็นหนึ่งในโครงการ Google Code ชื่อว่า Prettify โดยวิธีการติดตั้งก็ไม่ยาก ผมก็เลยเขียนไว้ที่นี่เผื่อเป็นประโยชน์ ขั้นแรกในหน้า Dashboard ของ Blogger ให้เลือกไปที่ Template (กรอบสีฟ้า) โดยเราสามารถเลือกที่จะ Backup Template (กรอบสีแดง) เก็บไว้ก่อนนะครับ เผื่อมีอะไรผิดพลาด จากนั้นกดที่ Edit HTML   (กรอบสีส้ม) ก็จะได้หน้าต่างการแก้ไข Template แบบนี้ จากนั้นก็ให้เพิ่ม Code นี้ลงไปภายใน <head> Tag ครับ <link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" type="text/css" rel="stylesheet"/> <script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"> </script> ** และเราสามารถเปลี่ยน Theme ได้ด้วยนะ ตรง CSS File ที่ import เข้ามาสามารถเปลี่ยนได้ แค่ไปหยิบ Source Path ของ Theme มาใส่แทน ไปเลือกที่นี่ได้เลย Pretti...

สรุปงาน Google I/O 2012 ส่วนของ Android

Image
สรุปงาน Google I/O 2012 ในส่วนของ Android นะครับ ซึ่งเป็นช่วงแรกของงานเลย เป็นอะไรไปไม่ได้นอกจาก  Android 4.1 Jelly Bean Resizable Widget สามารถย่อขยายตัว Widget เช่น Gmail ได้ ซึ่งจะสัมพันธ์กับขนาดและจำนวนของ Icon เช่นถ้า Widget มันใหญ่เกิน Icon ก็จะเลื่อนหลบให้ Offline Voice Typing ก็เป็นระบบการพิมพ์ด้วยการพูด ซึ่งเป๊ะไม่แพ้ Dictation ของฝั่ง iOS เลยทีเดียว ที่น่าสนใจคือมันรองรับ "ภาษาไทย" ด้วย Official Thai Keyboard ในที่สุดก้มีให้ใช้กัน หลังจากที่ใช้ของพี่นัท (Manman Keyboard) กันเกือบทั้งประเทศ (ยอ) เรื่องกล้องบ้าง ตอน ICS มี Zero Lag Shutter เป็นตัวเด่น แต่คราวนี้เราสามารถ Browse ภาพถ่ายได้ง่ายขึ้น และ UI ในการจัดการรูปภาพที่ make sense มากขึ้น Notification สามารถแสดง Information แบบเต็มได้เลยโดยการใช้ 2 นิ้วเลื่อนลง เพื่อดู และยังมี Apps ที่เพิ่มเข้าไปอีก เปลี่ยน Graphic ให้ดูดีขึ้นด้วย Voice Google Search คราวนี้ทำหน้าที่เหมือน Siri ของทางฝั่ง iOS เลย แต่อยากบอกว่า เสียง "น่ารัก" กว่าเยอะ ... อยากรู้จัง ว่าเอาใครมาพูด ... ส่วนความไวนั้น...

[Android Dev] สร้างแผนที่โดยใช้ MapView with Google Maps API

Image
ค่อนข้างจะยุ่งยากมากๆ เลยทีเดียวนะครับ สำหรับการใช้ MapView บน Android เนี่ย เพราะว่า ในตัว Android SDK ไม่มี MapView ให้ใช้ตรงๆ ครับ เราต้องไปใช้ผ่าน Google Maps API อีกที ... โดยขั้นแรกต้องทำการติดตั้ง Google API for Android ซะก่อน ให้เข้าไปที่ Android SDK Manager ครับ ถ้าเป็นเวอร์ชั่นต่ำกว่า 12.0 จะอยู่ใน Third-Party นะครับ แต่ควรจะอัพเป็น 14.0 มันจะอยู่ตรงนี้ครับ ตรง Google APIs by Google inc. นะครับ ในนี้จะมี Maps ให้เราใช้งานอยู่ด้วย ตอนที่สร้าง Project ใหม่ก็ต้องเลือกเป็น Google APIs Project ด้วยนะครับ จากนั้นให้เปิดไฟล์ AndroidManifest.xml ขึ้นมาครับ เพิ่มส่วนนี้เข้าไปที่ Tag ของ <application> เพื่อระบุว่าเราใช้ Maps Library จาก Google และนี่เข้าไปที่ส่วนของ <manifest> เพราะเราต้องใช้ Internet ด้วยครับ ก็จะได้ประมาณนี้นะครับ (อย่าใส่ผิดที่นะ) จากนั้นเปิด main.xml (User Interface File) ขึ้นมาแล้วเขียนตามนี้เลยนะครับ ก็ไม่มีอะไร นอกจาก วาง MapView ไว้เต็มหน้าจอเลย ... แต่มันจะมี Attributed พิเศษอยู่ 2 อันคือ     - clic...