Get Adobe Flash player

ระบบสารสนเทศ

HTML 5 canvas คืออะไร

HTML5 Canvas เป็นหนึ่งใน feature ที่มีคุณสมบัติทางด้านกราฟฟิคที่มาพร้อมกับ HTML5 ซึ่ง Canvas element นี่แหละมันอาจจะเป็นพระเอกของ HTML5 เพราะเจ้ากราฟฟิกตัวนี้ มันสามารถทำให้คุณสามารถสร้างระบบต่างๆ ที่คุณต้องการขึ้นมา ไม่ว่าจะเป็นระบบเกมส์ หรือโปรแกรมวาดภาพบนเว็บ ที่รองรับทุก platform

Canvas เป็น Element หนึ่งใน HTML5 เหมือนอย่าง <img> หรือ <a> โดยใน <img> หรือ <a> จะมี attributes เช่น src และ href แต่ใน <canvas> จะมีเพียงแค่ 2 attributes คือ width และ height (ความกว้างและความสูงของ Canvas) เท่านั้น

ข้อดีของ แท็ก Canvas
    ช่วยเปลี่ยนลูกเล่นการแสดงผลของเว็บเพจไปอีกมากเดิมที HTML เป็นการวาดออบเจคต์ (เช่น ข้อความ รูป กล่องข้อความ ฯลฯ) ขึ้นมาเป็นหน้าจอ และสามารถตกแต่งออบเจคต์แต่ละตัวได้ในระดับหนึ่งผ่าน CSS (เช่น ใส่สีพื้น วาดเส้นขอบ ทำมุมโค้ง) แต่ในภาพรวม HTML ยังไม่สามารถแสดงกราฟิกแบบราสเตอร์ (raster) ได้ด้วยตัวมันเอง ต้องทำภาพมาแปะอีกทอดหนึ่ง แท็ก canvas ที่ถูกเพิ่มเข้ามาช่วยให้เราสามารถ “วาดภาพ” ลงบนเว็บเพจได้โดยตรง โดยขอบเขตของภาพที่วาดก็จะอยู่ในออบเจคต์ชื่อ canvas นั่นเอง
   ลักษณะของ canvas แตกต่างจากภาพชนิดอื่นๆ คือ มันไม่ได้จะแสดงได้เป็นภาพนิ่งเท่านั้น แต่มันสามารถเป็นภาพเคลื่อนไหวได้ด้วย และก็ไม่ได้เกิดจากการเรียกไฟล์ภาพขึ้นมาแสดงตรงๆ แต่เป็นการสั่งโดย javascript ทุกๆเส้นหรือทุกๆจุด และทุกๆการเคลื่อนไหวที่เกิดภายใต้ <canvas> เกิดจากการสั่งงานโดย javascript ทั้งสิ้น แล้วนำเข้ามาโชว์ด้วยการเรียกผ่าน id ของ <canvas> เข้าไป

การใช้งาน HTML 5 canvas เบื้องต้น

เริ่มแรกทำการสร้างไฟล์ HTML ขึ้นมา ผมทำการตั้งชื่อ ว่า index.html และมี element <canvas> ดังตัวอย่าง


จากนั้นลิงค์สคริปไปยังไฟล์ JavaScript ของเรา โดยทำการตั้งชื่อว่า main.js

ตัวอย่างการทำ Canvas

ผลที่ได้ก็จะเหมือนๆกับเราสร้าง Element DIV แต่ว่าความสามารถของ Canvas นั้นมันมีมากกว่า และถ้าคลิกขวาที่ Canvas เราสามารถที่จะ Save ออกมาเป็น Image ได้ด้วยนะครับ

จัดทำรายงานสรุปการเข้าร่วมกิจกรรมของนักศึกษาบนระบบทรานสคริปกิจกรรม ปีการศึกษา 2560

จัดทำรายงานสรุปการเข้าร่วมกิจกรรมของนักศึกษาบนระบบทรานสคริปกิจกรรม ปีการศึกษา 2560 สามารถเข้าใช้งานได้ที่

http://activity.rmutp.ac.th/ และเลือกเมนู สรุปรายงานปีการศึกษา 2560

ปรับปรุงระบบลาออนไลน์ เพิ่มหน้าให้ผู้ดูแลของหน่วยงานกลาง ( กบ.) สามารถเข้าดูการลาทุกคนได้

ปรับปรุงระบบลาออนไลน์ เพิ่มหน้าให้ผู้ดูแลของหน่วยงานกลาง ( กบ.) สามารถเข้าดูการลาทุกคนได้

ปรับปรุงเพิ่มประสิทธิภาพระบบ บันทึกเวลาและระบบโอที

ปรับปรุงเพิ่มประสิทธิภาพระบบ บันทึกเวลาและระบบโอที

  • ปรับเปลี่ยนฐานข้อมูลเครื่องสแกนเวลาเข้างาน จาก Microsoft Access เป็น Microsoft SQL Server เพื่อรองรับการใช้งานผ่าน web browser และรองรับการเข้าใช้งานได้พร้อมกัน
  • ปรับเปลี่ยนการดึงข้อมูลการสแกนเข้างานเพื่อปฏิบัติงานจากฐานข้อมูล Microsoft Access แล้วบันทึกเวลาปฏิบัติงานนอกเวลาหรือระบบ OT ลงในฐานข้อมูล Microsoft SQL Server

สำนักวิทยบริการและเทคโนโลยีสารสนเทศ (สวส.) ได้จัดทำ email google (email RMUTP) ให้แก่นักศึกษาทุกคน ทุกชั้นปี

ด้วยสำนักวิทยบริการและเทคโนโลยีสารสนเทศ (สวส.) ได้จัดทำ email google (email RMUTP) ให้แก่นักศึกษาทุกคน ทุกชั้นปีแล้ว และได้แจ้งในงานปฐมนิเทศนักศึกษาใหม่แล้ว แต่พบว่า ยังมีนักศึกษาบางคน ยังไม่ทราบ email rmutp ของตนเอง จึงใคร่ขอความอนุเคราะห์อาจารย์ แจ้งนักศึกษา ให้เข้าไปตรวจสอบ email account ของนักศึกษาเองได้  เมื่อนักศึกษาทราบ email account แล้วสามารถนำไปใช้กับ Google for Education ได้ทุกอัน เช่น google classroom, google drive,docs,sheets,slide,site เป็นต้น
วิธีดูชื่อ email account ผ่านระบบบริการนักศึกษา  http://reg.rmutp.ac.th

ปรับปรุงระบบประชุมอิเล็กทรอนิกส์ (e-Meeting) เพิ่มผู้เข้าประชุมแทน

ปรับปรุงระบบประชุมอิเล็กทรอนิกส์ (e-Meeting) เพิ่มผู้เข้าประชุมแทน เพื่อให้ง่ายต่อการส่งตัวแทนเข้าประชุม เมื่อผู้เข้าร่วมประชุมหลักไม่สามารถมาประชุมตามวันและเวลาที่นัดหมายได้ สามารถเข้าใช้งานได้ที่ http://e-meeting.rmutp.ac.th 

ปรับปรุงระบบลาออนไลน์ เพิ่มความคิดเห็นของผู้บังคับบัญชาสูงสุดของหน่วยงานลงไป

ปรับปรุงระบบลาออนไลน์ เพิ่มความคิดเห็นของผู้บังคับบัญชาสูงสุดของหน่วยงานลงไป โดยปกติจะมีแค่ความคิดเห็นของหัวหน้างาน และผู้ดูแลบุคลากรของหน่วยงาน ได้เพิ่มความคิดเห็นของผู้บังคับบัญชาระดับสูงลงไป เช่น ความคิดเห็นในการอนุมัติ ของ ผอ./คณะบดี โดยจะแสดงในหน้าใบลาดังภาพด้านล่าง

ปรับปรุงระบบบริหารชมรม CLUB ครั้งที่1

ปรับปรุงระบบบริหารชมรม CLUB ครั้งที่ 1 ทั้งหมด 3 จุด ดังนี้

  • แบ่งฐานข้อมูลนักศึกษาชมรมในแต่ละปีการศึกษา

pict1

 

  • ชุดปุ่มแสดงแผนภูมิจำนวนนักศึกษาชมรมในแต่ละปีการศึกษา ในหน้าแรก

pict2

 

  • ปรับปรุงการแสดงรายชื่อชมรม โดยขึ้นกับปีการศึกษานั้น

pict3

 

สามารถเข้าใช้งานได้ที่ http://std-club.rmutp.ac.th/

ปรับปรุงระบบ e-meeting เพิ่มสถานะผู้เข้าร่วมให้มีสีบ่งบอกสถานะ และปรับหน้าปฏิทิน

ปรับปรุงระบบ e-meeting เพิ่มสถานะผู้เข้าร่วมให้มีสีบ่งบอกสถานะ และปรับหน้าปฏิทินให้แสดงรายการที่ผู้ใช้งานสามารถเลือกจากปฏิทินและเข้าไปยังการประชุมนั้นๆ ได้

 

emeeting1
emeeting2

ปรับปรุงระบบ e-meeting

update ระบบ e-meeting.rmutp.ac.th

  • เพิ่มให้สามารถ add file ได้หลายไฟล์
  • ผู้เข้าร่วมจะเป็นผู้บริหารระดับ ceo เท่านั้น โดยมีผู้เข้าร่วมเป็นเลขาสามารถจดบันทึกสรุปและมติได้
  • สามารถแยกกลุ่มผู้เข้าร่วมเพื่อให้ง่ายต่อการเลือกผู้เข้าร่วม
  • ระบบจะส่งคำเชิญพร้อมใบบันทึกข้อความให้ และมีรายชื่อพร้อมเบอร์โทรผู้ประสานงาน
  • ปุ่มตอบรับการเข้าร่วมปรับให้ เป็นเข้าร่วมประชุม ถ้าติดธุระจะมีปุ่มติดราชการให้เลือก

List รายการแก้ไขจากที่คุยงาน สีเขียวคือเสร็จแล้ว

Screen Shot 2559-08-03 at 2.42.07 AM

ภาพหน้าจอการแก้ไข

หน้า edit ระเบียบวาระ สามารถเพิ่มไฟล์ได้มากกว่า 1 ไฟล์แล้ว

emeeting1png

หน้าผู้เข้าร่วม นำรายชื่อผู้บริหารและจัดกลุ่มให้สามารถเลือกใช้งานได้ง่าย (แต่จะมีผู้ดูแลระบบสองคนไว้ทดสอบ)

emeeting2png

หลังจากเลือกผู้เข้าร่วมจะพบกับหน้าเลือก ตำแหน่งในการประชุมครั้งนั้นๆ โดยผู้ช่วยเลขา หรือกรรมการเลขาสามารถบันทึก สรุปเรื่อง และมติที่ประชุมเข้าสู่ระบบได้ (เลือกรายการจากหน้าแรกจะสามารถเข้าไปบันทึกได้)

emeeting3png

ระบบจะทำการส่ง email ไปยังผู้เข้าร่วมทุกคน โดยมีข้อมูลการประชุม และเบอร์โทรติดต่อผู้ประสานงาน และแนบใบบันทึกข้อความการเชิญประชุมไปด้วย

Screen Shot 2559-08-03 at 2.37.13 AM

เมื่อกดที่ใบบันทึกข้อความเชิญประชุม ระบบจะแสดงใบบันทึกข้อความแบบเต็มให้ตามภาพด้านล่าง

Screen Shot 2559-08-03 at 2.37.51 AM