Month: August 2017

การทำตัวอักษรวิ่งด้วย HTML

นอกจากการเขียนเนื้อหาเว็บไซต์ด้วยตัวอักษรธรรมดาแล้ว ในการเขียนเว็บด้วย HTML ยังสามารถเพิ่มลูกเล่นให้กับตัวอักษรด้วยการกำหนดให้ตัวอักษรสามารถเคลื่อนไหวได้อีกด้วย ซึ่งสามารถเพิ่มความน่าสนใจให้กับเว็บนั้นๆได้ แถมวิธีการเขียนก็ไม่ยุ่งยาก ตัวโค้ดที่ใช้ ได้แก่ <marquee direction=”ทิศทางการวิ่ง” width=”ความกว้าง” height=”ความสูง” scrollamount=”ความเร็วในการวิ่งของตัวอักษร” scrolldelay=”เวลาหน่วง”>ข้อความที่จะแสดง</marquee>   ในการเขียนคำสั่งสร้างตัวอักษรที่มีการเคลื่อนไหว เราจะเขียนภายใต้ <marquee> และปิดด้วย </marquee> ทีนี้ ในการตั้งค่าตัวอักษรว่าจะให้เคลื่อนที่อย่างไร จะมาเซตในส่วนของ <marquee> – direction=”ทิศทางการวิ่ง” เป็นการกำหนดทิศทางการวิ่งของตัวอักษร มี 4 อย่าง ได้แก่ <marquee direction=”left”>ข้อความวิ่งจากขวาไปซ้าย</marquee> <marquee direction=”right”>ข้อความวิ่งจากซ้ายไปขวา</marquee>  <marquee direction=”up”>ข้อความวิ่งจากล่างขึ้นบน</marquee> <marquee direction=”down”>ข้อความวิ่งจากบนลงล่าง</marquee> – width=”ความกว้าง” เป็นการกำหนดความกว้างของบรรทัดตัวอักษรที่จะวิ่ง (มักใช้กรณีกำหนดทิศทางการวิ่งแบบ left หรือ right) ใช้กำหนดได้ทั้งตัวเลขโดดๆและแบบเป็นเปอร์เซนต์ – height=”ความสูง” เป็นการกำหนดความสูงของบรรทัดตัวอักษรที่จะวิ่ง (มักใช้กรณีกำหนดทิศทางการวิ่งแบบ up หรือ down) ใช้กำหนดได้ทั้งตัวเลขโดดๆและแบบเป็นเปอร์เซนต์เช่นเดียวกับการกำหนดความกว้าง – scrollamount=”ความเร็วในการวิ่งของตัวอักษร” และ scrolldelay=”เวลาหน่วง” เป็นการกำหนดความเร็วในการวิ่งและกำหนดความหน่วงของ โดยกำหนดเป็นตัวเลข ถ้าตัวเลขมากก็ยิ่งเร็วมาก ตัวเลขน้อยก็ยิ่งช้า   เพิ่มเติม หากต้องการเซตให้ข้อความวิ่งไปวิ่งมา จะเซตด้วย behavior=”alternate” เช่น <marquee behavior=”alternate”>ข้อความที่ต้องการ<marquee> นอกจากนี้ […]

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

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

