การใส่ICON-ในปุ่มButton-Icons

มหาวิทยาลยั ราชภฏั สวนสุนนั ทา Suan Sunandha Rajabhat University Learn about Button Icons with AR e-Book “ jm 1 0 ” เ ว็ บ เ ชิ ง ต อ บ ส น อ ง ( j m)How To :1. ดาวนโ์ หลดแอพพลิเคชนั่ HP Reveal ผ่านทางโทรศพั ทม์ ือถือ2. สแกนคิวอารโ์ คด้ หรือคน้ หา “noynaratchadapornpinnoi”3. เห็นรปู น้ี สแกนท่ีรปู ภาพ นางสาว รชั ฎาภรณ์ ปิ่ นนอ้ ย 60123468070 คณะมนุษยศาสตร์ และ สงั คมศาสตร์ สาขาวิชาสารสนเทศศาสตร์ แขนงวิชาระบบสารสนเทศเพ่ือการจดั การ

1วตั ถปุ ระสงค์- กระตุน้ ใหเ้ กดิ ความสนใจ และเป็นการใหค้ วามรู ้พ้ืนฐานในเร่ืองการใส่ ICON ในปุ่ม (Button Icons)- เพ่ือสรา้ งและพฒั นาตนเอง ใหม้ คี วามรูแ้ ละมีความสามารถ- เพ่ือใหไ้ ดผ้ ลงานการพฒั นา MOBILE WEB ดว้ ยJQUERY MOBILE เร่ืองการใส่ ICONในปุ่ม(Button Icons) ท่มี คี วามหลากหลายซ่ึงสามารถนาไปประยุกตใ์ ชใ้ นชวี ิตประจาวนั ได้

สื่ อการเรี ยนรู้ AR (e-Book) 2การใส่ICONในป่ ุม (Button Icons)สารบญัเรื่อง หนา้Icon คืออะไร 3การใส่ ICON ในป่ มุ (Button Icons) 4กาหนด ICON ให้ JQM BUTTON 5แบบทดสอบหลงั เรียน 6อา้ งอิงส่ือการสอนของอาจารย์ 7อา้ งอิงแหล่งที่มาของเว็บไซต์ 8

สื่ อการเรี ยนรู้ AR (e-Book) 3การใส่ICONในป่ ุม (Button Icons)Icon คืออะไร Icon คือสญั ลกั ษณห์ รือรูปภาพท่ใี ชแ้ ทนโปรแกรมIcon จะถูกนามาสรา้ งเป็นภาพเลก็ ๆเพ่ือสะดวกและงา่ ยตอ่ การใชง้ าน เชน่ เวลาเราตอ้ งการใชง้ านโปรแกรมหน่ึงโปรแกรม เรากเ็ พยี งดบั เบ้ลิ คลิกท่ี Icon ของโปแกรมนั้นแลว้ โปรแกรมท่เี ราตอ้ งการจะถูกเปิดข้ึนมาเป็นหนา้ ตา่ งโปรแกรมข้ึนมาทนั ที ไอคอนน้ันสามารถสรา้ งเองโดยใช้โปรแกรมแปลงภาพจากไฟล์ JPEG , GIF , PNG เป็นตน้ใหเ้ ป็นนามสกุล .ico ซ่ึงเป็นนามสกุลไฟลข์ องไอคอนเพยี งเทา่ น้ีกไ้ ดไ้ อคอนไวใ้ ชเ้ องไดแ้ ลว้ หรืออาจใชว้ ธิ ดี าวน์โหลดไดจ้ ากเวบ็ ไซตต์ า่ งๆ ซ่ึงมใี หด้ าวน์โหลดฟรีมากมาย

สื่ อการเรี ยนรู้ AR (e-Book) 4การใส่ICONในป่ ุม (Button Icons)การใส่ ICON ในป่ มุ (Button Icons) •ปุ่มท่ปี รากฏ icon จะทาใหผ้ ูใ้ ชเ้ กดิ ความสนใจและเขา้ ใจหนา้ ท่ปี ุ่มไดด้ ขี ้ึน จะทาใหเ้ กดิ ประสบการณผ์ ูใ้ ช้ท่พี ึงประสงค์ (Desirable)อา้ งอิง : Thitirath Kinaret

สื่ อการเรี ยนรู้ AR (e-Book) 5การใส่ ICONในป่ ุม (Button Icons)กาหนด ICON ให้ JQM BUTTON •สามารถทาไดโ้ ดยการกาหนดคา่ ให้ attribute ท่ชี ่ือdata-icon ไดอ้ ยา่ งถูกตอ้ ง โดยปกตถิ า้ เราใช้ ICONท่ี JQM ใหม้ ากส็ ามารถใสช่ ่ือจากรายการในสว่ นถดั ไปไดเ้ ลยอา้ งอิง : thaimobilecenter.com

ส่ื อการเรี ยนรู้ AR (e-Book) 6การใส่ ICONในป่ ุม (Button Icons)แบบทดสอบหลงั เรียน

สื่ อการเรี ยนรู้ AR (e-Book) 7การใส่ ICONในป่ ุม (Button Icons)อา้ งอิงส่ือการสอนของอาจารยณ์ ฐั ภทั ร แกว้ รตั นภทั ร์

ส่ื อการเรี ยนรู้ AR (e-Book) 8การใส่ ICONในป่ ุม (Button Icons)อา้ งอิงแหล่งท่ีมาของเว็บไซต์

สื่ อการเรี ยนรู้ AR (e-Book)การใส่ ICON ในป่ ุม(Button Icons) อา้ งอิง : spin9