Get Adobe Flash player

การจัดการความรู้ KM

การใส่ Placeholder ลงใน Text input

Placeholder คือข้อความตัวอย่างหรือคำอธิบายที่ใส่ text input เพื่ออธิบายคุณลักษณะของ text หรือ textarea หรือกระทั่งใช้ในการยกตัวอย่างรูปแบบข้อความที่อยากให้ผู้ใช้งานกรอกลงในหน้าเว็บไซต์ เช่น รูปแบบการกรอกอีเมล หรือ ตัวอย่างการกรอก url เพื่อแสดง link website

Code ที่ใช้ :

placeholder=“ตัวอย่างข้อความ”

 

ตัวอย่างการใช้ :

จะแสดงผลได้ดัวตัวอย่าง :

ตัวอย่างเมื่อทำการกรอกข้อมูล :

แสดงให้เห็นว่า เมื่อกำหนด placeholder ให้แก่ text input แล้ว ข้อความหรือคำดังกล่าวจะไปแสดงใน text input ซึ่งข้อความดังกล่าวจะเป็นเพียงตัวอย่าง ไม่ใช่ input จริง ดังนั้น ผู้ใช้งานจะสามารถกรอกข้อมูลทับได้ และหากลบข้อความที่ input เข้าไป ข้อความตัวอย่างก็จะปรากฎอีกครั้ง

แนะนำ Plupload เป็น Library สำหรับการ Upload file บนเว็บไซต์

ที่ผ่านมา Library สำหรับช่วยในการ Upload file (เช่น Uplodidy) จะใช้ Flash ช่วยในการ Browse และ Upload ไฟล์ เพื่อให้ผู้ใช้สามารถ Browse ไฟล์ได้หลายไฟล์พร้อม ๆ กัน รวมทั้งการ Upload แบบ Asynchronous แต่อย่างไรก็ตามเวลาผ่านไป Flash กลายเป็นเทคโนโลยีที่ตายแล้ว Web Browser สมัยใหม่ปิดกั้นการทำงานของ Flash เป็นค่าเริ่มต้น ผลกระทบที่ตามมาคือ Library Upload file จึงไม่สามารถทำงานได้ตามปกติ

ดังนั้นหากต้องการพัฒนา Web App ที่สามารถ Upload file โดยการ Browse ไฟล์พร้อม ๆ กัน รองรับการทำงานแบบ Asynchronous หรือพูดง่าย ๆ ว่า Library ทางเลือกที่สามารถใช้แทน Uplodify ได้โดยที่ไม่กระทบต่อโครงสร้าง Code เดิมของ Web App มากนัก ขอแนะนำให้ใช้ Plupload

Plupload มีดีอย่างไรบ้าง

  • มี Runtime หลากหลายตั้งแต่ HTML5, HTML4, Flash และ SilverLight
  • รองรับการ Drag and drop
  • เมื่อเป็น HTML5 จึงสามารถเปิดตัวอย่างไฟล์มาแสดงได้บนฝั่ง Client เช่น Browse ไฟล์รูป แล้วนำรูปที่ Browse ขึ้นมาแสดงบนหน้าจอ โดยไม่ต้องทำการ Upload
  • กรณีที่เป็นรูปภาพสามารถ ตัดต่อ หรือ ย่อรูปภาพได้บนฝั่ง Client
  • สามารถแบ่งส่วนไฟล์ในการ Upload เช่นไฟล์เต็ม 10Mb สามารถแบ่งเป็นส่วนละ 1Mb แล้วค่อย Upload ทำให้สามารถ Upload ไฟล์ใหญ่กว่าขนาดที่ Server กำหนดได้
  • มีการแปลมากกว่า 30 ภาษา
  • รองรับใช้งานร่วมกับ jQuery

ตัวอย่างการใช้ Plupload

Download Plupload ได้ที่เว็บไซต์ http://www.plupload.com/

เรียกใช้งานงาน Script ของ Library ถ้าต้องการใช้เป็น method jQuery ต้องเรียกใช้ไฟล์ CSS, Js ของ jQuery เพิ่มเติม (ผู้พัฒนา Plupload เตรียมไฟล์ให้แล้วใช้ชุดที่ Download มา)

การกำหนด Element บน HTML ในตำแหน่งที่ต้องการให้เป็นปุ่ม Browse และ Upload

การตั้งค่า Plupload

 

Microsoft Access Database จะ Error เมื่อมีการเรียกใช้พร้อมกันผ่านเว็บ

Microsoft Access Database จะ Error เมื่อมีการเรียกใช้พร้อมกันผ่านเว็บไซต์จะพบ error ดังนี้

วิธีแก้คือให้เปิด Permission ให้ไฟล์ .ldb และ .mdb ให้สิทธิ IIS_IUSR เข้าใช้งาน ด้วยสิทธิ Full control

 

Google Calendar จัดการ Resources เช่น การจองห้องจองรถภายในมหาวิทยาลัย

Google Calendar จัดการ Resource การจองห้องจองรถภายในมหาวิทยาลัย เมื่อคณะหรือหน่วยงานที่ใช้ account ภายใต้โดเมน @rmutp.ac.th จะเกิดปัญหาตามมาคือทุกคนจะสามารถเข้าไปจอง Resource ได้หมด ทำให้ห้องบางห้องต้องใช้โดยคนภายในหน่วยงานเจ้าของ อาจจะโดนจองจากคนนอกหน่วยงาน ทำให้การควบคุมการจองลำบาก ดังนั้นจะต้องใช้สิทธิแอดมินในการเข้าไปจัดการ Resrouces ที่มีการสร้างขึ้น วิธีการทำดังนี้

จะเห็นว่าเมื่อแชร์ปฏิทินจะสามารถกำหนดให้ แก้ไข หรือ แชร์ต่อได้ หรือแค่ดูรายละเอียด หรือแค่เห็นว่า Resources ว่างไม่ว่าง *กรณีจะมอบสิทธิให้คณะดูแล สามารถไปเปิด Role ในเมนูแอดมินจะมี Setting Calendar Resouces ภายในให้เลือก

 

 

ionic command

ionic command จะพิมพ์ใน command prompt (cmd) เพื่อทำงาน โดยมีคำสั่งที่สำคัญดังนี้

1) คำสั่งสร้าง apps

ตรง app1 คือชื่อ apps ที่จะสร้าง

2) คำสั่งเปิด run serve เพื่อจำลอง app ผ่าน browser เพื่อง่ายต่อการพัฒนา apps เริ่มต้น

3) คำสั่งปิด serve กรณีที่ทำแล้วอยากจำลองผ่าน emulator หรือ ผ่าน device จริงจะต้องปิด serve โดยพิมพ์

4) ให้ ionic download sources สำหรับใช้งานกับ android device

ให้ ionic download sources สำหรับใช้งานกับ iOS device

  • กรณีที่ error จากการ ใช้คำสั่ง ionic platform add สามารถใช้คำสั่ง remove ได้

5) run app

สำหรับ android device / emulator

สำหรับ iOS device (จะต้องใช้บน Mac OS และถ้าจะลงเครื่องจริงจะต้องทำผ่าน x code)

6) build icon / splash screen

ถ้ารูป icon หรือ splash ไม่เปลี่ยนให้พิมพ์เพิ่ม