JQUERY MOBILEการใช้ JQUERY MOBİLEเบ้ืองตน้ CREAT : KITTIMAPORN PIYAKAMOLRUT
JQUERY MOBILE คืออะไร? JQUERY MOBILE เป็นกรอบแนวคิด(Framework)ในการพฒั นาโมบายเวบ็ แอพ็ พลิเคชนั่ (Mobile Web Appication) ซ่ึงทาให้รูปแบบของหนา้ เวบ็ เพจสามารถทางานได้อยา่ งเหมาะสมบนเวบ็ เบราเซอร์ทอี่ ยบู่ นสมาทร์โฟน(Smartphone)หรือแทบ็ เลต(Tablets) มพี น้ื ฐานมาจากมาตราฐาน HTML5 ,CSS3 และ JAVA SCRIPT
การใช้งานJQUERY MOBILE เบื้องต้น JQUERY MOBILE มีลกั ษณะเป็นไฟล์คาสัง่ ประเภท คือ .css (Stylesheet) และ .JS(Java Script Libraries) โดยผใู้ ชง้ านไม่จาเป็นตอ้ งทาการ Install โปรแกรมใดๆ แต่จะตอ้ งทาการเรียกคาสงั่ JQUERY MOBILEจากผพู้ ฒั นามาแทรกไวใ้ นหนา้ เวบ็ เพจท่ีตอ้ งการ
การใช้งานJQUERY MOBILE เบื้องต้น 1.การเรียกใชง้ านผา่ น CONTENT DELIVERYNEYWORK (CDN) คอื การเรียกใชง้ านไฟลค์ าสงั่ ได้จากเวบ็ ไซต์ http://code.jquery.com <head><link rel=\"stylesheet\" href=\"http://code.jquery.co m/mobile/1.1.0/jquery.mobile-1.1.0.min.css\" /> <script src=\"http://code.jquery.com/jquery- 1.7.1.min.js\"></script> <script src=\"http://code.jquery.com/mobile/1.1.0/jquery. mobile-1.1.0.min.js\"></script> </head>
การใช้งานJQUERY MOBILE เบื้องต้น 2. เรียกใชง้ านจากไฟลค์ าสง่ั ที่ได้ดึงมาจดั เกบ็ ไวใ้ น เคร่ืองคอมพวิ เตอรแ์ ลว้ (Stored at computer) • การเรียกใช้ งานผา่ นไฟลค์ าส่ังที่น ามาจดั เกบ็ ไวใ้ นคอมพิวเตอรแ์ ลว้ มี ขอ้ ดีคอื ไม่จ าเป็ นตอ้ งเชื่อมต่อสญั ญาณอนิ เทอร์เน็ต และ สามารถปรับแกไ้ ขค าสั่งใน JQUERY MOBILE ได้เสมอ<head><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"<link rel=\"systlesheet\" href=\"jquery.mobile-1.4.4.css\"<script=\"jquery.js\"></script><script=\"jquery.mobile-1.4.5.js></script></head>
ทาไมจงึ ต้องพง่ึ ความสามารถ ของ JQUERY MOBILE? การใช้ JQUERY MOBILE จะท าให้นกั พฒั นาออกแบบหน้าจอเวบ็ เพจไดอ้ ยา่ งเหมาะสมและไม่ตอ้ ง เสียเวลาในการประมาณพ้นื ที่ของเคร่ืองมอื ที่ปรากฎบนเว็บเพจ เช่น ขนาดป่ ุมขนาดของลิสต์ ขนาด ของเมนู เป็ นตน้ (Write less, Do more) ซ่ึงJQUERY MOBILE จะจดั การส่วนแสดงผลน้ีให้ ท าให้ประสบการณผ์ ใู้ ชเ้ กดิ ความงา่ ยตอ่ การใชง้ านมากข้ึน แมก้ ระท่ังใช้มือเดียวกต็ าม (Single Handed)
แบบฟอร์มการประเมินผลงาน
Search
Read the Text Version
- 1 - 8
Pages:
