Get Adobe Flash player

Monthly Archives: July 2017

การทำ Datasource และกำหนดค่าเริ่มต้นให้กับ Combobox (ASP.NET C#)

DropDownList กับ Combobox มีความคล้ายคลึงกันในแง่ของการเอาไปใช้งาน และในส่วนของการตั้งค่า Datasource สำหรับตัว DropDownList กับ Combobox เองก็มีความคล้ายคลึงกัน ดังนี้

ชื่อ combobox.Item.Clear();
ชื่อ combobox.TextField = ชื่อ col ของ dataset;
ชื่อ combobox.ValueField = ชื่อ col ของ dataset;
ชื่อ combobox.DataSource = ชื่อของ dataset;
ชื่อ combobox.DataBind();

ตัวอย่างโค้ด

จะเห็นได้ว่าโค้ด มีความคล้ายคลึงกันมากในส่วนการนำค่า Dataset มากำหนดค่าให้กับ
แต่จะมีข้อแตกต่างเล็กน้อยในกรณีที่มีการกำหนด index หรือการกำหนด combobox ค่าใดค่าหนึ่งเริ่มต้นไว้ ดังรูป

สิ่งที่ใช้ในการเซตค่าเริ่มต้น นั่นคือส่วน .Value

ชื่อ combobox.SelectIndex = -1;
ชื่อ combobox.Value = ค่าที่กำหนด;

.SelectIndex ปกติแล้วจะใช้ในการกำหนด index ของตัว combobox และ dropdownlist
แต่ในที่นี้ ที่กำหนดเป็น -1 ตายตัว ก็คือการเคลียร์ค่า select เดิมก่อนจะกำหนดค่าใหม่

.Value 
ส่วนนี้จะเป็นโค้ดสำหรับการเซตค่าเริ่มต้นให้กับตัว combobox
ในขณะที่การกำหนดค่าเริ่มต้นของ dropdownlist จะใช้โค้ด

  • ชื่อdropdownlist.Items.FindByValue(ค่าที่กำหนดเป็น string).Selected = true;
  • ชื่อdropdownlist.SelectedValue = ค่าที่กำหนด;

พัฒนาระบบเก็บวัสดุและครุภัณฑ์สำนักงาน สำหรับใช้งานภายในสำนักวิทยบริการ

การพัฒนาระบบเก็บวัสดุและครุภัณฑ์สำนักงาน จะมีสองระบบ คือ 1) ระบบเก็บครุภัณฑ์สำนักงานจะดึงข้อมูลจากฐานข้อมูล ERP (ระบบบริหารทัพย์สินภายในมหาวิทยาลัย) เพื่อเชื่อมโยงกับเลขครุภัณฑ์ ส่วน 2) ระบบเก็บวัสดุ จะเป็นการเก็บข้อมูลที่นอกเหนือจากข้อมูลในระบบ ERP เพื่อให้สะดวกต่อการบริหารจัดการวัสดุสำนักงาน

ระบบวัสดุ เป็นส่วนหนึ่งของระบบบริหารจัดการครุภัณฑ์และวัสดุ ระบบที่ใช้บันทึกการเบิกวัสดุภายในสำนักวิทยบริการ ที่สามารถสร้างและแก้ไขรายละเอียดเกี่ยวกับวัสดุและใบเบิกวัสดุได้ ภายในระบบประกอบด้วย

  1. ระบบบันทึกรายละเอียดวัสดุ จะเป็นการบันทึกรายการวัสดุที่มีในคลังของสำนักวิทยบริการ ในหน้าวัสดุจะแสดงรายการวัสดุทั้งหมดและรายละเอียด
    เช่น วัสดุมีอะไรบ้าง เป็นชนิดไหหน ใช้งบใดในการจัดซื้อ จำนวนที่จัดซื้อ ราคาต่อหน่วย ยอดคงเหลือปัจจุบัน เป็นต้น

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

 

วิธีการเข้าใช้

  1. ทำการล๊อคอินเข้าใช้ ด้วย username rmutp passport
  2. พิมพ์ password
  3. กดปุ่มเข้าสู่ระบบ ถ้าล๊อคอินสำเร็จ ระบบจะเข้าสู่หน้าส่วนกลางเพื่อเลือกโหมดการใช้งาน

 

วิธีเพิ่มรายการวัสดุ หรือ รายการใบเบิกวัสดุ


– ในการจะเพิ่มรายการวัสดุหรือใบเบิกวัสดุ เวลาที่ผู้ใช้งานต้องการจะเพิ่มรายการ
จะต้องคลิกไอคอน “เครื่องหมายบวก” ที่หน้าวัสดุหรือใบเบิกวัสดุ โดยไอคอนจะอยู่ตรงมุมซ้ายบนของตาราง


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

 

วิธีแก้ไขรายการวัสดุ หรือ รายการใบเบิกวัสดุ


– ในการจะแก้ไขรายการวัสดุหรือใบเบิกวัสดุ เวลาที่ผู้ใช้งานต้องการจะแก้ไขรายการ จะต้องดูจากลิสท์รายชื่อรายการในหน้านั้นๆ
เมื่อหารายการที่ต้องการแก้ไขเจอ ให้กดไอคอน “แก้ไข” ที่อยู่ทางซ้ายมือของแถวรายการข้อมูลนั้น


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

แนะนำ Materialize CSS Framework ใหม่สำหรับพัฒนา Web App