การติดตั้ง Composer

     Composer คืออะไร การติดตั้งบน PHP Composer เช่น XAMPP , Appserv และอื่นๆ การพัฒนาโปรแกรม php เรากำลังอยู่ในยุคของการจัดการกับ Package และ Library ต่าง ๆ ที่เป็น Open Source ที่มีอยู่มากมายตามแหล่งต่างๆ ให้มีความเป็นระบบเรียบร้อย มีความปลอดภัยในการดาวน์โหลดและ นำมาใช้ เพราะก่อนหน้านี้เราจะเห็นว่าในกรณีที่จะต้องใช้ Library ต่างๆ นั้น จะต้องใช้วิธีการดาวน์โหลดไฟล์จากแหล่งนั้นมาใช้งาน ซึ่งจะพบกับความเสี่ยงต่างๆ จากการดาวน์โหลด ไม่ว่าจะเป็นความปลอดภัย ไวรัส มัลแวร์ ความน่าเชื่อถือ รวมทั้งไฟล์นั้นใช้งานตรงกับเวอร์ชั่นของ php ที่จะสามารถใช้งานได้หรือไม่ ซึ่งปัญหาเหล่านี้ได้ถูกพัฒนาจนมาถึงปัจจุบัน โดย Composer แนวคิดคือจะรวบรวมและจัดระเบียบ package และ library ต่างๆ ให้มาอยู่ในแหล่งเดียวกัน สามารถติดตั้ง Library ได้จาก Command ซึ่งโปรแกรมจะทำการตรวจสอลและดาวน์โหลด Package นั้นๆ มาใช้งาน  เข้าไปยังเว็บไซต์ https://getcomposer.org/   คลิกไปยังปุ่ม Download     ดาวโหลดตัว Composer_Setup.exe   […]

การ Backup Database ของ SQL Server 2012

1.เปิดโปรแกรม SQL Server Management Studio และทำการ Login เข้าสู่ Database                             2. ทำการเลือก Database ที่ต้องการ Backup 3. ทำการคลิกขวาและเลือก Taks และ เลือก Back up 4. ในตอนต้นโปรแกรมจะทำการตั้ง Path Default ไว้ ให้เราทำการเลือก และกด Remove 5. เลือกไปยัง Path ที่ต้องการและ ทำการกรอกชื่อในช่อง File name xxxx.bak และ กด Ok 6. ทำการกด OK 7. […]

Angular-materialize Plugin สำหรับการใช้งาน AngularJS ร่วมกับ Materialize CSS

จากการแนะนำ CSS Framework ที่ออกแบบตามหลักการของ Material Design ที่ผ่านมา http://info.arit.rmutp.ac.th/2017/07/31/materialize/ หากต้องนำมาใช้ร่วมกับ AngularJs (version 1) ควรจะใช้ Plugin นี้เพื่อมาช่วยให้ทำงานร่วมกันได้ เพราะด้วยตัว Materialize CSS มี JavaScript เป็นของตัวเอง การแนบไฟล์ JavaScript และ CSS ที่ต้องใช้

การเรียกใช้ Module ชื่อ ‘ui.materialize’

จากนั้น Form Input ต่าง ๆ ที่ถูก apply โดย Materialize CSS ไม่ว่าจะเป็น Text, Date และ Time จะถูกผูกค่ากับ ng-model ของ AngularJs ดังตัวอย่างต่อไปนี้ Input-date HTML

JavaScript […]

ปรับปรุงระบบสารบรรณอิเล็กทรอนิกส์ (edoc) ปรับข้อมูลผู้รับให้ตรงกับฐานข้อมูล กบ.

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

วิธีการใช้ Node.js และ Git เพื่อทำการติดตั้ง bower, typescript, tsd และใช้ bower ติดตั้ง bootstrap, AngularJS

ขั้นตอนการติดตั้งจะต้องติดตั้ง Node.js ก่อนเพื่อใช้คำสั่ง npm ติดตั้ง bower หลังจากนั้นติดตั้ง Git เพื่อให้สามารถใช้งาน bower ติดตั้งไฟล์ลงใน path ที่ต้องการได้ หลังจากนั้นใช้คำสั่ง bower เพื่อติดตั้ง bootstarp,AngularJS ลง Proejct ได้ STEP 1 จะต้องติดตั้ง node.js ก่อน เพราะจะต้องใช้คำสั่ง npm เพื่อทำการติดตั้ง bower, typescript, tsd ฯลฯ 1) ติดตั้ง node.js จากเว็บ https://nodejs.org/en/   หลังจากนั้นให้ทำการ install Node.js ตั้วล่าสุดลงไป 2) เมื่อลง Node.js ให้เปิด CMD ขึ้นมาเพื่อทำการสั่งให้ Node.js ทำการ install package ที่ต้องการใช้งานดังนี้ ติดตั้ง bower ใช้คำสั่ง npm […]