sencha

เริ่มต้น Sencha Touch 2 ในการพัฒนา Web Mobile app โดย HTML5 ในปัจจุบันนั้นปฎิเสธไม่ได้ว่า app บน smart phone หรือมือถือสมัยรวมไปถึงอุปกรณ์ mobile นั้นได้รับความนิยมมาก แต่ในการพัฒนาบนหลาย platform ของแต่ละอุปกรณ์นั้นยังลำบากอยู่ วิธีที่เป็นอีก 1 ทางเลือกคือการใช้ html5 ในการพัฒนาเพื่อเป็นในรูปแบบของ web หรือจะทำการแปลงจาก html 5 ในการเป็น application โดยใช้ phone gap โดย framework ในการพัฒนาโดยใช้ html 5 ที่ได้รับความนิยมนั้นก็มีชื่อของ sencha touch ติดโผขึ้นมา โดยในรุ่นปัจจุบันนั้นเป็นเวอร์ชั่น 2 แล้วซึ่งผมลองศึกษาในการพัฒนา application บน android ดูปัญหาส่วนใหญ่ ในการพัฒนา android application นั้นอยู่ที่การเขียน ui ขึ้นมานั้นเอง แต่หากใช้ html 5 นั้นปัญหาของ UI จะลดลงไปเพราะมันง่ายขึ้นมากแต่ด้านความเร็วในการประมวลผลนั้นจะช้าลง เพราะฉะนั้นการใช้ html5 นั้นจะสามารถตอบโจทย์ application ที่ไม่ต้องการใช้งานประมวลผลที่ซัฐซ้อนเท่าไรได้ และในบทความนี้ผมจะเขียนถึงการเริ่มต้นในการเรียนรู้ sencha touch 2 ครับ Sencha touch เราสามารถ Download จากทางเว็บไซต์ Sencha Sencha Touch Sencha Command โดยที่ Sencha Touch จะต้องกรอก email เพื่อให้ระบบตอบเมล์พร้อมลิงค์ Download ไปให้นะครับ หลังจากที่ดาวโหลด Sencha Touch แล้วก็ให้ทำการแตกไฟล์นำไปไว้บน web server โดยของผมเป็น apache จะเอาไปวางไว้ที่ folder www หรือถ้าเป็น iis serverRead More →

สมัยนี้การเดินทางหรือข้อมูลบน internet เกี่ยวกับสถานทีหรือแผนการเดินทางส่วนใหญ่แล้วจะใช้โปรแกรมยอดนิยมอย่าง Google Map นั้นเองวันนี้จะมาแสดงตัวอย่างการสร้าง marker บน google map ซึ่งเป็นระดับพื้นฐานที่ไม่ได้มีการใช้ google map api อะไรเลย โดยเราจะดึงค่าพิกัดลัดติจูดกับลองติจูดจาก php โดยผ่าน javascript ในลักษณะการดึงและรับส่งข้อมูลแบบ ajax นั้นเอง โดยตัวอย่างนี้จะประกอบด้วยไฟล์ 2 ไฟล์คือไฟล์ html ที่ภายในประกอบด้วย html และ javascript ส่วนอีกไฟล์จะเป็นไฟล์ php ที่จะคืนค่าพิกัดมาให้อยู่ในรูปแบบของ xml จากนั้นเมื่อดึงค่าผ่าน ajax แล้วจะทำการส่งค่าพิกัดไปให้ google map เพื่อแสดงบนแผนที่นั้นเอง ขั้นแรกเรามาสร้างไฟล์ html ที่ใช้ ajax ในการดึงข้อมูลพิกัดและแสดงแผนที่อีกด้วย โดยให้สร้างไฟล์ที่ชื่อว่า map.html โดยมีโค้ดดังนี้Read More →