เป็นอีกทางเลือกหนึ่งสำหรับผู้ที่ต้องการพัฒนา Web App ให้มีหน้าตาที่ทันสมัยถูกหลักการของ Material Design ของ Google โดย Materialize CSS นั้นเป็นอีกหนึ่งใน Framework ที่ได้พัฒนาโดยอิงตามหลักการของ Material Design มาทั้งหมด

คุณลักษณะที่สำคัญเมื่อเทียบกับ Bootstrap

Grid System

ทั้ง Materialize ใช้หลักการแบ่ง Column แบบเดียวกับ Bootstrap โดยการแบ่งเป็น 12 Column ใช้งานง่ายทั้งคู่แต่ Materialize ใช้ชื่อ Class ในระบบ Grid system ได้สั้นและดูง่ายกว่า ดังภาพ

Grid System (Materialize CSS)

Grid System (Materialize CSS)

Grid System (Bootstrap)

Grid System (Bootstrap)

ในเรื่องความละเอียดของระดับหน้าจอ Materialize และ Bootstrap แบ่งหน้าจอเป็น 4 ขนาดประกอบด้วยตารางด้านล่าง

Screen Size (Materialize CSS)

 

Screen Size (Bootstrap)

 

Container System

Container System คือ Layout หรือกรอบรอบนอกสุดที่ทำหน้าที่บรรจุดเนื้อหาของเว็บไซต์ทั้งหมด โดย Container ของ Bootstrap นั้นจะแบ่งเป็น 2 แบบคือแบบ Fix จะมีความกว้างไม่เกิน 1170px (ดูได้จากรูป Screen Size Bootstrap) และแบบ Fluid คือจะกว้างเต็มตามขนาดหน้าจอ แต่ในขณะเดียวกัน Materialize CSS นั้นใช้หลักการ Material Design จาก Google ซึ่งมองว่าเนื้อหาของเว็บไซต์ควรจะรวมอยู่กึ่งกลางเพื่อให้ผู้ใช้ดูง่าย ดังนั้น Container ของ Materialize CSS จึงมีความกว้างประมาณ 70% ของหน้าจอขนาดใหญ่ (ดูได้จากรูป Screen Size Material CSS)

ดูเพิ่มเติม: http://materializecss.com/

สำนักวิทยบริการและเทคโนโลยีสารสนเทศ (สวส.) ได้จัดทำ 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

พัฒนาระบบ QR Code สำหรับใช้ในงาน RMUTP Go Digital

พัฒนาระบบ QR Code สำหรับใช้ในงาน RMUTP Go Digital  โดยในระบบจะประกอบด้วย

  1. สร้างระบบส่ง QR Code ให้กับนักศึกษาชั้นปีที่ 1 จำนวน 4,476 คน โดยส่งเข้าเมลภายใต้โดเมน @rmutp.ac.th
  2. สร้างหน้าเก็บ QR Code จากอุปกรณ์พกพา พร้อมทั้งแสดงข้อมูล น.ศ.  +รูปนักศึกษา ที่เข้าร่วมกิจกรรมให้สตาฟประจำแต่ละจุดเก็บข้อมูลการเข้าร่วมกิจกรรมของ น.ศ.
  3. สร้างหน้า admin
    1. เพื่อเพิ่มสตาฟ
    2. สร้าง QR Code ฝั่ง admin สำหรับนักศึกษาชั้นปี 2-4
    3. แสดงสถิติการเข้าร่วมกิจกรรมในแต่ละบูธได้
  4. สร้างระบบประเมิน เพื่อใช้ประเมินงาน พร้อมทั้งสร้างระบบแรนดอมผู้โชคดีจากการประเมินเพื่อแจกจักรยาน

หน้าผู้ดูแลระบบสำหรับจัดการ QR Code 

 

 

 

 

 

 

MVC 5 Keyboard Short cut

Ctrl+m+g ไปกลับ control และ view ได้

ctrl+shift+b เป็นการ build code

Ctrl+k+c,Ctrl+k+u  = block comment / unblock comment

กด alt+ลูกษรขึ้นลงย้ายโค้ดได้

พิมพ์ prop กด tab tab จะสร้าง properties

พิมพ์ ctor กด tab tab เป็นการสร้าง constructor จะถูกทำงานอัตโนมัติ

@forr click tab tab = for reword

กด Ctrl+k+d เป็นการจัดไลน์โค้ด
mvc1

 

การเรียกใช้ Script จากเพจลูกมาแสดงใน Page Layout

mvc2กดไปยังโค้ดที่ต้องการจากการใช้ go to definition

Mvc3

ถ้าใช้ bootstarp css pull-right or pull-left จะต้อง clearfix ด้วย

Mvc4การใช้ Asure สำหรับสร้าง HTML Tag แบบ Inteligent โดยถ้าสร้าง table สามารถพิมพ์

table>tr>td*5 กด Tab 2 ครั้ง จะได้

ถ้าจะใส่คลาสจะให้พิมพ์

table.table>tr>td*5 กด Tab 2 ครั้ง

การสร้างปุ่ม Link โดยใช้ @Html.ActionLink เมื่อต้องการประกาศให้มันใช้ html attribute class จะได้ดังภาพด้านล่าง

Mvc6

 

การใช้ code MVC สร้าง Form และ Element ต่างๆ

mvcD2_1