การใช้jquery mobileเบื้องต้น

JQUERY MOBILE JM04 : การใชJ้ query Mobile เบ้ืองตน้HOW TO :1.Download Aurasma App2.Scan QR Code3.Scan Picture Create by : Kittimaporn Piyakamolrut

วตั ถุประสงคใ์ นการ เรียนรู้บทเรียนน้ีถกู สร้างข้ึนเพื่อใหผ้ ทู้ ี่ตอ้ งการ เรียนรูเ้ ก่ียวกบั Jquery Mobile ไดท้ าการศึกษาและเรียนรู้ ซ่ึงภายในบทเรียนน้ีจะมีความรูเ้ กี่ยวกบั เบ้ืองตน้ ของ การใชJ้ query Mobileเบ้ืองตน้

สารบญัJQUERY MOBILE เบ้ืองตน้ การใชง้ านJQUERY MOBILE เบ้ืองตน้ แบบทดสอบความรู้ บรรณานุกรม

JQUERY MOBILE เบือ้ งต้น➢ Jquery Mobile เป็ นกรอบแนวคิด (Framework) ในการ พฒั นาโมบายเวบ็ แอพพลเิ คชนั่ (Mobile Web Application) ซ่ึงทาใหร้ ูปแบบของหนา้ เวบ็ เพจสามาารถไดอ้ ยา่ งเหมาะสมบนเวบ็ เบรา เซอร์ท่ีอยบู่ นสมาร์ทโฟน(Smartphones) หรือแท็บเลต (Tablets)ได้➢ Jquery Mobile มีพน้ื ฐานมาจากมาตราฐาน HTML5,CSS และ JAVA SCRIPT➢ Jquery Mobile เนน้ การแสดงผลบนเวบ็ เบราเซอร์ที่ทางานบน อปุ กรณเ์ คล่อื นท่ี แตม่ ีความสามารถในการจัดการขอ้ มูลบางสว่ นไดเ้ ชน่ กนั

JQUERY MOBILE เบือ้ งต้น➢ JQUERY MOBILE ถกู ออกแบบมาใหเ้ หมาะกบั การ แตะบนหนา้ จอ อปุ กรณเ์ คล่ือนท่ี (Touch Optimized) เน่ื องจากหน้าจออุปกรณเ์ คล่ือนท่ี มี พ้ืนท่ใี นการทางานน้อยกวา่ หนา้ จอคอมพิวเตอร์ และ แกนของการใชง้ านจะมี ลกั ษณะเป็นแกนแนวตงั้ (Vertical Axis) ในขณะใชง้ านมือเดยี ว ดงั นั้น JQUERY MOBILE จะชว่ ยใหน้ กั พฒั นาสามารถ ออกแบบหนา้ จอเว็บท่ี สอดคลอ้ งกบั ประสบการณ์ ผูใ้ ช้ (User Experience) อุปกรณเ์ คล่ือนท่ไี ด้ ดี➢ JQUERY MOBILE สามารถทางานไดบ้ นเบราเซอร์หลายย่หี อ้ จึงทาให้การ พฒั นามคี วามสะดวกมากย่งิ ข้นึ

การใชง้ านJQUERY MOBILE เบ้ืองตน้➢ JQUERY MOBILE มีลกั ษณะเป็ นไฟลค์ าส่งั 2 ประเภท คือ .CSS (Stylesheet) และ .JS (Java Script Libraries) โดยผูใ้ ชง้ านไมจ่ าเป็ นตอ้ งทาการ Install โปรแกรมใดๆ แตจ่ ะตอ้ งทาการเรียกคาส่ัง JQUERY MOBILE จากผพู้ ฒั นามาแทรกไวใ้ นหนา้ เวบ็ เพจท่ีตอ้ งการ

การใชง้ านJQUERY MOBILE เบ้ืองตน้➢ การเรียกใช้งานผ่าน Content Delivery Network (CDN) สามารถเรียกใชง้ านไฟลค์ าสั่ง JQUERY MOBILEได้ จากเวบ็ ไซต์ http://code.jquery.com ขอ้ ดคี ือไมต่ อ้ ง จดั เกบ็ คาสั่งไวท้ ี่เคร่ืองคอมพวิ เตอร์ แตต่ อ้ งมีสญั ญาณอินเทอรเ์ นต็ ระหวา่ ง การใชง้ านเสมอ และหากตอ้ งการแกไ้ ข Script จะไมส่ ามารถทาได้➢ การเรียกใชง้ านจากไฟลค์ าส่งั ที่ไดด้ ึงมาจดั เกบ็ ไวใ้ นเครื่องคอมพิวเตอร์ แลว้ (Stored at computer) นามาจดั เกบ็ ไวใ้ นคอมพวิ เตอร์ แลว้ มีขอ้ ดีคอื ไม่จาเป็ นตอ้ งเชื่อมตอ่ สัญญาณอินเทอร์เน็ต และสามารถ ปรับแกไ้ ขคาส่งั ใน JQUERY MOBILE ไดเ้ สมอ

แบบทดสอบความรู ้

บรรณานุกรม➢ คมู่ ือ การพฒนา Mobile Web ดว้ ย Jquery Mobile , อาจารยณ์ ัฐภทั ร แกว้ รัตน์ ,สาขาวิชาการจดั การสารสนเทศ ภาควิชา สังคมศาสตร์ คณะมนุษยศ์ าสตร์และสังคมศาสตร์ มหาวิทยาลยั ราชภัฎ สวนสุนันทา