ตอนนี้ html 5 เป็นที่นิยมมากซึ่ง html 5 ที่ใช้ทำเว็บไซต์ก็มากอีกอย่างก็หนึ่งก็คือ เกมส์ html 5 เริ่มเป็นที่นิยมในการพัฒนาเกมส์ก็มาก ซึ่งผมก็ลองทำดูลองศึกษาดูก็เจอ html5 game engine ตัวหนึ่ง melonJS ซึ่งมันจะมีการใช้ javascript แบบ oop และใช้ javascript เพื่อใช้ความสามารถของ html5 อีกทั้งยังสามารถรองรับ tiled map ซึ่งผมก็ได้ลองทำดูก็ออกมาเป็นแบบนี้ครับ เกมส์ html5Read More →

ต่อจากบทความก่อนหน้านี้ เล่นไฟล์เสียงด้วย HTML5 และ Jquery ตอนที่ 1 คราวนี้เราจะมาใช้ความสามารถของ Jquery เพื่อเล่นเสียงและควบคุมการเปิดปิดเสียง เริ่มต้นเราก็ก็อปปี้ไฟล์ index.html มาเป็นไฟล์ใหม่โดยผมจะตั้งชื่อว่า indexjquery.html เพื่อที่เราจะได้เห็นความแตกต่างระหว่างการใช้ tag html 5 กับ jquery ว่า แตกต่างกันอย่างไร เรามาดูโค้ดกันเลยครับตอนแรกเราก็ต้องทำการสร้าง link 2 ลิงค์ให้มี id เป็น play กับ pause เพื่อจะได้เขียน jquery เพื่อควบคุมการเล่นเสียง ต่อมาเราก็สร้างฟังก์ชั่นสำหรับเล่นไฟล์เสียงโดยใช้ javascript ดึงความสามารถในการเล่นเสียงของ browser ที่รองรับ html 5 นั้นเองหลังจากนั้นก็ให้โหลด event ของ link ทั้งสองเมื่อเริ่มโหลดหน้าเว็บ โค้ดในส่วนแรกของการสร้าง link คือRead More →

หากพูดถึง HTML แล้ว ณ ตอนนี้คงเป็น เวอร์ชั่นที่ 5 แล้วหรือ HTML 5 นั้นเอง ซึ่งใน HTML 5 นี้สามารถเล่นไฟล์เสียงได้แล้วโดยไฟล์เสียงนี้แค่ใช้ tag 1 ใน HTML เท่านั้น เหมือนกับรูปภาพ เหมือน HTML 5 รองรับไฟล์เสียงแล้ว เราก็ใช้ความสามารถของ Jquery เพื่อควบคุมปุ่นในการสั่งให้เล่นแล้วก็หยุดเล่นไฟล์เสียง โดยใน HTML 5 นั้นจะรองรับไฟล์เสียง นามสกุล ogg กับ mp3 ซึ่งถ้าจะหาโปรแกรมแปลงไฟล์เสียงให้เป็น ogg ผมก็แนะนำโปรแกรม Audacity ซึ่งเป็นฟรีแวร์สามารถหา Download กันได้นะครับRead More →

หัดเขียน html เบื้องต้น ภาษา html เป็นภาษาพื้นฐานในการสร้างเว็บไซด์ ซึ่งในการเขียนภาษา html นั้นมีหลักสำคัญอยู่ในการเขียนก็คือ ภาษา html แบ่งออกเป็น head และ body ซึ่งจะต้องอยู่ใน tag <html></html> เอาเป็นว่าไปดูตัวอย่างเพื่อความRead More →

HTML (Hypertext Markup Language) เป็นภาษาที่ใช้ในการเขียนโปรแกรมภาษาหนึ่ง ของคอมพิวเตอร์เพื่อตอบสนองในการแสดงผลบนจอภาพในระบบอินเตอร์เน็ต(Internet) ใน ลักษณะของเว็บเพจซึ่งสามารถแสดงผลได้ทั้งภาษาไทยและภาษาอังกฤษรวมทั้งรูปทรงกราฟฟิกRead More →